/** =============================================================== **/
/** HTML Main CSS **/
/** =============================================================== **/

.fc-close-icon { display: none !important; }

:root {
    --color-main: #000000;
    --color-blue: #1C4477;
    --color-grey-light: #6D6D6D;
    --color-orange: #993814;
}

#ad-header {
    margin-top:30px;
    min-height: 266px;
}
@media screen and (min-width: 800px) {
    #ad-header {
        min-height: 266px;
    }
}
script[data-tcf="waiting-for-consent"] {
    margin-top: 250px; /* you can adjust the reserved space here */
    display: block;
    height: 0;
    overflow: hidden;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: 'Lato', sans-serif;
    line-height: 143%;
    font-weight: 400;
    position: relative;
    overflow-x: hidden !important;
    color: var(--color-main);
    background-color: #F9F9F9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:focus {
    outline: 1px dotted var(--color-blue) !important;
    outline-offset: 0px;
}

.using-mouse :focus {
    outline: none !important;
}

.overflow-hidden {
    overflow-x: hidden !important;
}

/* custom broswer default scroll */

body::-webkit-scrollbar {
    width: 0.5em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--color-blue);
    outline: none;
}

/** =============================================================== **/
/** Standard Bootstrap CSS **/
/** =============================================================== **/

a {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    text-decoration: none;
    color: var(--color-blue);
}

a:hover {
    text-decoration: underline;
    color: var(--color-blue);
}

button {
    border: none;
}

.image-auto {
    width: auto;
    max-width: 100%;
}

.image-full {
    width: 100%;
    max-width: 100%;
}

.font-normal {
    font-weight: 400 !important;
}

.font-bold,
strong,
b {
    font-weight: 700 !important;
}

.font-heavy {
    font-weight: 900 !important;
}

.f14 {
    font-size: 14px;
    line-height: 120%;
}

h1,
.h1 {
    font-size: 2.533rem; /* 38px */
    line-height: 125%;
    font-weight: 700;
}

h2,
.h2 {
    font-size: 1.800rem; /* 27px */
    line-height: 130%;
    font-weight: 700;
}

h4,
.h4 {
    font-size: 1.4rem; /* 20px */
    line-height: 120%;
    font-weight: 400;
}

h5,
.h5 {
    font-size: 1.16rem; /* 20px */
    line-height: 120%;
    font-weight: 400;
    text-decoration: underline;
}

.color-main {
    color: var(--color-main) !important;
}

.color-blue {
    color: var(--color-blue) !important;
}

.color-orange {
    color: var(--color-ornge) !important;
}

.color-grey-light {
    color: var(--color-grey-light) !important;
}

.overflow-x {
    overflow-x: hidden !important;
}

.label {
    display: block;
    position: relative;
    color: #1E1E1E;
    font-weight: bold;
    font-size: 0.867rem;
    line-height: 125%;
    margin-bottom: 0.5rem;
}

.form-control,
.form-control:focus,
.form-select,
.form-select:focus {
    border: 1px solid #B4B4B4;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.867rem 1.200rem;
    display: inline-block;
    min-height: 3.333rem;
    font-size: 1.200rem;
    line-height: 115%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: 400;

}

.form-select,
.form-select:focus {
    background-image: url(/assets/icon-triangle-50d1d132434975578407e75a3454d8dadfedc44bbdd38ee90676674505fd2595.svg);
    -webkit-background-size: 0.500rem 1rem;
    -moz-background-size: 0.500rem 1rem;
    -o-background-size: 0.500rem 1rem;
    background-size: 0.500rem 1rem;
}

.block-search-form .form-select {
    color: #9e9e9e;
}

.block-search-form .form-select option:not(:first-of-type) {
    color: #000;
}

.block-search-form .form-select option:first-of-type {
    display: none;
}

.block-search-form .form-select.selected {
    color: #000;
}

.form-control.error,
.form-control.error:focus {
    border-color: #F80000 !important;
}

.text-error {
    font-size: 0.813rem;
    line-height: 120%;
    color: #F80000;
    font-weight: 400 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color: transparent !important;
}

.form-control::-webkit-input-placeholder {
    /* Edge */
    color: #929292;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #929292;
}

.form-control:-moz-placeholder {
    color: #929292;
}

.form-control::-moz-placeholder {
    color: #929292;
}

.form-control::-ms-input-placeholder {
    color: #929292;
}

.form-control::placeholder {
    color: #929292;
}

.form-control.error,
.form-control.error:focus {
    border-color: #F80000;
}

textarea.form-control,
textarea.form-control:focus {
    height: 150px;
    resize: none;
}

.btn {
    padding: 14px 18px;
    display: inline-block;
    min-height: 50px;
    font-weight: 500;
    color: #515151;
    font-size: 0.875rem;
    line-height: 120%;
    border: 1px solid #B4B4B4;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: none;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}


.btn:hover,
.btn.focus,
.btn:focus {
    border: 1px solid var(--gold-3);
    background-color: var(--gold-3);
    color: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.container {
    max-width: 1040px;
}

/** =============================================================== **/
/** Main styles **/
/** =============================================================== **/


header {
    top: 0;
    z-index: 100;
    width: 100%;
    height: 4.000rem;
    border-bottom: 1px solid #E5E5E5;
    background-color: #FFF;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

header .container {
    max-width: 1380px;
}

header.pin {
    height: 3rem;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

header .logo img {
    max-height: 1.600rem;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

header.pin .logo img {
    max-height: 1.300rem;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

header .navbar {
    padding: 0;
    margin: 0;
}

header .navbar .nav-item {
    padding: 0 0.500rem;
    position: relative;
}

header .navbar .nav-item:first-child {
    padding-left: 0;
}

header .navbar .nav-item:last-child {
    padding-right: 0;
    border-right: none;
    border-right: none;
}

header .navbar-nav .nav-link {
    padding: 0.313rem 0.813rem;
    border-radius: 5px;
    margin: 0;
    font-weight: 600;
    font-size: 1.000rem;
    line-height: 120%;
    color: #000;
    text-transform: none;
    text-decoration: none;
    position: relative;
}

header.internal .navbar-nav .nav-link {
    color: #000;
}

header .nav-link:focus,
header .nav-link:hover,
header .nav-link.active,
header .nav-link.active:hover,
header .nav-link.active:focus {
    font-weight: 600;
    background-color: #ECEEEF;
    text-decoration: none !important;
}

header.internal .nav-link:focus,
header.internal .nav-link:hover,
header.internal .nav-link.active,
header.internal .nav-link.active:hover,
header.internal .nav-link.active:focus {
    color: var(--color-blue);
}

.block-title {
    width: 100%;
    display: block;
    position: relative;
    padding: 4.333rem 0;
}

.block-search-form {
    width: 100%;
    display: block;
    position: relative;
    padding: 3.333rem 0;
    background-color: #FFF;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.block-search-form.top {
    border-top: none;
}

.block-search-form .search-box {
    width: 100%;
    display: block;
    position: relative;
    z-index: 100;
}

.block-search-form .search-box .form-control {
    padding-left: 4.333rem;
    font-size: 1.467rem;
    min-height: 4.000rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.block-search-form .search-box .form-control.shadow {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.block-search-form .search-box.new .form-control {
}

.block-search-form .search-box.new:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f4cc";
    color: var(--color-orange);
    position: absolute;
    left: 1.225rem;
    top: 1.2rem;
    font-size: 1.9rem;
}

.block-search-form .search-box.new.inside:before {
    left: 1.125rem;
    top: 0.85rem;
    font-size: 1.7rem;
}

.block-search-form.top .search-box .form-control {
    padding: 0.867rem 1.200rem;
    padding-left: 3.5rem;
    min-height: 3.333rem;
    font-size: 1.200rem;
    line-height: 115%;
    font-size: 1.125rem;
}

.block-search-form .search-box.new.inside .form-control {
    padding-right: 6.5em;
}

.block-search-form .search-box.new.inside button {
    width: auto;
    padding: 0.467rem 0.700rem;
    display: inline-block;
    min-height: 2.033rem;
    right: 0.45rem;
}

.block-search-form .bottom {
    width: 100%;
    display: block;
    position: relative;
    padding-right: 7.150rem;
}

.block-search-form button {
    position: absolute;
    padding: 0;
    margin: 0;
    background-color: transparent;
    left: 1.200rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.block-search-form button {
    left: auto;
    right: 0;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 120%;
    color: #FFF;
    border: 2px solid var(--color-orange);
    background-color: var(--color-orange);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 5.813rem;
    padding: 0.867rem 1.200rem;
    display: inline-block;
    min-height: 3.333rem;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.block-search-form button:hover {
    background: #FFF;
    color: var(--color-orange);
    border: 2px solid var(--color-orange);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.block-search-form.top button img {
    max-height: 1.375rem;
}

.block-search-form .search-box .search-list-preview {
    display: block;
    position: absolute;
    left: 0;
    top: 120%;
    background: #FFFFFF;
    border: 1px solid #B4B4B4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1.000rem 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.block-search-form .search-box.input-has-value .search-list-preview {
    opacity: 1;
    visibility: visible;
    height: auto;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.block-search-form .search-box .search-list-preview li a {
    position: relative;
    color: #000;
    display: block;
    background-color: #FFF;
    font-size: 13px;
    padding: 0.4rem 0;
    padding-left: 4rem;
    padding-right: 1rem;
}

.block-search-form .search-box .search-list-preview li a:hover {
    background-color: rgba(28, 68, 119, .14);
    text-decoration: none !important;
}

.block-search-form .search-box .search-list-preview li a strong {
    font-size: 15px;
    display: inline-block;
    margin-right: 0.3rem;
}

.block-search-form .search-box .search-list-preview li a small {
    color: rgba(109, 109, 109, 1);
    font-size: 13px;
    display: inline-block;
    margin-left: 0.3rem;
}

.block-search-form .search-box .search-list-preview a .code {
    display: inline-block;
    position: absolute;
    left: 1rem;
    top: 0.50rem;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    background: #505050;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 2.313rem;
    height: 1.250rem;
    color: #FFF;
    line-height: 100%;
    padding: 0.250rem 0.125rem;
}

.block-search-form .search-box .search-list-preview .all {
    font-weight: 700;
    font-size: 0.875rem;
    margin-left: 1rem;
    margin-top: 0.3rem;
    display: inline-block;
}

/*.block-search-form .search-box .search-list-preview .all:after{
    content: url(/../images/icon-carret-right.svg);
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.4rem;
    margin-top: -0.2rem;
}*/

.block-features {
    width: 100%;
    display: block;
    padding: 5.000rem 0;
    text-align: center;
}

.block-features .single {
    display: block;
    position: relative;
    text-align: center;
}

.block-features .single .icon {
    width: 7.000rem;
    height: 7.000rem;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #1C4477;
    border: 1px solid #E5E5E5;
    background-repeat: no-repeat;
    -webkit-background-size: auto 55%;
    -moz-background-size: auto 55%;
    -o-background-size: auto 55%;
    background-size: auto 55%;
    background-position: center center;
}

.block-features .single h2 {
    position: relative;
    display: inline-block;
}

.block-features h2 span {
    display: inline-block;
    font-weight: bold;
    font-size: 0.733rem;
    line-height: 125%;
    color: #FFFFFF;
    background-color: var(--color-orange);
    padding: 0.133rem 0.267rem;
    position: absolute;
    left: 100%;
    top: -0.667rem;
}

footer {
    width: 100%;
    display: block;
    position: relative;
    background-color: #333333;
    padding: 1.667rem 0;
    text-align: center;
    color: #FFF;
    font-size: 0.867rem;
    line-height: 125%;
    font-weight: 700;
    border-bottom: 18px solid #000000;
}

footer .menu .list-inline-item:not(:last-child) {
    margin-right: 1rem;
}

footer .menu a {
    color: #FFF;
    font-weight: bold;
    font-size: 0.867rem;
    line-height: 125%;
}

footer a:hover {
    text-decoration: underline;
}

footer .browse a {
    font-weight: bold;
    font-size: 0.867rem;
    line-height: 125%;
    color: #CCCCCC;
}

footer .browse .list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

/* results page */

.adv-search-link {
    display: inline-block;
    position: relative;
    color: var(--color-blue);
}

.adv-search-link:hover {
    text-decoration: underline;
}

.box-white {
    width: 100%;
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 0.333rem;
    -moz-border-radius: 0.333rem;
    border-radius: 0.333rem;
    padding: 1.333rem;
    font-size: 1.1rem;
    line-height: 135%;
}

.box-white .collapse-block {
    width: 100%;
}

.box-white .collapse-block .collapse-link {
    width: 100%;
    display: block;
    position: relative;
    padding-right: 2.667rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    text-decoration: none;
}

.box-white .collapse-block .collapse-link:before {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #000;
    content: '';
    width: 1.067rem;
    height: 1.067rem;
}

.box-white .collapse-block .collapse-link:after {
    position: absolute;
    right: 0.04rem;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    display: inline-block;
    content: '';
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;

    display: inline-block;
    font-family: bootstrap-icons !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\f124";
}

.box-white .collapse-block .collapse-link.collapsed:after {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.box-white .collapse-block .d-flex {
    margin-bottom: 0.5rem;
}

.box-white .collapse-block .d-flex:last-of-type {
    margin-bottom: 0;
}

.box-white .filter-add-single {
    display: inline-block;
    -webkit-border-radius: 0.200rem;
    -moz-border-radius: 0.200rem;
    border-radius: 0.200rem;
    background-color: var(--color-blue);
    color: #FFF;
    padding: 0.133rem 0.533rem;
    font-weight: 700;
    font-size: 1rem;
}

.box-white .filter-add-single a {
    display: inline-block;
    margin-right: 0.2rem;
    color: #FFF;
    font-size: .9rem;
}

.box-white .filter-add-single a .bi {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.500rem;
}

.pagination .page-link {
    color: var(--color-blue);
    font-weight: 600;
    padding: .575rem .95rem;
    font-size: 0.95rem;
}

.pagination .page-link img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.200rem;
}

.pagination .page-link.active,
.pagination .page-item.active .page-link {
    color: #FFF;
    background-color: var(--color-orange);
    border-color: var(--color-orange);
}

.pagination .page-link:focus,
.pagination .page-link:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

/* results single */

.location-icon {
    display: inline-block;
    position: relative;
    padding-left: 1.333rem;
    color: #808080;
}

.location-icon:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f3b3";
}

.title-with-icon {
    display: inline-block;
    font-weight: 700;
    padding-left: 3.000rem;
    position: relative;
}

.title-with-icon .icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 2.000rem;
    height: 2.000rem;
    line-height: 2rem;
    -webkit-border-radius: 0.333rem;
    -moz-border-radius: 0.333rem;
    border-radius: 0.333rem;
    background-color: var(--color-orange);
    color: #FFF;
    font-size: 1rem;
    line-height: 110%;
    font-weight: 400;
}

.title-with-icon .icon img {
    max-width: 1.067rem;
    max-height: 1.133rem;
}

.image-fix {
    display: inline-block;
    margin-top: -0.200rem;
}

.f12 {
    font-size: 0.800rem;
}

.list-square li {
    padding-left: 1.167rem;
    position: relative;
}

.list-square li:before {
    top: 0.5rem;
    position: absolute;
    left: 0;
    width: 0.333rem;
    height: 0.333rem;
    background-color: #000;
    content: "";
    display: inline-block;
}

.buttons-fix {
    display: block;
    margin-left: -1.333rem;
    margin-right: -1.333rem;
}

.buttons-fix .d-flex,
.box-white .collapse-block .buttons-fix .d-flex {
    position: relative;
    margin: 0;
    padding: 0.25rem 1.333rem;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.buttons-fix .inside {
    position: relative;
    margin: 0;
    padding: 0.5rem 1.333rem;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    font-size: 1.05rem;
}

.buttons-fix .inside:hover a,
.box-white .collapse-block .buttons-fix .d-flex:hover a {
    color: var(--color-blue);
    text-decoration: none;
}

.buttons-fix .inside:hover,
.box-white .collapse-block .buttons-fix .d-flex:hover {
    background-color: rgba(28, 68, 119, .14);
    color: #000;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.box-smaller {
    width: 100%;
    max-width: 42.813rem;
    margin: 0 auto;
}

.page-section {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    display: block;
    position: relative;
    padding: 1.875rem;
    font-size: 1.1rem;
    line-height: 135%;
}

.float-menu {
    width: 100%;
    display: block;
    position: relative;
    background-color: #F9F9F9;
    z-index: 100;
}

.float-menu .inside {
    border-bottom: 1px solid #C1C1C1;
    width: 100%;
    display: block;
}

.float-menu .inside .d-flex {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
}

.float-menu .inside .d-flex div {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    width: 25%;
}

.float-menu a {
    width: 100%;
    display: block;
    text-align: center;
    background: #EDEDED;
    border-top: 0.375rem solid #EDEDED;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #000;
    padding: 0.625rem;
    min-height: 2.938rem;
}

.float-menu a:hover,
.float-menu a.active,
.float-menu a.active:hover {
    background-color: #FFF;
    border-color: #E06739;
}

.float-menu.fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
}

.page-wrapper {
    overflow-x: hidden;
    width: 100%;
    display: block;
    position: relative;
}

.list-circle-numbers li {
    position: relative;
    padding-left: 4.375rem;
}

.list-circle-numbers li .num {
    width: 3.250rem;
    height: 3.250rem;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ECEEEF;
    border: 2px solid #B4B4B4;
    font-weight: bold;
    font-size: 1.750rem;
    line-height: 1.500rem;
    color: var(--color-orange);
    text-align: center;
    line-height: 2.813rem;
}

.info-block {
    display: block;
    position: relative;
    color: #808080;
    padding-left: 1.625rem;
}

.info-block:before {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 0.313rem;
    display: inline-block;
    content: "";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f3f4";
    color: #505050;
}


/** =============================================================== **/
/** Responsive CSS below **/
/** =============================================================== **/


@media (max-width: 1199.98px) {
    .btn {
        white-space: normal;
    }

    .container {
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .block-search-form.top {
        padding: 2.5rem 0;
    }
}

@media (max-width: 991.98px) {

    .block-title,
    .block-features {
        padding: 3.5rem 0;
    }

    .block-search-form {
        padding: 3rem 0;
    }

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

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

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

    .block-search-form.top {
        padding: 2rem 0;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 14px;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    header,
    header .container {
        padding-left: 0;
        padding-right: 0;
        overflow: visible !important;
        height: auto;
        z-index: 1000;
    }

    header {
        padding-top: 0rem;
    }

    header,
    header.pin {
        height: auto;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }

    header .logo {
        text-align: left;
    }

    header .logo,
    header .navigation {
        width: 100%;
    }

    header .logo a {
        margin-left: 20px;
        display: inline-block;
    }

    header .logo a img {
        max-height: 1.4rem;
    }

    header .mobile-text {
        position: absolute;
        right: 80px;
        bottom: 15px;
        font-weight: 600;
        color: var(--red);
        font-size: 1rem;
    }

    .hamburger {
        position: absolute;
        padding: 0 !important;
        top: -24px;
        right: 15px;
        opacity: 1 !important;
        z-index: 100;
        outline: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .navbar-collapse {
        position: absolute;
        left: 0;
        top: 12px;
        z-index: 1000;
        width: 100%;
        background-color: var(--color-blue);
        -webkit-box-shadow: 0 .3rem 0.5rem rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 .3rem 0.5rem rgba(0, 0, 0, .25);
        box-shadow: 0 .3rem 0.5rem rgba(0, 0, 0, .25)
    }

    header .navbar-nav .nav-item {
        padding: 0 !important;
        width: 100%;
        display: block;
    }

    header .navbar-nav .nav-link,
    header .navbar-nav .nav-item .nav-link,
    header .navbar-nav .btn {
        font-size: 1rem;
        line-height: 110%;
        text-align: center;
        text-decoration: none;
        padding: 0.7rem 1rem !important;
        color: #FFF;
        border-radius: 0;
        font-weight: 500;
        border-top: 1px solid rgba(255, 255, 255, .31);
        width: 100%;
        display: block;
    }

    header .navbar-nav .nav-item:first-child .nav-link {
        border-top: none;
    }

    header .navbar-nav .nav-link:hover,
    header .nav-link:focus,
    header .nav-link:hover {
        background-color: #F9F9F9;
        text-decoration: none !important;
        color: var(--color-blue);
        border-top: 1px solid rgba(0, 0, 0, .31);
        -webkit-box-shadow: inset 0px 0px 14px -5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 0px 0px 14px -5px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0px 0px 14px -5px rgba(0, 0, 0, 0.25);
        text-decoration: none;
    }

    header .navbar-nav .nav-link.active,
    header .navbar-nav .nav-link.active:hover {
        background-color: #F9F9F9;
        color: var(--color-blue);
        -webkit-box-shadow: inset 0px 0px 14px -5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: inset 0px 0px 14px -5px rgba(0, 0, 0, 0.25);
        box-shadow: inset 0px 0px 14px -5px rgba(0, 0, 0, 0.25);
        text-decoration: none;
    }

    header .navbar-nav .nav-link:before {
        display: none;
    }

    footer {
        border-bottom: 10px solid #000;
    }

    .form-control,
    .form-control:focus,
    .form-select,
    .form-select:focus {
        padding: 0.667rem 1.000rem;
        min-height: 2.8rem;
        font-size: 1.050rem;
    }

    .block-search-form .search-box .form-control {
        padding-left: 3.333rem;
        font-size: 1.2rem;
        min-height: 3.500rem;
    }

    .block-search-form .search-box button img {
        max-height: 1.5rem;
    }

    .block-title, .block-features {
        padding: 3rem 0;
    }

    .block-features .single .icon {
        width: 5.500rem;
        height: 5.500rem;
    }

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

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

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

    .block-search-form.top {
        padding: 1.5rem 0;
    }

    .buttons-fix .inside {
        padding: 1rem 1.333rem;
    }

    .bigger-mobile-font-size {
        font-size: 1.1rem;
    }

    .bigger-mobile-font-size .label {
        font-size: 0.95rem;
    }

    .bigger-mobile-font-size .h4.title-with-icon {
        font-size: 1.3rem;
    }

    .float-menu.fixed {
        position: -webkit-sticky;
        position: sticky;
        top: 3rem;
    }

    .block-search-form button {
        padding: 0.667rem 1.000rem;
        min-height: 2.8rem;
        font-size: 1.050rem;
    }

    .block-search-form .search-box.new .form-control {
        -webkit-background-size: 20px auto;
        -moz-background-size: 20px auto;
        -o-background-size: 20px auto;
        background-size: 20px auto;
        background-position: left 15px center;
    }

    .block-search-form .search-box .search-list-preview li {
        margin-bottom: .8rem;
    }

    .block-search-form {
        padding: 2rem 0;
    }

    .block-search-form .search-box .search-list-preview {
        width: 100%;
    }

    .block-search-form .search-box.new:before {
        left: 1.025rem;
        top: 1.0rem;
        font-size: 1.6rem;
    }
}

@media (max-width: 575.98px) {
    .pagination .page-link {
        padding: .475rem .85rem;
    }

    .block-search-form .bottom {
        padding-right: 0;
    }

    .block-search-form .bottom button {
        top: auto;
        right: auto;
        position: relative;
        transform: none;
        margin: 0 0 10px 0;
        float: right;
    }
}

@media (max-width: 450px) {
    .float-menu a {
        padding: .3rem .3rem;
        min-height: 2.6rem;
        font-size: 1rem;
    }
}

@media (max-width: 374px) {
    .float-menu {
        display: none;
    }

    .list-circle-numbers li {
        position: relative;
        padding-top: 3.8rem;
        padding-left: 0;
    }

    .list-circle-numbers li .num {
        width: 3rem;
        height: 3rem;
        font-size: 1.350rem;
        line-height: 2.613rem;
    }

    .page-section {
        padding: 1.5rem;
    }
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    -moz-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: var(--color-blue);
}

.internal .hamburger.is-active .hamburger-inner,
.internal .hamburger.is-active .hamburger-inner::before,
.internal .hamburger.is-active .hamburger-inner::after {
    background-color: var(--color-blue);
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: var(--color-blue);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    -o-transition-property: transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}


.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}


/*
   * 3DX
   */

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
   * 3DX Reverse
   */

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
   * 3DY
   */

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
   * 3DY Reverse
   */

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
   * 3DXY
   */

.hamburger--3dxy .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg);
    -moz-transform: rotateX(180deg) rotateY(180deg);
    transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
   * 3DXY Reverse
   */

.hamburger--3dxy-r .hamburger-box {
    -webkit-perspective: 80px;
    -moz-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
    -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -o-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
    -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}


/*
   * Arrow
   */

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    -moz-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    -moz-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}


/*
   * Arrow Right
   */

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    -moz-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    -moz-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}


/*
   * Arrow Alt
   */

.hamburger--arrowalt .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s 0.1s ease, -o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: bottom 0.1s 0.1s ease, -o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    -moz-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: top 0.1s ease, -o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    -moz-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: bottom 0.1s ease, -o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}


/*
   * Arrow Alt Right
   */

.hamburger--arrowalt-r .hamburger-inner::before {
    -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s 0.1s ease, -o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
    -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: bottom 0.1s 0.1s ease, -o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -o-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    -moz-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: top 0.1s ease, -o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    -moz-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: bottom 0.1s ease, -o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -o-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}


/*
   * Arrow Turn
   */

.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    -moz-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    -moz-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}


/*
   * Arrow Turn Right
   */

.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    -moz-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    -moz-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}


/*
   * Boring
   */

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
    -webkit-transition-property: none;
    -o-transition-property: none;
    -moz-transition-property: none;
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/*
   * Collapse
   */

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: 0.13s;
    -o-transition-duration: 0.13s;
    -moz-transition-duration: 0.13s;
    transition-duration: 0.13s;
    -webkit-transition-delay: 0.13s;
    -o-transition-delay: 0.13s;
    -moz-transition-delay: 0.13s;
    transition-delay: 0.13s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    -moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -o-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    -webkit-transition-delay: 0.22s;
    -o-transition-delay: 0.22s;
    -moz-transition-delay: 0.22s;
    transition-delay: 0.22s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -o-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*********11-1-21-css-end*********/

/*===============zzoic================*/
input#main-search-field2 {
    min-height: 3.333rem;
    font-size: 1.200rem;
    font-weight: 400;
}

.block-search-form .search-box2 .form-control {
    padding-left: 15px;
}

.block-search-form .search-box2.new:before {
    content: '';
}


/*********11-1-21-css-start*********/
.discount-outer {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.discount-outer p {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.result-outer {
    width: 684px;
    margin: 20px auto;
}

.results-listing a {
    font-size: 15px;
}

.sm-xt {
    font-size: 15px;
}

.xsm-xt {
    font-size: 13px;
    color: #919191;
}

.box-whitees {
    width: 684px;
    margin: auto;
}

.border-none {
    border: none;
}

.pd-0 {
    padding: 0;
}

.block-search-forms {
    padding: 35px 0 100px;
    background: none;
}

.info-outer {
    width: 684px;
    margin: auto;
    position: relative;
    background-color: #FEFFE0;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 0.333rem;
    -moz-border-radius: 0.333rem;
    border-radius: 0.333rem;
    padding: 20px;
    height: 82px;
}

.info-outer p {
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    width: 95%;
    float: right;
}

.info-outer img {
    margin-right: 15px;
}

.info-outer p span {
    color: #1C4477;
    font-weight: 700;
}

.filter-bottom {
    padding-bottom: 20px;
}

.result-outer ul.pagination {
    padding: 100px 0 0;
}

.sm-xt img {
    margin: 0 5px;
}

@media screen and (max-width: 767px) {

    .box-whitees {
        width: 100%;
    }

    .info-outer {
        width: 100%;
        padding: 20px 15px;
        height: max-content;
        display: inline-block;
    }

    .info-outer img {
        margin-right: 10px;
        float: left;
    }

    .result-outer ul.pagination {
        padding: 0;
    }

    .info-outer p {
        width: 89%;
        margin-bottom: 0;
        float: left;
    }

    .search-box2.search-box.new {
        margin-bottom: 15px;
    }

}


.tt-menu {
    display: block;

    /* typeahead.js used to set these inline; autocomplete.js does not, so they
       live here now. */
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;

    background: #FFFFFF;
    border: 1px solid #B4B4B4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1.000rem 0;
    width: 100%;

}


.tt-suggestion {
    position: relative;
    color: #000;
    display: block;
    background-color: #FFF;
    font-size: 13px;
    padding: 0.4rem 0;
    padding-left: 4rem;
    padding-right: 1rem;
    cursor: pointer;
}

.item-context {
    display: inline-block;
    position: absolute;
    left: 1rem;
    top: 0.50rem;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    background: #505050;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 2.313rem;
    height: 1.250rem;
    color: #FFF;
    line-height: 100%;
    padding: 0.250rem 0.125rem;
}

.tt-suggestion:hover {
    background-color: rgba(28, 68, 119, .14);
    text-decoration: none !important;
}

.tt-hint {
    display: none;
}

input#main-search-field2 {
    outline: none !important;
}


.twitter-typeahead {
    width: 100%;
    position: relative; /* positioning context for .tt-menu */
}

/* Keyboard-highlighted suggestion (autocomplete.js). Matches the hover state. */
.tt-suggestion.tt-cursor {
    background-color: rgba(28, 68, 119, .14);
}


.out-con {
    width: 684px;
    margin: auto;
    position: relative;
    -webkit-border-radius: 0.333rem;
    -moz-border-radius: 0.333rem;
    border-radius: 0.333rem;
    margin-top: 30px;
}

.detail-con ul {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}

.detail-con li {
    padding: 10px 0;
    color: #6B6B6B;
    font-size: 14px;
}

.detail-con li strong {
    padding: 0 10px;
    font-size: 16px;
    color: #000;
}

.detail-con li .bi {
    color: #000;
    font-size: 18px;
}

.detail-con li span {
    float: left;
    width: 110px;
}

.sort {
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    padding: 14px 0;
}

.sort ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sort li {
    color: #1E1E1E;
    font-weight: bold;
    font-size: 0.867rem;
    line-height: 125%;
    float: left;
    padding: 0 15px;

}

.out-con .h4 {
    font-size: 18px;
}


/** =============================================================== **/
/** Ad units **/
/** =============================================================== **/

/* Reserve height so a slow-filling unit does not shift the content below it
   (CLS). Mirrors the #ad-header reservation used for the leaderboard. */
.ad-unit {
    min-height: 280px;
}

.ad-unit ins.adsbygoogle {
    min-height: 280px;
}

/* Native units (in-feed / in-article / multiplex) are fluid — they size to their
   own content, so a fixed reservation would leave a permanent gap. A smaller
   floor still covers most of the CLS without over-reserving. */
.ad-unit-native,
.ad-unit-native ins.adsbygoogle {
    min-height: 120px;
}

/* Keep the sidebar unit in view while the reader scrolls a long profile.
   Desktop only: below md the sidebar stacks under the content, where sticking
   would trap the unit over the page body.
   4.5rem clears the 4rem sticky header. */
@media screen and (min-width: 768px) {
    .ad-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 4.5rem;
        margin-top: 30px;
    }
}

@media screen and (max-width: 767.98px) {
    .ad-sticky {
        margin-top: 30px;
    }
}

/** =============================================================== **/
/** Breadcrumbs **/
/** =============================================================== **/

.breadcrumb {
    font-size: 0.875rem;
    flex-wrap: wrap;
}

.breadcrumb-item,
.breadcrumb-item.active {
    color: var(--color-grey-light);
}

.breadcrumb-item a {
    color: var(--color-grey-light);
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: var(--color-blue);
    text-decoration: underline;
}

/** =============================================================== **/
/** Share buttons (replaced AddThis) **/
/** =============================================================== **/

.share-buttons .btn {
    border-color: #E5E5E5;
    color: var(--color-grey-light);
    line-height: 1;
}

.share-buttons .btn:hover {
    border-color: var(--color-blue);
    color: var(--color-blue);
    background-color: transparent;
}


/** =============================================================== **/
/** Self-hosted Lato + icon subset                                  **/
/**                                                                 **/
/** These live here rather than in their own files because the      **/
/** layout only ever links bootstrap.min and theme-style. The old   **/
/** bootstrap-icons.css.scss was pulled into application.css by     **/
/** require_tree, but application.css is not linked by the layout   **/
/** at all -- so the icon @font-face never reached the page and     **/
/** every <i class="bi bi-*"> rendered blank. Folding them in here  **/
/** fixes that without adding another request.                      **/
/** =============================================================== **/

/*
 * Self-hosted Lato (SIL Open Font License 1.1 — self-hosting is permitted).
 *
 * Replaces the Google Fonts <link>s in snippets/_google_fonts. Those cost two
 * extra DNS + TLS handshakes (fonts.googleapis.com for the CSS, then
 * fonts.gstatic.com for the files) on the critical path of every page, and the
 * CSS request had to complete before the browser even learned the font URLs.
 * Served from our own origin these are ~34KB total and ride the existing
 * connection.
 *
 * font-display: swap keeps text visible during load (matches what the Google
 * CSS specified). unicode-range lets the browser skip latin-ext entirely for
 * ordinary AU/NZ/ZA content.
 */

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/lato-400-latin-debb337185f51a6b18d39984924ec80e00196a6052e37a1018ead652012e3c81.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/lato-400-latin-ext-6dfc12641deda0dadf805bb158a975e24ec55f2c61deb3976ed1d8e804c500d0.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/lato-700-latin-ece55d01a3d9e97f4912c90e59be962204c794a23b7f7f5ac11e7c94f27669e4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/lato-700-latin-ext-ced78b221dc28f129144ed61df6ff56a0f949e2a7ba173aa1b4588289bab8e4b.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/*
 * Bootstrap Icons, subset to the 18 icons this site actually uses.
 *
 * WHY NOT THE WEBFONT: bootstrap-icons ships ~2,000 glyphs. The vendored 1.5-era
 * font was 74KB (woff2) + ~20KB of CSS, and upgrading to 1.13.1 would have taken
 * that to 134KB + 99KB -- a page-speed regression to render eighteen icons.
 *
 * These are the same icons as inline SVG, applied with CSS `mask` so they still
 * inherit `currentColor` (the theme colours icons via .color-grey-light etc.).
 * Crucially the markup is unchanged: <i class="bi bi-phone"></i> still works, so
 * no template needed touching.
 *
 * TO ADD AN ICON: add the class here with its SVG from
 * https://icons.getbootstrap.com -- do not re-add the webfont.
 */

[class^="bi-"],
[class*=" bi-"] {
  display: inline-block;
  vertical-align: -0.125em;
}

[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  content: "";
  background-color: currentColor;
  -webkit-mask: var(--bi-icon) no-repeat center;
  mask: var(--bi-icon) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: -0.125em;
}

.bi-arrow-up-right-square { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right-square" viewBox="0 0 16 16"%3E %3Cpath fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm5.854 8.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707z"/%3E %3C/svg%3E"); }
.bi-box-arrow-up-right { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16"%3E %3Cpath fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5"/%3E %3Cpath fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z"/%3E %3C/svg%3E"); }
.bi-bricks { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bricks" viewBox="0 0 16 16"%3E %3Cpath d="M0 .5A.5.5 0 0 1 .5 0h15a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5H14v2h1.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5H14v2h1.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5H2v-2H.5a.5.5 0 0 1-.5-.5v-3A.5.5 0 0 1 .5 6H2V4H.5a.5.5 0 0 1-.5-.5zM3 4v2h4.5V4zm5.5 0v2H13V4zM3 10v2h4.5v-2zm5.5 0v2H13v-2zM1 1v2h3.5V1zm4.5 0v2h5V1zm6 0v2H15V1zM1 7v2h3.5V7zm4.5 0v2h5V7zm6 0v2H15V7zM1 13v2h3.5v-2zm4.5 0v2h5v-2zm6 0v2H15v-2z"/%3E %3C/svg%3E"); }
.bi-briefcase { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-briefcase" viewBox="0 0 16 16"%3E %3Cpath d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5m1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0M1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5"/%3E %3C/svg%3E"); }
.bi-clock { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock" viewBox="0 0 16 16"%3E %3Cpath d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z"/%3E %3Cpath d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0"/%3E %3C/svg%3E"); }
.bi-clock-history { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16"%3E %3Cpath d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022zm2.004.45a7 7 0 0 0-.985-.299l.219-.976q.576.129 1.126.342zm1.37.71a7 7 0 0 0-.439-.27l.493-.87a8 8 0 0 1 .979.654l-.615.789a7 7 0 0 0-.418-.302zm1.834 1.79a7 7 0 0 0-.653-.796l.724-.69q.406.429.747.91zm.744 1.352a7 7 0 0 0-.214-.468l.893-.45a8 8 0 0 1 .45 1.088l-.95.313a7 7 0 0 0-.179-.483m.53 2.507a7 7 0 0 0-.1-1.025l.985-.17q.1.58.116 1.17zm-.131 1.538q.05-.254.081-.51l.993.123a8 8 0 0 1-.23 1.155l-.964-.267q.069-.247.12-.501m-.952 2.379q.276-.436.486-.908l.914.405q-.24.54-.555 1.038zm-.964 1.205q.183-.183.35-.378l.758.653a8 8 0 0 1-.401.432z"/%3E %3Cpath d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0z"/%3E %3Cpath d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5"/%3E %3C/svg%3E"); }
.bi-envelope { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16"%3E %3Cpath d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"/%3E %3C/svg%3E"); }
.bi-facebook { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16"%3E %3Cpath d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/%3E %3C/svg%3E"); }
.bi-house { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house" viewBox="0 0 16 16"%3E %3Cpath d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z"/%3E %3C/svg%3E"); }
.bi-link-45deg { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16"%3E %3Cpath d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z"/%3E %3Cpath d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z"/%3E %3C/svg%3E"); }
.bi-pencil-fill { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-fill" viewBox="0 0 16 16"%3E %3Cpath d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z"/%3E %3C/svg%3E"); }
.bi-phone { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone" viewBox="0 0 16 16"%3E %3Cpath d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/%3E %3Cpath d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/%3E %3C/svg%3E"); }
.bi-shop-window { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop-window" viewBox="0 0 16 16"%3E %3Cpath d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.37 2.37 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0M1.5 8.5A.5.5 0 0 1 2 9v6h12V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5m2 .5a.5.5 0 0 1 .5.5V13h8V9.5a.5.5 0 0 1 1 0V13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.5a.5.5 0 0 1 .5-.5"/%3E %3C/svg%3E"); }
.bi-signpost { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-signpost" viewBox="0 0 16 16"%3E %3Cpath d="M7 1.414V4H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5v6h2v-6h3.532a1 1 0 0 0 .768-.36l1.933-2.32a.5.5 0 0 0 0-.64L13.3 4.36a1 1 0 0 0-.768-.36H9V1.414a1 1 0 0 0-2 0M12.532 5l1.666 2-1.666 2H2V5z"/%3E %3C/svg%3E"); }
.bi-telephone { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16"%3E %3Cpath d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/%3E %3C/svg%3E"); }
.bi-text-indent-left { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-indent-left" viewBox="0 0 16 16"%3E %3Cpath d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708M7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5"/%3E %3C/svg%3E"); }
.bi-twitter { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16"%3E %3Cpath d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334q.002-.211-.006-.422A6.7 6.7 0 0 0 16 3.542a6.7 6.7 0 0 1-1.889.518 3.3 3.3 0 0 0 1.447-1.817 6.5 6.5 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.32 9.32 0 0 1-6.767-3.429 3.29 3.29 0 0 0 1.018 4.382A3.3 3.3 0 0 1 .64 6.575v.045a3.29 3.29 0 0 0 2.632 3.218 3.2 3.2 0 0 1-.865.115 3 3 0 0 1-.614-.057 3.28 3.28 0 0 0 3.067 2.277A6.6 6.6 0 0 1 .78 13.58a6 6 0 0 1-.78-.045A9.34 9.34 0 0 0 5.026 15"/%3E %3C/svg%3E"); }
.bi-x-square-fill { --bi-icon: url("data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-square-fill" viewBox="0 0 16 16"%3E %3Cpath d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm3.354 4.646L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708"/%3E %3C/svg%3E"); }