.bg-gray-gradient {
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0, #e7eaed 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 0, #e7eaed 100%);
    background: linear-gradient(to bottom, #f5f5f5 0, #e7eaed 100%);
    position: relative;
    z-index: 0
}

.bg-gray-gradient:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 17px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
    opacity: .12
}

.bg-alert {
    background-color: #c14250;
    color: #fff
}

.bg-red-radial {
    background: #d1344c;
    background: -moz-radial-gradient(center, ellipse cover, #d1344c 0, #ab2b3e 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #d1344c 0, #ab2b3e 100%);
    background: radial-gradient(ellipse at center, #d1344c 0, #ab2b3e 100%);
    color: #fff
}

.bg-redbrown {
    color: #fff;
    position: relative;
    z-index: 0
}

.bg-redbrown.bg-white-strip:before {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    background: #fff;
    height: 280px;
    width: 100%;
    content: "";
    display: block
}

.bg-gray-light {
    background-color: #f5f5f5
}

.bg-blue-dark {
    background-color: #001a33;
    color: #fff
}

.bg-blue-dark a {
    color: #fff
}

.bg-blue-dark .h,
.bg-blue-dark .h2,
.bg-blue-dark .h3,
.bg-blue-dark h2 {
    color: #fff
}

.bg-blue-dark p {
    color: #fff
}

.bg-blue-dark .title-section p {
    color: #fff
}

.bg-bluelectric,
.bg-bluelectricdark {
    color: #fff
}

.bg-bluelectric a,
.bg-bluelectricdark a {
    color: #fff
}

.bg-red-gradient {
    background: #ab2b3e;
    background: -moz-linear-gradient(left, #ab2b3e 0, #f83e5a 100%);
    background: -webkit-linear-gradient(left, #ab2b3e 0, #f83e5a 100%);
    background: linear-gradient(to right, #ab2b3e 0, #f83e5a 100%);
    color: #fff
}

.bg-red-gradient a {
    color: #fff
}

.form-check [type=checkbox]:focus+label,
.form-check [type=radio]:focus+label,
.toggles label input[type=checkbox]:focus+.lever,
:focus:not(.focus--mouse):not([data-focus-mouse=true]) {
    border-color: #000 !important;
    box-shadow: 0 0 0 2px #000 !important;
    outline: 2px solid #fff !important;
    outline-offset: 3px
}

.bg-red-gradient .h1,
.bg-red-gradient .h2,
.bg-red-gradient .h3,
.bg-red-gradient h1,
.bg-red-gradient h2,
.bg-red-gradient h3,
.bg-red-gradient p {
    color: #fff !important
}

.bg-white.border-bottom,
.bg-white.border-top {
    border-color: #d1d6db !important
}

.icon-bluelectric {
    fill: #0D00FF !important
}

.bg-purplextralight {
    background-color: #e7e6ff
}

.bg-linear-vertical-blue-light {
    position: relative;
    z-index: 0
}

.bg-linear-vertical-blue-light:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #7a73ff;
    background: -moz-linear-gradient(top, #7a73ff 0, #50e3c2 100%);
    background: -webkit-linear-gradient(top, #7a73ff 0, #50e3c2 100%);
    background: linear-gradient(to bottom, #7a73ff 0, #50e3c2 100%);
    content: "";
    display: block;
    opacity: .15
}

.bg-linear-vertical-blue-light:after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1280 360' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Group-27'%3E%3Cpath id='Rectangle-12' d='M0,-45.918l351,213.455l0,322.347l-351,-213.455l0,-322.347Z' style='fill:url(%23_Linear1);fill-rule:nonzero;'/%3E%3Cpath id='Rectangle-12-Copy-2' d='M1280,535.803l-351,-213.456l0,-322.347l351,213.456l0,322.347Z' style='fill:url(%23_Linear2);fill-rule:nonzero;'/%3E%3Cpath id='Rectangle-12-Copy-3' d='M1232,259.374l-351,-213.456l0,-322.347l351,213.456l0,322.347Z' style='fill:url(%23_Linear3);fill-rule:nonzero;'/%3E%3Cpath id='Rectangle-12-Copy' d='M527,678.15l-351,-213.456l0,-322.347l351,213.456l0,322.347Z' style='fill:url(%23_Linear4);fill-rule:nonzero;'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='_Linear1' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-150.63,-535.803,535.803,-150.63,250.815,489.884)'%3E%3Cstop offset='0' style='stop-color:%23c2bfff;stop-opacity:1'/%3E%3Cstop offset='1' style='stop-color:%230d00ff;stop-opacity:1'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear2' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='matrix(150.63,535.803,-535.803,150.63,1029.19,1e-06)'%3E%3Cstop offset='0' style='stop-color:%23c2bfff;stop-opacity:1'/%3E%3Cstop offset='1' style='stop-color:%230d00ff;stop-opacity:1'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear3' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='matrix(150.63,535.803,-535.803,150.63,981.185,-276.429)'%3E%3Cstop offset='0' style='stop-color:%23c2bfff;stop-opacity:1'/%3E%3Cstop offset='1' style='stop-color:%230d00ff;stop-opacity:1'/%3E%3C/linearGradient%3E%3ClinearGradient id='_Linear4' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='matrix(150.63,535.803,-535.803,150.63,276.185,142.347)'%3E%3Cstop offset='0' style='stop-color:%23c2bfff;stop-opacity:1'/%3E%3Cstop offset='1' style='stop-color:%230d00ff;stop-opacity:1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    content: "";
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    opacity: .07
}

.bg-linear-vertical-blue-light .container {
    position: relative;
    z-index: 3
}

.bg-linear-vertical-blue-light .container .section-title .h2,
.bg-linear-vertical-blue-light .container .section-title h2 {
    font-size: 2.5rem;
    margin: 0 0 20px 0
}

.bg-linear-vertical-blue-light .container .section-title p {
    font-size: 1.125rem;
    max-width: 370px;
    display: inline-block;
    line-height: 1.5
}

.bg-blue-light {
    background-color: #e6fffe !important
}

.bg-blue-light .h3,
.bg-blue-light h3 {
    font-size: 1.7rem;
    font-weight: 600
}

.bg-blue-light .h5,
.bg-blue-light h5 {
    font-size: 1.37rem
}

.bg-bluelectricdark .section-title .h3,
.bg-bluelectricdark .section-title h3 {
    color: #fff;
    font-weight: 600
}

.primary-bg {
    background-color: #06c
}

.primary-color {
    color: #06c
}

.primary-border-color {
    border-color: #06c !important
}

.primary-border-color.border {
    border-color: #06c !important
}

.white-bg {
    background-color: #fff
}

.white-color {
    color: #fff
}

.white-border-color- {
    border-color: #fff !important
}

.white-border-color-.border {
    border-color: #fff !important
}

.primary-bg-a1 {
    background-color: #bfdfff
}

.primary-color-a1 {
    color: #bfdfff
}

.primary-border-color-a1 {
    border-color: #bfdfff !important
}

.primary-border-color-a1.border {
    border-color: #bfdfff !important
}

.primary-bg-a2 {
    background-color: #93c4f5
}

.primary-color-a2 {
    color: #93c4f5
}

.primary-border-color-a2 {
    border-color: #93c4f5 !important
}

.primary-border-color-a2.border {
    border-color: #93c4f5 !important
}

.primary-bg-a3 {
    background-color: #6aaaeb
}

.primary-color-a3 {
    color: #6aaaeb
}

.primary-border-color-a3 {
    border-color: #6aaaeb !important
}

.primary-border-color-a3.border {
    border-color: #6aaaeb !important
}

.primary-bg-a4 {
    background-color: #4392e0
}

.primary-color-a4 {
    color: #4392e0
}

.primary-border-color-a4 {
    border-color: #4392e0 !important
}

.primary-border-color-a4.border {
    border-color: #4392e0 !important
}

.primary-bg-a5 {
    background-color: #207bd6
}

.primary-color-a5 {
    color: #207bd6
}

.primary-border-color-a5 {
    border-color: #207bd6 !important
}

.primary-border-color-a5.border {
    border-color: #207bd6 !important
}

.primary-bg-a6 {
    background-color: #06c
}

.primary-color-a6 {
    color: #06c
}

.primary-border-color-a6 {
    border-color: #06c !important
}

.primary-border-color-a6.border {
    border-color: #06c !important
}

.primary-bg-a7 {
    background-color: #0059b3
}

.primary-color-a7 {
    color: #0059b3
}

.primary-border-color-a7 {
    border-color: #0059b3 !important
}

.primary-border-color-a7.border {
    border-color: #0059b3 !important
}

.primary-bg-a8 {
    background-color: #004d99
}

.primary-color-a8 {
    color: #004d99
}

.primary-border-color-a8 {
    border-color: #004d99 !important
}

.primary-border-color-a8.border {
    border-color: #004d99 !important
}

.primary-bg-a9 {
    background-color: #004080
}

.primary-color-a9 {
    color: #004080
}

.primary-border-color-a9 {
    border-color: #004080 !important
}

.primary-border-color-a9.border {
    border-color: #004080 !important
}

.primary-bg-a10 {
    background-color: #036
}

.primary-color-a10 {
    color: #036
}

.primary-border-color-a10 {
    border-color: #036 !important
}

.primary-border-color-a10.border {
    border-color: #036 !important
}

.primary-bg-a11 {
    background-color: #00264d
}

.primary-color-a11 {
    color: #00264d
}

.primary-border-color-a11 {
    border-color: #00264d !important
}

.primary-border-color-a11.border {
    border-color: #00264d !important
}

.primary-bg-a12 {
    background-color: #001a33
}

.primary-color-a12 {
    color: #001a33
}

.primary-border-color-a12 {
    border-color: #001a33 !important
}

.primary-border-color-a12.border {
    border-color: #001a33 !important
}

.primary-bg-b1 {
    background-color: #06c
}

.primary-color-b1 {
    color: #06c
}

.primary-border-color-b1 {
    border-color: #06c !important
}

.primary-border-color-b1.border {
    border-color: #06c !important
}

.primary-bg-b2 {
    background-color: #1262b3
}

.primary-color-b2 {
    color: #1262b3
}

.primary-border-color-b2 {
    border-color: #1262b3 !important
}

.primary-border-color-b2.border {
    border-color: #1262b3 !important
}

.primary-bg-b3 {
    background-color: #1f5c99
}

.primary-color-b3 {
    color: #1f5c99
}

.primary-border-color-b3 {
    border-color: #1f5c99 !important
}

.primary-border-color-b3.border {
    border-color: #1f5c99 !important
}

.primary-bg-b4 {
    background-color: #265380
}

.primary-color-b4 {
    color: #265380
}

.primary-border-color-b4 {
    border-color: #265380 !important
}

.primary-border-color-b4.border {
    border-color: #265380 !important
}

.primary-bg-b5 {
    background-color: #294766
}

.primary-color-b5 {
    color: #294766
}

.primary-border-color-b5 {
    border-color: #294766 !important
}

.primary-border-color-b5.border {
    border-color: #294766 !important
}

.primary-bg-b6 {
    background-color: #26394d
}

.primary-color-b6 {
    color: #26394d
}

.primary-border-color-b6 {
    border-color: #26394d !important
}

.primary-border-color-b6.border {
    border-color: #26394d !important
}

.primary-bg-b7 {
    background-color: #1f2933
}

.primary-color-b7 {
    color: #1f2933
}

.primary-border-color-b7 {
    border-color: #1f2933 !important
}

.primary-border-color-b7.border {
    border-color: #1f2933 !important
}

.primary-bg-b8 {
    background-color: #12161a
}

.primary-color-b8 {
    color: #12161a
}

.primary-border-color-b8 {
    border-color: #12161a !important
}

.primary-border-color-b8.border {
    border-color: #12161a !important
}

.primary-bg-c1 {
    background-color: #dce9f5
}

.primary-color-c1 {
    color: #dce9f5
}

.primary-border-color-c1 {
    border-color: #dce9f5 !important
}

.primary-border-color-c1.border {
    border-color: #dce9f5 !important
}

.primary-bg-c2 {
    background-color: #c4dcf5
}

.primary-color-c2 {
    color: #c4dcf5
}

.primary-border-color-c2 {
    border-color: #c4dcf5 !important
}

.primary-border-color-c2.border {
    border-color: #c4dcf5 !important
}

.primary-bg-c3 {
    background-color: #abd0f5
}

.primary-color-c3 {
    color: #abd0f5
}

.primary-border-color-c3 {
    border-color: #abd0f5 !important
}

.primary-border-color-c3.border {
    border-color: #abd0f5 !important
}

.primary-bg-c4 {
    background-color: #93c4f5
}

.primary-color-c4 {
    color: #93c4f5
}

.primary-border-color-c4 {
    border-color: #93c4f5 !important
}

.primary-border-color-c4.border {
    border-color: #93c4f5 !important
}

.primary-bg-c5 {
    background-color: #7ab8f5
}

.primary-color-c5 {
    color: #7ab8f5
}

.primary-border-color-c5 {
    border-color: #7ab8f5 !important
}

.primary-border-color-c5.border {
    border-color: #7ab8f5 !important
}

.primary-bg-c6 {
    background-color: #62abf5
}

.primary-color-c6 {
    color: #62abf5
}

.primary-border-color-c6 {
    border-color: #62abf5 !important
}

.primary-border-color-c6.border {
    border-color: #62abf5 !important
}

.primary-bg-c7 {
    background-color: #499ff5
}

.primary-color-c7 {
    color: #499ff5
}

.primary-border-color-c7 {
    border-color: #499ff5 !important
}

.primary-border-color-c7.border {
    border-color: #499ff5 !important
}

.primary-bg-c8 {
    background-color: #3193f5
}

.primary-color-c8 {
    color: #3193f5
}

.primary-border-color-c8 {
    border-color: #3193f5 !important
}

.primary-border-color-c8.border {
    border-color: #3193f5 !important
}

.primary-bg-c9 {
    background-color: #1887f5
}

.primary-color-c9 {
    color: #1887f5
}

.primary-border-color-c9 {
    border-color: #1887f5 !important
}

.primary-border-color-c9.border {
    border-color: #1887f5 !important
}

.primary-bg-c10 {
    background-color: #007af5
}

.primary-color-c10 {
    color: #007af5
}

.primary-border-color-c10 {
    border-color: #007af5 !important
}

.primary-border-color-c10.border {
    border-color: #007af5 !important
}

.primary-bg-c11 {
    background-color: #0070e0
}

.primary-color-c11 {
    color: #0070e0
}

.primary-border-color-c11 {
    border-color: #0070e0 !important
}

.primary-border-color-c11.border {
    border-color: #0070e0 !important
}

.primary-bg-c12 {
    background-color: #06c
}

.primary-color-c12 {
    color: #06c
}

.primary-border-color-c12 {
    border-color: #06c !important
}

.primary-border-color-c12.border {
    border-color: #06c !important
}

.analogue-1-bg {
    background-color: #3126ff
}

.analogue-1-color {
    color: #3126ff
}

.analogue-1-border-color- {
    border-color: #3126ff !important
}

.analogue-1-border-color-.border {
    border-color: #3126ff !important
}

.analogue-1-bg-a1 {
    background-color: #e7e6ff
}

.analogue-1-color-a1 {
    color: #e7e6ff
}

.analogue-1-border-color-a1 {
    border-color: #e7e6ff !important
}

.analogue-1-border-color-a1.border {
    border-color: #e7e6ff !important
}

.analogue-1-bg-a2 {
    background-color: #bbb8f5
}

.analogue-1-color-a2 {
    color: #bbb8f5
}

.analogue-1-border-color-a2 {
    border-color: #bbb8f5 !important
}

.analogue-1-border-color-a2.border {
    border-color: #bbb8f5 !important
}

.analogue-1-bg-a3 {
    background-color: #918deb
}

.analogue-1-color-a3 {
    color: #918deb
}

.analogue-1-border-color-a3 {
    border-color: #918deb !important
}

.analogue-1-border-color-a3.border {
    border-color: #918deb !important
}

.analogue-1-bg-a4 {
    background-color: #6b65e0
}

.analogue-1-color-a4 {
    color: #6b65e0
}

.analogue-1-border-color-a4 {
    border-color: #6b65e0 !important
}

.analogue-1-border-color-a4.border {
    border-color: #6b65e0 !important
}

.analogue-1-bg-a5 {
    background-color: #4840d6
}

.analogue-1-color-a5 {
    color: #4840d6
}

.analogue-1-border-color-a5 {
    border-color: #4840d6 !important
}

.analogue-1-border-color-a5.border {
    border-color: #4840d6 !important
}

.analogue-1-bg-a6 {
    background-color: #271fcc
}

.analogue-1-color-a6 {
    color: #271fcc
}

.analogue-1-border-color-a6 {
    border-color: #271fcc !important
}

.analogue-1-border-color-a6.border {
    border-color: #271fcc !important
}

.analogue-1-bg-a7 {
    background-color: #221bb3
}

.analogue-1-color-a7 {
    color: #221bb3
}

.analogue-1-border-color-a7 {
    border-color: #221bb3 !important
}

.analogue-1-border-color-a7.border {
    border-color: #221bb3 !important
}

.analogue-1-bg-a8 {
    background-color: #1d1799
}

.analogue-1-color-a8 {
    color: #1d1799
}

.analogue-1-border-color-a8 {
    border-color: #1d1799 !important
}

.analogue-1-border-color-a8.border {
    border-color: #1d1799 !important
}

.analogue-1-bg-a9 {
    background-color: #191380
}

.analogue-1-color-a9 {
    color: #191380
}

.analogue-1-border-color-a9 {
    border-color: #191380 !important
}

.analogue-1-border-color-a9.border {
    border-color: #191380 !important
}

.analogue-1-bg-a10 {
    background-color: #140f66
}

.analogue-1-color-a10 {
    color: #140f66
}

.analogue-1-border-color-a10 {
    border-color: #140f66 !important
}

.analogue-1-border-color-a10.border {
    border-color: #140f66 !important
}

.analogue-1-bg-a11 {
    background-color: #0f0b4d
}

.analogue-1-color-a11 {
    color: #0f0b4d
}

.analogue-1-border-color-a11 {
    border-color: #0f0b4d !important
}

.analogue-1-border-color-a11.border {
    border-color: #0f0b4d !important
}

.analogue-1-bg-a12 {
    background-color: #0a0833
}

.analogue-1-color-a12 {
    color: #0a0833
}

.analogue-1-border-color-a12 {
    border-color: #0a0833 !important
}

.analogue-1-border-color-a12.border {
    border-color: #0a0833 !important
}

.analogue-2-bg {
    background-color: #0bd9d2
}

.analogue-2-color {
    color: #0bd9d2
}

.analogue-2-border-color- {
    border-color: #0bd9d2 !important
}

.analogue-2-border-color-.border {
    border-color: #0bd9d2 !important
}

.analogue-2-bg-a1 {
    background-color: #ccfffd
}

.analogue-2-color-a1 {
    color: #ccfffd
}

.analogue-2-border-color-a1 {
    border-color: #ccfffd !important
}

.analogue-2-border-color-a1.border {
    border-color: #ccfffd !important
}

.analogue-2-bg-a2 {
    background-color: #9ff5f2
}

.analogue-2-color-a2 {
    color: #9ff5f2
}

.analogue-2-border-color-a2 {
    border-color: #9ff5f2 !important
}

.analogue-2-border-color-a2.border {
    border-color: #9ff5f2 !important
}

.analogue-2-bg-a3 {
    background-color: #75ebe7
}

.analogue-2-color-a3 {
    color: #75ebe7
}

.analogue-2-border-color-a3 {
    border-color: #75ebe7 !important
}

.analogue-2-border-color-a3.border {
    border-color: #75ebe7 !important
}

.analogue-2-bg-a4 {
    background-color: #4fe0dc
}

.analogue-2-color-a4 {
    color: #4fe0dc
}

.analogue-2-border-color-a4 {
    border-color: #4fe0dc !important
}

.analogue-2-border-color-a4.border {
    border-color: #4fe0dc !important
}

.analogue-2-bg-a5 {
    background-color: #2bd6d0
}

.analogue-2-color-a5 {
    color: #2bd6d0
}

.analogue-2-border-color-a5 {
    border-color: #2bd6d0 !important
}

.analogue-2-border-color-a5.border {
    border-color: #2bd6d0 !important
}

.analogue-2-bg-a6 {
    background-color: #0accc6
}

.analogue-2-color-a6 {
    color: #0accc6
}

.analogue-2-border-color-a6 {
    border-color: #0accc6 !important
}

.analogue-2-border-color-a6.border {
    border-color: #0accc6 !important
}

.analogue-2-bg-a7 {
    background-color: #09b3ad
}

.analogue-2-color-a7 {
    color: #09b3ad
}

.analogue-2-border-color-a7 {
    border-color: #09b3ad !important
}

.analogue-2-border-color-a7.border {
    border-color: #09b3ad !important
}

.analogue-2-bg-a8 {
    background-color: #089994
}

.analogue-2-color-a8 {
    color: #089994
}

.analogue-2-border-color-a8 {
    border-color: #089994 !important
}

.analogue-2-border-color-a8.border {
    border-color: #089994 !important
}

.analogue-2-bg-a9 {
    background-color: #06807b
}

.analogue-2-color-a9 {
    color: #06807b
}

.analogue-2-border-color-a9 {
    border-color: #06807b !important
}

.analogue-2-border-color-a9.border {
    border-color: #06807b !important
}

.analogue-2-bg-a10 {
    background-color: #056663
}

.analogue-2-color-a10 {
    color: #056663
}

.analogue-2-border-color-a10 {
    border-color: #056663 !important
}

.analogue-2-border-color-a10.border {
    border-color: #056663 !important
}

.analogue-2-bg-a11 {
    background-color: #044d4a
}

.analogue-2-color-a11 {
    color: #044d4a
}

.analogue-2-border-color-a11 {
    border-color: #044d4a !important
}

.analogue-2-border-color-a11.border {
    border-color: #044d4a !important
}

.analogue-2-bg-a12 {
    background-color: #033331
}

.analogue-2-color-a12 {
    color: #033331
}

.analogue-2-border-color-a12 {
    border-color: #033331 !important
}

.analogue-2-border-color-a12.border {
    border-color: #033331 !important
}

.complementary-1-bg {
    background-color: #f73e5a
}

.complementary-1-color {
    color: #f90
}

.complementary-1-border-color- {
    border-color: #f73e5a !important
}

.complementary-1-border-color-.border {
    border-color: #f73e5a !important
}

.complementary-1-bg-a1 {
    background-color: #fffcfd
}

.complementary-1-color-a1 {
    color: #fffcfd
}

.complementary-1-border-color-a1 {
    border-color: #fffcfd !important
}

.complementary-1-border-color-a1.border {
    border-color: #fffcfd !important
}

.complementary-1-bg-a2 {
    background-color: #f5d0d6
}

.complementary-1-color-a2 {
    color: #f5d0d6
}

.complementary-1-border-color-a2 {
    border-color: #f5d0d6 !important
}

.complementary-1-border-color-a2.border {
    border-color: #f5d0d6 !important
}

.complementary-1-bg-a3 {
    background-color: #eba4af
}

.complementary-1-color-a3 {
    color: #eba4af
}

.complementary-1-border-color-a3 {
    border-color: #eba4af !important
}

.complementary-1-border-color-a3.border {
    border-color: #eba4af !important
}

.complementary-1-bg-a4 {
    background-color: #e07b8b
}

.complementary-1-color-a4 {
    color: #e07b8b
}

.complementary-1-border-color-a4 {
    border-color: #e07b8b !important
}

.complementary-1-border-color-a4.border {
    border-color: #e07b8b !important
}

.complementary-1-bg-a5 {
    background-color: #d65669
}

.complementary-1-color-a5 {
    color: #d65669
}

.complementary-1-border-color-a5 {
    border-color: #d65669 !important
}

.complementary-1-border-color-a5.border {
    border-color: #d65669 !important
}

.complementary-1-bg-a6 {
    background-color: #cc334a
}

.complementary-1-color-a6 {
    color: #cc334a
}

.complementary-1-border-color-a6 {
    border-color: #cc334a !important
}

.complementary-1-border-color-a6.border {
    border-color: #cc334a !important
}

.complementary-1-bg-a7 {
    background-color: #b32d41
}

.complementary-1-color-a7 {
    color: #b32d41
}

.complementary-1-border-color-a7 {
    border-color: #b32d41 !important
}

.complementary-1-border-color-a7.border {
    border-color: #b32d41 !important
}

.complementary-1-bg-a8 {
    background-color: #992637
}

.complementary-1-color-a8 {
    color: #992637
}

.complementary-1-border-color-a8 {
    border-color: #992637 !important
}

.complementary-1-border-color-a8.border {
    border-color: #992637 !important
}

.complementary-1-bg-a9 {
    background-color: #80202e
}

.complementary-1-color-a9 {
    color: #80202e
}

.complementary-1-border-color-a9 {
    border-color: #80202e !important
}

.complementary-1-border-color-a9.border {
    border-color: #80202e !important
}

.complementary-1-bg-a10 {
    background-color: #661a25
}

.complementary-1-color-a10 {
    color: #661a25
}

.complementary-1-border-color-a10 {
    border-color: #661a25 !important
}

.complementary-1-border-color-a10.border {
    border-color: #661a25 !important
}

.complementary-1-bg-a11 {
    background-color: #4d131c
}

.complementary-1-color-a11 {
    color: #4d131c
}

.complementary-1-border-color-a11 {
    border-color: #4d131c !important
}

.complementary-1-border-color-a11.border {
    border-color: #4d131c !important
}

.complementary-1-bg-a12 {
    background-color: #330d12
}

.complementary-1-color-a12 {
    color: #330d12
}

.complementary-1-border-color-a12 {
    border-color: #330d12 !important
}

.complementary-1-border-color-a12.border {
    border-color: #330d12 !important
}

.complementary-2-bg {
    background-color: #f90
}

.complementary-2-color {
    color: #f90
}

.complementary-2-border-color- {
    border-color: #f90 !important
}

.complementary-2-border-color-.border {
    border-color: #f90 !important
}

.complementary-2-bg-a1 {
    background-color: #ffe6bf
}

.complementary-2-color-a1 {
    color: #ffe6bf
}

.complementary-2-border-color-a1 {
    border-color: #ffe6bf !important
}

.complementary-2-border-color-a1.border {
    border-color: #ffe6bf !important
}

.complementary-2-bg-a2 {
    background-color: #f5ce93
}

.complementary-2-color-a2 {
    color: #f5ce93
}

.complementary-2-border-color-a2 {
    border-color: #f5ce93 !important
}

.complementary-2-border-color-a2.border {
    border-color: #f5ce93 !important
}

.complementary-2-bg-a3 {
    background-color: #ebb76a
}

.complementary-2-color-a3 {
    color: #ebb76a
}

.complementary-2-border-color-a3 {
    border-color: #ebb76a !important
}

.complementary-2-border-color-a3.border {
    border-color: #ebb76a !important
}

.complementary-2-bg-a4 {
    background-color: #e0a243
}

.complementary-2-color-a4 {
    color: #e0a243
}

.complementary-2-border-color-a4 {
    border-color: #e0a243 !important
}

.complementary-2-border-color-a4.border {
    border-color: #e0a243 !important
}

.complementary-2-bg-a5 {
    background-color: #d68d20
}

.complementary-2-color-a5 {
    color: #d68d20
}

.complementary-2-border-color-a5 {
    border-color: #d68d20 !important
}

.complementary-2-border-color-a5.border {
    border-color: #d68d20 !important
}

.complementary-2-bg-a6 {
    background-color: #cc7a00
}

.complementary-2-color-a6 {
    color: #cc7a00
}

.complementary-2-border-color-a6 {
    border-color: #cc7a00 !important
}

.complementary-2-border-color-a6.border {
    border-color: #cc7a00 !important
}

.complementary-2-bg-a7 {
    background-color: #b36b00
}

.complementary-2-color-a7 {
    color: #b36b00
}

.complementary-2-border-color-a7 {
    border-color: #b36b00 !important
}

.complementary-2-border-color-a7.border {
    border-color: #b36b00 !important
}

.complementary-2-bg-a8 {
    background-color: #995c00
}

.complementary-2-color-a8 {
    color: #995c00
}

.complementary-2-border-color-a8 {
    border-color: #995c00 !important
}

.complementary-2-border-color-a8.border {
    border-color: #995c00 !important
}

.complementary-2-bg-a9 {
    background-color: #804d00
}

.complementary-2-color-a9 {
    color: #804d00
}

.complementary-2-border-color-a9 {
    border-color: #804d00 !important
}

.complementary-2-border-color-a9.border {
    border-color: #804d00 !important
}

.complementary-2-bg-a10 {
    background-color: #663d00
}

.complementary-2-color-a10 {
    color: #663d00
}

.complementary-2-border-color-a10 {
    border-color: #663d00 !important
}

.complementary-2-border-color-a10.border {
    border-color: #663d00 !important
}

.complementary-2-bg-a11 {
    background-color: #4d2e00
}

.complementary-2-color-a11 {
    color: #4d2e00
}

.complementary-2-border-color-a11 {
    border-color: #4d2e00 !important
}

.complementary-2-border-color-a11.border {
    border-color: #4d2e00 !important
}

.complementary-2-bg-a12 {
    background-color: #331f00
}

.complementary-2-color-a12 {
    color: #331f00
}

.complementary-2-border-color-a12 {
    border-color: #331f00 !important
}

.complementary-2-border-color-a12.border {
    border-color: #331f00 !important
}

.complementary-3-bg {
    background-color: #00cf86
}

.complementary-3-color {
    color: #00cf86
}

.complementary-3-border-color- {
    border-color: #00cf86 !important
}

.complementary-3-border-color-.border {
    border-color: #00cf86 !important
}

.complementary-3-bg-a1 {
    background-color: #bfffe9
}

.complementary-3-color-a1 {
    color: #bfffe9
}

.complementary-3-border-color-a1 {
    border-color: #bfffe9 !important
}

.complementary-3-border-color-a1.border {
    border-color: #bfffe9 !important
}

.complementary-3-bg-a2 {
    background-color: #93f5d3
}

.complementary-3-color-a2 {
    color: #93f5d3
}

.complementary-3-border-color-a2 {
    border-color: #93f5d3 !important
}

.complementary-3-border-color-a2.border {
    border-color: #93f5d3 !important
}

.complementary-3-bg-a3 {
    background-color: #6aebbd
}

.complementary-3-color-a3 {
    color: #6aebbd
}

.complementary-3-border-color-a3 {
    border-color: #6aebbd !important
}

.complementary-3-border-color-a3.border {
    border-color: #6aebbd !important
}

.complementary-3-bg-a4 {
    background-color: #43e0a9
}

.complementary-3-color-a4 {
    color: #43e0a9
}

.complementary-3-border-color-a4 {
    border-color: #43e0a9 !important
}

.complementary-3-border-color-a4.border {
    border-color: #43e0a9 !important
}

.complementary-3-bg-a5 {
    background-color: #20d696
}

.complementary-3-color-a5 {
    color: #20d696
}

.complementary-3-border-color-a5 {
    border-color: #20d696 !important
}

.complementary-3-border-color-a5.border {
    border-color: #20d696 !important
}

.complementary-3-bg-a6 {
    background-color: #00cc85
}

.complementary-3-color-a6 {
    color: #00cc85
}

.complementary-3-border-color-a6 {
    border-color: #00cc85 !important
}

.complementary-3-border-color-a6.border {
    border-color: #00cc85 !important
}

.complementary-3-bg-a7 {
    background-color: #00b374
}

.complementary-3-color-a7 {
    color: #00b374
}

.complementary-3-border-color-a7 {
    border-color: #00b374 !important
}

.complementary-3-border-color-a7.border {
    border-color: #00b374 !important
}

.complementary-3-bg-a8 {
    background-color: #009963
}

.complementary-3-color-a8 {
    color: #009963
}

.complementary-3-border-color-a8 {
    border-color: #009963 !important
}

.complementary-3-border-color-a8.border {
    border-color: #009963 !important
}

.complementary-3-bg-a9 {
    background-color: #008053
}

.complementary-3-color-a9 {
    color: #008053
}

.complementary-3-border-color-a9 {
    border-color: #008053 !important
}

.complementary-3-border-color-a9.border {
    border-color: #008053 !important
}

.complementary-3-bg-a10 {
    background-color: #006642
}

.complementary-3-color-a10 {
    color: #006642
}

.complementary-3-border-color-a10 {
    border-color: #006642 !important
}

.complementary-3-border-color-a10.border {
    border-color: #006642 !important
}

.complementary-3-bg-a11 {
    background-color: #004d32
}

.complementary-3-color-a11 {
    color: #004d32
}

.complementary-3-border-color-a11 {
    border-color: #004d32 !important
}

.complementary-3-border-color-a11.border {
    border-color: #004d32 !important
}

.complementary-3-bg-a12 {
    background-color: #003321
}

.complementary-3-color-a12 {
    color: #003321
}

.complementary-3-border-color-a12 {
    border-color: #003321 !important
}

.complementary-3-border-color-a12.border {
    border-color: #003321 !important
}

.analogue-1-bg {
    background-color: #3126ff
}

.analogue-1-color {
    color: #3126ff
}

.analogue-1-border-color- {
    border-color: #3126ff !important
}

.analogue-1-border-color-.border {
    border-color: #3126ff !important
}

.analogue-1-bg-b1 {
    background-color: #3126ff
}

.analogue-1-color-b1 {
    color: #3126ff
}

.analogue-1-border-color-b1 {
    border-color: #3126ff !important
}

.analogue-1-border-color-b1.border {
    border-color: #3126ff !important
}

.analogue-1-bg-b2 {
    background-color: #4239e6
}

.analogue-1-color-b2 {
    color: #4239e6
}

.analogue-1-border-color-b2 {
    border-color: #4239e6 !important
}

.analogue-1-border-color-b2.border {
    border-color: #4239e6 !important
}

.analogue-1-bg-b3 {
    background-color: #4e47cc
}

.analogue-1-color-b3 {
    color: #4e47cc
}

.analogue-1-border-color-b3 {
    border-color: #4e47cc !important
}

.analogue-1-border-color-b3.border {
    border-color: #4e47cc !important
}

.analogue-1-bg-b4 {
    background-color: #5550b3
}

.analogue-1-color-b4 {
    color: #5550b3
}

.analogue-1-border-color-b4 {
    border-color: #5550b3 !important
}

.analogue-1-border-color-b4.border {
    border-color: #5550b3 !important
}

.analogue-1-bg-b5 {
    background-color: #585499
}

.analogue-1-color-b5 {
    color: #585499
}

.analogue-1-border-color-b5 {
    border-color: #585499 !important
}

.analogue-1-border-color-b5.border {
    border-color: #585499 !important
}

.analogue-1-bg-b6 {
    background-color: #555380
}

.analogue-1-color-b6 {
    color: #555380
}

.analogue-1-border-color-b6 {
    border-color: #555380 !important
}

.analogue-1-border-color-b6.border {
    border-color: #555380 !important
}

.analogue-1-bg-b7 {
    background-color: #4e4d66
}

.analogue-1-color-b7 {
    color: #4e4d66
}

.analogue-1-border-color-b7 {
    border-color: #4e4d66 !important
}

.analogue-1-border-color-b7.border {
    border-color: #4e4d66 !important
}

.analogue-1-bg-b8 {
    background-color: #42414d
}

.analogue-1-color-b8 {
    color: #42414d
}

.analogue-1-border-color-b8 {
    border-color: #42414d !important
}

.analogue-1-border-color-b8.border {
    border-color: #42414d !important
}

.analogue-2-bg {
    background-color: #0bd9d2
}

.analogue-2-color {
    color: #0bd9d2
}

.analogue-2-border-color- {
    border-color: #0bd9d2 !important
}

.analogue-2-border-color-.border {
    border-color: #0bd9d2 !important
}

.analogue-2-bg-b1 {
    background-color: #0bd9d2
}

.analogue-2-color-b1 {
    color: #0bd9d2
}

.analogue-2-border-color-b1 {
    border-color: #0bd9d2 !important
}

.analogue-2-border-color-b1.border {
    border-color: #0bd9d2 !important
}

.analogue-2-bg-b2 {
    background-color: #1dbfba
}

.analogue-2-color-b2 {
    color: #1dbfba
}

.analogue-2-border-color-b2 {
    border-color: #1dbfba !important
}

.analogue-2-border-color-b2.border {
    border-color: #1dbfba !important
}

.analogue-2-bg-b3 {
    background-color: #29a6a2
}

.analogue-2-color-b3 {
    color: #29a6a2
}

.analogue-2-border-color-b3 {
    border-color: #29a6a2 !important
}

.analogue-2-border-color-b3.border {
    border-color: #29a6a2 !important
}

.analogue-2-bg-b4 {
    background-color: #318c89
}

.analogue-2-color-b4 {
    color: #318c89
}

.analogue-2-border-color-b4 {
    border-color: #318c89 !important
}

.analogue-2-border-color-b4.border {
    border-color: #318c89 !important
}

.analogue-2-bg-b5 {
    background-color: #347371
}

.analogue-2-color-b5 {
    color: #347371
}

.analogue-2-border-color-b5 {
    border-color: #347371 !important
}

.analogue-2-border-color-b5.border {
    border-color: #347371 !important
}

.analogue-2-bg-b6 {
    background-color: #315958
}

.analogue-2-color-b6 {
    color: #315958
}

.analogue-2-border-color-b6 {
    border-color: #315958 !important
}

.analogue-2-border-color-b6.border {
    border-color: #315958 !important
}

.analogue-2-bg-b7 {
    background-color: #29403f
}

.analogue-2-color-b7 {
    color: #29403f
}

.analogue-2-border-color-b7 {
    border-color: #29403f !important
}

.analogue-2-border-color-b7.border {
    border-color: #29403f !important
}

.analogue-2-bg-b8 {
    background-color: #1d2626
}

.analogue-2-color-b8 {
    color: #1d2626
}

.analogue-2-border-color-b8 {
    border-color: #1d2626 !important
}

.analogue-2-border-color-b8.border {
    border-color: #1d2626 !important
}

.complementary-1-bg-b1 {
    background-color: #f73e5a
}

.complementary-1-color-b1 {
    color: #f73e5a
}

.complementary-1-border-color-b1 {
    border-color: #f73e5a !important
}

.complementary-1-border-color-b1.border {
    border-color: #f73e5a !important
}

.complementary-1-bg-b2 {
    background-color: #de4e63
}

.complementary-1-color-b2 {
    color: #de4e63
}

.complementary-1-border-color-b2 {
    border-color: #de4e63 !important
}

.complementary-1-border-color-b2.border {
    border-color: #de4e63 !important
}

.complementary-1-bg-b3 {
    background-color: #c45869
}

.complementary-1-color-b3 {
    color: #c45869
}

.complementary-1-border-color-b3 {
    border-color: #c45869 !important
}

.complementary-1-border-color-b3.border {
    border-color: #c45869 !important
}

.complementary-1-bg-b4 {
    background-color: #ab5e69
}

.complementary-1-color-b4 {
    color: #ab5e69
}

.complementary-1-border-color-b4 {
    border-color: #ab5e69 !important
}

.complementary-1-border-color-b4.border {
    border-color: #ab5e69 !important
}

.complementary-1-bg-b5 {
    background-color: #915e66
}

.complementary-1-color-b5 {
    color: #915e66
}

.complementary-1-border-color-b5 {
    border-color: #915e66 !important
}

.complementary-1-border-color-b5.border {
    border-color: #915e66 !important
}

.complementary-1-bg-b6 {
    background-color: #785a5e
}

.complementary-1-color-b6 {
    color: #785a5e
}

.complementary-1-border-color-b6 {
    border-color: #785a5e !important
}

.complementary-1-border-color-b6.border {
    border-color: #785a5e !important
}

.complementary-1-bg-b7 {
    background-color: #5e5052
}

.complementary-1-color-b7 {
    color: #5e5052
}

.complementary-1-border-color-b7 {
    border-color: #5e5052 !important
}

.complementary-1-border-color-b7.border {
    border-color: #5e5052 !important
}

.complementary-1-bg-b8 {
    background-color: #454142
}

.complementary-1-color-b8 {
    color: #454142
}

.complementary-1-border-color-b8 {
    border-color: #454142 !important
}

.complementary-1-border-color-b8.border {
    border-color: #454142 !important
}

.complementary-2-bg-b1 {
    background-color: #f90
}

.complementary-2-color-b1 {
    color: #f90
}

.complementary-2-border-color-b1 {
    border-color: #f90 !important
}

.complementary-2-border-color-b1.border {
    border-color: #f90 !important
}

.complementary-2-bg-b2 {
    background-color: #e69317
}

.complementary-2-color-b2 {
    color: #e69317
}

.complementary-2-border-color-b2 {
    border-color: #e69317 !important
}

.complementary-2-border-color-b2.border {
    border-color: #e69317 !important
}

.complementary-2-bg-b3 {
    background-color: #cc8b29
}

.complementary-2-color-b3 {
    color: #cc8b29
}

.complementary-2-border-color-b3 {
    border-color: #cc8b29 !important
}

.complementary-2-border-color-b3.border {
    border-color: #cc8b29 !important
}

.complementary-2-bg-b4 {
    background-color: #b38136
}

.complementary-2-color-b4 {
    color: #b38136
}

.complementary-2-border-color-b4 {
    border-color: #b38136 !important
}

.complementary-2-border-color-b4.border {
    border-color: #b38136 !important
}

.complementary-2-bg-b5 {
    background-color: #99743d
}

.complementary-2-color-b5 {
    color: #99743d
}

.complementary-2-border-color-b5 {
    border-color: #99743d !important
}

.complementary-2-border-color-b5.border {
    border-color: #99743d !important
}

.complementary-2-bg-b6 {
    background-color: #806640
}

.complementary-2-color-b6 {
    color: #806640
}

.complementary-2-border-color-b6 {
    border-color: #806640 !important
}

.complementary-2-border-color-b6.border {
    border-color: #806640 !important
}

.complementary-2-bg-b7 {
    background-color: #66563d
}

.complementary-2-color-b7 {
    color: #66563d
}

.complementary-2-border-color-b7 {
    border-color: #66563d !important
}

.complementary-2-border-color-b7.border {
    border-color: #66563d !important
}

.complementary-2-bg-b8 {
    background-color: #4d4336
}

.complementary-2-color-b8 {
    color: #4d4336
}

.complementary-2-border-color-b8 {
    border-color: #4d4336 !important
}

.complementary-2-border-color-b8.border {
    border-color: #4d4336 !important
}

.complementary-3-bg-b1 {
    background-color: #00cf86
}

.complementary-3-color-b1 {
    color: #00cf86
}

.complementary-3-border-color-b1 {
    border-color: #00cf86 !important
}

.complementary-3-border-color-b1.border {
    border-color: #00cf86 !important
}

.complementary-3-bg-b2 {
    background-color: #12b57c
}

.complementary-3-color-b2 {
    color: #12b57c
}

.complementary-3-border-color-b2 {
    border-color: #12b57c !important
}

.complementary-3-border-color-b2.border {
    border-color: #12b57c !important
}

.complementary-3-bg-b3 {
    background-color: #1f9c70
}

.complementary-3-color-b3 {
    color: #1f9c70
}

.complementary-3-border-color-b3 {
    border-color: #1f9c70 !important
}

.complementary-3-border-color-b3.border {
    border-color: #1f9c70 !important
}

.complementary-3-bg-b4 {
    background-color: #278262
}

.complementary-3-color-b4 {
    color: #278262
}

.complementary-3-border-color-b4 {
    border-color: #278262 !important
}

.complementary-3-border-color-b4.border {
    border-color: #278262 !important
}

.complementary-3-bg-b5 {
    background-color: #2a6953
}

.complementary-3-color-b5 {
    color: #2a6953
}

.complementary-3-border-color-b5 {
    border-color: #2a6953 !important
}

.complementary-3-border-color-b5.border {
    border-color: #2a6953 !important
}

.complementary-3-bg-b6 {
    background-color: #284f41
}

.complementary-3-color-b6 {
    color: #284f41
}

.complementary-3-border-color-b6 {
    border-color: #284f41 !important
}

.complementary-3-border-color-b6.border {
    border-color: #284f41 !important
}

.complementary-3-bg-b7 {
    background-color: #20362e
}

.complementary-3-color-b7 {
    color: #20362e
}

.complementary-3-border-color-b7 {
    border-color: #20362e !important
}

.complementary-3-border-color-b7.border {
    border-color: #20362e !important
}

.complementary-3-bg-b8 {
    background-color: #141c19
}

.complementary-3-color-b8 {
    color: #141c19
}

.complementary-3-border-color-b8 {
    border-color: #141c19 !important
}

.complementary-3-border-color-b8.border {
    border-color: #141c19 !important
}

.neutral-1-bg {
    background-color: #17324d
}

.neutral-1-color {
    color: #17324d
}

.neutral-1-border-color- {
    border-color: #17324d !important
}

.neutral-1-border-color-.border {
    border-color: #17324d !important
}

.neutral-1-bg-a1 {
    background-color: #ebeced
}

.neutral-1-color-a1 {
    color: #ebeced
}

.neutral-1-border-color-a1 {
    border-color: #ebeced !important
}

.neutral-1-border-color-a1.border {
    border-color: #ebeced !important
}

.neutral-1-bg-a2 {
    background-color: #d9dadb
}

.neutral-1-color-a2 {
    color: #d9dadb
}

.neutral-1-border-color-a2 {
    border-color: #d9dadb !important
}

.neutral-1-border-color-a2.border {
    border-color: #d9dadb !important
}

.neutral-1-bg-a3 {
    background-color: #c5c7c9
}

.neutral-1-color-a3 {
    color: #c5c7c9
}

.neutral-1-border-color-a3 {
    border-color: #c5c7c9 !important
}

.neutral-1-border-color-a3.border {
    border-color: #c5c7c9 !important
}

.neutral-1-bg-a4 {
    background-color: #adb2b8
}

.neutral-1-color-a4 {
    color: #adb2b8
}

.neutral-1-border-color-a4 {
    border-color: #adb2b8 !important
}

.neutral-1-border-color-a4.border {
    border-color: #adb2b8 !important
}

.neutral-1-bg-a5 {
    background-color: #959da6
}

.neutral-1-color-a5 {
    color: #959da6
}

.neutral-1-border-color-a5 {
    border-color: #959da6 !important
}

.neutral-1-border-color-a5.border {
    border-color: #959da6 !important
}

.neutral-1-bg-a6 {
    background-color: #768594
}

.neutral-1-color-a6 {
    color: #768594
}

.neutral-1-border-color-a6 {
    border-color: #768594 !important
}

.neutral-1-border-color-a6.border {
    border-color: #768594 !important
}

.neutral-1-bg-a7 {
    background-color: #5b6f82
}

.neutral-1-color-a7 {
    color: #5b6f82
}

.neutral-1-border-color-a7 {
    border-color: #5b6f82 !important
}

.neutral-1-border-color-a7.border {
    border-color: #5b6f82 !important
}

.neutral-1-bg-a8 {
    background-color: #435a70
}

.neutral-1-color-a8 {
    color: #435a70
}

.neutral-1-border-color-a8 {
    border-color: #435a70 !important
}

.neutral-1-border-color-a8.border {
    border-color: #435a70 !important
}

.neutral-1-bg-a9 {
    background-color: #2f475e
}

.neutral-1-color-a9 {
    color: #2f475e
}

.neutral-1-border-color-a9 {
    border-color: #2f475e !important
}

.neutral-1-border-color-a9.border {
    border-color: #2f475e !important
}

.neutral-1-bg-a10 {
    background-color: #17324d
}

.neutral-1-color-a10 {
    color: #17324d
}

.neutral-1-border-color-a10 {
    border-color: #17324d !important
}

.neutral-1-border-color-a10.border {
    border-color: #17324d !important
}

.neutral-2-bg {
    background-color: #e6ecf2
}

.neutral-2-color {
    color: #e6ecf2
}

.neutral-2-border-color- {
    border-color: #e6ecf2
}

.neutral-2-bg-b1 {
    background-color: #e6ecf2
}

.neutral-2-color-b1 {
    color: #e6ecf2
}

.neutral-2-border-color-b1 {
    border-color: #e6ecf2 !important
}

.neutral-2-border-color-b1.border {
    border-color: #e6ecf2 !important
}

.neutral-2-bg-b2 {
    background-color: #c2c7cc
}

.neutral-2-color-b2 {
    color: #c2c7cc
}

.neutral-2-border-color-b2 {
    border-color: #c2c7cc !important
}

.neutral-2-border-color-b2.border {
    border-color: #c2c7cc !important
}

.neutral-2-bg-b3 {
    background-color: #9da2a6
}

.neutral-2-color-b3 {
    color: #9da2a6
}

.neutral-2-border-color-b3 {
    border-color: #9da2a6 !important
}

.neutral-2-border-color-b3.border {
    border-color: #9da2a6 !important
}

.neutral-2-bg-b4 {
    background-color: #797c80
}

.neutral-2-color-b4 {
    color: #797c80
}

.neutral-2-border-color-b4 {
    border-color: #797c80 !important
}

.neutral-2-border-color-b4.border {
    border-color: #797c80 !important
}

.neutral-2-bg-b5 {
    background-color: #565759
}

.neutral-2-color-b5 {
    color: #565759
}

.neutral-2-border-color-b5 {
    border-color: #565759 !important
}

.neutral-2-border-color-b5.border {
    border-color: #565759 !important
}

.neutral-2-bg-b6 {
    background-color: #2f3133
}

.neutral-2-color-b6 {
    color: #2f3133
}

.neutral-2-border-color-b6 {
    border-color: #2f3133 !important
}

.neutral-2-border-color-b6.border {
    border-color: #2f3133 !important
}

.neutral-2-bg-b7 {
    background-color: #0c0c0d
}

.neutral-2-color-b7 {
    color: #0c0c0d
}

.neutral-2-border-color-b7 {
    border-color: #0c0c0d !important
}

.neutral-2-border-color-b7.border {
    border-color: #0c0c0d !important
}

.neutral-2-bg-a1 {
    background-color: #e6ecf2
}

.neutral-2-color-a1 {
    color: #e6ecf2
}

.neutral-2-border-color-a1 {
    border-color: #e6ecf2 !important
}

.neutral-2-border-color-a1.border {
    border-color: #e6ecf2 !important
}

.neutral-2-bg-a2 {
    background-color: #bcc4cc
}

.neutral-2-color-a2 {
    color: #bcc4cc
}

.neutral-2-border-color-a2 {
    border-color: #bcc4cc !important
}

.neutral-2-border-color-a2.border {
    border-color: #bcc4cc !important
}

.neutral-2-bg-a3 {
    background-color: #9aa0a6
}

.neutral-2-color-a3 {
    color: #9aa0a6
}

.neutral-2-border-color-a3 {
    border-color: #9aa0a6 !important
}

.neutral-2-border-color-a3.border {
    border-color: #9aa0a6 !important
}

.neutral-2-bg-a4 {
    background-color: #777b80
}

.neutral-2-color-a4 {
    color: #777b80
}

.neutral-2-border-color-a4 {
    border-color: #777b80 !important
}

.neutral-2-border-color-a4.border {
    border-color: #777b80 !important
}

.neutral-2-bg-a5 {
    background-color: #535659
}

.neutral-2-color-a5 {
    color: #535659
}

.neutral-2-border-color-a5 {
    border-color: #535659 !important
}

.neutral-2-border-color-a5.border {
    border-color: #535659 !important
}

.neutral-2-bg-a6 {
    background-color: #2f3133
}

.neutral-2-color-a6 {
    color: #2f3133
}

.neutral-2-border-color-a6 {
    border-color: #2f3133 !important
}

.neutral-2-border-color-a6.border {
    border-color: #2f3133 !important
}

.neutral-2-bg-a7 {
    background-color: #17181a
}

.neutral-2-color-a7 {
    color: #17181a
}

.neutral-2-border-color-a7 {
    border-color: #17181a !important
}

.neutral-2-border-color-a7.border {
    border-color: #17181a !important
}

.lightgrey-bg-a1 {
    background-color: #e8f2fc
}

.lightgrey-color-a1 {
    color: #e8f2fc
}

.lightgrey-border-color-a1 {
    border-color: #e8f2fc !important
}

.lightgrey-border-color-a1.border {
    border-color: #e8f2fc !important
}

.lightgrey-bg-a2 {
    background-color: #edf5fc
}

.lightgrey-color-a2 {
    color: #edf5fc
}

.lightgrey-border-color-a2 {
    border-color: #edf5fc !important
}

.lightgrey-border-color-a2.border {
    border-color: #edf5fc !important
}

.lightgrey-bg-a3 {
    background-color: #f2f7fc
}

.lightgrey-color-a3 {
    color: #f2f7fc
}

.lightgrey-border-color-a3 {
    border-color: #f2f7fc !important
}

.lightgrey-border-color-a3.border {
    border-color: #f2f7fc !important
}

.lightgrey-bg-a4 {
    background-color: #f5f9fc
}

.lightgrey-color-a4 {
    color: #f5f9fc
}

.lightgrey-border-color-a4 {
    border-color: #f5f9fc !important
}

.lightgrey-border-color-a4.border {
    border-color: #f5f9fc !important
}

.lightgrey-bg-b1 {
    background-color: #e6f0fa
}

.lightgrey-color-b1 {
    color: #e6f0fa
}

.lightgrey-border-color-b1 {
    border-color: #e6f0fa !important
}

.lightgrey-border-color-b1.border {
    border-color: #e6f0fa !important
}

.lightgrey-bg-b2 {
    background-color: #ebf2fa
}

.lightgrey-color-b2 {
    color: #ebf2fa
}

.lightgrey-border-color-b2 {
    border-color: #ebf2fa !important
}

.lightgrey-border-color-b2.border {
    border-color: #ebf2fa !important
}

.lightgrey-bg-b3 {
    background-color: #edf4fa
}

.lightgrey-color-b3 {
    color: #edf4fa
}

.lightgrey-border-color-b3 {
    border-color: #edf4fa !important
}

.lightgrey-border-color-b3.border {
    border-color: #edf4fa !important
}

.lightgrey-bg-b4 {
    background-color: #f2f6fa
}

.lightgrey-color-b4 {
    color: #f2f6fa
}

.lightgrey-border-color-b4 {
    border-color: #f2f6fa !important
}

.lightgrey-border-color-b4.border {
    border-color: #f2f6fa !important
}

.lightgrey-bg-c1 {
    background-color: #f7f9fa
}

.lightgrey-color-c1 {
    color: #f7f9fa
}

.lightgrey-border-color-c1 {
    border-color: #f7f9fa !important
}

.lightgrey-border-color-c1.border {
    border-color: #f7f9fa !important
}

.lightgrey-bg-c2 {
    background-color: #f5f6f7
}

.lightgrey-color-c2 {
    color: #f5f6f7
}

.lightgrey-border-color-c2 {
    border-color: #f5f6f7 !important
}

.lightgrey-border-color-c2.border {
    border-color: #f5f6f7 !important
}

@media screen and (min-width:768px) and (max-width:991px),
screen and (min-width:992px) and (max-width:1365px),
screen and (min-width:1366px) {
    .home-message-content {
        padding-left: 12rem !important;
        padding-right: 12rem !important
    }
}

.home-message .msg {
    font-size: 1.5rem !important;
    line-height: 1.55 !important;
    padding: 0;
    margin: 0
}

.home-message .btn-outline-black {
    color: #333;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #333
}

.home-message .btn-outline-black:hover {
    color: #fff;
    background-color: #333;
    box-shadow: inset 0 0 0 1px #333
}

.home-message .btn-outline-black.focus,
.home-message .btn-outline-black:focus {
    box-shadow: inset 0 0 0 1px #17324d, 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.home-message .btn-outline-black.disabled,
.home-message .btn-outline-black:disabled {
    color: #17324d;
    background-color: transparent
}

.home-message .btn-outline-black:not(:disabled):not(.disabled).active,
.home-message .btn-outline-black:not(:disabled):not(.disabled):active,
.show>.btn-outline-black.dropdown-toggle {
    color: #17324d;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #17324d
}

.home-message .btn-outline-black:not(:disabled):not(.disabled).active:focus,
.home-message .btn-outline-black:not(:disabled):not(.disabled):active:focus,
.home-message .show>.btn-outline-black.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.home-message .msg svg {
    height: 1.5em;
    width: 1.5em;
    margin-right: 10px;
    display: inline-block
}

.home-message.red,
.home-message.red .msg svg {
    background-color: #d1344c;
    color: #fff !important;
    fill: #fff !important
}

.home-message.purple,
.home-message.purple .msg svg {
    background-color: #b21dd0;
    color: #fff !important;
    fill: #fff !important
}

.home-message .msg svg,
.home-message.green {
    background-color: #0e8a5f;
    color: #fff !important;
    fill: #fff !important
}

.home-message.blue,
.home-message.blue .msg svg {
    background-color: #0d00ff;
    color: #fff !important;
    fill: #fff !important
}

.home-message.yellow,
.home-message.yellow .msg svg {
    background-color: #fc0;
    color: #333 !important;
    fill: #333 !important
}

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

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #19191a;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 102, 204, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65;
    box-shadow: none
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 102, 204, .25), inset 0 3px 5px rgba(0, 0, 0, .125)
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #06c;
    border-color: #06c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-primary:hover {
    color: #fff;
    background-color: #0053a6;
    border-color: #004d99
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #06c;
    border-color: #06c
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #004d99;
    border-color: #00468c
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #5c6f82;
    border-color: #5c6f82;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-secondary:hover {
    color: #fff;
    background-color: #4c5c6c;
    border-color: #475664
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(92, 111, 130, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #5c6f82;
    border-color: #5c6f82
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #475664;
    border-color: #424f5d
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(92, 111, 130, .5)
}

.btn-success {
    color: #fff;
    background-color: #008758;
    border-color: #008758;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-success:hover {
    color: #fff;
    background-color: #00613f;
    border-color: #005437
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(0, 135, 88, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #008758;
    border-color: #008758
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #005437;
    border-color: #00472e
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 135, 88, .5)
}

.btn-info {
    color: #000;
    background-color: #979899;
    border-color: #979899;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-info:hover {
    color: #000;
    background-color: #848586;
    border-color: #7e7e80
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #000;
    background-color: #979899;
    border-color: #979899
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #7e7e80;
    border-color: #777879
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.btn-warning {
    color: #fff;
    background-color: #a66300;
    border-color: #a66300;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-warning:hover {
    color: #fff;
    background-color: #804d00;
    border-color: #734500
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(166, 99, 0, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #fff;
    background-color: #a66300;
    border-color: #a66300
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #734500;
    border-color: #663d00
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(166, 99, 0, .5)
}

.btn-danger {
    color: #fff;
    background-color: #d9364f;
    border-color: #d9364f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-danger:hover {
    color: #fff;
    background-color: #c3253d;
    border-color: #b9233a
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(217, 54, 79, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #d9364f;
    border-color: #d9364f
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b9233a;
    border-color: #ae2136
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(217, 54, 79, .5)
}

.btn-light {
    color: #000;
    background-color: #e9e6f2;
    border-color: #e9e6f2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-light:hover {
    color: #000;
    background-color: #d3cde5;
    border-color: #ccc4e1
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(233, 230, 242, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #000;
    background-color: #e9e6f2;
    border-color: #e9e6f2
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #ccc4e1;
    border-color: #c4bcdd
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(233, 230, 242, .5)
}

.btn-dark {
    color: #fff;
    background-color: #17324d;
    border-color: #17324d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-dark:hover {
    color: #fff;
    background-color: #0e1f2f;
    border-color: #0b1825
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #17324d;
    border-color: #17324d
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #0b1825;
    border-color: #08121b
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.btn-petrol {
    color: #fff;
    background-color: #51758d;
    border-color: #51758d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-petrol:hover {
    color: #fff;
    background-color: #436175;
    border-color: #3e5a6d
}

.btn-petrol.focus,
.btn-petrol:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(81, 117, 141, .5)
}

.btn-petrol.disabled,
.btn-petrol:disabled {
    color: #fff;
    background-color: #51758d;
    border-color: #51758d
}

.btn-petrol:not(:disabled):not(.disabled).active,
.btn-petrol:not(:disabled):not(.disabled):active,
.show>.btn-petrol.dropdown-toggle {
    color: #fff;
    background-color: #3e5a6d;
    border-color: #3a5365
}

.btn-petrol:not(:disabled):not(.disabled).active:focus,
.btn-petrol:not(:disabled):not(.disabled):active:focus,
.show>.btn-petrol.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(81, 117, 141, .5)
}

.btn-redbrown {
    color: #fff;
    background-color: #d1344c;
    border-color: #d1344c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-redbrown:hover {
    color: #fff;
    background-color: #b6293f;
    border-color: #ab273b
}

.btn-redbrown.focus,
.btn-redbrown:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(209, 52, 76, .5)
}

.btn-redbrown.disabled,
.btn-redbrown:disabled {
    color: #fff;
    background-color: #d1344c;
    border-color: #d1344c
}

.btn-redbrown:not(:disabled):not(.disabled).active,
.btn-redbrown:not(:disabled):not(.disabled):active,
.show>.btn-redbrown.dropdown-toggle {
    color: #fff;
    background-color: #ab273b;
    border-color: #a12437
}

.btn-redbrown:not(:disabled):not(.disabled).active:focus,
.btn-redbrown:not(:disabled):not(.disabled):active:focus,
.show>.btn-redbrown.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(209, 52, 76, .5)
}

.btn-purplelight {
    color: #fff;
    background-color: #b21dd0;
    border-color: #b21dd0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-purplelight:hover {
    color: #fff;
    background-color: #9518ae;
    border-color: #8c17a3
}

.btn-purplelight.focus,
.btn-purplelight:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(178, 29, 208, .5)
}

.btn-purplelight.disabled,
.btn-purplelight:disabled {
    color: #fff;
    background-color: #b21dd0;
    border-color: #b21dd0
}

.btn-purplelight:not(:disabled):not(.disabled).active,
.btn-purplelight:not(:disabled):not(.disabled):active,
.show>.btn-purplelight.dropdown-toggle {
    color: #fff;
    background-color: #8c17a3;
    border-color: #821598
}

.btn-purplelight:not(:disabled):not(.disabled).active:focus,
.btn-purplelight:not(:disabled):not(.disabled):active:focus,
.show>.btn-purplelight.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(178, 29, 208, .5)
}

.btn-greendark {
    color: #fff;
    background-color: #0e865c;
    border-color: #0e865c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-greendark:hover {
    color: #fff;
    background-color: #0a6747;
    border-color: #095c3f
}

.btn-greendark.focus,
.btn-greendark:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(14, 138, 95, .5)
}

.btn-greendark.disabled,
.btn-greendark:disabled {
    color: #fff;
    background-color: #0e865c;
    border-color: #0e865c
}

.btn-greendark:not(:disabled):not(.disabled).active,
.btn-greendark:not(:disabled):not(.disabled):active,
.show>.btn-greendark.dropdown-toggle {
    color: #fff;
    background-color: #095c3f;
    border-color: #085037
}

.btn-greendark:not(:disabled):not(.disabled).active:focus,
.btn-greendark:not(:disabled):not(.disabled):active:focus,
.show>.btn-greendark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(14, 138, 95, .5)
}

.btn-bluelectric {
    color: #fff;
    background-color: #0d00ff;
    border-color: #0d00ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-bluelectric:hover {
    color: #fff;
    background-color: #0b00d9;
    border-color: #0a00cc
}

.btn-bluelectric.focus,
.btn-bluelectric:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(13, 0, 255, .5)
}

.btn-bluelectric.disabled,
.btn-bluelectric:disabled {
    color: #fff;
    background-color: #0d00ff;
    border-color: #0d00ff
}

.btn-bluelectric:not(:disabled):not(.disabled).active,
.btn-bluelectric:not(:disabled):not(.disabled):active,
.show>.btn-bluelectric.dropdown-toggle {
    color: #fff;
    background-color: #0a00cc;
    border-color: #0a00bf
}

.btn-bluelectric:not(:disabled):not(.disabled).active:focus,
.btn-bluelectric:not(:disabled):not(.disabled):active:focus,
.show>.btn-bluelectric.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(13, 0, 255, .5)
}

.btn-gray100 {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-gray100:hover {
    color: #000;
    background-color: #cfd0d3;
    border-color: #c9cacd
}

.btn-gray100.focus,
.btn-gray100:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.btn-gray100.disabled,
.btn-gray100:disabled {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6
}

.btn-gray100:not(:disabled):not(.disabled).active,
.btn-gray100:not(:disabled):not(.disabled):active,
.show>.btn-gray100.dropdown-toggle {
    color: #000;
    background-color: #c9cacd;
    border-color: #c2c3c7
}

.btn-gray100:not(:disabled):not(.disabled).active:focus,
.btn-gray100:not(:disabled):not(.disabled):active:focus,
.show>.btn-gray100.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-white:hover {
    color: #000;
    background-color: #ececec;
    border-color: #e6e6e6
}

.btn-white.focus,
.btn-white:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.btn-white.disabled,
.btn-white:disabled {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle {
    color: #000;
    background-color: #e6e6e6;
    border-color: #dfdfdf
}

.btn-white:not(:disabled):not(.disabled).active:focus,
.btn-white:not(:disabled):not(.disabled):active:focus,
.show>.btn-white.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.btn-gray-primary {
    color: #fff;
    background-color: #455b71;
    border-color: #455b71;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-gray-primary:hover {
    color: #fff;
    background-color: #374859;
    border-color: #324151
}

.btn-gray-primary.focus,
.btn-gray-primary:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(69, 91, 113, .5)
}

.btn-gray-primary.disabled,
.btn-gray-primary:disabled {
    color: #fff;
    background-color: #455b71;
    border-color: #455b71
}

.btn-gray-primary:not(:disabled):not(.disabled).active,
.btn-gray-primary:not(:disabled):not(.disabled):active,
.show>.btn-gray-primary.dropdown-toggle {
    color: #fff;
    background-color: #324151;
    border-color: #2d3b49
}

.btn-gray-primary:not(:disabled):not(.disabled).active:focus,
.btn-gray-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-gray-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(69, 91, 113, .5)
}

.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-black:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-black.focus,
.btn-black:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.btn-black.disabled,
.btn-black:disabled {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-black:not(:disabled):not(.disabled).active,
.btn-black:not(:disabled):not(.disabled):active,
.show>.btn-black.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-black:not(:disabled):not(.disabled).active:focus,
.btn-black:not(:disabled):not(.disabled):active:focus,
.show>.btn-black.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.btn-100 {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-100:hover {
    color: #000;
    background-color: #cfd0d3;
    border-color: #c9cacd
}

.btn-100.focus,
.btn-100:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.btn-100.disabled,
.btn-100:disabled {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6
}

.btn-100:not(:disabled):not(.disabled).active,
.btn-100:not(:disabled):not(.disabled):active,
.show>.btn-100.dropdown-toggle {
    color: #000;
    background-color: #c9cacd;
    border-color: #c2c3c7
}

.btn-100:not(:disabled):not(.disabled).active:focus,
.btn-100:not(:disabled):not(.disabled):active:focus,
.show>.btn-100.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.btn-200 {
    color: #000;
    background-color: #cacacc;
    border-color: #cacacc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-200:hover {
    color: #000;
    background-color: #b6b7b9;
    border-color: #b0b1b3
}

.btn-200.focus,
.btn-200:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(202, 202, 204, .5)
}

.btn-200.disabled,
.btn-200:disabled {
    color: #000;
    background-color: #cacacc;
    border-color: #cacacc
}

.btn-200:not(:disabled):not(.disabled).active,
.btn-200:not(:disabled):not(.disabled):active,
.show>.btn-200.dropdown-toggle {
    color: #000;
    background-color: #b0b1b3;
    border-color: #a9aaad
}

.btn-200:not(:disabled):not(.disabled).active:focus,
.btn-200:not(:disabled):not(.disabled):active:focus,
.show>.btn-200.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(202, 202, 204, .5)
}

.btn-300 {
    color: #000;
    background-color: #b1b1b3;
    border-color: #b1b1b3;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-300:hover {
    color: #000;
    background-color: #9d9ea0;
    border-color: #979899
}

.btn-300.focus,
.btn-300:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(177, 177, 179, .5)
}

.btn-300.disabled,
.btn-300:disabled {
    color: #000;
    background-color: #b1b1b3;
    border-color: #b1b1b3
}

.btn-300:not(:disabled):not(.disabled).active,
.btn-300:not(:disabled):not(.disabled):active,
.show>.btn-300.dropdown-toggle {
    color: #000;
    background-color: #979899;
    border-color: #909193
}

.btn-300:not(:disabled):not(.disabled).active:focus,
.btn-300:not(:disabled):not(.disabled):active:focus,
.show>.btn-300.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(177, 177, 179, .5)
}

.btn-400 {
    color: #000;
    background-color: #979899;
    border-color: #979899;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-400:hover {
    color: #000;
    background-color: #848586;
    border-color: #7e7e80
}

.btn-400.focus,
.btn-400:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.btn-400.disabled,
.btn-400:disabled {
    color: #000;
    background-color: #979899;
    border-color: #979899
}

.btn-400:not(:disabled):not(.disabled).active,
.btn-400:not(:disabled):not(.disabled):active,
.show>.btn-400.dropdown-toggle {
    color: #000;
    background-color: #7e7e80;
    border-color: #777879
}

.btn-400:not(:disabled):not(.disabled).active:focus,
.btn-400:not(:disabled):not(.disabled):active:focus,
.show>.btn-400.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.btn-500 {
    color: #000;
    background-color: #7e7f80;
    border-color: #7e7f80;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-500:hover {
    color: #fff;
    background-color: #6b6b6c;
    border-color: #656566
}

.btn-500.focus,
.btn-500:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(126, 127, 128, .5)
}

.btn-500.disabled,
.btn-500:disabled {
    color: #000;
    background-color: #7e7f80;
    border-color: #7e7f80
}

.btn-500:not(:disabled):not(.disabled).active,
.btn-500:not(:disabled):not(.disabled):active,
.show>.btn-500.dropdown-toggle {
    color: #fff;
    background-color: #656566;
    border-color: #5f5f5f
}

.btn-500:not(:disabled):not(.disabled).active:focus,
.btn-500:not(:disabled):not(.disabled):active:focus,
.show>.btn-500.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(126, 127, 128, .5)
}

.btn-600 {
    color: #fff;
    background-color: #656566;
    border-color: #656566;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-600:hover {
    color: #fff;
    background-color: #525253;
    border-color: #4c4c4c
}

.btn-600.focus,
.btn-600:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(101, 101, 102, .5)
}

.btn-600.disabled,
.btn-600:disabled {
    color: #fff;
    background-color: #656566;
    border-color: #656566
}

.btn-600:not(:disabled):not(.disabled).active,
.btn-600:not(:disabled):not(.disabled):active,
.show>.btn-600.dropdown-toggle {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #454546
}

.btn-600:not(:disabled):not(.disabled).active:focus,
.btn-600:not(:disabled):not(.disabled):active:focus,
.show>.btn-600.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(101, 101, 102, .5)
}

.btn-700 {
    color: #fff;
    background-color: #4c4c4d;
    border-color: #4c4c4d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-700:hover {
    color: #fff;
    background-color: #393939;
    border-color: #323233
}

.btn-700.focus,
.btn-700:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(76, 76, 77, .5)
}

.btn-700.disabled,
.btn-700:disabled {
    color: #fff;
    background-color: #4c4c4d;
    border-color: #4c4c4d
}

.btn-700:not(:disabled):not(.disabled).active,
.btn-700:not(:disabled):not(.disabled):active,
.show>.btn-700.dropdown-toggle {
    color: #fff;
    background-color: #323233;
    border-color: #2c2c2c
}

.btn-700:not(:disabled):not(.disabled).active:focus,
.btn-700:not(:disabled):not(.disabled):active:focus,
.show>.btn-700.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(76, 76, 77, .5)
}

.btn-800 {
    color: #fff;
    background-color: #323333;
    border-color: #323333;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-800:hover {
    color: #fff;
    background-color: #1f2020;
    border-color: #191919
}

.btn-800.focus,
.btn-800:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(50, 51, 51, .5)
}

.btn-800.disabled,
.btn-800:disabled {
    color: #fff;
    background-color: #323333;
    border-color: #323333
}

.btn-800:not(:disabled):not(.disabled).active,
.btn-800:not(:disabled):not(.disabled):active,
.show>.btn-800.dropdown-toggle {
    color: #fff;
    background-color: #191919;
    border-color: #131313
}

.btn-800:not(:disabled):not(.disabled).active:focus,
.btn-800:not(:disabled):not(.disabled):active:focus,
.show>.btn-800.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(50, 51, 51, .5)
}

.btn-900 {
    color: #fff;
    background-color: #19191a;
    border-color: #19191a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-900:hover {
    color: #fff;
    background-color: #060606;
    border-color: #000
}

.btn-900.focus,
.btn-900:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(25, 25, 26, .5)
}

.btn-900.disabled,
.btn-900:disabled {
    color: #fff;
    background-color: #19191a;
    border-color: #19191a
}

.btn-900:not(:disabled):not(.disabled).active,
.btn-900:not(:disabled):not(.disabled):active,
.show>.btn-900.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-900:not(:disabled):not(.disabled).active:focus,
.btn-900:not(:disabled):not(.disabled):active:focus,
.show>.btn-900.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(25, 25, 26, .5)
}

.btn-outline-primary {
    color: #06c;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #06c
}

.btn-outline-primary:hover {
    color: #084d91;
    box-shadow: inset 0 0 0 1px #084d91
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: inset 0 0 0 1px #06c, 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #06c;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #06c;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #06c
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.btn-outline-secondary {
    color: #5c6f82;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #5c6f82
}

.btn-outline-secondary:hover {
    color: #50565c;
    box-shadow: inset 0 0 0 1px #50565c
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: inset 0 0 0 1px #5c6f82, 0 0 0 .2rem rgba(92, 111, 130, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #5c6f82;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #5c6f82;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #5c6f82
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(92, 111, 130, .5)
}

.btn-outline-success {
    color: #008758;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #008758
}

.btn-outline-success:hover {
    color: #045035;
    box-shadow: inset 0 0 0 1px #045035
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: inset 0 0 0 1px #008758, 0 0 0 .2rem rgba(0, 135, 88, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #008758;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #008758;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #008758
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 135, 88, .5)
}

.btn-outline-info {
    color: #979899;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #979899
}

.btn-outline-info:hover {
    color: #7f7f7f;
    box-shadow: inset 0 0 0 1px #7f7f7f
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: inset 0 0 0 1px #979899, 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #979899;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #979899;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #979899
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.btn-outline-warning {
    color: #a66300;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #a66300
}

.btn-outline-warning:hover {
    color: #6d4406;
    box-shadow: inset 0 0 0 1px #6d4406
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: inset 0 0 0 1px #a66300, 0 0 0 .2rem rgba(166, 99, 0, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #a66300;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #a66300;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #a66300
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(166, 99, 0, .5)
}

.btn-outline-danger {
    color: #d9364f;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #d9364f
}

.btn-outline-danger:hover {
    color: #ae2e41;
    box-shadow: inset 0 0 0 1px #ae2e41
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: inset 0 0 0 1px #d9364f, 0 0 0 .2rem rgba(217, 54, 79, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #d9364f;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #d9364f;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #d9364f
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(217, 54, 79, .5)
}

.btn-outline-light {
    color: #e9e6f2;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #e9e6f2
}

.btn-outline-light:hover {
    color: #cec9dd;
    box-shadow: inset 0 0 0 1px #cec9dd
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: inset 0 0 0 1px #e9e6f2, 0 0 0 .2rem rgba(233, 230, 242, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #e9e6f2;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #e9e6f2;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #e9e6f2
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(233, 230, 242, .5)
}

.btn-outline-dark {
    color: #17324d;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #17324d
}

.btn-outline-dark:hover {
    color: #0e1823;
    box-shadow: inset 0 0 0 1px #0e1823
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: inset 0 0 0 1px #17324d, 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #17324d;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #17324d;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #17324d
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.btn-outline-petrol {
    color: #51758d;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #51758d
}

.btn-outline-petrol:hover {
    color: #475864;
    box-shadow: inset 0 0 0 1px #475864
}

.btn-outline-petrol.focus,
.btn-outline-petrol:focus {
    box-shadow: inset 0 0 0 1px #51758d, 0 0 0 .2rem rgba(81, 117, 141, .5)
}

.btn-outline-petrol.disabled,
.btn-outline-petrol:disabled {
    color: #51758d;
    background-color: transparent
}

.btn-outline-petrol:not(:disabled):not(.disabled).active,
.btn-outline-petrol:not(:disabled):not(.disabled):active,
.show>.btn-outline-petrol.dropdown-toggle {
    color: #51758d;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #51758d
}

.btn-outline-petrol:not(:disabled):not(.disabled).active:focus,
.btn-outline-petrol:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-petrol.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(81, 117, 141, .5)
}

.btn-outline-redbrown {
    color: #d1344c;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #d1344c
}

.btn-outline-redbrown:hover {
    color: #a13142;
    box-shadow: inset 0 0 0 1px #a13142
}

.btn-outline-redbrown.focus,
.btn-outline-redbrown:focus {
    box-shadow: inset 0 0 0 1px #d1344c, 0 0 0 .2rem rgba(209, 52, 76, .5)
}

.btn-outline-redbrown.disabled,
.btn-outline-redbrown:disabled {
    color: #d1344c;
    background-color: transparent
}

.btn-outline-redbrown:not(:disabled):not(.disabled).active,
.btn-outline-redbrown:not(:disabled):not(.disabled):active,
.show>.btn-outline-redbrown.dropdown-toggle {
    color: #d1344c;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #d1344c
}

.btn-outline-redbrown:not(:disabled):not(.disabled).active:focus,
.btn-outline-redbrown:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-redbrown.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(209, 52, 76, .5)
}

.btn-outline-purplelight {
    color: #b21dd0;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #b21dd0
}

.btn-outline-purplelight:hover {
    color: #86209a;
    box-shadow: inset 0 0 0 1px #86209a
}

.btn-outline-purplelight.focus,
.btn-outline-purplelight:focus {
    box-shadow: inset 0 0 0 1px #b21dd0, 0 0 0 .2rem rgba(178, 29, 208, .5)
}

.btn-outline-purplelight.disabled,
.btn-outline-purplelight:disabled {
    color: #b21dd0;
    background-color: transparent
}

.btn-outline-purplelight:not(:disabled):not(.disabled).active,
.btn-outline-purplelight:not(:disabled):not(.disabled):active,
.show>.btn-outline-purplelight.dropdown-toggle {
    color: #b21dd0;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #b21dd0
}

.btn-outline-purplelight:not(:disabled):not(.disabled).active:focus,
.btn-outline-purplelight:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-purplelight.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(178, 29, 208, .5)
}

.btn-outline-greendark {
    color: #0e865c;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #0e865c
}

.btn-outline-greendark:hover {
    color: #0e573e;
    box-shadow: inset 0 0 0 1px #0e573e
}

.btn-outline-greendark.focus,
.btn-outline-greendark:focus {
    box-shadow: inset 0 0 0 1px #0e865c, 0 0 0 .2rem rgba(14, 138, 95, .5)
}

.btn-outline-greendark.disabled,
.btn-outline-greendark:disabled {
    color: #0e865c;
    background-color: transparent
}

.btn-outline-greendark:not(:disabled):not(.disabled).active,
.btn-outline-greendark:not(:disabled):not(.disabled):active,
.show>.btn-outline-greendark.dropdown-toggle {
    color: #0e865c;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #0e865c
}

.btn-outline-greendark:not(:disabled):not(.disabled).active:focus,
.btn-outline-greendark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-greendark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(14, 138, 95, .5)
}

.btn-outline-bluelectric {
    color: #0d00ff;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #0d00ff
}

.btn-outline-bluelectric:hover {
    color: #140ac2;
    box-shadow: inset 0 0 0 1px #140ac2
}

.btn-outline-bluelectric.focus,
.btn-outline-bluelectric:focus {
    box-shadow: inset 0 0 0 1px #0d00ff, 0 0 0 .2rem rgba(13, 0, 255, .5)
}

.btn-outline-bluelectric.disabled,
.btn-outline-bluelectric:disabled {
    color: #0d00ff;
    background-color: transparent
}

.btn-outline-bluelectric:not(:disabled):not(.disabled).active,
.btn-outline-bluelectric:not(:disabled):not(.disabled):active,
.show>.btn-outline-bluelectric.dropdown-toggle {
    color: #0d00ff;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #0d00ff
}

.btn-outline-bluelectric:not(:disabled):not(.disabled).active:focus,
.btn-outline-bluelectric:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-bluelectric.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(13, 0, 255, .5)
}

.btn-outline-gray100 {
    color: #e3e4e6;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #e3e4e6
}

.btn-outline-gray100:hover {
    color: #cbcbcb;
    box-shadow: inset 0 0 0 1px #cbcbcb
}

.btn-outline-gray100.focus,
.btn-outline-gray100:focus {
    box-shadow: inset 0 0 0 1px #e3e4e6, 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.btn-outline-gray100.disabled,
.btn-outline-gray100:disabled {
    color: #e3e4e6;
    background-color: transparent
}

.btn-outline-gray100:not(:disabled):not(.disabled).active,
.btn-outline-gray100:not(:disabled):not(.disabled):active,
.show>.btn-outline-gray100.dropdown-toggle {
    color: #e3e4e6;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #e3e4e6
}

.btn-outline-gray100:not(:disabled):not(.disabled).active:focus,
.btn-outline-gray100:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-gray100.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.btn-outline-white {
    color: #fff;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #fff
}

.btn-outline-white:hover {
    color: #e6e6e6;
    box-shadow: inset 0 0 0 1px #e6e6e6
}

.btn-outline-white.focus,
.btn-outline-white:focus {
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
    color: #fff;
    background-color: transparent
}

.btn-outline-white:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active,
.show>.btn-outline-white.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #fff
}

.btn-outline-white:not(:disabled):not(.disabled).active:focus,
.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-white.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.btn-outline-gray-primary {
    color: #455b71;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #455b71
}

.btn-outline-gray-primary:hover {
    color: #38414b;
    box-shadow: inset 0 0 0 1px #38414b
}

.btn-outline-gray-primary.focus,
.btn-outline-gray-primary:focus {
    box-shadow: inset 0 0 0 1px #455b71, 0 0 0 .2rem rgba(69, 91, 113, .5)
}

.btn-outline-gray-primary.disabled,
.btn-outline-gray-primary:disabled {
    color: #455b71;
    background-color: transparent
}

.btn-outline-gray-primary:not(:disabled):not(.disabled).active,
.btn-outline-gray-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-gray-primary.dropdown-toggle {
    color: #455b71;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #455b71
}

.btn-outline-gray-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-gray-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-gray-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(69, 91, 113, .5)
}

.btn-outline-black {
    color: #000;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #000
}

.btn-outline-black:hover {
    color: #000;
    box-shadow: inset 0 0 0 1px #000
}

.btn-outline-black.focus,
.btn-outline-black:focus {
    box-shadow: inset 0 0 0 1px #000, 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.btn-outline-black.disabled,
.btn-outline-black:disabled {
    color: #000;
    background-color: transparent
}

.btn-outline-black:not(:disabled):not(.disabled).active,
.btn-outline-black:not(:disabled):not(.disabled):active,
.show>.btn-outline-black.dropdown-toggle {
    color: #000;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #000
}

.btn-outline-black:not(:disabled):not(.disabled).active:focus,
.btn-outline-black:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-black.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.btn-outline-100 {
    color: #e3e4e6;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #e3e4e6
}

.btn-outline-100:hover {
    color: #cbcbcb;
    box-shadow: inset 0 0 0 1px #cbcbcb
}

.btn-outline-100.focus,
.btn-outline-100:focus {
    box-shadow: inset 0 0 0 1px #e3e4e6, 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.btn-outline-100.disabled,
.btn-outline-100:disabled {
    color: #e3e4e6;
    background-color: transparent
}

.btn-outline-100:not(:disabled):not(.disabled).active,
.btn-outline-100:not(:disabled):not(.disabled):active,
.show>.btn-outline-100.dropdown-toggle {
    color: #e3e4e6;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #e3e4e6
}

.btn-outline-100:not(:disabled):not(.disabled).active:focus,
.btn-outline-100:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-100.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.btn-outline-200 {
    color: #cacacc;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #cacacc
}

.btn-outline-200:hover {
    color: #b1b1b1;
    box-shadow: inset 0 0 0 1px #b1b1b1
}

.btn-outline-200.focus,
.btn-outline-200:focus {
    box-shadow: inset 0 0 0 1px #cacacc, 0 0 0 .2rem rgba(202, 202, 204, .5)
}

.btn-outline-200.disabled,
.btn-outline-200:disabled {
    color: #cacacc;
    background-color: transparent
}

.btn-outline-200:not(:disabled):not(.disabled).active,
.btn-outline-200:not(:disabled):not(.disabled):active,
.show>.btn-outline-200.dropdown-toggle {
    color: #cacacc;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #cacacc
}

.btn-outline-200:not(:disabled):not(.disabled).active:focus,
.btn-outline-200:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-200.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(202, 202, 204, .5)
}

.btn-outline-300 {
    color: #b1b1b3;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #b1b1b3
}

.btn-outline-300:hover {
    color: #989898;
    box-shadow: inset 0 0 0 1px #989898
}

.btn-outline-300.focus,
.btn-outline-300:focus {
    box-shadow: inset 0 0 0 1px #b1b1b3, 0 0 0 .2rem rgba(177, 177, 179, .5)
}

.btn-outline-300.disabled,
.btn-outline-300:disabled {
    color: #b1b1b3;
    background-color: transparent
}

.btn-outline-300:not(:disabled):not(.disabled).active,
.btn-outline-300:not(:disabled):not(.disabled):active,
.show>.btn-outline-300.dropdown-toggle {
    color: #b1b1b3;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #b1b1b3
}

.btn-outline-300:not(:disabled):not(.disabled).active:focus,
.btn-outline-300:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-300.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(177, 177, 179, .5)
}

.btn-outline-400 {
    color: #979899;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #979899
}

.btn-outline-400:hover {
    color: #7f7f7f;
    box-shadow: inset 0 0 0 1px #7f7f7f
}

.btn-outline-400.focus,
.btn-outline-400:focus {
    box-shadow: inset 0 0 0 1px #979899, 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.btn-outline-400.disabled,
.btn-outline-400:disabled {
    color: #979899;
    background-color: transparent
}

.btn-outline-400:not(:disabled):not(.disabled).active,
.btn-outline-400:not(:disabled):not(.disabled):active,
.show>.btn-outline-400.dropdown-toggle {
    color: #979899;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #979899
}

.btn-outline-400:not(:disabled):not(.disabled).active:focus,
.btn-outline-400:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-400.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.btn-outline-500 {
    color: #7e7f80;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #7e7f80
}

.btn-outline-500:hover {
    color: #656565;
    box-shadow: inset 0 0 0 1px #656565
}

.btn-outline-500.focus,
.btn-outline-500:focus {
    box-shadow: inset 0 0 0 1px #7e7f80, 0 0 0 .2rem rgba(126, 127, 128, .5)
}

.btn-outline-500.disabled,
.btn-outline-500:disabled {
    color: #7e7f80;
    background-color: transparent
}

.btn-outline-500:not(:disabled):not(.disabled).active,
.btn-outline-500:not(:disabled):not(.disabled):active,
.show>.btn-outline-500.dropdown-toggle {
    color: #7e7f80;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #7e7f80
}

.btn-outline-500:not(:disabled):not(.disabled).active:focus,
.btn-outline-500:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-500.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(126, 127, 128, .5)
}

.btn-outline-600 {
    color: #656566;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #656566
}

.btn-outline-600:hover {
    color: #4c4c4c;
    box-shadow: inset 0 0 0 1px #4c4c4c
}

.btn-outline-600.focus,
.btn-outline-600:focus {
    box-shadow: inset 0 0 0 1px #656566, 0 0 0 .2rem rgba(101, 101, 102, .5)
}

.btn-outline-600.disabled,
.btn-outline-600:disabled {
    color: #656566;
    background-color: transparent
}

.btn-outline-600:not(:disabled):not(.disabled).active,
.btn-outline-600:not(:disabled):not(.disabled):active,
.show>.btn-outline-600.dropdown-toggle {
    color: #656566;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #656566
}

.btn-outline-600:not(:disabled):not(.disabled).active:focus,
.btn-outline-600:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-600.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(101, 101, 102, .5)
}

.btn-outline-700 {
    color: #4c4c4d;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #4c4c4d
}

.btn-outline-700:hover {
    color: #333;
    box-shadow: inset 0 0 0 1px #333
}

.btn-outline-700.focus,
.btn-outline-700:focus {
    box-shadow: inset 0 0 0 1px #4c4c4d, 0 0 0 .2rem rgba(76, 76, 77, .5)
}

.btn-outline-700.disabled,
.btn-outline-700:disabled {
    color: #4c4c4d;
    background-color: transparent
}

.btn-outline-700:not(:disabled):not(.disabled).active,
.btn-outline-700:not(:disabled):not(.disabled):active,
.show>.btn-outline-700.dropdown-toggle {
    color: #4c4c4d;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #4c4c4d
}

.btn-outline-700:not(:disabled):not(.disabled).active:focus,
.btn-outline-700:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-700.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(76, 76, 77, .5)
}

.btn-outline-800 {
    color: #323333;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #323333
}

.btn-outline-800:hover {
    color: #191919;
    box-shadow: inset 0 0 0 1px #191919
}

.btn-outline-800.focus,
.btn-outline-800:focus {
    box-shadow: inset 0 0 0 1px #323333, 0 0 0 .2rem rgba(50, 51, 51, .5)
}

.btn-outline-800.disabled,
.btn-outline-800:disabled {
    color: #323333;
    background-color: transparent
}

.btn-outline-800:not(:disabled):not(.disabled).active,
.btn-outline-800:not(:disabled):not(.disabled):active,
.show>.btn-outline-800.dropdown-toggle {
    color: #323333;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #323333
}

.btn-outline-800:not(:disabled):not(.disabled).active:focus,
.btn-outline-800:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-800.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(50, 51, 51, .5)
}

.btn-outline-900 {
    color: #19191a;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #19191a
}

.btn-outline-900:hover {
    color: #000;
    box-shadow: inset 0 0 0 1px #000
}

.btn-outline-900.focus,
.btn-outline-900:focus {
    box-shadow: inset 0 0 0 1px #19191a, 0 0 0 .2rem rgba(25, 25, 26, .5)
}

.btn-outline-900.disabled,
.btn-outline-900:disabled {
    color: #19191a;
    background-color: transparent
}

.btn-outline-900:not(:disabled):not(.disabled).active,
.btn-outline-900:not(:disabled):not(.disabled):active,
.show>.btn-outline-900.dropdown-toggle {
    color: #19191a;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #19191a
}

.btn-outline-900:not(:disabled):not(.disabled).active:focus,
.btn-outline-900:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-900.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(25, 25, 26, .5)
}

.btn-link {
    font-weight: 400;
    color: #06c;
    text-decoration: underline
}

.btn-link:hover {
    color: #004080;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #656566;
    pointer-events: none
}

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.6;
    border-radius: 8px
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.45;
    border-radius: 2px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #06c
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #004d99
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #5c6f82
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #475664
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(92, 111, 130, .5)
}

.badge-success {
    color: #fff;
    background-color: #008758
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #005437
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 135, 88, .5)
}

.badge-info {
    color: #000;
    background-color: #979899
}

a.badge-info:focus,
a.badge-info:hover {
    color: #000;
    background-color: #7e7e80
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.badge-warning {
    color: #fff;
    background-color: #a66300
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #fff;
    background-color: #734500
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(166, 99, 0, .5)
}

.badge-danger {
    color: #fff;
    background-color: #d9364f
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #b9233a
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(217, 54, 79, .5)
}

.badge-light {
    color: #000;
    background-color: #e9e6f2
}

a.badge-light:focus,
a.badge-light:hover {
    color: #000;
    background-color: #ccc4e1
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(233, 230, 242, .5)
}

.badge-dark {
    color: #fff;
    background-color: #17324d
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #0b1825
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.badge-petrol {
    color: #fff;
    background-color: #51758d
}

a.badge-petrol:focus,
a.badge-petrol:hover {
    color: #fff;
    background-color: #3e5a6d
}

a.badge-petrol.focus,
a.badge-petrol:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(81, 117, 141, .5)
}

.badge-redbrown {
    color: #fff;
    background-color: #d1344c
}

a.badge-redbrown:focus,
a.badge-redbrown:hover {
    color: #fff;
    background-color: #ab273b
}

a.badge-redbrown.focus,
a.badge-redbrown:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(209, 52, 76, .5)
}

.badge-purplelight {
    color: #fff;
    background-color: #b21dd0
}

a.badge-purplelight:focus,
a.badge-purplelight:hover {
    color: #fff;
    background-color: #8c17a3
}

a.badge-purplelight.focus,
a.badge-purplelight:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(178, 29, 208, .5)
}

.badge-greendark {
    color: #fff;
    background-color: #0e865c
}

a.badge-greendark:focus,
a.badge-greendark:hover {
    color: #fff;
    background-color: #095c3f
}

a.badge-greendark.focus,
a.badge-greendark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(14, 138, 95, .5)
}

.badge-bluelectric {
    color: #fff;
    background-color: #0d00ff
}

a.badge-bluelectric:focus,
a.badge-bluelectric:hover {
    color: #fff;
    background-color: #0a00cc
}

a.badge-bluelectric.focus,
a.badge-bluelectric:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(13, 0, 255, .5)
}

.badge-gray100 {
    color: #000;
    background-color: #e3e4e6
}

a.badge-gray100:focus,
a.badge-gray100:hover {
    color: #000;
    background-color: #c9cacd
}

a.badge-gray100.focus,
a.badge-gray100:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.badge-white {
    color: #000;
    background-color: #fff
}

a.badge-white:focus,
a.badge-white:hover {
    color: #000;
    background-color: #e6e6e6
}

a.badge-white.focus,
a.badge-white:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.badge-gray-primary {
    color: #fff;
    background-color: #455b71
}

a.badge-gray-primary:focus,
a.badge-gray-primary:hover {
    color: #fff;
    background-color: #324151
}

a.badge-gray-primary.focus,
a.badge-gray-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(69, 91, 113, .5)
}

.badge-black {
    color: #fff;
    background-color: #000
}

a.badge-black:focus,
a.badge-black:hover {
    color: #fff;
    background-color: #000
}

a.badge-black.focus,
a.badge-black:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.badge-100 {
    color: #000;
    background-color: #e3e4e6
}

a.badge-100:focus,
a.badge-100:hover {
    color: #000;
    background-color: #c9cacd
}

a.badge-100.focus,
a.badge-100:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.badge-200 {
    color: #000;
    background-color: #cacacc
}

a.badge-200:focus,
a.badge-200:hover {
    color: #000;
    background-color: #b0b1b3
}

a.badge-200.focus,
a.badge-200:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(202, 202, 204, .5)
}

.badge-300 {
    color: #000;
    background-color: #b1b1b3
}

a.badge-300:focus,
a.badge-300:hover {
    color: #000;
    background-color: #979899
}

a.badge-300.focus,
a.badge-300:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(177, 177, 179, .5)
}

.badge-400 {
    color: #000;
    background-color: #979899
}

a.badge-400:focus,
a.badge-400:hover {
    color: #000;
    background-color: #7e7e80
}

a.badge-400.focus,
a.badge-400:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.badge-500 {
    color: #000;
    background-color: #7e7f80
}

a.badge-500:focus,
a.badge-500:hover {
    color: #000;
    background-color: #656566
}

a.badge-500.focus,
a.badge-500:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(126, 127, 128, .5)
}

.badge-600 {
    color: #fff;
    background-color: #656566
}

a.badge-600:focus,
a.badge-600:hover {
    color: #fff;
    background-color: #4c4c4c
}

a.badge-600.focus,
a.badge-600:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(101, 101, 102, .5)
}

.badge-700 {
    color: #fff;
    background-color: #4c4c4d
}

a.badge-700:focus,
a.badge-700:hover {
    color: #fff;
    background-color: #323233
}

a.badge-700.focus,
a.badge-700:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(76, 76, 77, .5)
}

.badge-800 {
    color: #fff;
    background-color: #323333
}

a.badge-800:focus,
a.badge-800:hover {
    color: #fff;
    background-color: #191919
}

a.badge-800.focus,
a.badge-800:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(50, 51, 51, .5)
}

.badge-900 {
    color: #fff;
    background-color: #19191a
}

a.badge-900:focus,
a.badge-900:hover {
    color: #fff;
    background-color: #000
}

a.badge-900.focus,
a.badge-900:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(25, 25, 26, .5)
}

.bg-primary {
    background-color: #06c !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #004d99 !important
}

.bg-secondary {
    background-color: #5c6f82 !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #475664 !important
}

.bg-success {
    background-color: #008758 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #005437 !important
}

.bg-info {
    background-color: #979899 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #7e7e80 !important
}

.bg-warning {
    background-color: #a66300 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #734500 !important
}

.bg-danger {
    background-color: #d9364f !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #b9233a !important
}

.bg-light {
    background-color: #e9e6f2 !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #ccc4e1 !important
}

.bg-dark {
    background-color: #17324d !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #0b1825 !important
}

.bg-petrol {
    background-color: #51758d !important
}

a.bg-petrol:focus,
a.bg-petrol:hover,
button.bg-petrol:focus,
button.bg-petrol:hover {
    background-color: #3e5a6d !important
}

.bg-redbrown {
    background-color: #d1344c !important
}

a.bg-redbrown:focus,
a.bg-redbrown:hover,
button.bg-redbrown:focus,
button.bg-redbrown:hover {
    background-color: #ab273b !important
}

.bg-purplelight {
    background-color: #b21dd0 !important
}

a.bg-purplelight:focus,
a.bg-purplelight:hover,
button.bg-purplelight:focus,
button.bg-purplelight:hover {
    background-color: #8c17a3 !important
}

.bg-greendark {
    background-color: #0e865c !important
}

a.bg-greendark:focus,
a.bg-greendark:hover,
button.bg-greendark:focus,
button.bg-greendark:hover {
    background-color: #095c3f !important
}

.bg-bluelectric {
    background-color: #0d00ff !important
}

a.bg-bluelectric:focus,
a.bg-bluelectric:hover,
button.bg-bluelectric:focus,
button.bg-bluelectric:hover {
    background-color: #0a00cc !important
}

.bg-gray100 {
    background-color: #e3e4e6 !important
}

a.bg-gray100:focus,
a.bg-gray100:hover,
button.bg-gray100:focus,
button.bg-gray100:hover {
    background-color: #c9cacd !important
}

.bg-white {
    background-color: #fff !important
}

a.bg-white:focus,
a.bg-white:hover,
button.bg-white:focus,
button.bg-white:hover {
    background-color: #e6e6e6 !important
}

.bg-gray-primary {
    background-color: #455b71 !important
}

a.bg-gray-primary:focus,
a.bg-gray-primary:hover,
button.bg-gray-primary:focus,
button.bg-gray-primary:hover {
    background-color: #324151 !important
}

.bg-black {
    background-color: #000 !important
}

a.bg-black:focus,
a.bg-black:hover,
button.bg-black:focus,
button.bg-black:hover {
    background-color: #000 !important
}

.bg-100 {
    background-color: #e3e4e6 !important
}

a.bg-100:focus,
a.bg-100:hover,
button.bg-100:focus,
button.bg-100:hover {
    background-color: #c9cacd !important
}

.bg-200 {
    background-color: #cacacc !important
}

a.bg-200:focus,
a.bg-200:hover,
button.bg-200:focus,
button.bg-200:hover {
    background-color: #b0b1b3 !important
}

.bg-300 {
    background-color: #b1b1b3 !important
}

a.bg-300:focus,
a.bg-300:hover,
button.bg-300:focus,
button.bg-300:hover {
    background-color: #979899 !important
}

.bg-400 {
    background-color: #979899 !important
}

a.bg-400:focus,
a.bg-400:hover,
button.bg-400:focus,
button.bg-400:hover {
    background-color: #7e7e80 !important
}

.bg-500 {
    background-color: #7e7f80 !important
}

a.bg-500:focus,
a.bg-500:hover,
button.bg-500:focus,
button.bg-500:hover {
    background-color: #656566 !important
}

.bg-600 {
    background-color: #656566 !important
}

a.bg-600:focus,
a.bg-600:hover,
button.bg-600:focus,
button.bg-600:hover {
    background-color: #4c4c4c !important
}

.bg-700 {
    background-color: #4c4c4d !important
}

a.bg-700:focus,
a.bg-700:hover,
button.bg-700:focus,
button.bg-700:hover {
    background-color: #323233 !important
}

.bg-800 {
    background-color: #323333 !important
}

a.bg-800:focus,
a.bg-800:hover,
button.bg-800:focus,
button.bg-800:hover {
    background-color: #191919 !important
}

.bg-900 {
    background-color: #19191a !important
}

a.bg-900:focus,
a.bg-900:hover,
button.bg-900:focus,
button.bg-900:hover {
    background-color: #000 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.text-monospace {
    font-family: "Roboto Mono", monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

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

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

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

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

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }

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

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

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

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

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

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }

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

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

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

.text-lowercase {
    text-transform: lowercase !important
}

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

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

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

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

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #06c !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #004080 !important
}

.text-secondary {
    color: #5c6f82 !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #3d4955 !important
}

.text-success {
    color: #008758 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #003b26 !important
}

.text-info {
    color: #979899 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #717273 !important
}

.text-warning {
    color: #a66300 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #593600 !important
}

.text-danger {
    color: #d9364f !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a31f33 !important
}

.text-light {
    color: #e9e6f2 !important
}

a.text-light:focus,
a.text-light:hover {
    color: #bdb4d8 !important
}

.text-dark {
    color: #17324d !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #050b12 !important
}

.text-petrol {
    color: #51758d !important
}

a.text-petrol:focus,
a.text-petrol:hover {
    color: #354d5c !important
}

.text-redbrown {
    color: #d1344c !important
}

a.text-redbrown:focus,
a.text-redbrown:hover {
    color: #962234 !important
}

.text-purplelight {
    color: #b21dd0 !important
}

a.text-purplelight:focus,
a.text-purplelight:hover {
    color: #79148d !important
}

.text-greendark {
    color: #0e865c !important
}

a.text-greendark:focus,
a.text-greendark:hover {
    color: #07452f !important
}

.text-bluelectric {
    color: #0d00ff !important
}

a.text-bluelectric:focus,
a.text-bluelectric:hover {
    color: #0900b3 !important
}

.text-gray100 {
    color: #e3e4e6 !important
}

a.text-gray100:focus,
a.text-gray100:hover {
    color: #bbbdc1 !important
}

.text-white {
    color: #fff !important
}

a.text-white:focus,
a.text-white:hover {
    color: #d9d9d9 !important
}

.text-gray-primary {
    color: #455b71 !important
}

a.text-gray-primary:focus,
a.text-gray-primary:hover {
    color: #283541 !important
}

.text-black {
    color: #000 !important
}

a.text-black:focus,
a.text-black:hover {
    color: #000 !important
}

.text-100 {
    color: #e3e4e6 !important
}

a.text-100:focus,
a.text-100:hover {
    color: #bbbdc1 !important
}

.text-200 {
    color: #cacacc !important
}

a.text-200:focus,
a.text-200:hover {
    color: #a3a4a7 !important
}

.text-300 {
    color: #b1b1b3 !important
}

a.text-300:focus,
a.text-300:hover {
    color: #8a8b8d !important
}

.text-400 {
    color: #979899 !important
}

a.text-400:focus,
a.text-400:hover {
    color: #717273 !important
}

.text-500 {
    color: #7e7f80 !important
}

a.text-500:focus,
a.text-500:hover {
    color: #585859 !important
}

.text-600 {
    color: #656566 !important
}

a.text-600:focus,
a.text-600:hover {
    color: #3f3f40 !important
}

.text-700 {
    color: #4c4c4d !important
}

a.text-700:focus,
a.text-700:hover {
    color: #262626 !important
}

.text-800 {
    color: #323333 !important
}

a.text-800:focus,
a.text-800:hover {
    color: #0c0c0d !important
}

.text-900 {
    color: #19191a !important
}

a.text-900:focus,
a.text-900:hover {
    color: #000 !important
}

.text-body {
    color: #19191a !important
}

.text-muted {
    color: #5a768a !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #06c;
    background-color: #06c;
    box-shadow: none
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(0, 102, 204, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #5c6f82
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #80bfff;
    border-color: #80bfff;
    box-shadow: none
}

.custom-control-input:disabled~.custom-control-label {
    color: #656566
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e6e9f2
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #7e7f80 solid 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: 4px
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    border-color: #06c;
    background-color: #06c;
    box-shadow: none
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='white' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 102, 204, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 102, 204, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 102, 204, .5)
}

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 0);
    left: calc(-2.25rem + 0);
    width: calc(1rem - 0);
    height: calc(1rem - 0);
    background-color: #7e7f80;
    border-radius: .5rem;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0, 102, 204, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #4c4c4d;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23323333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    background-color: #fff;
    border: 0 solid #979899;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    appearance: none
}

.custom-select:focus {
    border-color: #5c6f82;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(0, 102, 204, .25)
}

.custom-select:focus::-ms-value {
    color: #4c4c4d;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #656566;
    background-color: #cacacc
}

.custom-select::-ms-expand {
    display: none
}

.custom-select-sm {
    height: calc(1.45em + .5rem + 0);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.6em + 1rem + 0);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #5c6f82;
    box-shadow: 0 0 0 .2rem rgba(0, 102, 204, .25)
}

.custom-file-input:disabled~.custom-file-label {
    background-color: #e6e9f2
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 2.5rem;
    padding: .375rem .75rem;
    font-weight: 300;
    line-height: 1.5;
    color: #4c4c4d;
    background-color: #fff;
    border: 0 solid #979899;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #4c4c4d;
    content: "Browse";
    background-color: #fff;
    border-left: inherit;
    border-radius: 0 0 0 0
}

.custom-range {
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 102, 204, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 102, 204, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 102, 204, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #06c;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #80bfff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #b1b1b3;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1)
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #06c;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #80bfff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #b1b1b3;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1)
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #06c;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #80bfff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem;
    box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1)
}

.custom-range::-ms-fill-lower {
    background-color: #b1b1b3;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #b1b1b3;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #7e7f80
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #7e7f80
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #7e7f80
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none
    }
}

.btn {
    padding: 12px 24px;
    font-size: 16px;
    white-space: initial;
    text-decoration: none
}

.btn-lg,
.btn-sm,
.btn-xs {
    border-radius: 4px;
    line-height: 1.5
}

.btn-xs {
    padding: 8px 8px;
    font-size: 14px;
    line-height: 1.45
}

.btn-sm {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.45
}

.btn-lg {
    padding: 14px 28px;
    font-size: 18px;
    line-height: 1.6
}

.btn-block {
    border-radius: 0
}

.btn-progress {
    position: relative
}

.btn-icon {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.btn-icon .rounded-icon {
    width: 1.5em;
    height: 1.5em;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff
}

.btn-icon .rounded-icon .icon {
    margin-right: 0
}

.btn-icon .rounded-icon.rounded-primary {
    background-color: #06c
}

.btn-icon .rounded-icon.rounded-secondary {
    background-color: #5c6f82
}

.btn-icon .rounded-icon.rounded-success {
    background-color: #008758
}

.btn-icon .rounded-icon.rounded-info {
    background-color: #979899
}

.btn-icon .rounded-icon.rounded-warning {
    background-color: #a66300
}

.btn-icon .rounded-icon.rounded-danger {
    background-color: #d9364f
}

.btn-icon .rounded-icon.rounded-light {
    background-color: #e9e6f2
}

.btn-icon .rounded-icon.rounded-dark {
    background-color: #17324d
}

.btn-icon .rounded-icon.rounded-petrol {
    background-color: #51758d
}

.btn-icon .rounded-icon.rounded-redbrown {
    background-color: #d1344c
}

.btn-icon .rounded-icon.rounded-purplelight {
    background-color: #b21dd0
}

.btn-icon .rounded-icon.rounded-greendark {
    background-color: #0e865c
}

.btn-icon .rounded-icon.rounded-bluelectric {
    background-color: #0d00ff
}

.btn-icon .rounded-icon.rounded-gray100 {
    background-color: #e3e4e6
}

.btn-icon .rounded-icon.rounded-white {
    background-color: #fff
}

.btn-icon .rounded-icon.rounded-gray-primary {
    background-color: #455b71
}

.btn-icon .rounded-icon.rounded-black {
    background-color: #000
}

.btn-icon .rounded-icon.rounded-100 {
    background-color: #e3e4e6
}

.btn-icon .rounded-icon.rounded-200 {
    background-color: #cacacc
}

.btn-icon .rounded-icon.rounded-300 {
    background-color: #b1b1b3
}

.btn-icon .rounded-icon.rounded-400 {
    background-color: #979899
}

.btn-icon .rounded-icon.rounded-500 {
    background-color: #7e7f80
}

.btn-icon .rounded-icon.rounded-600 {
    background-color: #656566
}

.btn-icon .rounded-icon.rounded-700 {
    background-color: #4c4c4d
}

.btn-icon .rounded-icon.rounded-800 {
    background-color: #323333
}

.btn-icon .rounded-icon.rounded-900 {
    background-color: #19191a
}

.btn-icon .rounded-icon+* {
    margin-left: .5em
}

.btn-icon .icon {
    border: none;
    width: 1.2em;
    height: 1.2em
}

.btn-icon .icon+* {
    margin-left: .25em
}

.btn-full {
    border: none;
    box-shadow: none;
    line-height: 1.555;
    border-radius: 0;
    align-self: stretch;
    width: inherit;
    margin-top: -7.5px;
    margin-bottom: -7.5px;
    margin-right: -7.5px;
    padding-left: 8px;
    padding-right: 8px
}

.btn-full:hover {
    text-decoration: none !important
}

@media (min-width:576px) {
    .btn-full {
        padding: 16px
    }
}

@media (min-width:992px) {
    .btn-full {
        padding: 12px 24px !important;
        margin: 0;
        flex: 1;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #bfc2c9;
    background-color: #e6e9f2;
    border-color: #dfe4f2
}

.btn-primary.disabled.btn-progress,
.btn-primary:disabled.btn-progress {
    background-color: #6aaaeb;
    border-color: #6aaaeb;
    color: #fff;
    opacity: 1
}

.btn-secondary.disabled.btn-progress,
.btn-secondary:disabled.btn-progress {
    background-color: #75899d;
    border-color: #75899d;
    opacity: 1
}

.btn-outline-secondary {
    background: #fcfdff;
    box-shadow: inset 0 0 0 1px #e6e9f2
}

.btn-outline-secondary:hover {
    box-shadow: inset 0 0 0 1px #c9cedc
}

.bg-dark .btn-link {
    color: #fff
}

.bg-dark .btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #06c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #06c
}

.bg-dark .btn-primary:hover {
    color: #000;
    background-color: #fff;
    border-color: #004d99
}

.bg-dark .btn-primary.focus,
.bg-dark .btn-primary:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.bg-dark .btn-primary.disabled,
.bg-dark .btn-primary:disabled {
    color: #000;
    background-color: #fff;
    border-color: #06c
}

.bg-dark .btn-primary:not(:disabled):not(.disabled).active,
.bg-dark .btn-primary:not(:disabled):not(.disabled):active,
.show>.bg-dark .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #00468c
}

.bg-dark .btn-primary:not(:disabled):not(.disabled).active:focus,
.bg-dark .btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.bg-dark .btn-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.bg-dark .btn-primary:hover {
    color: #004d99
}

.bg-dark .btn-primary.disabled,
.bg-dark .btn-primary:disabled {
    color: #004d99
}

.bg-dark .btn-outline-primary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 2px #fff
}

.bg-dark .btn-outline-primary:hover {
    color: #e6e6e6;
    box-shadow: inset 0 0 0 1px #e6e6e6
}

.bg-dark .btn-outline-primary.focus,
.bg-dark .btn-outline-primary:focus {
    box-shadow: inset 0 0 0 1px #e6e6e6, 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.bg-dark .btn-outline-primary.disabled,
.bg-dark .btn-outline-primary:disabled {
    color: #fff;
    background-color: transparent
}

.bg-dark .btn-outline-primary:not(:disabled):not(.disabled).active,
.bg-dark .btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.bg-dark .btn-outline-primary.dropdown-toggle {
    color: #e6e6e6;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #e6e6e6
}

.bg-dark .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.bg-dark .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.bg-dark .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.bg-dark .btn-outline-primary:hover {
    box-shadow: inset 0 0 0 2px #e6e6e6
}

.bg-dark .btn-outline-primary.focus,
.bg-dark .btn-outline-primary:focus {
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.bg-dark .btn-outline-primary:not(:disabled):not(.disabled).active,
.bg-dark .btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.bg-dark .btn-outline-primary.dropdown-toggle {
    box-shadow: inset 0 0 0 2px #fff
}

.bg-dark .btn-secondary {
    color: #fff;
    background-color: #06c;
    border-color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #fff
}

.bg-dark .btn-secondary:hover {
    color: #fff;
    background-color: #0079f2;
    border-color: #e6e6e6
}

.bg-dark .btn-secondary.focus,
.bg-dark .btn-secondary:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.bg-dark .btn-secondary.disabled,
.bg-dark .btn-secondary:disabled {
    color: #fff;
    background-color: #06c;
    border-color: #fff
}

.bg-dark .btn-secondary:not(:disabled):not(.disabled).active,
.bg-dark .btn-secondary:not(:disabled):not(.disabled):active,
.show>.bg-dark .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #0080ff;
    border-color: #dfdfdf
}

.bg-dark .btn-secondary:not(:disabled):not(.disabled).active:focus,
.bg-dark .btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.bg-dark .btn-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.bg-dark .btn-outline-secondary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #fff;
    box-shadow: none
}

.bg-dark .btn-outline-secondary:hover {
    color: #e6e6e6;
    box-shadow: inset 0 0 0 1px #e6e6e6
}

.bg-dark .btn-outline-secondary.focus,
.bg-dark .btn-outline-secondary:focus {
    box-shadow: inset 0 0 0 1px #e6e6e6, 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.bg-dark .btn-outline-secondary.disabled,
.bg-dark .btn-outline-secondary:disabled {
    color: #fff;
    background-color: transparent
}

.bg-dark .btn-outline-secondary:not(:disabled):not(.disabled).active,
.bg-dark .btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.bg-dark .btn-outline-secondary.dropdown-toggle {
    color: #e6e6e6;
    background-color: transparent;
    background-image: none;
    box-shadow: inset 0 0 0 1px #e6e6e6
}

.bg-dark .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.bg-dark .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.bg-dark .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.bg-dark .btn-outline-secondary:hover {
    box-shadow: none
}

.bg-dark .btn-outline-secondary.focus,
.bg-dark .btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.bg-dark .btn-outline-secondary:not(:disabled):not(.disabled).active,
.bg-dark .btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.bg-dark .btn-outline-secondary.dropdown-toggle {
    box-shadow: none
}

body,
html {
    font-size: 16px;
    line-height: 1.5;
    color: #455b71
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: #455b71;
    text-decoration: none
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    color: #17324d
}

.semi-bold {
    font-weight: 600
}

.text-icon {
    display: flex;
    margin: 20px 0 0 0
}

.text-icon a {
    display: flex
}

.text-icon svg {
    width: 20px;
    height: 20px;
    margin-right: 7px
}

.greendark .text-icon svg {
    fill: #0E865C
}

.text-icon p {
    font-size: 1rem !important;
    margin: 0
}

.text-underline {
    text-decoration: underline !important
}

.icon-bluelectric {
    fill: #0D00FF !important
}

.form-check [type=checkbox]:focus+label,
.form-check [type=radio]:focus+label,
.toggles label input[type=checkbox]:focus+.lever,
:focus {
    border: 0;
    outline: 0;
    box-shadow: none
}

.badge-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px
}

.badge {
    border: 1px solid transparent;
    font-weight: 600
}

.badge-xs {
    padding-top: 2px;
    padding-bottom: 2px
}

.badge-sm {
    padding-top: 4px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .88rem
}

.badge-primary {
    color: #fff;
    background-color: #06c;
    border-color: #06c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-primary:hover {
    color: #fff;
    background-color: #0053a6;
    border-color: #004d99
}

.badge-primary.focus,
.badge-primary:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(38, 125, 212, .5)
}

.badge-primary.disabled,
.badge-primary:disabled {
    color: #fff;
    background-color: #06c;
    border-color: #06c
}

.badge-primary:not(:disabled):not(.disabled).active,
.badge-primary:not(:disabled):not(.disabled):active,
.show>.badge-primary.dropdown-toggle {
    color: #fff;
    background-color: #004d99;
    border-color: #00468c
}

.badge-primary:not(:disabled):not(.disabled).active:focus,
.badge-primary:not(:disabled):not(.disabled):active:focus,
.show>.badge-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(38, 125, 212, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #5c6f82;
    border-color: #5c6f82;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-secondary:hover {
    color: #fff;
    background-color: #4c5c6c;
    border-color: #475664
}

.badge-secondary.focus,
.badge-secondary:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(117, 133, 149, .5)
}

.badge-secondary.disabled,
.badge-secondary:disabled {
    color: #fff;
    background-color: #5c6f82;
    border-color: #5c6f82
}

.badge-secondary:not(:disabled):not(.disabled).active,
.badge-secondary:not(:disabled):not(.disabled):active,
.show>.badge-secondary.dropdown-toggle {
    color: #fff;
    background-color: #475664;
    border-color: #424f5d
}

.badge-secondary:not(:disabled):not(.disabled).active:focus,
.badge-secondary:not(:disabled):not(.disabled):active:focus,
.show>.badge-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(117, 133, 149, .5)
}

.badge-success {
    color: #fff;
    background-color: #008758;
    border-color: #008758;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-success:hover {
    color: #fff;
    background-color: #00613f;
    border-color: #005437
}

.badge-success.focus,
.badge-success:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(38, 153, 113, .5)
}

.badge-success.disabled,
.badge-success:disabled {
    color: #fff;
    background-color: #008758;
    border-color: #008758
}

.badge-success:not(:disabled):not(.disabled).active,
.badge-success:not(:disabled):not(.disabled):active,
.show>.badge-success.dropdown-toggle {
    color: #fff;
    background-color: #005437;
    border-color: #00472e
}

.badge-success:not(:disabled):not(.disabled).active:focus,
.badge-success:not(:disabled):not(.disabled):active:focus,
.show>.badge-success.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(38, 153, 113, .5)
}

.badge-info {
    color: #000;
    background-color: #979899;
    border-color: #979899;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-info:hover {
    color: #000;
    background-color: #848586;
    border-color: #7e7e80
}

.badge-info.focus,
.badge-info:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(129, 129, 130, .5)
}

.badge-info.disabled,
.badge-info:disabled {
    color: #000;
    background-color: #979899;
    border-color: #979899
}

.badge-info:not(:disabled):not(.disabled).active,
.badge-info:not(:disabled):not(.disabled):active,
.show>.badge-info.dropdown-toggle {
    color: #000;
    background-color: #7e7e80;
    border-color: #777879
}

.badge-info:not(:disabled):not(.disabled).active:focus,
.badge-info:not(:disabled):not(.disabled):active:focus,
.show>.badge-info.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(129, 129, 130, .5)
}

.badge-warning {
    color: #fff;
    background-color: #a66300;
    border-color: #a66300;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-warning:hover {
    color: #fff;
    background-color: #804d00;
    border-color: #734500
}

.badge-warning.focus,
.badge-warning:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(179, 123, 38, .5)
}

.badge-warning.disabled,
.badge-warning:disabled {
    color: #fff;
    background-color: #a66300;
    border-color: #a66300
}

.badge-warning:not(:disabled):not(.disabled).active,
.badge-warning:not(:disabled):not(.disabled):active,
.show>.badge-warning.dropdown-toggle {
    color: #fff;
    background-color: #734500;
    border-color: #663d00
}

.badge-warning:not(:disabled):not(.disabled).active:focus,
.badge-warning:not(:disabled):not(.disabled):active:focus,
.show>.badge-warning.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(179, 123, 38, .5)
}

.badge-danger {
    color: #fff;
    background-color: #d9364f;
    border-color: #d9364f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-danger:hover {
    color: #fff;
    background-color: #c3253d;
    border-color: #b9233a
}

.badge-danger.focus,
.badge-danger:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(222, 84, 105, .5)
}

.badge-danger.disabled,
.badge-danger:disabled {
    color: #fff;
    background-color: #d9364f;
    border-color: #d9364f
}

.badge-danger:not(:disabled):not(.disabled).active,
.badge-danger:not(:disabled):not(.disabled):active,
.show>.badge-danger.dropdown-toggle {
    color: #fff;
    background-color: #b9233a;
    border-color: #ae2136
}

.badge-danger:not(:disabled):not(.disabled).active:focus,
.badge-danger:not(:disabled):not(.disabled):active:focus,
.show>.badge-danger.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(222, 84, 105, .5)
}

.badge-light {
    color: #000;
    background-color: #e9e6f2;
    border-color: #e9e6f2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-light:hover {
    color: #000;
    background-color: #d3cde5;
    border-color: #ccc4e1
}

.badge-light.focus,
.badge-light:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(198, 196, 206, .5)
}

.badge-light.disabled,
.badge-light:disabled {
    color: #000;
    background-color: #e9e6f2;
    border-color: #e9e6f2
}

.badge-light:not(:disabled):not(.disabled).active,
.badge-light:not(:disabled):not(.disabled):active,
.show>.badge-light.dropdown-toggle {
    color: #000;
    background-color: #ccc4e1;
    border-color: #c4bcdd
}

.badge-light:not(:disabled):not(.disabled).active:focus,
.badge-light:not(:disabled):not(.disabled):active:focus,
.show>.badge-light.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(198, 196, 206, .5)
}

.badge-dark {
    color: #fff;
    background-color: #17324d;
    border-color: #17324d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-dark:hover {
    color: #fff;
    background-color: #0e1f2f;
    border-color: #0b1825
}

.badge-dark.focus,
.badge-dark:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(58, 81, 103, .5)
}

.badge-dark.disabled,
.badge-dark:disabled {
    color: #fff;
    background-color: #17324d;
    border-color: #17324d
}

.badge-dark:not(:disabled):not(.disabled).active,
.badge-dark:not(:disabled):not(.disabled):active,
.show>.badge-dark.dropdown-toggle {
    color: #fff;
    background-color: #0b1825;
    border-color: #08121b
}

.badge-dark:not(:disabled):not(.disabled).active:focus,
.badge-dark:not(:disabled):not(.disabled):active:focus,
.show>.badge-dark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(58, 81, 103, .5)
}

.badge-petrol {
    color: #fff;
    background-color: #51758d;
    border-color: #51758d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-petrol:hover {
    color: #fff;
    background-color: #436175;
    border-color: #3e5a6d
}

.badge-petrol.focus,
.badge-petrol:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(107, 138, 158, .5)
}

.badge-petrol.disabled,
.badge-petrol:disabled {
    color: #fff;
    background-color: #51758d;
    border-color: #51758d
}

.badge-petrol:not(:disabled):not(.disabled).active,
.badge-petrol:not(:disabled):not(.disabled):active,
.show>.badge-petrol.dropdown-toggle {
    color: #fff;
    background-color: #3e5a6d;
    border-color: #3a5365
}

.badge-petrol:not(:disabled):not(.disabled).active:focus,
.badge-petrol:not(:disabled):not(.disabled):active:focus,
.show>.badge-petrol.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(107, 138, 158, .5)
}

.badge-redbrown {
    color: #fff;
    background-color: #d1344c;
    border-color: #d1344c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-redbrown:hover {
    color: #fff;
    background-color: #b6293f;
    border-color: #ab273b
}

.badge-redbrown.focus,
.badge-redbrown:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(216, 82, 103, .5)
}

.badge-redbrown.disabled,
.badge-redbrown:disabled {
    color: #fff;
    background-color: #d1344c;
    border-color: #d1344c
}

.badge-redbrown:not(:disabled):not(.disabled).active,
.badge-redbrown:not(:disabled):not(.disabled):active,
.show>.badge-redbrown.dropdown-toggle {
    color: #fff;
    background-color: #ab273b;
    border-color: #a12437
}

.badge-redbrown:not(:disabled):not(.disabled).active:focus,
.badge-redbrown:not(:disabled):not(.disabled):active:focus,
.show>.badge-redbrown.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(216, 82, 103, .5)
}

.badge-purplelight {
    color: #fff;
    background-color: #b21dd0;
    border-color: #b21dd0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-purplelight:hover {
    color: #fff;
    background-color: #9518ae;
    border-color: #8c17a3
}

.badge-purplelight.focus,
.badge-purplelight:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(190, 63, 215, .5)
}

.badge-purplelight.disabled,
.badge-purplelight:disabled {
    color: #fff;
    background-color: #b21dd0;
    border-color: #b21dd0
}

.badge-purplelight:not(:disabled):not(.disabled).active,
.badge-purplelight:not(:disabled):not(.disabled):active,
.show>.badge-purplelight.dropdown-toggle {
    color: #fff;
    background-color: #8c17a3;
    border-color: #821598
}

.badge-purplelight:not(:disabled):not(.disabled).active:focus,
.badge-purplelight:not(:disabled):not(.disabled):active:focus,
.show>.badge-purplelight.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(190, 63, 215, .5)
}

.badge-greendark {
    color: #fff;
    background-color: #0e865c;
    border-color: #0e865c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-greendark:hover {
    color: #fff;
    background-color: #0a6747;
    border-color: #095c3f
}

.badge-greendark.focus,
.badge-greendark:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(50, 156, 119, .5)
}

.badge-greendark.disabled,
.badge-greendark:disabled {
    color: #fff;
    background-color: #0e865c;
    border-color: #0e865c
}

.badge-greendark:not(:disabled):not(.disabled).active,
.badge-greendark:not(:disabled):not(.disabled):active,
.show>.badge-greendark.dropdown-toggle {
    color: #fff;
    background-color: #095c3f;
    border-color: #085037
}

.badge-greendark:not(:disabled):not(.disabled).active:focus,
.badge-greendark:not(:disabled):not(.disabled):active:focus,
.show>.badge-greendark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(50, 156, 119, .5)
}

.badge-bluelectric {
    color: #fff;
    background-color: #0d00ff;
    border-color: #0d00ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-bluelectric:hover {
    color: #fff;
    background-color: #0b00d9;
    border-color: #0a00cc
}

.badge-bluelectric.focus,
.badge-bluelectric:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(49, 38, 255, .5)
}

.badge-bluelectric.disabled,
.badge-bluelectric:disabled {
    color: #fff;
    background-color: #0d00ff;
    border-color: #0d00ff
}

.badge-bluelectric:not(:disabled):not(.disabled).active,
.badge-bluelectric:not(:disabled):not(.disabled):active,
.show>.badge-bluelectric.dropdown-toggle {
    color: #fff;
    background-color: #0a00cc;
    border-color: #0a00bf
}

.badge-bluelectric:not(:disabled):not(.disabled).active:focus,
.badge-bluelectric:not(:disabled):not(.disabled):active:focus,
.show>.badge-bluelectric.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(49, 38, 255, .5)
}

.badge-gray100 {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-gray100:hover {
    color: #000;
    background-color: #cfd0d3;
    border-color: #c9cacd
}

.badge-gray100.focus,
.badge-gray100:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(193, 194, 195, .5)
}

.badge-gray100.disabled,
.badge-gray100:disabled {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6
}

.badge-gray100:not(:disabled):not(.disabled).active,
.badge-gray100:not(:disabled):not(.disabled):active,
.show>.badge-gray100.dropdown-toggle {
    color: #000;
    background-color: #c9cacd;
    border-color: #c2c3c7
}

.badge-gray100:not(:disabled):not(.disabled).active:focus,
.badge-gray100:not(:disabled):not(.disabled):active:focus,
.show>.badge-gray100.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(193, 194, 195, .5)
}

.badge-white {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-white:hover {
    color: #000;
    background-color: #ececec;
    border-color: #e6e6e6
}

.badge-white.focus,
.badge-white:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(217, 217, 217, .5)
}

.badge-white.disabled,
.badge-white:disabled {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.badge-white:not(:disabled):not(.disabled).active,
.badge-white:not(:disabled):not(.disabled):active,
.show>.badge-white.dropdown-toggle {
    color: #000;
    background-color: #e6e6e6;
    border-color: #dfdfdf
}

.badge-white:not(:disabled):not(.disabled).active:focus,
.badge-white:not(:disabled):not(.disabled):active:focus,
.show>.badge-white.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(217, 217, 217, .5)
}

.badge-gray-primary {
    color: #fff;
    background-color: #455b71;
    border-color: #455b71;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-gray-primary:hover {
    color: #fff;
    background-color: #374859;
    border-color: #324151
}

.badge-gray-primary.focus,
.badge-gray-primary:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(97, 116, 134, .5)
}

.badge-gray-primary.disabled,
.badge-gray-primary:disabled {
    color: #fff;
    background-color: #455b71;
    border-color: #455b71
}

.badge-gray-primary:not(:disabled):not(.disabled).active,
.badge-gray-primary:not(:disabled):not(.disabled):active,
.show>.badge-gray-primary.dropdown-toggle {
    color: #fff;
    background-color: #324151;
    border-color: #2d3b49
}

.badge-gray-primary:not(:disabled):not(.disabled).active:focus,
.badge-gray-primary:not(:disabled):not(.disabled):active:focus,
.show>.badge-gray-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(97, 116, 134, .5)
}

.badge-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-black:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.badge-black.focus,
.badge-black:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(38, 38, 38, .5)
}

.badge-black.disabled,
.badge-black:disabled {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.badge-black:not(:disabled):not(.disabled).active,
.badge-black:not(:disabled):not(.disabled):active,
.show>.badge-black.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.badge-black:not(:disabled):not(.disabled).active:focus,
.badge-black:not(:disabled):not(.disabled):active:focus,
.show>.badge-black.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(38, 38, 38, .5)
}

.badge-100 {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-100:hover {
    color: #000;
    background-color: #cfd0d3;
    border-color: #c9cacd
}

.badge-100.focus,
.badge-100:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(193, 194, 195, .5)
}

.badge-100.disabled,
.badge-100:disabled {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6
}

.badge-100:not(:disabled):not(.disabled).active,
.badge-100:not(:disabled):not(.disabled):active,
.show>.badge-100.dropdown-toggle {
    color: #000;
    background-color: #c9cacd;
    border-color: #c2c3c7
}

.badge-100:not(:disabled):not(.disabled).active:focus,
.badge-100:not(:disabled):not(.disabled):active:focus,
.show>.badge-100.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(193, 194, 195, .5)
}

.badge-200 {
    color: #000;
    background-color: #cacacc;
    border-color: #cacacc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-200:hover {
    color: #000;
    background-color: #b6b7b9;
    border-color: #b0b1b3
}

.badge-200.focus,
.badge-200:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(172, 172, 173, .5)
}

.badge-200.disabled,
.badge-200:disabled {
    color: #000;
    background-color: #cacacc;
    border-color: #cacacc
}

.badge-200:not(:disabled):not(.disabled).active,
.badge-200:not(:disabled):not(.disabled):active,
.show>.badge-200.dropdown-toggle {
    color: #000;
    background-color: #b0b1b3;
    border-color: #a9aaad
}

.badge-200:not(:disabled):not(.disabled).active:focus,
.badge-200:not(:disabled):not(.disabled):active:focus,
.show>.badge-200.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(172, 172, 173, .5)
}

.badge-300 {
    color: #000;
    background-color: #b1b1b3;
    border-color: #b1b1b3;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-300:hover {
    color: #000;
    background-color: #9d9ea0;
    border-color: #979899
}

.badge-300.focus,
.badge-300:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(150, 151, 152, .5)
}

.badge-300.disabled,
.badge-300:disabled {
    color: #000;
    background-color: #b1b1b3;
    border-color: #b1b1b3
}

.badge-300:not(:disabled):not(.disabled).active,
.badge-300:not(:disabled):not(.disabled):active,
.show>.badge-300.dropdown-toggle {
    color: #000;
    background-color: #979899;
    border-color: #909193
}

.badge-300:not(:disabled):not(.disabled).active:focus,
.badge-300:not(:disabled):not(.disabled):active:focus,
.show>.badge-300.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(150, 151, 152, .5)
}

.badge-400 {
    color: #000;
    background-color: #979899;
    border-color: #979899;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-400:hover {
    color: #000;
    background-color: #848586;
    border-color: #7e7e80
}

.badge-400.focus,
.badge-400:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(129, 129, 130, .5)
}

.badge-400.disabled,
.badge-400:disabled {
    color: #000;
    background-color: #979899;
    border-color: #979899
}

.badge-400:not(:disabled):not(.disabled).active,
.badge-400:not(:disabled):not(.disabled):active,
.show>.badge-400.dropdown-toggle {
    color: #000;
    background-color: #7e7e80;
    border-color: #777879
}

.badge-400:not(:disabled):not(.disabled).active:focus,
.badge-400:not(:disabled):not(.disabled):active:focus,
.show>.badge-400.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(129, 129, 130, .5)
}

.badge-500 {
    color: #000;
    background-color: #7e7f80;
    border-color: #7e7f80;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-500:hover {
    color: #fff;
    background-color: #6b6b6c;
    border-color: #656566
}

.badge-500.focus,
.badge-500:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(107, 108, 108, .5)
}

.badge-500.disabled,
.badge-500:disabled {
    color: #000;
    background-color: #7e7f80;
    border-color: #7e7f80
}

.badge-500:not(:disabled):not(.disabled).active,
.badge-500:not(:disabled):not(.disabled):active,
.show>.badge-500.dropdown-toggle {
    color: #fff;
    background-color: #656566;
    border-color: #5f5f5f
}

.badge-500:not(:disabled):not(.disabled).active:focus,
.badge-500:not(:disabled):not(.disabled):active:focus,
.show>.badge-500.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(107, 108, 108, .5)
}

.badge-600 {
    color: #fff;
    background-color: #656566;
    border-color: #656566;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-600:hover {
    color: #fff;
    background-color: #525253;
    border-color: #4c4c4c
}

.badge-600.focus,
.badge-600:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(124, 124, 125, .5)
}

.badge-600.disabled,
.badge-600:disabled {
    color: #fff;
    background-color: #656566;
    border-color: #656566
}

.badge-600:not(:disabled):not(.disabled).active,
.badge-600:not(:disabled):not(.disabled):active,
.show>.badge-600.dropdown-toggle {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #454546
}

.badge-600:not(:disabled):not(.disabled).active:focus,
.badge-600:not(:disabled):not(.disabled):active:focus,
.show>.badge-600.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(124, 124, 125, .5)
}

.badge-700 {
    color: #fff;
    background-color: #4c4c4d;
    border-color: #4c4c4d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-700:hover {
    color: #fff;
    background-color: #393939;
    border-color: #323233
}

.badge-700.focus,
.badge-700:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(103, 103, 103, .5)
}

.badge-700.disabled,
.badge-700:disabled {
    color: #fff;
    background-color: #4c4c4d;
    border-color: #4c4c4d
}

.badge-700:not(:disabled):not(.disabled).active,
.badge-700:not(:disabled):not(.disabled):active,
.show>.badge-700.dropdown-toggle {
    color: #fff;
    background-color: #323233;
    border-color: #2c2c2c
}

.badge-700:not(:disabled):not(.disabled).active:focus,
.badge-700:not(:disabled):not(.disabled):active:focus,
.show>.badge-700.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(103, 103, 103, .5)
}

.badge-800 {
    color: #fff;
    background-color: #323333;
    border-color: #323333;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-800:hover {
    color: #fff;
    background-color: #1f2020;
    border-color: #191919
}

.badge-800.focus,
.badge-800:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(81, 81, 82, .5)
}

.badge-800.disabled,
.badge-800:disabled {
    color: #fff;
    background-color: #323333;
    border-color: #323333
}

.badge-800:not(:disabled):not(.disabled).active,
.badge-800:not(:disabled):not(.disabled):active,
.show>.badge-800.dropdown-toggle {
    color: #fff;
    background-color: #191919;
    border-color: #131313
}

.badge-800:not(:disabled):not(.disabled).active:focus,
.badge-800:not(:disabled):not(.disabled):active:focus,
.show>.badge-800.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(81, 81, 82, .5)
}

.badge-900 {
    color: #fff;
    background-color: #19191a;
    border-color: #19191a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.badge-900:hover {
    color: #fff;
    background-color: #060606;
    border-color: #000
}

.badge-900.focus,
.badge-900:focus {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(60, 60, 60, .5)
}

.badge-900.disabled,
.badge-900:disabled {
    color: #fff;
    background-color: #19191a;
    border-color: #19191a
}

.badge-900:not(:disabled):not(.disabled).active,
.badge-900:not(:disabled):not(.disabled):active,
.show>.badge-900.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.badge-900:not(:disabled):not(.disabled).active:focus,
.badge-900:not(:disabled):not(.disabled):active:focus,
.show>.badge-900.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(60, 60, 60, .5)
}

.badge-outline-primary {
    color: #06c;
    border-color: #06c
}

.badge-outline-primary:hover {
    color: #fff;
    background-color: #06c !important;
    border-color: #06c
}

.badge-outline-primary.focus,
.badge-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.badge-outline-primary.disabled,
.badge-outline-primary:disabled {
    color: #06c;
    background-color: transparent
}

.badge-outline-primary:not(:disabled):not(.disabled).active,
.badge-outline-primary:not(:disabled):not(.disabled):active,
.show>.badge-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #06c;
    border-color: #06c
}

.badge-outline-primary:not(:disabled):not(.disabled).active:focus,
.badge-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 102, 204, .5)
}

.badge-outline-secondary {
    color: #5c6f82;
    border-color: #5c6f82
}

.badge-outline-secondary:hover {
    color: #fff;
    background-color: #5c6f82;
    border-color: #5c6f82
}

.badge-outline-secondary.focus,
.badge-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(92, 111, 130, .5)
}

.badge-outline-secondary.disabled,
.badge-outline-secondary:disabled {
    color: #5c6f82;
    background-color: transparent
}

.badge-outline-secondary:not(:disabled):not(.disabled).active,
.badge-outline-secondary:not(:disabled):not(.disabled):active,
.show>.badge-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #5c6f82;
    border-color: #5c6f82
}

.badge-outline-secondary:not(:disabled):not(.disabled).active:focus,
.badge-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-secondary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(92, 111, 130, .5)
}

.badge-outline-success {
    color: #008758;
    border-color: #008758
}

.badge-outline-success:hover {
    color: #fff;
    background-color: #008758;
    border-color: #008758
}

.badge-outline-success.focus,
.badge-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 135, 88, .5)
}

.badge-outline-success.disabled,
.badge-outline-success:disabled {
    color: #008758;
    background-color: transparent
}

.badge-outline-success:not(:disabled):not(.disabled).active,
.badge-outline-success:not(:disabled):not(.disabled):active,
.show>.badge-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #008758;
    border-color: #008758
}

.badge-outline-success:not(:disabled):not(.disabled).active:focus,
.badge-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-success.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 135, 88, .5)
}

.badge-outline-info {
    color: #979899;
    border-color: #979899
}

.badge-outline-info:hover {
    color: #000;
    background-color: #979899;
    border-color: #979899
}

.badge-outline-info.focus,
.badge-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.badge-outline-info.disabled,
.badge-outline-info:disabled {
    color: #979899;
    background-color: transparent
}

.badge-outline-info:not(:disabled):not(.disabled).active,
.badge-outline-info:not(:disabled):not(.disabled):active,
.show>.badge-outline-info.dropdown-toggle {
    color: #000;
    background-color: #979899;
    border-color: #979899
}

.badge-outline-info:not(:disabled):not(.disabled).active:focus,
.badge-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-info.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.badge-outline-warning {
    color: #a66300;
    border-color: #a66300
}

.badge-outline-warning:hover {
    color: #fff;
    background-color: #a66300;
    border-color: #a66300
}

.badge-outline-warning.focus,
.badge-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(166, 99, 0, .5)
}

.badge-outline-warning.disabled,
.badge-outline-warning:disabled {
    color: #a66300;
    background-color: transparent
}

.badge-outline-warning:not(:disabled):not(.disabled).active,
.badge-outline-warning:not(:disabled):not(.disabled):active,
.show>.badge-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #a66300;
    border-color: #a66300
}

.badge-outline-warning:not(:disabled):not(.disabled).active:focus,
.badge-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-warning.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(166, 99, 0, .5)
}

.badge-outline-danger {
    color: #d9364f;
    border-color: #d9364f
}

.badge-outline-danger:hover {
    color: #fff;
    background-color: #d9364f;
    border-color: #d9364f
}

.badge-outline-danger.focus,
.badge-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(217, 54, 79, .5)
}

.badge-outline-danger.disabled,
.badge-outline-danger:disabled {
    color: #d9364f;
    background-color: transparent
}

.badge-outline-danger:not(:disabled):not(.disabled).active,
.badge-outline-danger:not(:disabled):not(.disabled):active,
.show>.badge-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9364f;
    border-color: #d9364f
}

.badge-outline-danger:not(:disabled):not(.disabled).active:focus,
.badge-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-danger.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(217, 54, 79, .5)
}

.badge-outline-light {
    color: #e9e6f2;
    border-color: #e9e6f2
}

.badge-outline-light:hover {
    color: #000;
    background-color: #e9e6f2;
    border-color: #e9e6f2
}

.badge-outline-light.focus,
.badge-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(233, 230, 242, .5)
}

.badge-outline-light.disabled,
.badge-outline-light:disabled {
    color: #e9e6f2;
    background-color: transparent
}

.badge-outline-light:not(:disabled):not(.disabled).active,
.badge-outline-light:not(:disabled):not(.disabled):active,
.show>.badge-outline-light.dropdown-toggle {
    color: #000;
    background-color: #e9e6f2;
    border-color: #e9e6f2
}

.badge-outline-light:not(:disabled):not(.disabled).active:focus,
.badge-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-light.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(233, 230, 242, .5)
}

.badge-outline-dark {
    color: #17324d;
    border-color: #17324d
}

.badge-outline-dark:hover {
    color: #fff;
    background-color: #17324d;
    border-color: #17324d
}

.badge-outline-dark.focus,
.badge-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.badge-outline-dark.disabled,
.badge-outline-dark:disabled {
    color: #17324d;
    background-color: transparent
}

.badge-outline-dark:not(:disabled):not(.disabled).active,
.badge-outline-dark:not(:disabled):not(.disabled):active,
.show>.badge-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #17324d;
    border-color: #17324d
}

.badge-outline-dark:not(:disabled):not(.disabled).active:focus,
.badge-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-dark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(23, 50, 77, .5)
}

.badge-outline-petrol {
    color: #51758d;
    border-color: #51758d
}

.badge-outline-petrol:hover {
    color: #fff;
    background-color: #51758d;
    border-color: #51758d
}

.badge-outline-petrol.focus,
.badge-outline-petrol:focus {
    box-shadow: 0 0 0 .2rem rgba(81, 117, 141, .5)
}

.badge-outline-petrol.disabled,
.badge-outline-petrol:disabled {
    color: #51758d;
    background-color: transparent
}

.badge-outline-petrol:not(:disabled):not(.disabled).active,
.badge-outline-petrol:not(:disabled):not(.disabled):active,
.show>.badge-outline-petrol.dropdown-toggle {
    color: #fff;
    background-color: #51758d;
    border-color: #51758d
}

.badge-outline-petrol:not(:disabled):not(.disabled).active:focus,
.badge-outline-petrol:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-petrol.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(81, 117, 141, .5)
}

.badge-outline-redbrown {
    color: #d1344c;
    border-color: #d1344c
}

.badge-outline-redbrown:hover {
    color: #fff;
    background-color: #d1344c;
    border-color: #d1344c
}

.badge-outline-redbrown.focus,
.badge-outline-redbrown:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 52, 76, .5)
}

.badge-outline-redbrown.disabled,
.badge-outline-redbrown:disabled {
    color: #d1344c;
    background-color: transparent
}

.badge-outline-redbrown:not(:disabled):not(.disabled).active,
.badge-outline-redbrown:not(:disabled):not(.disabled):active,
.show>.badge-outline-redbrown.dropdown-toggle {
    color: #fff;
    background-color: #d1344c;
    border-color: #d1344c
}

.badge-outline-redbrown:not(:disabled):not(.disabled).active:focus,
.badge-outline-redbrown:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-redbrown.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(209, 52, 76, .5)
}

.badge-outline-purplelight {
    color: #b21dd0;
    border-color: #b21dd0
}

.badge-outline-purplelight:hover {
    color: #fff;
    background-color: #b21dd0;
    border-color: #b21dd0
}

.badge-outline-purplelight.focus,
.badge-outline-purplelight:focus {
    box-shadow: 0 0 0 .2rem rgba(178, 29, 208, .5)
}

.badge-outline-purplelight.disabled,
.badge-outline-purplelight:disabled {
    color: #b21dd0;
    background-color: transparent
}

.badge-outline-purplelight:not(:disabled):not(.disabled).active,
.badge-outline-purplelight:not(:disabled):not(.disabled):active,
.show>.badge-outline-purplelight.dropdown-toggle {
    color: #fff;
    background-color: #b21dd0;
    border-color: #b21dd0
}

.badge-outline-purplelight:not(:disabled):not(.disabled).active:focus,
.badge-outline-purplelight:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-purplelight.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(178, 29, 208, .5)
}

.badge-outline-greendark {
    color: #0e865c;
    border-color: #0e865c
}

.badge-outline-greendark:hover {
    color: #fff;
    background-color: #0e865c;
    border-color: #0e865c
}

.badge-outline-greendark.focus,
.badge-outline-greendark:focus {
    box-shadow: 0 0 0 .2rem rgba(14, 138, 95, .5)
}

.badge-outline-greendark.disabled,
.badge-outline-greendark:disabled {
    color: #0e865c;
    background-color: transparent
}

.badge-outline-greendark:not(:disabled):not(.disabled).active,
.badge-outline-greendark:not(:disabled):not(.disabled):active,
.show>.badge-outline-greendark.dropdown-toggle {
    color: #fff;
    background-color: #0e865c;
    border-color: #0e865c
}

.badge-outline-greendark:not(:disabled):not(.disabled).active:focus,
.badge-outline-greendark:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-greendark.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(14, 138, 95, .5)
}

.badge-outline-bluelectric {
    color: #0d00ff;
    border-color: #0d00ff
}

.badge-outline-bluelectric:hover {
    color: #fff;
    background-color: #0d00ff;
    border-color: #0d00ff
}

.badge-outline-bluelectric.focus,
.badge-outline-bluelectric:focus {
    box-shadow: 0 0 0 .2rem rgba(13, 0, 255, .5)
}

.badge-outline-bluelectric.disabled,
.badge-outline-bluelectric:disabled {
    color: #0d00ff;
    background-color: transparent
}

.badge-outline-bluelectric:not(:disabled):not(.disabled).active,
.badge-outline-bluelectric:not(:disabled):not(.disabled):active,
.show>.badge-outline-bluelectric.dropdown-toggle {
    color: #fff;
    background-color: #0d00ff;
    border-color: #0d00ff
}

.badge-outline-bluelectric:not(:disabled):not(.disabled).active:focus,
.badge-outline-bluelectric:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-bluelectric.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(13, 0, 255, .5)
}

.badge-outline-gray100 {
    color: #e3e4e6;
    border-color: #e3e4e6
}

.badge-outline-gray100:hover {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6
}

.badge-outline-gray100.focus,
.badge-outline-gray100:focus {
    box-shadow: 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.badge-outline-gray100.disabled,
.badge-outline-gray100:disabled {
    color: #e3e4e6;
    background-color: transparent
}

.badge-outline-gray100:not(:disabled):not(.disabled).active,
.badge-outline-gray100:not(:disabled):not(.disabled):active,
.show>.badge-outline-gray100.dropdown-toggle {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6
}

.badge-outline-gray100:not(:disabled):not(.disabled).active:focus,
.badge-outline-gray100:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-gray100.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.badge-outline-white {
    color: #fff;
    border-color: #fff
}

.badge-outline-white:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.badge-outline-white.focus,
.badge-outline-white:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.badge-outline-white.disabled,
.badge-outline-white:disabled {
    color: #fff;
    background-color: transparent
}

.badge-outline-white:not(:disabled):not(.disabled).active,
.badge-outline-white:not(:disabled):not(.disabled):active,
.show>.badge-outline-white.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.badge-outline-white:not(:disabled):not(.disabled).active:focus,
.badge-outline-white:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-white.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.badge-outline-gray-primary {
    color: #455b71;
    border-color: #455b71
}

.badge-outline-gray-primary:hover {
    color: #fff;
    background-color: #455b71;
    border-color: #455b71
}

.badge-outline-gray-primary.focus,
.badge-outline-gray-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(69, 91, 113, .5)
}

.badge-outline-gray-primary.disabled,
.badge-outline-gray-primary:disabled {
    color: #455b71;
    background-color: transparent
}

.badge-outline-gray-primary:not(:disabled):not(.disabled).active,
.badge-outline-gray-primary:not(:disabled):not(.disabled):active,
.show>.badge-outline-gray-primary.dropdown-toggle {
    color: #fff;
    background-color: #455b71;
    border-color: #455b71
}

.badge-outline-gray-primary:not(:disabled):not(.disabled).active:focus,
.badge-outline-gray-primary:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-gray-primary.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(69, 91, 113, .5)
}

.badge-outline-black {
    color: #000;
    border-color: #000
}

.badge-outline-black:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.badge-outline-black.focus,
.badge-outline-black:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.badge-outline-black.disabled,
.badge-outline-black:disabled {
    color: #000;
    background-color: transparent
}

.badge-outline-black:not(:disabled):not(.disabled).active,
.badge-outline-black:not(:disabled):not(.disabled):active,
.show>.badge-outline-black.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.badge-outline-black:not(:disabled):not(.disabled).active:focus,
.badge-outline-black:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-black.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(0, 0, 0, .5)
}

.badge-outline-100 {
    color: #e3e4e6;
    border-color: #e3e4e6
}

.badge-outline-100:hover {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6
}

.badge-outline-100.focus,
.badge-outline-100:focus {
    box-shadow: 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.badge-outline-100.disabled,
.badge-outline-100:disabled {
    color: #e3e4e6;
    background-color: transparent
}

.badge-outline-100:not(:disabled):not(.disabled).active,
.badge-outline-100:not(:disabled):not(.disabled):active,
.show>.badge-outline-100.dropdown-toggle {
    color: #000;
    background-color: #e3e4e6;
    border-color: #e3e4e6
}

.badge-outline-100:not(:disabled):not(.disabled).active:focus,
.badge-outline-100:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-100.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(227, 228, 230, .5)
}

.badge-outline-200 {
    color: #cacacc;
    border-color: #cacacc
}

.badge-outline-200:hover {
    color: #000;
    background-color: #cacacc;
    border-color: #cacacc
}

.badge-outline-200.focus,
.badge-outline-200:focus {
    box-shadow: 0 0 0 .2rem rgba(202, 202, 204, .5)
}

.badge-outline-200.disabled,
.badge-outline-200:disabled {
    color: #cacacc;
    background-color: transparent
}

.badge-outline-200:not(:disabled):not(.disabled).active,
.badge-outline-200:not(:disabled):not(.disabled):active,
.show>.badge-outline-200.dropdown-toggle {
    color: #000;
    background-color: #cacacc;
    border-color: #cacacc
}

.badge-outline-200:not(:disabled):not(.disabled).active:focus,
.badge-outline-200:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-200.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(202, 202, 204, .5)
}

.badge-outline-300 {
    color: #b1b1b3;
    border-color: #b1b1b3
}

.badge-outline-300:hover {
    color: #000;
    background-color: #b1b1b3;
    border-color: #b1b1b3
}

.badge-outline-300.focus,
.badge-outline-300:focus {
    box-shadow: 0 0 0 .2rem rgba(177, 177, 179, .5)
}

.badge-outline-300.disabled,
.badge-outline-300:disabled {
    color: #b1b1b3;
    background-color: transparent
}

.badge-outline-300:not(:disabled):not(.disabled).active,
.badge-outline-300:not(:disabled):not(.disabled):active,
.show>.badge-outline-300.dropdown-toggle {
    color: #000;
    background-color: #b1b1b3;
    border-color: #b1b1b3
}

.badge-outline-300:not(:disabled):not(.disabled).active:focus,
.badge-outline-300:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-300.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(177, 177, 179, .5)
}

.badge-outline-400 {
    color: #979899;
    border-color: #979899
}

.badge-outline-400:hover {
    color: #000;
    background-color: #979899;
    border-color: #979899
}

.badge-outline-400.focus,
.badge-outline-400:focus {
    box-shadow: 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.badge-outline-400.disabled,
.badge-outline-400:disabled {
    color: #979899;
    background-color: transparent
}

.badge-outline-400:not(:disabled):not(.disabled).active,
.badge-outline-400:not(:disabled):not(.disabled):active,
.show>.badge-outline-400.dropdown-toggle {
    color: #000;
    background-color: #979899;
    border-color: #979899
}

.badge-outline-400:not(:disabled):not(.disabled).active:focus,
.badge-outline-400:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-400.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(151, 152, 153, .5)
}

.badge-outline-500 {
    color: #7e7f80;
    border-color: #7e7f80
}

.badge-outline-500:hover {
    color: #000;
    background-color: #7e7f80;
    border-color: #7e7f80
}

.badge-outline-500.focus,
.badge-outline-500:focus {
    box-shadow: 0 0 0 .2rem rgba(126, 127, 128, .5)
}

.badge-outline-500.disabled,
.badge-outline-500:disabled {
    color: #7e7f80;
    background-color: transparent
}

.badge-outline-500:not(:disabled):not(.disabled).active,
.badge-outline-500:not(:disabled):not(.disabled):active,
.show>.badge-outline-500.dropdown-toggle {
    color: #000;
    background-color: #7e7f80;
    border-color: #7e7f80
}

.badge-outline-500:not(:disabled):not(.disabled).active:focus,
.badge-outline-500:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-500.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(126, 127, 128, .5)
}

.badge-outline-600 {
    color: #656566;
    border-color: #656566
}

.badge-outline-600:hover {
    color: #fff;
    background-color: #656566;
    border-color: #656566
}

.badge-outline-600.focus,
.badge-outline-600:focus {
    box-shadow: 0 0 0 .2rem rgba(101, 101, 102, .5)
}

.badge-outline-600.disabled,
.badge-outline-600:disabled {
    color: #656566;
    background-color: transparent
}

.badge-outline-600:not(:disabled):not(.disabled).active,
.badge-outline-600:not(:disabled):not(.disabled):active,
.show>.badge-outline-600.dropdown-toggle {
    color: #fff;
    background-color: #656566;
    border-color: #656566
}

.badge-outline-600:not(:disabled):not(.disabled).active:focus,
.badge-outline-600:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-600.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(101, 101, 102, .5)
}

.badge-outline-700 {
    color: #4c4c4d;
    border-color: #4c4c4d
}

.badge-outline-700:hover {
    color: #fff;
    background-color: #4c4c4d;
    border-color: #4c4c4d
}

.badge-outline-700.focus,
.badge-outline-700:focus {
    box-shadow: 0 0 0 .2rem rgba(76, 76, 77, .5)
}

.badge-outline-700.disabled,
.badge-outline-700:disabled {
    color: #4c4c4d;
    background-color: transparent
}

.badge-outline-700:not(:disabled):not(.disabled).active,
.badge-outline-700:not(:disabled):not(.disabled):active,
.show>.badge-outline-700.dropdown-toggle {
    color: #fff;
    background-color: #4c4c4d;
    border-color: #4c4c4d
}

.badge-outline-700:not(:disabled):not(.disabled).active:focus,
.badge-outline-700:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-700.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(76, 76, 77, .5)
}

.badge-outline-800 {
    color: #323333;
    border-color: #323333
}

.badge-outline-800:hover {
    color: #fff;
    background-color: #323333;
    border-color: #323333
}

.badge-outline-800.focus,
.badge-outline-800:focus {
    box-shadow: 0 0 0 .2rem rgba(50, 51, 51, .5)
}

.badge-outline-800.disabled,
.badge-outline-800:disabled {
    color: #323333;
    background-color: transparent
}

.badge-outline-800:not(:disabled):not(.disabled).active,
.badge-outline-800:not(:disabled):not(.disabled):active,
.show>.badge-outline-800.dropdown-toggle {
    color: #fff;
    background-color: #323333;
    border-color: #323333
}

.badge-outline-800:not(:disabled):not(.disabled).active:focus,
.badge-outline-800:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-800.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(50, 51, 51, .5)
}

.badge-outline-900 {
    color: #19191a;
    border-color: #19191a
}

.badge-outline-900:hover {
    color: #fff;
    background-color: #19191a;
    border-color: #19191a
}

.badge-outline-900.focus,
.badge-outline-900:focus {
    box-shadow: 0 0 0 .2rem rgba(25, 25, 26, .5)
}

.badge-outline-900.disabled,
.badge-outline-900:disabled {
    color: #19191a;
    background-color: transparent
}

.badge-outline-900:not(:disabled):not(.disabled).active,
.badge-outline-900:not(:disabled):not(.disabled):active,
.show>.badge-outline-900.dropdown-toggle {
    color: #fff;
    background-color: #19191a;
    border-color: #19191a
}

.badge-outline-900:not(:disabled):not(.disabled).active:focus,
.badge-outline-900:not(:disabled):not(.disabled):active:focus,
.show>.badge-outline-900.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(25, 25, 26, .5)
}

.badges .badge {
    margin: 0 7px 12px 0
}

.badges-wrapper {
    margin: 40px 0 0 0
}

.badges-wrapper::after {
    display: block;
    clear: both;
    content: ""
}

.badges-wrapper .h4,
.badges-wrapper h4 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 15px 0
}

.badges-wrapper .h2,
.badges-wrapper h2 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 15px 0
}

@media (max-width:767.98px) {
    .badges-wrapper.badges-main {
        padding-left: 15px;
        padding-right: 15px
    }
}

.modal.modal-actions .modal-dialog {
    max-width: 278px
}

@media (max-width:767.98px) {
    .modal.modal-actions .modal-dialog {
        max-width: none
    }
}

.modal.modal-actions .modal-dialog .modal-content {
    border-radius: .31rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2)
}

.modal.modal-actions .modal-dialog .modal-content .modal-body {
    padding: 12px 0 0 0
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul {
    font-size: 1.15rem
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li {
    position: relative;
    z-index: 0
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li a {
    position: relative;
    z-index: 0;
    padding-left: 50px;
    color: #17324d;
    line-height: 2.4
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li a:hover {
    background: #f5f5f5
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li a .icon {
    width: 15px;
    height: 15px;
    margin: 0;
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 12px;
    fill: #51758d
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li a span {
    color: #17324d
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li a.link-toggle {
    box-shadow: 0 15px 25px -10px rgba(2, 2, 2, .1)
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li a.link-toggle .icon-toggle {
    left: auto;
    right: 20px;
    width: 12px;
    height: 12px;
    top: 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li a.link-toggle.collapsed {
    box-shadow: none
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li a.link-toggle.collapsed .icon-toggle {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.modal.modal-actions .modal-dialog .modal-content .link-list-wrapper ul li ul.link-sublist {
    padding: 5px 0 0 0
}

.custom-control-label {
    cursor: pointer
}

.custom-control-label:before {
    background-color: #eee
}

.custom-checkbox-outline {
    padding-left: 2rem
}

.custom-checkbox-outline .custom-control-label:before {
    border: 2px solid #5c6f82;
    background-color: #fff;
    left: -2rem
}

.custom-checkbox-outline .custom-control-label:after {
    left: -2rem
}

.card {
    background: 0 0;
    background-color: transparent;
    border: none
}

.card:after {
    content: none;
    display: none;
    width: auto;
    margin: 0
}

.card.card-border-top {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.card.card-border-top:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #455b71
}

.card .card-body .dsi_more {
    display: block;
    text-align: right;
    font-weight: 700;
    color: #d1344c;
    padding: 10px 0 0
}

.redbrown .card.card-border-top:before {
    background-color: #d1344c
}

.petrol .card.card-border-top:before {
    background-color: #51758d
}

.bluelectric .card.card-border-top:before {
    background-color: #0d00ff
}

.card.card-bg {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .17);
    margin: 0;
    background-color: #fff
}

.card.card-bg.bg-redbrown {
    color: #455b71 !important
}

.card.card-bg.bg-redbrown small {
    color: #455b71 !important
}

.card.card-bg.bg-redbrown a:hover {
    color: #455b71 !important
}

.card.card-bg a:not(.badge):hover {
    color: inherit;
    opacity: .7
}

.card.card-bg.bg-color {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.purplelight .card.card-bg.bg-color {
    background-color: #fbeaff
}

.redbrown .card.card-bg.bg-color {
    background-color: #ffebee
}

.bg-redbrown .card.card-bg.bg-color {
    background-color: #fff;
    color: #455b71
}

.card.card-bg.bg-color.bg-petrol {
    background-color: #f2f6f9 !important
}

.card.card-bg.bg-color.bg-dark {
    color: #fff
}

.card.card-bg.bg-color.bg-dark a {
    color: #fff
}

.card.card-bg.bg-color.bg-dark small {
    color: #fff
}

.bluelectric .card.card-bg.bg-color {
    background-color: #ebeaff
}

.card.card-bg.bg-redbrown {
    background-color: #ffebee !important
}

.card.card-bg.card-bg-simple p {
    margin: 0;
    font-size: 1.13rem;
    font-weight: 600;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

.card.card-bg.card-bg-simple:before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #51758d
}

.purplelight .card.card-bg.card-bg-simple:before {
    background-color: #fbeaff
}

.redbrown .card.card-bg.card-bg-simple:before {
    background-color: #f7d2d8
}

.bluelectric .card.card-bg.card-bg-simple:before {
    background-color: #0d00ff
}

.card.card-bg.bg-bluedark {
    background-color: #27415b;
    color: #fff
}

.card.card-bg.bg-bluedark .h1,
.card.card-bg.bg-bluedark .h2,
.card.card-bg.bg-bluedark .h3,
.card.card-bg.bg-bluedark h1,
.card.card-bg.bg-bluedark h2,
.card.card-bg.bg-bluedark h3 {
    color: #fff
}

.card.card-bg.bg-bluedark a {
    color: #fff
}

.card.card-bg:hover:has(> a) {
    background-color: #fafafa
}

.card.card-no-shadow {
    box-shadow: none
}

.card.card-icon .icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin: 0 12px 0 0
}

.purplelight .card.card-icon svg {
    fill: #B21DD0
}

.redbrown .card.card-icon svg {
    fill: #D1344C
}

.petrol .card.card-icon svg {
    fill: #51758d
}

.greendark .card.card-icon svg {
    fill: #0E865C
}

.bluelectric .card.card-icon svg {
    fill: #0D00FF
}

.card.card-icon .card-body {
    display: flex;
    padding-top: 20px;
    padding-bottom: 17px
}

.card.card-icon .card-icon-content p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    margin: 0;
    line-height: 1.5
}

.card.card-icon .card-icon-content small {
    font-size: .88rem;
    display: block;
    line-height: 1.5
}

.card.card-noicon .card-icon-content p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    margin: 0;
    line-height: 1.5
}

.card.card-noicon .card-icon-content small {
    font-size: .88rem;
    display: block;
    line-height: 1.5
}

.card.card-icon-main .icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin: 0 15px 0 0
}

.purplelight .card.card-icon-main svg {
    fill: #B21DD0
}

.redbrown .card.card-icon-main svg {
    fill: #D1344C
}

.petrol .card.card-icon-main svg {
    fill: #51758d
}

.greendark .card.card-icon-main svg {
    fill: #0E865C
}

.bluelectric .card.card-icon-main svg {
    fill: #0D00FF
}

.card.card-icon-main .card-body {
    display: flex;
    padding-top: 22px;
    padding-bottom: 22px
}

.card.card-icon-main .card-icon-content {
    display: flex;
    align-items: left;
    flex-direction: column
}

.card.card-icon-main .card-icon-content p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1.2rem;
    margin: 0 0 7px 0
}

.card.card-avatar .card-avatar-img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin: 0 12px 0 0;
    border-radius: 50%;
    overflow: hidden
}

.card.card-avatar .card-avatar-img img {
    display: block;
    width: 100%;
    height: auto
}

.card.card-avatar .card-body {
    display: flex;
    padding: 15px;
    align-items: center
}

.card.card-avatar .card-avatar-content p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    margin: 0;
    color: #455b71;
    font-weight: 600
}

.card.card-avatar .card-avatar-content small {
    font-size: .88rem;
    color: #455b71
}

.card.card-avatar.card-comments .card-body .comments {
    margin-right: 100px;
    margin-top: 17px;
    position: relative;
    z-index: 0
}

.card.card-avatar.card-comments .card-body .comments p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    position: relative;
    z-index: 0;
    font-size: 1rem;
    padding: 0 24px 0 0
}

.card.card-avatar.card-comments .card-body .comments p:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 18px;
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M16.283,0.001c9.715,0.21 18.3,10.136 14.996,19.604c-2.77,7.939 -12.824,12.396 -21.346,9.199c0,0 -2.35,1.729 -4.059,2.403c-1.428,0.564 -2.957,0.856 -4.498,0.867c0,0 -0.382,-0.022 -0.639,-0.164c-1.977,-1.093 1.436,-3.929 2.512,-7.893c-2.914,-3.627 -4.049,-8.733 -2.658,-13.237c1.934,-6.266 8.382,-10.632 15.15,-10.779c0.272,-0.001 0.271,-0.001 0.542,0Zm-0.515,1.887c-8.403,0.182 -16.056,8.498 -13.324,16.791c0.513,1.559 1.346,2.999 2.371,4.275l0.489,0.588c-0.547,2.356 -1.601,4.554 -2.978,6.518c0,0 3.906,-0.674 6.572,-2.917l0.63,-0.545c8.565,3.584 20.467,-1.486 20.632,-11.416c0.12,-7.18 -6.68,-13.349 -14.392,-13.294Z' style='fill:rgb(139,152,166);'/></svg>")
}

.card.card-avatar a:hover {
    text-decoration: none
}

.card.card-icon-large .icon {
    width: 75px;
    height: 75px;
    flex-shrink: 0;
    margin: 0 30px 0 0
}

.card.card-icon-large .card-body {
    display: flex;
    align-items: center
}

.card.card-icon-large .h4,
.card.card-icon-large h4 {
    margin: 0;
    font-size: 1.88rem;
    color: #455b71
}

.card.card-icon-big {
    display: flex;
    flex-direction: row;
    padding: 25px 25px 15px 25px
}

@media (min-width:576px) {
    .card.card-icon-big {
        padding: 20px 20px 10px 20px
    }
}

.card.card-icon-big .card-icon-container {
    width: 80px;
    height: auto;
    flex-shrink: 0;
    margin: 0 35px 0 20px
}

@media (max-width:767.98px) {
    .card.card-icon-big .card-icon-container {
        width: 48px;
        margin: 0 20px 0 0
    }
}

.card.card-icon-big .card-icon-container svg {
    width: 80px;
    height: 80px;
    display: block
}

@media (max-width:767.98px) {
    .card.card-icon-big .card-icon-container svg {
        width: 48px;
        height: 48px
    }
}

.card.card-icon-big .card-content {
    width: 100%
}

.card.card-icon-big .h4,
.card.card-icon-big h4 {
    color: #d1344c;
    font-size: 1.13rem;
    font-weight: 700;
    margin: 0 0 15px 0;
    display: block
}

.card.card-icon-big p {
    margin: 0 0 4px 0;
    font-size: 1rem;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    display: block
}

.card.card-icon-big small {
    margin: 0 0 15px 0;
    font-size: .88rem;
    display: block
}

.bg-blue-dark .card {
    color: #fff
}

.bg-blue-dark .card .h3,
.bg-blue-dark .card h3 {
    color: #fff
}

.bg-blue-dark .card .card-body p {
    color: #fff
}

.bg-bluedark .card {
    background-color: #27415b;
    color: #fff
}

.bg-bluedark .card .h1,
.bg-bluedark .card .h2,
.bg-bluedark .card .h3,
.bg-bluedark .card .h4,
.bg-bluedark .card h1,
.bg-bluedark .card h2,
.bg-bluedark .card h3,
.bg-bluedark .card h4 {
    color: #fff
}

.bg-bluedark .card a {
    color: #fff
}

.card.card-serif .h3,
.card.card-serif h3 {
    font-family: Lora, Georgia, serif;
    font-weight: 400;
    margin: 0 0 20px 0
}

.card.card-serif .h4,
.card.card-serif .h5,
.card.card-serif h4,
.card.card-serif h5 {
    font-size: 1rem;
    color: #fff
}

.card.card-serif .card-body p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1.25rem;
    padding: 0 0 0 20px;
    margin: 0;
    color: #fff;
    border-left: 2px solid #d1344c;
    line-height: 1.4
}

.card a.read-more {
    position: relative;
    z-index: 0;
    bottom: auto
}

.card.card-bg a.read-more:hover {
    color: #d1344c;
    text-decoration: underline
}

.card.card-icon .card-title {
    display: flex
}

.card.card-large.card-icon .card-title {
    padding: 40px;
    margin: 0
}

@media (max-width:1199.98px) {
    .card.card-large.card-icon .card-title {
        padding: 30px
    }
}

@media (max-width:991.98px) {
    .card.card-large.card-icon .card-title {
        padding: 25px
    }
}

@media (max-width:767.98px) {
    .card.card-large.card-icon .card-title {
        padding: 25px
    }
}

@media (max-width:575.98px) {
    .card.card-large.card-icon .card-title {
        padding: 25px
    }
}

.card.card-large.card-icon .card-title svg {
    width: 80px;
    height: 80px;
    margin: 0 25px 0 0;
    flex-shrink: 0
}

@media (max-width:1199.98px) {
    .card.card-large.card-icon .card-title svg {
        width: 60px;
        height: 60px;
        margin: 0 20px 0 0
    }
}

@media (max-width:991.98px) {
    .card.card-large.card-icon .card-title svg {
        width: 47px;
        height: 47px;
        margin: 0 15px 0 0
    }
}

@media (max-width:767.98px) {
    .card.card-large.card-icon .card-title svg {
        width: 37px;
        height: 37px;
        margin: 3px 15px 0 0
    }
}

@media (max-width:575.98px) {
    .card.card-large.card-icon .card-title svg {
        width: 37px;
        height: 37px;
        margin: 3px 15px 0 0
    }
}

.redbrown .card.card-large.card-icon .card-title svg {
    fill: #D1344C
}

.petrol .card.card-large.card-icon .card-title svg {
    fill: #51758d
}

.card.card-large.card-icon .card-title .h3,
.card.card-large.card-icon .card-title h3 {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 600
}

@media (max-width:1199.98px) {

    .card.card-large.card-icon .card-title .h3,
    .card.card-large.card-icon .card-title h3 {
        font-size: 1.7rem
    }
}

@media (max-width:991.98px) {

    .card.card-large.card-icon .card-title .h3,
    .card.card-large.card-icon .card-title h3 {
        font-size: 1.5rem
    }
}

@media (max-width:767.98px) {

    .card.card-large.card-icon .card-title .h3,
    .card.card-large.card-icon .card-title h3 {
        font-size: 1.5rem
    }
}

@media (max-width:575.98px) {

    .card.card-large.card-icon .card-title .h3,
    .card.card-large.card-icon .card-title h3 {
        font-size: 1.5rem
    }
}

.redbrown .card.card-large.card-icon .card-title .h3,
.redbrown .card.card-large.card-icon .card-title h3 {
    color: #d1344c
}

.redbrown .card.card-large.card-icon .card-title .h3 a,
.redbrown .card.card-large.card-icon .card-title h3 a {
    color: #d1344c
}

.petrol .card.card-large.card-icon .card-title .h3,
.petrol .card.card-large.card-icon .card-title h3 {
    color: #51758d
}

.petrol .card.card-large.card-icon .card-title .h3 a,
.petrol .card.card-large.card-icon .card-title h3 a {
    color: #51758d
}

.card.card-large .card-body {
    padding: 0 40px 0 40px
}

@media (max-width:1199.98px) {
    .card.card-large .card-body {
        padding: 0 30px 0 30px
    }
}

@media (max-width:991.98px) {
    .card.card-large .card-body {
        padding: 0 25px 0 25px
    }
}

@media (max-width:767.98px) {
    .card.card-large .card-body {
        padding: 0 25px 0 25px
    }
}

@media (max-width:575.98px) {
    .card.card-large .card-body {
        padding: 0 25px 0 25px
    }
}

.card.card-large .card-body p {
    font-size: 1.5rem;
    color: #455b71;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    line-height: 1.27
}

@media (max-width:1199.98px) {
    .card.card-large .card-body p {
        font-size: 1.2rem
    }
}

@media (max-width:991.98px) {
    .card.card-large .card-body p {
        font-size: 1rem
    }
}

@media (max-width:767.98px) {
    .card.card-large .card-body p {
        font-size: 1rem
    }
}

@media (max-width:575.98px) {
    .card.card-large .card-body p {
        font-size: 1rem
    }
}

.card.card-large .card-body.card-body-min-height {
    min-height: 150px
}

@media (max-width:1199.98px) {
    .card.card-large .card-body.card-body-min-height {
        min-height: 80px
    }
}

.card.card-large .card-bottom {
    padding: 0 40px 40px 40px
}

@media (max-width:1199.98px) {
    .card.card-large .card-bottom {
        padding: 0 30px 30px 30px
    }
}

@media (max-width:991.98px) {
    .card.card-large .card-bottom {
        padding: 0 25px 25px 25px
    }
}

@media (max-width:767.98px) {
    .card.card-large .card-bottom {
        padding: 0 25px 25px 25px
    }
}

@media (max-width:575.98px) {
    .card.card-large .card-bottom {
        padding: 0 25px 25px 25px
    }
}

.card.card-folded:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-color: #d1344c #d1344c #eee #eee;
    background: #eee;
    display: block;
    width: 0;
    border-width: 24px;
    border-radius: 0 0 0 5px
}

@media (max-width:1199.98px) {
    .card.card-folded:before {
        border-width: 15px;
        border-radius: 0 0 0 5px
    }
}

.card.card-folded .card-title {
    padding-right: 50px !important
}

@media (max-width:1199.98px) {
    .card.card-folded .card-title {
        padding-right: 30px !important
    }
}

.card.card-horizontal {
    display: flex;
    flex-direction: row
}

.card.card-horizontal .card-thumb {
    width: 175px;
    height: auto;
    flex-shrink: 0;
    margin: 0 25px 0 0
}

.card.card-horizontal .card-thumb.rounded a {
    display: block;
    border-radius: 4px;
    overflow: hidden
}

.card.card-horizontal .card-body {
    padding: 0;
    display: flex;
    flex-direction: column
}

.card.card-horizontal .card-body .h3,
.card.card-horizontal .card-body h3 {
    font-size: 1.25rem
}

.card.card-article {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    position: relative;
    z-index: 0;
    margin: 0 0 35px 0;
    overflow: hidden
}

@media (max-width:991.98px) {
    .card.card-article {
        margin-bottom: 20px
    }
}

.card.card-article:before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #51758d
}

.card.card-article .card-body {
    padding: 0;
    display: flex
}

.card.card-article .card-article-img {
    width: 275px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-color: #e7eaed;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
    z-index: 0;
    min-height: 220px;
    overflow: hidden
}

@media (max-width:991.98px) {
    .card.card-article .card-article-img {
        display: none
    }
}

.card.card-article .card-article-img a {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block
}

.card.card-article .card-article-img .date {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 84px;
    height: 110px;
    background-color: #51758d;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.card.card-article .card-article-img .date span {
    line-height: 1;
    display: block
}

.card.card-article .card-article-img .date span.year {
    font-weight: 700;
    font-size: .88rem;
    letter-spacing: 2.3px
}

.card.card-article .card-article-img .date span.day {
    font-family: "Roboto Mono", monospace;
    font-size: 2.5rem;
    font-weight: 400
}

.card.card-article .card-article-img .date span.month {
    font-size: 1.31rem;
    font-weight: 700
}

.card.card-article .card-article-img svg {
    display: block;
    position: absolute;
    z-index: 1;
    opacity: .1
}

.card.card-article .card-article-img .icon-bluelectric {
    bottom: -27px;
    right: -50px;
    fill: #0D00FF;
    width: 230px;
    height: 230px
}

.card.card-article .card-article-img .icon-greendark {
    bottom: -27px;
    right: -50px;
    fill: #0E865C;
    width: 230px;
    height: 230px;
    transform: rotate(-25deg)
}

.card.card-article .card-article-img .icon-redbrown {
    bottom: -27px;
    right: -50px;
    fill: #D1344C;
    width: 230px;
    height: 230px
}

.card.card-article .card-article-img .icon-purplelight {
    bottom: -17px;
    right: -20px;
    fill: #B21DD0;
    width: 220px;
    height: 220px
}

.card.card-article .card-article-img .icon-petrol {
    bottom: -17px;
    right: -17px;
    fill: #51758d;
    width: 200px;
    height: 200px
}

.card.card-article .card-article-content {
    padding: 25px
}

@media (max-width:991.98px) {
    .card.card-article .card-article-content {
        padding: 15px
    }
}

.card.card-article .card-article-content .h3,
.card.card-article .card-article-content h3 {
    font-size: 1.13rem;
    line-height: 1.4;
    margin: 0 0 15px 0
}

.card.card-article .card-article-content p {
    font-size: 1rem;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    line-height: 1.5;
    margin: 0 0 20px 0
}

.card.card-article .card-article-content .badges a:hover {
    color: #fff
}

.card.card-article.card-article-purplelight:before {
    background-color: #b21dd0
}

.card.card-article.card-article-purplelight .date {
    background-color: #b21dd0
}

.card.card-article.card-article-redbrown:before {
    background-color: #d1344c
}

.card.card-article.card-article-redbrown .date {
    background-color: #d1344c
}

.card.card-article.card-article-bluelectric:before {
    background-color: #0d00ff
}

.card.card-article.card-article-bluelectric .date {
    background-color: #0d00ff
}

.card.card-article.card-article-greendark:before {
    background-color: #0e865c
}

.card.card-article.card-article-greendark .date {
    background-color: #0e865c
}

.card.card-article.card-article-petrol:before {
    background-color: #51758d
}

.card.card-article.card-article-petrol .date {
    background-color: #51758d
}

.card-body ul {
    font-size: 1rem
}

.card-body .card-author {
    color: #fff
}

.card-body .card-author p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    color: #fff;
    font-size: 1rem;
    margin: 0
}

.card-body .card-author p a {
    text-decoration: underline;
    font-weight: 600
}

.card-body .card-author span {
    font-size: .88rem
}

.card-thumb-rounded {
    border-radius: 4px !important;
    overflow: hidden
}

.card-thumb-rounded .card-body p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    line-height: 1.4;
    margin: 0
}

.card-thumb-rounded.card-bg {
    background: #f5f5f5
}

.card-thumb-rounded.bg-bluedark {
    background-color: #27415b;
    color: #fff
}

.card-thumb-rounded.bg-bluedark .h1,
.card-thumb-rounded.bg-bluedark .h2,
.card-thumb-rounded.bg-bluedark .h3,
.card-thumb-rounded.bg-bluedark h1,
.card-thumb-rounded.bg-bluedark h2,
.card-thumb-rounded.bg-bluedark h3 {
    color: #fff
}

.card-thumb-rounded.bg-bluedark a {
    color: #fff
}

.card-thumb-rounded.bg-bluedark p {
    color: #fff;
    opacity: .7
}

.card-deck.card-deck-spaced {
    margin-right: 0;
    margin-left: 0
}

@media (min-width:576px) {
    .card-deck.card-deck-spaced {
        display: block
    }
}

@media (min-width:768px) {
    .card-deck.card-deck-spaced {
        display: block
    }
}

@media (min-width:992px) {
    .card-deck.card-deck-spaced {
        margin-right: -10px;
        margin-left: -10px;
        display: flex
    }
}

@media (min-width:1200px) {
    .card-deck.card-deck-spaced {
        margin-right: -14px;
        margin-left: -14px;
        display: flex
    }
}

.card-deck.card-deck-spaced .card {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 12px
}

@media (min-width:576px) {
    .card-deck.card-deck-spaced .card {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 12px
    }
}

@media (min-width:768px) {
    .card-deck.card-deck-spaced .card {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px
    }
}

@media (min-width:992px) {
    .card-deck.card-deck-spaced .card {
        margin-right: 10px;
        margin-left: 10px;
        flex-basis: calc(50% - 20px);
        margin-bottom: 20px;
        flex-grow: 0
    }
}

@media (min-width:1200px) {
    .card-deck.card-deck-spaced .card {
        margin-right: 14px;
        margin-left: 14px;
        flex-basis: calc(50% - 28px);
        flex-grow: 0;
        margin-bottom: 28px
    }
}

.card-header {
    border-color: #e7eaed;
    padding-top: 25px;
    padding-bottom: 25px
}

.cards-wrapper-center {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.card-date {
    margin: 0 0 10px 0
}

.card-simple-wrapper::after {
    display: block;
    clear: both;
    content: ""
}

.card-simple-wrapper .card-simple {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .17);
    width: 100%;
    margin: 0 0 24px 0;
    overflow: hidden
}

.card-simple-wrapper .card-simple .card-simple-body {
    padding: 27px;
    position: relative;
    z-index: 0
}

@media (max-width:767.98px) {
    .card-simple-wrapper .card-simple .card-simple-body {
        padding: 18px
    }
}

.card-simple-wrapper .card-simple .card-simple-body p {
    margin: 0;
    font-size: 1.13rem;
    font-weight: 600;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

@media (max-width:767.98px) {
    .card-simple-wrapper .card-simple .card-simple-body p {
        font-size: 1rem
    }
}

.card-simple-wrapper .card-simple .card-simple-body:before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #51758d
}

.purplelight .card-simple-wrapper .card-simple .card-simple-body:before {
    background-color: #fbeaff
}

.redbrown .card-simple-wrapper .card-simple .card-simple-body:before {
    background-color: #f7d2d8
}

.bluelectric .card-simple-wrapper .card-simple .card-simple-body:before {
    background-color: #0d00ff
}

.card-simple-wrapper .card-simple:last-child {
    margin-bottom: 0
}

.card-comments-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 10px
}

.card-comments-wrapper .card-avatar-img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin: 0 12px 0 0;
    border-radius: 50%;
    overflow: hidden
}

.card-comments-wrapper .card-avatar-img img {
    display: block;
    width: 100%;
    height: auto
}

.card-comments-wrapper .card-avatar-content p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    margin: 0;
    color: #455b71;
    font-weight: 600
}

.card-comments-wrapper .card-avatar-content small {
    font-size: .88rem;
    color: #455b71
}

.card-comments-wrapper .comments {
    margin-top: 18px;
    position: relative;
    z-index: 0;
    margin-left: auto
}

.card-comments-wrapper .comments p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    position: relative;
    z-index: 0;
    font-size: 1rem;
    padding: 0 24px 0 0
}

.card-comments-wrapper .comments p:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 18px;
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M16.283,0.001c9.715,0.21 18.3,10.136 14.996,19.604c-2.77,7.939 -12.824,12.396 -21.346,9.199c0,0 -2.35,1.729 -4.059,2.403c-1.428,0.564 -2.957,0.856 -4.498,0.867c0,0 -0.382,-0.022 -0.639,-0.164c-1.977,-1.093 1.436,-3.929 2.512,-7.893c-2.914,-3.627 -4.049,-8.733 -2.658,-13.237c1.934,-6.266 8.382,-10.632 15.15,-10.779c0.272,-0.001 0.271,-0.001 0.542,0Zm-0.515,1.887c-8.403,0.182 -16.056,8.498 -13.324,16.791c0.513,1.559 1.346,2.999 2.371,4.275l0.489,0.588c-0.547,2.356 -1.601,4.554 -2.978,6.518c0,0 3.906,-0.674 6.572,-2.917l0.63,-0.545c8.565,3.584 20.467,-1.486 20.632,-11.416c0.12,-7.18 -6.68,-13.349 -14.392,-13.294Z' style='fill:rgb(139,152,166);'/></svg>")
}

.card-vertical-thumb {
    padding: 0
}

.card-vertical-thumb .card-body {
    display: flex;
    padding: 0
}

.card-vertical-thumb .card-body .card-thumb {
    width: 95px;
    flex-shrink: 0;
    height: auto
}

.card-vertical-thumb .card-body .card-thumb img {
    display: block;
    width: 100%;
    height: auto
}

.card-vertical-thumb .card-body .card-content {
    padding: 15px 15px 10px 20px;
}

.card-vertical-thumb .card-body .card-content .h4,
.card-vertical-thumb .card-body .card-content .h5,
.card-vertical-thumb .card-body .card-content h4,
.card-vertical-thumb .card-body .card-content h5 {
    font-size: 1.25rem;
    letter-spacing: -.2px;
    font-weight: bold;
}

.card-vertical-thumb .card-body .card-content p {
    font-size: .88rem
}

.card-vertical-thumb .card-body .card-content p.text-normal {
    font-size: 1rem;
    line-height: 1.5;
    margin: 5px 0 15px 0
}

.card-event {
    padding: 0
}

.card-event .card-body {
    padding: 0
}

.card-event .card-body .card-content {
    padding: 15px 15px 10px 20px;
    min-height: 165px
}

.card-event .card-body .card-content .h4,
.card-event .card-body .card-content .h5,
.card-event .card-body .card-content h4,
.card-event .card-body .card-content h5 {
    font-size: 1.25rem;
    letter-spacing: -.2px
}

.card-event .card-body .card-content p {
    font-size: .88rem
}

.card-event .card-body .card-content p.text-big {
    font-size: 1.17rem
}

.card-event-dates {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 10px;
    min-height: 68px
}

.card-event-dates .card-event-dates-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin: 0 12px 0 0;
    border-radius: 50%;
    overflow: hidden;
    background-color: #0e865c;
    display: flex;
    align-items: center;
    justify-content: center
}

.card-event-dates .card-event-dates-icon svg {
    width: 24px;
    height: 24px;
    fill: #ffffff;
    position: relative;
    z-index: 0;
    margin-top: -2px
}

.card-event-dates .card-event-dates-content p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    margin: 0;
    color: #455b71;
    font-weight: 600
}

.card-event-dates .card-event-dates-content small {
    font-size: .88rem;
    color: #455b71
}

.cards-aside .h4,
.cards-aside h4 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 15px 0
}

.cards-aside .card {
    margin: 0 0 20px 0
}

.card-top {
    padding: 24px 24px 0 24px
}

.card-aside .card-header {
    padding: 1rem 1.25rem;
    background-color: #0d00ff;
    color: #fff;
    font-weight: 700
}

.btn.btn-img {
    position: relative;
    z-index: 0;
    padding: 0
}

.btn.btn-img img,
.btn.btn-img svg {
    height: 24px;
    width: auto;
    float: left;
    margin: 10px 20px 10px 20px
}

.btn.btn-img span {
    display: block;
    float: left;
    position: relative;
    z-index: 0;
    padding: 10px 40px 10px 25px
}

.btn.btn-img span:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: "";
    background-color: #fff;
    width: 1px;
    height: 100%;
    opacity: .2
}

.btn.btn-action {
    background-color: #00615e;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px
}

.btn-xs {
    padding-top: 5px;
    padding-bottom: 7px;
    line-height: 1
}

.btn-xs.btn-rounded {
    border-radius: 26px;
    padding-left: 10px;
    padding-right: 10px
}

.btn-primary {
    box-shadow: none
}

.section.bg-bluelectricgradient .h1,
.section.bg-bluelectricgradient .h2,
.section.bg-bluelectricgradient .h3,
.section.bg-bluelectricgradient h1,
.section.bg-bluelectricgradient h2,
.section.bg-bluelectricgradient h3,
.section.bg-bluelectricgradient p {
    color: #fff
}

.btn-outline-white:hover {
    background-color: #fff;
    color: #000
}

.bg-bluedark .btn-outline-white:hover {
    color: #30465c !important
}

.bg-bluelectricdark .btn-bluelectric {
    background-color: #251aff
}

.bg-bluelectric .btn-bluelectric {
    background-color: #0900b3
}

.btn-bluelectric:hover {
    background-color: #080099
}

.pagination-wrapper .pagination li.page-item a.page-link .icon {
    width: 16px
}

.pagination li.page-item a.page-link {
    padding-left: 8px;
    padding-right: 8px;
    min-width: inherit
}

.pagination li.page-item a.page-link:hover {
    color: #51758d
}

.cbp-spmenu {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    width: 320px;
    z-index: 99999
}

.cbp-spmenu .logo-header {
    height: 127px;
    padding: 0 22px 0 22px
}

.cbp-spmenu .logo-header svg {
    width: 48px;
    height: 54px
}

.cbp-spmenu .logo-header p.h1 {
    font-size: 1rem;
    margin-left: 15px;
    color: #455b71
}

.cbp-spmenu-left {
    left: -320px
}

.cbp-spmenu-left.menu-open {
    left: 0
}

.cbp-spmenu-right,
.cbp-spmenu-search {
    right: -320px
}

.cbp-spmenu-right.menu-open {
    right: 0
}

.cbp-spmenu-search.menu-open {
    right: 0
}

.push-body-toleft,
.push-body-toright {
    overflow: hidden
}

body.push-body #main-header:after {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    opacity: 0
}

body.push-body.push-body-search #main-header:after,
body.push-body.push-body-toleft #main-header:after,
body.push-body.push-body-toright #main-header:after {
    content: " ";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
    cursor: pointer;
    background: rgba(0, 0, 0, .4);
    opacity: 1
}

.toggle-search-results-mobile svg {
    width: 24px;
    height: 24px;
    fill: #9eb2bf
}

.search-results-filters-mobile .aside-list {
    padding: 20px
}

.mobile-header-control svg {
    width: 24px;
    height: 24px;
    fill: #0066cc
}

.menu-mobile-header {
    padding: 15px
}

.splide .splide__arrow {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    background: 0 0;
    border: 1px solid;
    opacity: 1
}

.splide__arrow:disabled {
    opacity: .3
}

.splide .splide__arrow:not(:disabled):hover {
    border: 2px solid
}

.splide .splide__arrow [class*=splide__arrow--] {
    color: #51758d;
    font-size: 1.68em;
    margin: 0;
    padding: 0;
    background: 0 0;
    display: inline-block;
    cursor: pointer
}

.splide .splide__arrow [class*=splide__arrow--]:hover {
    background: 0 0;
    color: #51758d;
    text-decoration: none
}

.splide .splide__arrow .disabled {
    opacity: .5;
    cursor: default
}

.splide .splide__slide .card {
    height: 100%
}

.splide .splide__arrow.disabled+.splide__pagination {
    margin-top: 10px
}

.splide .splide__track {
    padding-bottom: 20px
}

.splide .splide__pagination {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    bottom: 0
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 0
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 0
}

.splide .splide__pagination .splide__pagination__page {
    width: 12px;
    height: 12px;
    margin: 0 5px 0 5px;
    background: 0 0;
    border: 2px solid #51758d;
    display: block;
    -webkit-backface-visibility: visible;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    opacity: .5
}

.bg-bluelectric .splide .splide__pagination .splide__pagination__page,
.bg-bluelectricdark .splide .splide__pagination .splide__pagination__page {
    border-color: #fff
}

.splide .splide__pagination__page.is-active,
.splide .splide__pagination__page:hover {
    background: #51758d;
    border: 2px solid #51758d;
    opacity: 1;
    transform: none
}

.bg-bluelectricdark .splide .splide__pagination .splide__pagination__page.is-active,
.bg-bluelectricdark .splide .splide__pagination .splide__pagination__page:hover {
    border-color: #fff;
    background: #fff
}

.bg-bluelectric .splide .splide__pagination .splide__pagination__page.is-active,
.bg-bluelectric .splide .splide__pagination .splide__pagination__page:hover {
    border-color: #fff;
    background: #fff
}

.splide .splide__pagination .splide__arrow--next,
.splide .splide__pagination .splide__arrow--prev {
    position: absolute;
    z-index: 1;
    width: 50px;
    height: 100%;
    background: 0 0;
    top: 0;
    text-align: center
}

.splide .splide__arrow svg {
    height: .6rem;
    width: .6rem
}

.splide .splide__arrow--prev {
    left: -3rem
}

.splide .splide__arrow--next {
    right: -3rem
}

.splide.inside-carousel .splide__arrow--prev {
    left: 0
}

.splide.inside-carousel .splide__arrow--next {
    right: 0
}

.redbrown .splide .splide__arrows .splide__arrow--next svg,
.redbrown .splide .splide__arrows .splide__arrow--prev svg {
    fill: #D1344C
}

.redbrown .splide .didascalia-text {
    background-color: #d1344c
}

.redbrown .splide__arrow {
    color: #d1344c
}

.bluelectric .splide .splide__arrows .splide__arrow--next svg,
.bluelectric .splide .splide__arrows .splide__arrow--prev svg {
    fill: #0D00FF
}

.bluelectric .didascalia-text {
    background-color: #0d00ff
}

.bluelectric .splide__arrow {
    color: #0d00ff
}

.bg-bluelectric .splide .splide__arrows .splide__arrow--next svg,
.bg-bluelectric .splide .splide__arrows .splide__arrow--prev svg {
    fill: #ffffff
}

.section-bluedark .splide .splide__arrows .splide__arrow--next svg,
.section-bluedark .splide .splide__arrows .splide__arrow--prev svg {
    fill: #ffffff
}

.greendark .splide .splide__arrows .splide__arrow--next svg,
.greendark .splide .splide__arrows .splide__arrow--prev svg {
    fill: #0E865C
}

.greendark .didascalia-text {
    background-color: #0e865c
}

.greendark .splide__arrow svg {
    fill: #0E865C
}

.greendark .splide__arrow {
    color: #0e865c
}

.bg-bluelectricdark .splide__arrow svg,
.section-bluedark .splide__arrow svg {
    fill: #ffffff
}

.bg-bluelectricdark .splide__arrow,
.section-bluedark .splide__arrow {
    color: #fff
}

.didascalia-text {
    bottom: 0;
    font-size: .88rem;
    color: #fff;
    max-width: 100%
}

.splide__slide {
    padding: 2px
}

.splide__slide img {
    display: block;
    width: 100%
}

.splide__slide a:focus {
    display: block
}

.history-carousel .splide__pagination.splide__pagination--ltr {
    display: none
}

.history-carousel .splide__pagination,
.year-carousel .splide__pagination {
    display: none
}

.year-carousel .splide__slide {
    padding: 0
}

.carousel-classroom {
    padding: 0 0 30px 0
}

.carousel-classroom .splide__slide .h3,
.carousel-classroom .splide__slide h3 {
    font-size: 1.125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 60px;
    margin: 0
}

@media (max-width:575.98px) {

    .carousel-classroom .splide__slide .h3,
    .carousel-classroom .splide__slide h3 {
        font-size: 1rem
    }
}

.carousel-classroom .splide__slide .card {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    height: 60px
}

.carousel-classroom .splide__slide .card .card-body {
    padding: 0 15px 0 15px
}

.carousel-classroom .splide__slide .card .card-body p {
    font-size: 1rem;
    font-weight: 400;
    color: #455b71;
    line-height: 1.4
}

.carousel-classroom .splide__slide .card .card-body small {
    font-size: .875rem;
    font-weight: 400;
    color: #6a788a
}

.carousel-classroom .splide__slide .card.card-1 {
    height: 60px
}

.carousel-classroom .splide__slide .card.card-2 {
    height: 130px
}

.carousel-classroom .splide__slide .card.card-3 {
    height: 200px
}

.carousel-classroom .splide__arrows {
    width: 40px;
    position: absolute;
    top: -30px;
    right: 20px
}

.carousel-classroom .splide__arrows .splide__arrow--next,
.carousel-classroom .splide__arrows .splide__arrow--prev {
    width: 32px;
    height: 32px;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d00ff !important
}

.carousel-classroom .splide__arrows .splide__arrow--next svg,
.carousel-classroom .splide__arrows .splide__arrow--prev svg {
    width: 50%;
    height: 100%;
    fill: #0D00FF !important
}

.carousel-classroom .splide__arrows .splide__arrow--next {
    right: 0
}

.year-carousel .splide__pagination.splide__pagination--ltr {
    display: none
}

.year-carousel .splide__slide .dot-text {
    padding: 15px 0 0;
    position: relative;
    text-align: center;
    font-family: "Roboto Mono", monospace;
    font-size: 40px
}

.redbrown .year-carousel .splide__slide .dot-text {
    color: #d1344c
}

.year-carousel .splide__slide .dot-text:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #d1344c
}

.year-carousel .splide__slide:first-child .dot-text:before {
    width: 50%
}

.year-carousel .splide__slide .dot-text:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 1px solid #d1344c;
    border-radius: 50%;
    z-index: 1;
    background-color: #fff
}

.bg-blue-dark .year-carousel .splide__slide .dot-text:after {
    background-color: #001a33
}

.year-carousel .splide__arrow--prev {
    left: 0;
    top: 70%
}

.year-carousel .splide__arrow--next {
    right: 0;
    top: 70%
}

.carousel-cards .splide__track {
    padding-bottom: 50px
}

.carousel-cards .splide__pagination {
    bottom: 1rem
}

@media (min-width:992px) {
    .carousel-cards .splide__list {
        display: flex !important;
        flex-wrap: wrap;
        margin: 0 -14px 0 -14px;
        width: auto;
        z-index: 2
    }

    .carousel-cards .splide__slide {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 14px 28px 14px;
        margin-right: 0 !important
    }
}

.carousel-notice .splide__track {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 20px
}

.carousel-notice .splide__pagination {
    bottom: 0
}

.bg-bluelectric .owl-carousel.carousel-theme.carousel-cards .owl-nav .owl-next svg,
.bg-bluelectric .owl-carousel.carousel-theme.carousel-cards .owl-nav .owl-prev svg {
    fill: #ffffff
}

.owl-carousel.carousel-theme.carousel-cards .owl-nav .owl-prev {
    left: 0
}

.owl-carousel.carousel-theme.carousel-cards .owl-nav .owl-prev svg {
    right: 0
}

.owl-carousel.carousel-theme.carousel-cards .owl-nav .owl-next {
    right: 0
}

.owl-carousel.carousel-theme.carousel-cards .owl-nav .owl-next svg {
    left: 0
}

.owl-carousel.carousel-theme.carousel-calendar .owl-item .item a:hover {
    text-decoration: none
}

.owl-carousel.carousel-theme.carousel-calendar-years {
    margin: 0
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-stage-outer {
    padding-bottom: 70px
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text {
    position: relative;
    z-index: 0;
    height: 20px;
    width: 100%
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text:before {
    content: "";
    height: 1px;
    width: 100%;
    flex-grow: 1;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -1px;
    left: 0
}

.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text:before {
    background-color: #d1344c
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text:after {
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #d1344c;
    display: block;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -10px;
    background-color: #fff;
    right: 50%;
    margin-right: -10px
}

.bg-blue-dark .owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text:after {
    background-color: #001a33
}

.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text:after {
    border-color: #d1344c
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text span {
    text-align: center;
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -62px;
    width: 100%;
    font-family: "Roboto Mono", monospace;
    font-size: 40px
}

.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-item .item .dot-text span {
    color: #d1344c
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-item:first-child .item .dot-text {
    position: relative;
    z-index: 0
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-item:first-child .item .dot-text:before {
    content: "";
    height: 1px;
    width: 50%;
    flex-grow: 1;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -1px;
    left: auto;
    right: 0
}

.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-item:first-child .item .dot-text:before {
    background-color: #d1344c
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-next,
.owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-prev {
    position: absolute;
    z-index: 1;
    width: 50px;
    height: 100%;
    background: 0 0;
    top: -6px;
    text-align: center
}

@media (max-width:1410px) {

    .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-next,
    .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-prev {
        top: 35px
    }
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-next svg,
.owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-prev svg {
    width: 32px;
    height: 32px;
    display: block;
    fill: #000000;
    top: 0;
    margin: 0;
    position: absolute;
    z-index: 1
}

.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-next svg,
.redbrown .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-prev svg {
    fill: #D1344C
}

.bg-bluelectric .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-next svg,
.bg-bluelectric .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-prev svg {
    fill: #ffffff
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-prev {
    right: -62px
}

@media (max-width:1410px) {
    .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-prev {
        right: auto;
        left: 20px
    }
}

.owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-next {
    right: -107px
}

@media (max-width:1410px) {
    .owl-carousel.carousel-theme.carousel-calendar-years .owl-nav .owl-next {
        right: 20px
    }
}

.owl-carousel.carousel-theme.carousel-hours {
    padding: 0 0 30px 0
}

.owl-carousel.carousel-theme.carousel-hours .owl-item .item .h3,
.owl-carousel.carousel-theme.carousel-hours .owl-item .item h3 {
    font-size: 1.125rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 60px;
    margin: 0
}

@media (max-width:575.98px) {

    .owl-carousel.carousel-theme.carousel-hours .owl-item .item .h3,
    .owl-carousel.carousel-theme.carousel-hours .owl-item .item h3 {
        font-size: 1rem
    }
}

.owl-carousel.carousel-theme.carousel-hours .owl-item .item .card {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    height: 60px
}

.owl-carousel.carousel-theme.carousel-hours .owl-item .item .card .card-body {
    padding: 0 15px 0 15px
}

.owl-carousel.carousel-theme.carousel-hours .owl-item .item .card .card-body p {
    font-size: 1rem;
    font-weight: 400;
    color: #455b71;
    line-height: 1.4
}

.owl-carousel.carousel-theme.carousel-hours .owl-item .item .card .card-body small {
    font-size: .875rem;
    font-weight: 400;
    color: #8b98a6
}

.owl-carousel.carousel-theme.carousel-hours .owl-item .item .card.card-1 {
    height: 60px
}

.owl-carousel.carousel-theme.carousel-hours .owl-item .item .card.card-2 {
    height: 130px
}

.owl-carousel.carousel-theme.carousel-hours .owl-item .item .card.card-3 {
    height: 200px
}

.owl-carousel.carousel-theme.carousel-hours .owl-nav .owl-next,
.owl-carousel.carousel-theme.carousel-hours .owl-nav .owl-prev {
    position: absolute;
    z-index: 1;
    width: 50px;
    height: 100%;
    background: 0 0;
    top: -47px;
    text-align: center
}

.owl-carousel.carousel-theme.carousel-hours .owl-nav .owl-next svg,
.owl-carousel.carousel-theme.carousel-hours .owl-nav .owl-prev svg {
    width: 32px;
    height: 32px;
    display: block;
    fill: #0D00FF;
    top: 0;
    margin: 0;
    position: absolute;
    z-index: 1
}

.owl-carousel.carousel-theme.carousel-hours .owl-nav .owl-prev {
    right: 74px
}

.owl-carousel.carousel-theme.carousel-hours .owl-nav .owl-prev svg {
    right: 0
}

.owl-carousel.carousel-theme.carousel-hours .owl-nav .owl-next {
    right: 10px
}

.owl-carousel.carousel-theme.carousel-hours .owl-nav .owl-next svg {
    left: 0
}

.ps-container {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps-container {
        overflow: auto !important
    }
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling {
    pointer-events: none
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}

.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    width: 5px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 5px
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}

.dl-menuwrapper {
    width: 100%
}

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

.dl-menuwrapper li a {
    display: block
}

.dl-menuwrapper li>a:not(:only-child) {
    position: relative;
    z-index: 0
}

.dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50%;
    margin-top: -6px
}

.dl-menuwrapper li>a:not(:only-child).active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dl-menuwrapper li>a:not(:only-child):after {
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E%3Cg id='group-check'%3E%3Crect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/%3E%3Cpath d='M30.001,6.819c1.727,0.238 2.625,2.423 1.501,3.804c-4.48,4.798 -9.281,9.288 -13.923,13.93c-0.879,0.822 -2.215,0.861 -3.14,0.108c-4.799,-4.481 -9.288,-9.281 -13.93,-13.923c-1.603,-1.715 0.882,-5.473 3.256,-3.256l12.186,12.187l12.302,-12.295c0.491,-0.398 0.749,-0.621 1.748,-0.555Z' style='fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E");
    content: "";
    background-size: 12px 12px;
    opacity: .5
}

.dl-menuwrapper li>a:after {
    right: 10px
}

.dl-menuwrapper .dl-menu {
    margin: 0;
    width: 100%
}

.dl-submenu {
    padding: 0 !important
}

.dl-submenu li {
    margin: 0 !important
}

.dl-submenu li.container {
    margin-left: auto !important;
    margin-right: auto !important
}

.dl-menuwrapper li .dl-submenu {
    display: none
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
    position: absolute;
    left: 0;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::selection {
    background: 0 0
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4)
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-bottom,
.leaflet-top {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
    will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline: 0
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-container a.leaflet-active {
    outline: 2px solid orange
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, .5)
}

.leaflet-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    border-radius: 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.png);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(images/marker-icon.png)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, .7);
    margin: 0;
    display: none
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
    font-size: 11px
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background: rgba(255, 255, 255, .5)
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 19px;
    line-height: 1.4
}

.leaflet-popup-content p {
    margin: 18px 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 700;
    background: 0 0
}

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #999
}

.leaflet-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto
}

.leaflet-oldie .leaflet-popup-tip-container {
    margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: 0 0;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

.map-min-height {
    min-height: 200px
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none
}

.r-tabs .r-tabs-panel {
    padding: 0;
    display: none
}

.r-tabs .r-tabs-accordion-title {
    display: none
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block
}

@media (max-width:991.98px) {
    .r-tabs .r-tabs-nav {
        display: none
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
        font-size: 1.13rem;
        margin: 0;
        font-weight: 600;
        position: relative;
        z-index: 0;
        border-top: 1px solid #d8d8d8
    }

    .r-tabs .r-tabs-accordion-title a {
        display: block;
        padding: 15px 15px 15px 15px;
        position: relative;
        z-index: 0
    }

    .bg-redbrown .r-tabs .r-tabs-accordion-title a {
        color: #fff
    }

    .r-tabs .r-tabs-accordion-title a:before {
        content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><g id='group-check'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M30.001,6.819c1.727,0.238 2.625,2.423 1.501,3.804c-4.48,4.798 -9.281,9.288 -13.923,13.93c-0.879,0.822 -2.215,0.861 -3.14,0.108c-4.799,-4.481 -9.288,-9.281 -13.93,-13.923c-1.603,-1.715 0.882,-5.473 3.256,-3.256l12.186,12.187l12.302,-12.295c0.491,-0.398 0.749,-0.621 1.748,-0.555Z' style='fill:rgb(190, 190, 190);'/></g></svg>");
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        z-index: 1;
        top: 17px;
        right: 20px;
        margin-top: 0
    }

    .redbrown .r-tabs .r-tabs-accordion-title a:before {
        content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><g id='group-check'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M30.001,6.819c1.727,0.238 2.625,2.423 1.501,3.804c-4.48,4.798 -9.281,9.288 -13.923,13.93c-0.879,0.822 -2.215,0.861 -3.14,0.108c-4.799,-4.481 -9.288,-9.281 -13.93,-13.923c-1.603,-1.715 0.882,-5.473 3.256,-3.256l12.186,12.187l12.302,-12.295c0.491,-0.398 0.749,-0.621 1.748,-0.555Z' style='fill:rgb(210, 52, 76);'/></g></svg>")
    }

    .bg-bluelectric .r-tabs .r-tabs-accordion-title a:before,
    .bg-redbrown .r-tabs .r-tabs-accordion-title a:before {
        content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><g id='group-check'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M30.001,6.819c1.727,0.238 2.625,2.423 1.501,3.804c-4.48,4.798 -9.281,9.288 -13.923,13.93c-0.879,0.822 -2.215,0.861 -3.14,0.108c-4.799,-4.481 -9.288,-9.281 -13.93,-13.923c-1.603,-1.715 0.882,-5.473 3.256,-3.256l12.186,12.187l12.302,-12.295c0.491,-0.398 0.749,-0.621 1.748,-0.555Z' style='fill:rgb(255, 255, 255);'/></g></svg>")
    }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active a:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 25px
    }
}

.responsive-tabs-wrapper {
    position: relative;
    z-index: 0
}

@media (max-width:991.98px) {
    .responsive-tabs-wrapper {
        padding-bottom: 50px
    }
}

.responsive-tabs-wrapper .title-small {
    font-weight: 600
}

@media (max-width:991.98px) {
    .responsive-tabs-wrapper .title-small {
        padding-bottom: 30px
    }
}

.responsive-tabs-wrapper .title-small .h5,
.responsive-tabs-wrapper .title-small h5 {
    font-weight: 600
}

@media (min-width:992px) {
    .responsive-tabs-wrapper .title-small {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .responsive-tabs-wrapper .tabs-img {
        position: absolute;
        z-index: 1;
        bottom: 30px;
        left: -50px;
        width: 290px
    }
}

@media (max-width:991.98px) {
    .responsive-tabs-wrapper .tabs-img {
        display: none
    }
}

@media (max-width:767.98px) {
    .responsive-tabs-horizontal {
        margin-left: -6px;
        margin-right: -6px
    }
}

.responsive-tabs-horizontal ul.r-tabs-nav {
    background-color: #0900ad
}

@media (min-width:992px) {
    .responsive-tabs-horizontal ul.r-tabs-nav {
        display: flex;
        position: relative;
        z-index: 0
    }
}

@media (min-width:992px) {
    .responsive-tabs-horizontal ul.r-tabs-nav li {
        flex-grow: 1
    }
}

.responsive-tabs-horizontal ul.r-tabs-nav li.r-tabs-tab {
    display: block;
    padding: 10px 15px 10px 15px;
    text-align: center;
    opacity: .7;
    font-weight: 600
}

.responsive-tabs-horizontal ul.r-tabs-nav li.r-tabs-state-active {
    opacity: 1;
    position: relative;
    z-index: 0
}

.responsive-tabs-horizontal ul.r-tabs-nav li.r-tabs-state-active:before {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
    display: block
}

.responsive-tabs-horizontal ul.r-tabs-nav li.r-tabs-state-active a {
    color: #fff;
    display: block
}

@media (max-width:767.98px) {
    .responsive-tabs-horizontal .responsive-tabs-content {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media (min-width:992px) {
    .responsive-tabs-aside {
        display: flex
    }

    .responsive-tabs-aside .accordion-large {
        padding: 0 0 0 150px
    }
}

@media (max-width:991.98px) {
    .responsive-tabs-aside {
        border-bottom: 1px solid #d8d8d8;
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (max-width:767.98px) {
    .responsive-tabs-aside {
        margin-left: -6px;
        margin-right: -6px
    }
}

.responsive-tabs-aside ul.r-tabs-nav {
    font-size: 1.13rem
}

@media (min-width:992px) {
    .responsive-tabs-aside ul.r-tabs-nav {
        flex: 0 0 25%;
        max-width: 25%;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 0
    }

    .responsive-tabs-aside ul.r-tabs-nav:before {
        content: "";
        width: 1px;
        height: 100%;
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        background-color: #d8d8d8
    }

    .responsive-tabs-aside ul.r-tabs-nav.r-tabs-nav {
        padding-top: 80px;
        padding-bottom: 100px
    }
}

.responsive-tabs-aside ul.r-tabs-nav li.r-tabs-tab {
    display: block;
    padding: 10px 15px 10px 15px;
    margin: 0 0 5px 0
}

.bg-redbrown .responsive-tabs-aside ul.r-tabs-nav li.r-tabs-tab a {
    color: #fff
}

.responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active {
    background-color: #d1344c;
    color: #fff;
    font-weight: 600
}

.responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active a {
    color: #fff
}

.bg-redbrown .responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active {
    background-color: #fff;
    color: #d1344c
}

.bg-redbrown .responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active a {
    color: #d1344c
}

.bg-bluelectric .responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active {
    background-color: #0d00ff;
    color: #fff
}

.bg-bluelectric .responsive-tabs-aside ul.r-tabs-nav li.r-tabs-state-active a {
    color: #fff
}

.responsive-tabs-aside ul.r-tabs-nav li.responsive-tabs-section {
    margin: 0 0 20px 0;
    font-size: .88rem;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.responsive-tabs-aside ul.r-tabs-nav li.responsive-tabs-section p {
    margin: 0
}

.responsive-tabs-aside ul.r-tabs-nav li.responsive-tabs-section.border-top {
    border: none !important;
    margin-top: 10px;
    padding-top: 20px
}

.responsive-tabs-aside ul.r-tabs-nav li.responsive-tabs-section.border-top:before {
    content: "";
    width: 95%;
    height: 1px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #d8d8d8
}

@media (min-width:992px) {
    .responsive-tabs-aside .responsive-tabs-content {
        flex: 0 0 75%;
        max-width: 75%;
        padding-bottom: 70px
    }

    .responsive-tabs-aside-large .responsive-tabs-aside .responsive-tabs-content {
        flex: 0 0 67% !important;
        max-width: 67% !important
    }
}

@media (max-width:991.98px) {
    .responsive-tabs-aside .responsive-tabs-content {
        padding-left: 6px;
        padding-right: 6px
    }
}

.responsive-tabs-aside .responsive-tabs-content .h6,
.responsive-tabs-aside .responsive-tabs-content h6 {
    font-weight: 700
}

.responsive-tabs-aside.responsive-tabs-aside-large ul.r-tabs-nav {
    font-size: 1.38rem
}

@media (min-width:992px) {
    .responsive-tabs-aside.responsive-tabs-aside-large ul.r-tabs-nav {
        flex: 0 0 33%;
        max-width: 33%
    }

    .responsive-tabs-aside.responsive-tabs-aside-large ul.r-tabs-nav li.r-tabs-tab {
        padding-top: 18px;
        padding-bottom: 18px
    }
}

@media (min-width:992px) {
    .responsive-tabs-aside.responsive-tabs-aside-large .responsive-tabs-content {
        flex: 0 0 67%;
        max-width: 67%
    }
}

@media (max-width:991.98px) {
    .bg-redbrown .responsive-tabs-aside.responsive-tabs-aside-large .responsive-tabs-content {
        background-color: #9f2134;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width:992px) {
    .responsive-tabs-container {
        padding-left: 120px;
        padding-right: 120px
    }
}

.padding-bottom-200.responsive-tabs.responsive-tabs-aside ul.r-tabs-nav.r-tabs-nav {
    padding-bottom: 250px;
    padding-top: 200px
}

.responsive-tabs-wrapper .title-large {
    position: absolute;
    z-index: 1;
    padding-left: 440px;
    padding-top: 50px
}

@media (max-width:991.98px) {
    .responsive-tabs-wrapper .title-large {
        position: relative;
        z-index: 0;
        padding: 30px 0 0 0
    }
}

.responsive-tabs-wrapper .title-large .h3,
.responsive-tabs-wrapper .title-large h3 {
    color: #fff
}

@media (max-width:1199.98px) {

    .responsive-tabs-wrapper .title-large .h3,
    .responsive-tabs-wrapper .title-large h3 {
        font-size: 2.188rem
    }
}

@media (max-width:991.98px) {

    .responsive-tabs-wrapper .title-large .h3,
    .responsive-tabs-wrapper .title-large h3 {
        font-size: 1.8rem
    }
}

@media (min-width:992px) {
    .responsive-tabs-wrapper.padding-top-200 .responsive-tabs-content {
        padding-top: 200px
    }
}

.responsive-tabs-wrapper.padding-top-200 .title-small {
    padding-top: 105px
}

@media (max-width:991.98px) {
    .responsive-tabs-wrapper.padding-top-200 .title-small {
        display: none
    }
}

.mini-clndr {
    margin: 5px 0 0 0;
    width: 100%;
    padding: 15px 10px 20px 10px;
    border-bottom: 1px solid #e7eaed
}

.mini-clndr .clndr {
    overflow: hidden;
    width: 100%
}

.mini-clndr .clndr .clndr-controls {
    color: #000;
    width: 100%
}

.mini-clndr .clndr .clndr-controls .clndr-next-button,
.mini-clndr .clndr .clndr-controls .clndr-previous-button {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    transition: background-color .5s ease 0s;
    width: 15%;
    float: left
}

.mini-clndr .clndr .clndr-controls .clndr-previous-button:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M22.083,32l3.834,-3.833l-12.334,-12.167l12.167,-12.167l-3.833,-3.833l-15.834,16l16,16Z' style='fill:rgb(14, 138, 95);'/></svg>");
    width: 20px;
    height: 20px;
    display: inline-block
}

.bluelectric .mini-clndr .clndr .clndr-controls .clndr-previous-button:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M22.083,32l3.834,-3.833l-12.334,-12.167l12.167,-12.167l-3.833,-3.833l-15.834,16l16,16Z' style='fill:rgb(14, 0, 255);'/></svg>");
    width: 20px;
    height: 20px;
    display: inline-block
}

.mini-clndr .clndr .clndr-controls .clndr-next-button {
    text-align: center
}

.mini-clndr .clndr .clndr-controls .clndr-next-button:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M9.917,32l-3.834,-3.833l12.334,-12.167l-12.167,-12.167l3.833,-3.833l15.834,16l-16,16Z' style='fill:rgb(14, 138, 95);'/></svg>");
    width: 20px;
    height: 20px;
    display: inline-block
}

.mini-clndr .clndr .clndr-controls .clndr-next-button:after {
    display: none
}

.bluelectric .mini-clndr .clndr .clndr-controls .clndr-next-button:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M9.917,32l-3.834,-3.833l12.334,-12.167l-12.167,-12.167l3.833,-3.833l15.834,16l-16,16Z' style='fill:rgb(14, 0, 255);'/></svg>");
    width: 20px;
    height: 20px;
    display: inline-block
}

.mini-clndr .clndr .clndr-controls .month {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 70%;
    float: left;
    color: #555
}

.mini-clndr .clndr .days-container {
    display: block;
    position: relative;
    width: 100%
}

.mini-clndr .clndr .days-container .days {
    background-color: #fff;
    transition: left .5s ease 0s;
    width: 100%
}

.mini-clndr .clndr .days-container .days .day,
.mini-clndr .clndr .days-container .days .empty {
    color: #555;
    display: block;
    font-size: .84em;
    text-align: center;
    width: 14.2857%;
    float: left
}

.mini-clndr .clndr .days-container .days .day a {
    display: block;
    padding: 8px 0 8px 0;
    color: #555
}

.mini-clndr .clndr .days-container .days .day a:hover {
    text-decoration: none;
    cursor: default
}

.mini-clndr .clndr .days-container .days .day.event,
.mini-clndr .clndr .days-container .days .empty.event {
    cursor: pointer;
    transition: background-color .5s ease 0s;
    position: relative;
    z-index: 0;
    background-color: #0e865c
}

.mini-clndr .clndr .days-container .days .day.event a,
.mini-clndr .clndr .days-container .days .empty.event a {
    cursor: pointer;
    position: relative;
    z-index: 0;
    color: #fff
}

.mini-clndr .clndr .days-container .days .day.event a:hover,
.mini-clndr .clndr .days-container .days .empty.event a:hover {
    text-decoration: underline
}

.bluelectric .mini-clndr .clndr .days-container .days .day.event,
.bluelectric .mini-clndr .clndr .days-container .days .empty.event {
    background-color: #0d00ff
}

.mini-clndr .clndr .days-container .days .day.adjacent-month,
.mini-clndr .clndr .days-container .days .empty.adjacent-month {
    color: rgba(0, 0, 0, .3)
}

.mini-clndr .clndr .days-container .days .empty {
    height: 31px;
    vertical-align: bottom
}

.mini-clndr .clndr .days-container .days .headers .day-header {
    color: #000;
    display: block;
    text-align: center;
    width: 14.2857%;
    float: left;
    font-size: .8em;
    padding-top: 10px;
    padding-bottom: 10px
}

.days-container .days .adjacent-month {
    opacity: .4
}

.mini-clndr .clndr .days-container .days .day.today a {
    background: #eee
}

.mini-clndr .clndr .days-container .days {
    padding-left: 1px
}

.mini-clndr .clndr .days-container .days .day {
    margin-top: -1px;
    margin-left: -1px
}

.mini-clndr .clndr .days-container .days .day a {
    cursor: pointer !important
}

.bootstrap-datetimepicker-widget {
    padding-left: 2em;
    padding-right: 2em
}

.datepicker_wrapper .h6.strong {
    padding-left: 3em
}

.equal_height_calendar {
    min-height: 178px
}

.logoprint {
    display: none
}

.hidden {
    display: none
}

.mt16 {
    margin-top: 16px !important
}

.mb16 {
    margin-bottom: 16px !important
}

.ml16 {
    margin-left: 16px !important
}

.mr16 {
    margin-right: 16px !important
}

.mt24 {
    margin-top: 24px !important
}

.mb24 {
    margin-bottom: 24px !important
}

.ml24 {
    margin-left: 24px !important
}

.mr24 {
    margin-right: 24px !important
}

.mt32 {
    margin-top: 32px !important
}

.mb32 {
    margin-bottom: 32px !important
}

.ml32 {
    margin-left: 32px !important
}

.mr32 {
    margin-right: 32px !important
}

.mt40 {
    margin-top: 40px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.ml40 {
    margin-left: 40px !important
}

.mr40 {
    margin-right: 40px !important
}

.mt64 {
    margin-top: 64px !important
}

.mb64 {
    margin-bottom: 64px !important
}

.ml64 {
    margin-left: 64px !important
}

.mr64 {
    margin-right: 64px !important
}

.pt8 {
    padding-top: 8px !important
}

.pb8 {
    padding-bottom: 8px !important
}

.pl8 {
    padding-left: 8px !important
}

.pr8 {
    padding-right: 8px !important
}

.pt12 {
    padding-top: 12px !important
}

.pb12 {
    padding-bottom: 12px !important
}

.pl12 {
    padding-left: 12px !important
}

.pr12 {
    padding-right: 12px !important
}

.pt16 {
    padding-top: 16px !important
}

.pb16 {
    padding-bottom: 16px !important
}

.pl16 {
    padding-left: 16px !important
}

.pr16 {
    padding-right: 16px !important
}

.pt32 {
    padding-top: 32px !important
}

.pb32 {
    padding-bottom: 32px !important
}

.pl32 {
    padding-left: 32px !important
}

.pr32 {
    padding-right: 32px !important
}

.pt64 {
    padding-top: 64px !important
}

.pb64 {
    padding-bottom: 64px !important
}

.pl64 {
    padding-left: 64px !important
}

.pr64 {
    padding-right: 64px !important
}

.pt84 {
    padding-top: 84px !important
}

@media (max-width:991.98px) {
    .pt84 {
        padding-top: 20px !important
    }
}

.pb84 {
    padding-bottom: 84px !important
}

.pl84 {
    padding-left: 84px !important
}

.pr84 {
    padding-right: 84px !important
}

.class-selector-content {
    display: none;
    position: absolute;
    z-index: 1;
    top: 80px
}

.class-selector-content:after,
.class-selector-content:before {
    bottom: 100%;
    left: 64px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.class-selector-content:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px
}

.class-selector-content:before {
    border-color: rgba(250, 250, 250, 0);
    border-bottom-color: #f5f5f5;
    border-width: 15px;
    margin-left: -15px
}

.class-selector-content a {
    width: 20%;
    height: auto;
    float: left;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 700
}

@media (max-width:991.98px) {
    .class-selector-content a {
        width: 25%
    }
}

@media (max-width:767.98px) {
    .class-selector-content a {
        width: 33.3333333333%
    }
}

@media (max-width:575.98px) {
    .class-selector-content a {
        width: 50%
    }
}

#main-wrapper::after {
    display: block;
    clear: both;
    content: ""
}

#main-wrapper.sticked-menu {
    padding-top: 95px
}

.container {
    max-width: 100%
}

@media (max-width:767.98px) {
    .container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px;
        padding-left: 14px;
        padding-right: 14px
    }
}

.section {
    padding: 0
}

.section .section-title {
    color: #17324d;
    margin: 0 0 10px 0
}

@media (max-width:991.98px) {
    .section .section-title {
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

.section .section-title .h1,
.section .section-title .h2,
.section .section-title h1,
.section .section-title h2 {
    font-size: 3rem;
    line-height: 1.14;
    letter-spacing: -1.3px;
    font-weight: 600
}

@media (max-width:767.98px) {

    .section .section-title .h1,
    .section .section-title .h2,
    .section .section-title h1,
    .section .section-title h2 {
        font-size: 2rem
    }
}

.section .section-title p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.24
}

@media (max-width:767.98px) {
    .section .section-title p {
        font-size: 1.25rem;
        margin-bottom: 5px
    }
}

.section .section-title p.text-small {
    font-size: 1.34rem;
    line-height: 1.37
}

.section .container-border-top {
    border-top: 1px solid #e7eaed
}

.section .section-thumb {
    width: 100%;
    max-width: 140px;
    display: block;
    overflow: hidden;
    height: auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    border-radius: 70px
}

@media (max-width:767.98px) {
    .section .section-thumb {
        max-width: 100px
    }
}

.section .section-thumb.thumb-large {
    max-width: 250px;
    border-radius: 125px
}

.section .section-thumb img {
    width: 100%;
    height: auto;
    display: block
}

.section.section-padding {
    padding: 64px 0 64px 0
}

.section.section-hero {
    background: #feffff;
    background: -moz-linear-gradient(top, #feffff 0, #f6f5ff 95%);
    background: -webkit-linear-gradient(top, #feffff 0, #f6f5ff 95%);
    background: linear-gradient(to bottom, #feffff 0, #f6f5ff 95%)
}

.section.section-half-wrapper {
    position: relative;
    z-index: 0
}

.section.section-half-wrapper .section-half {
    width: 50%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    content: "";
    display: block
}

.section.section-half-wrapper .section-half:before {
    content: "";
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: .1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%)
}

.section.section-half-wrapper.bg-bluelectric .section-half {
    background-color: #0b00d9
}

@media (max-width:767.98px) {
    .section.section-half-wrapper.bg-bluelectric .section-half {
        display: none
    }
}

.section.section-half-wrapper .container {
    position: relative;
    z-index: 2
}

.section.section-red-gradient {
    position: relative;
    z-index: 0;
    min-height: 550px;
    display: flex;
    align-items: center;
    color: #fff
}

.section.section-red-gradient .h3,
.section.section-red-gradient h3 {
    color: #fff;
    font-size: 1.69rem;
    line-height: 1.4;
    font-weight: 400
}

.section.section-red-gradient .red-gradient-location-bg {
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%
}

.section.section-red-gradient .red-gradient-location-bg svg {
    display: block;
    height: auto;
    max-width: 1024px;
    margin-left: auto
}

.section.section-map {
    position: relative;
    z-index: 0;
    min-height: 640px;
    display: flex;
    align-items: center
}

@media (max-width:991.98px) {
    .section.section-map {
        display: block;
        min-height: inherit
    }
}

.section.section-map .map-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

@media (max-width:991.98px) {
    .section.section-map .map-wrapper {
        position: relative;
        z-index: 0;
        top: auto;
        left: auto;
        height: 400px;
        width: 100%
    }
}

@media (max-width:991.98px) {

    .section.section-map .col-lg-4,
    .section.section-map .container,
    .section.section-map .row {
        margin: 0;
        padding: 0
    }

    .section.section-map .card.card-bg.rounded {
        border-radius: 0 !important
    }
}

.section.bg-petrol {
    color: #fff
}

.section.bg-petrol .section-title {
    color: #fff
}

.section.bg-petrol .section-title .h1,
.section.bg-petrol .section-title .h2,
.section.bg-petrol .section-title h1,
.section.bg-petrol .section-title h2 {
    color: #fff
}

.section.bg-petrol .section-title p {
    color: #fff
}

.section.section-tabs-bg .responsive-tabs ul {
    background-color: #0a00cb;
    position: relative;
    z-index: 0
}

.section.section-tabs-bg .responsive-tabs ul:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    background-color: #0a00cb;
    --widthA: calc(100vw - 1172px);
    --widthB: calc(-100vw + 1172px);
    width: calc(var(--widthA)/ 2);
    left: calc(var(--widthB)/ 2);
    height: 100%
}

@media (max-width:1199.98px) {
    .section.section-tabs-bg .responsive-tabs ul:before {
        width: 16px;
        left: -16px
    }
}

.section.bg-purplelight {
    color: #fff
}

.section.bg-purplelight .h1,
.section.bg-purplelight .h2,
.section.bg-purplelight .h3,
.section.bg-purplelight h1,
.section.bg-purplelight h2,
.section.bg-purplelight h3,
.section.bg-purplelight p {
    color: #fff
}

.section.bg-purplegradient {
    color: #fff;
    background: #b21dd0;
    background: -moz-linear-gradient(left, #b21dd0 0, #590e61 100%);
    background: -webkit-linear-gradient(left, #b21dd0 0, #590e61 100%);
    background: linear-gradient(to right, #b21dd0 0, #590e61 100%)
}

.section.bg-purplegradient .h1,
.section.bg-purplegradient .h2,
.section.bg-purplegradient .h3,
.section.bg-purplegradient h1,
.section.bg-purplegradient h2,
.section.bg-purplegradient h3,
.section.bg-purplegradient p {
    color: #fff
}

.section.bg-greendarkgradient {
    color: #fff;
    background: #0f842e;
    background: -moz-linear-gradient(left, #0f842e 0, #5cc984 100%);
    background: -webkit-linear-gradient(left, #0f842e 0, #5cc984 100%);
    background: linear-gradient(to right, #0f842e 0, #5cc984 100%)
}

.section.bg-greendarkgradient .h1,
.section.bg-greendarkgradient .h2,
.section.bg-greendarkgradient .h3,
.section.bg-greendarkgradient h1,
.section.bg-greendarkgradient h2,
.section.bg-greendarkgradient h3,
.section.bg-greendarkgradient p {
    color: #fff
}

.section.section-map-wrapper {
    position: relative;
    z-index: 0
}

.section.section-map-wrapper .map-wrapper {
    height: 670px;
    padding-right: 350px;
    position: relative;
    z-index: 0
}

@media (max-width:991.98px) {
    .section.section-map-wrapper .map-wrapper {
        padding-right: 0
    }
}

.section.section-map-wrapper .map-aside {
    position: absolute;
    width: 350px;
    height: 100%;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #f5f5f5;
    padding: 15px 10px
}

@media (max-width:991.98px) {
    .section.section-map-wrapper .map-aside {
        width: 300px
    }
}

@media (max-width:767.98px) {
    .section.section-map-wrapper .map-aside {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 0;
        top: auto;
        right: auto
    }
}

.section.section-map-wrapper .map-aside .h3,
.section.section-map-wrapper .map-aside h3 {
    font-size: 1.27rem
}

.slided-top {
    position: relative;
    z-index: 1;
    margin-top: -30px
}

.purple-oval-forms {
    width: 578px;
    height: 359px;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 40px
}

.purple-oval-forms svg {
    width: 578px;
    height: 359px
}

.green-square-forms {
    width: 726px;
    height: 360px;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0
}

.green-square-forms svg {
    width: 726px;
    height: 360px
}

.people-red-forms {
    width: 364px;
    height: 245px;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 100px
}

@media (max-width:767.98px) {
    .people-red-forms {
        right: 0
    }
}

@media (max-width:575.98px) {
    .people-red-forms {
        right: -50px
    }
}

.people-red-forms svg {
    width: 364px;
    height: 245px
}

.section-hours {
    position: relative;
    z-index: 1
}

.section-hours .hours {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 177px;
    height: 100%
}

@media (max-width:1199.98px) {
    .section-hours .hours {
        width: 97px
    }
}

@media (max-width:575.98px) {
    .section-hours .hours {
        width: 67px
    }
}

.section-hours .hours ul {
    padding: 60px 0 37px 0;
    margin: 0;
    list-style: none;
    text-align: right;
    color: #8b98a6;
    position: relative;
    z-index: 0
}

.section-hours .hours ul:before {
    position: absolute;
    z-index: 1;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #0d00ff;
    content: ""
}

.section-hours .hours ul li {
    height: 65px;
    width: 100%;
    position: relative;
    z-index: 1;
    line-height: 1;
    font-family: "Roboto Mono", monospace;
    font-size: 1.125rem;
    padding: 0 20px 0 0;
    color: #6a788a
}

@media (max-width:1199.98px) {
    .section-hours .hours ul li {
        font-size: .875rem
    }
}

@media (max-width:575.98px) {
    .section-hours .hours ul li {
        padding: 1px 10px 0 0
    }
}

.section-hours .hours ul li:before {
    position: absolute;
    z-index: 1;
    top: 2px;
    right: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #8b98a6;
    content: "";
    border: 2px solid #fff
}

.section-hours .hours ul li:last-child {
    height: auto
}

.section-hours .carousel-hours {
    position: relative;
    z-index: 0
}

.section-hours-top {
    margin: 0 0 0 177px;
    position: relative;
    z-index: 2;
    width: 50%
}

.section-hours-top:before {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/%3E%3Cpath d='M16,23.486l16,-14.902l-32,0l16,14.902Z' style='fill:%230b00d9;'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    z-index: 1;
    top: -6px;
    left: -11px;
    width: 22px;
    height: 22px;
    display: block
}

.section-hours-top.section-hours-top-no-icon:before {
    background-image: none;
    content: none;
    position: relative;
    z-index: 0;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    display: none
}

@media (max-width:1199.98px) {
    .section-hours-top {
        margin: 0 0 0 97px
    }
}

@media (max-width:575.98px) {
    .section-hours-top {
        margin: 0 0 0 67px
    }
}

.section-hours-top .class-selector-wrapper {
    position: relative;
    z-index: 0;
    padding: 20px 0 20px 20px
}

.section-hours-top .class-selector-wrapper:before {
    position: absolute;
    z-index: 1;
    width: 1px;
    height: 100%;
    top: 0;
    left: -1px;
    background-color: #0d00ff;
    content: ""
}

.section-hours-top .class-selector-wrapper .class-selector {
    position: relative;
    z-index: 0
}

.section-hours-top .class-selector-wrapper .class-selector:hover {
    text-decoration: none
}

.section-hours-top .class-selector-wrapper .class-selector:before {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Crect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/%3E%3Cpath d='M16,23.486l16,-14.902l-32,0l16,14.902Z' style='fill:%230d00ff;'/%3E%3C/svg%3E");
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -17px;
    width: 12px;
    height: 12px;
    display: block;
    margin-top: -6px
}

.section-hours-top .class-selector-wrapper .class-selector span {
    position: relative;
    z-index: 0
}

.section-hours-top .class-selector-wrapper .class-selector span.class-name {
    font-size: 2rem;
    position: relative;
    z-index: 0;
    top: 4px;
    font-weight: 800;
    color: #0d00ff
}

.section-hours-bottom {
    border-top: 1px solid #d1d6db;
    border-bottom: 1px solid #d1d6db
}

.section-hours-bottom .card {
    margin-left: 157px
}

@media (max-width:1199.98px) {
    .section-hours-bottom .card {
        margin-left: 77px
    }
}

@media (max-width:575.98px) {
    .section-hours-bottom .card {
        margin-left: 0
    }
}

.section-hours-bottom .text-icon {
    float: right;
    margin-top: 25px
}

.bg-bluelectricdark {
    background-color: #0b00d9
}

.section-bluedark {
    background-color: #17324d;
    color: #fff
}

.section-bluedark .h1,
.section-bluedark .h2,
.section-bluedark .h3,
.section-bluedark h1,
.section-bluedark h2,
.section-bluedark h3 {
    color: #fff
}

.bg-bluedark {
    background-color: #30465c;
    color: #fff
}

.bg-bluedark .h1,
.bg-bluedark .h2,
.bg-bluedark .h3,
.bg-bluedark h1,
.bg-bluedark h2,
.bg-bluedark h3 {
    color: #fff
}

.top-move-back {
    position: relative;
    z-index: 3;
    top: 0;
    margin-top: -50px
}

.title-large .h3,
.title-large h3 {
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: -1.4px;
    margin: 0 0 40px 0;
    color: #455b71
}

@media (max-width:1199.98px) {

    .title-large .h3,
    .title-large h3 {
        font-size: 2.8rem
    }
}

@media (max-width:991.98px) {

    .title-large .h3,
    .title-large h3 {
        font-size: 2.5rem
    }
}

@media (max-width:767.98px) {

    .title-large .h3,
    .title-large h3 {
        font-size: 2.2rem
    }
}

@media (max-width:575.98px) {

    .title-large .h3,
    .title-large h3 {
        font-size: 2rem
    }
}

.title-large p {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 30px 0
}

.title-large p strong {
    font-weight: 700
}

.text-large {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2
}

@media (max-width:1199.98px) {
    .text-large {
        font-size: 1.8rem
    }
}

@media (max-width:991.98px) {
    .text-large {
        font-size: 1.7rem
    }
}

@media (max-width:767.98px) {
    .text-large {
        font-size: 1.6rem
    }
}

@media (max-width:575.98px) {
    .text-large {
        font-size: 1.5rem
    }
}

.text-description {
    font-size: 1.19rem;
    font-weight: 400;
    line-height: 1.5
}

@media (max-width:575.98px) {
    .text-description {
        font-size: 1rem
    }
}

.title-section {
    color: #455b71
}

.bg-red-radial .title-section,
.bg-redbrown .title-section {
    color: #fff
}

.title-section .h3,
.title-section h3 {
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: -1.4px;
    margin: 0;
    color: #455b71
}

@media (max-width:1199.98px) {

    .title-section .h3,
    .title-section h3 {
        font-size: 2.3rem
    }
}

@media (max-width:991.98px) {

    .title-section .h3,
    .title-section h3 {
        font-size: 2.1rem
    }
}

@media (max-width:767.98px) {

    .title-section .h3,
    .title-section h3 {
        font-size: 1.97rem
    }
}

@media (max-width:575.98px) {

    .title-section .h3,
    .title-section h3 {
        font-size: 1.75rem
    }
}

.bg-red-radial .title-section .h3,
.bg-red-radial .title-section h3,
.bg-redbrown .title-section .h3,
.bg-redbrown .title-section h3 {
    color: #fff
}

.title-section .h4,
.title-section h4 {
    font-size: 2rem;
    line-height: 1.14
}

@media (max-width:767.98px) {

    .title-section .h4,
    .title-section h4 {
        font-size: 1.9rem
    }
}

.title-section p {
    font-size: 1.5rem;
    line-height: 1.37;
    color: #455b71
}

@media (max-width:991.98px) {
    .title-section p {
        font-size: 1.3rem
    }
}

@media (max-width:575.98px) {
    .title-section p {
        font-size: 1.25rem
    }
}

.bg-red-radial .title-section p,
.bg-redbrown .title-section p {
    color: #fff
}

a.read-more {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .88rem;
    letter-spacing: 0;
    position: relative;
    z-index: 0;
    position: relative;
    z-index: 0;
    padding: 0 19px 0 0
}

a.read-more:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M13.606,2.494l1.585,-1.585c0.672,-0.672 1.757,-0.672 2.421,0l13.884,13.877c0.672,0.671 0.672,1.757 0,2.421l-13.884,13.884c-0.671,0.672 -1.757,0.672 -2.421,0l-1.585,-1.585c-0.679,-0.679 -0.665,-1.786 0.028,-2.45l8.606,-8.199l-20.526,0c-0.95,0 -1.714,-0.764 -1.714,-1.714l0,-2.286c0,-0.95 0.764,-1.714 1.714,-1.714l20.526,0l-8.606,-8.199c-0.7,-0.664 -0.714,-1.771 -0.028,-2.45Z' style='fill:rgb(209, 52, 76);'/></svg>");
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 0;
    display: block;
    width: 12px;
    height: 12px
}

.redbrown a.read-more {
    color: #d1344c
}

.max-width-620 {
    width: 100%;
    max-width: 620px;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 400
}

.list-icon {
    padding: 0;
    list-style: none
}

.list-icon li {
    position: relative;
    z-index: 0;
    padding: 0 0 0 22px
}

.list-icon li.icon-duration:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Combined-Shape' d='M15.984,0c8.848,0 16.016,7.168 16.016,16c0,8.832 -7.168,16 -16.016,16c-8.832,0 -15.984,-7.168 -15.984,-16c0,-8.832 7.152,-16 15.984,-16Zm0.016,30c7.735,0 14,-6.265 14,-14c0,-7.735 -6.265,-14 -14,-14c-7.735,0 -14,6.265 -14,14c0,7.735 6.265,14 14,14Zm1.003,-14.401l5.703,5.693l-1.412,1.416l-6.291,-6.28l0,-10.428l2,0l0,9.599Z' style='fill:rgb(255, 255, 255);'/></svg>");
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px
}

.list-icon li.icon-comments:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M16.283,0.001c9.715,0.21 18.3,10.136 14.996,19.604c-2.77,7.939 -12.824,12.396 -21.346,9.199c0,0 -2.35,1.729 -4.059,2.403c-1.428,0.564 -2.957,0.856 -4.498,0.867c0,0 -0.382,-0.022 -0.639,-0.164c-1.977,-1.093 1.436,-3.929 2.512,-7.893c-2.914,-3.627 -4.049,-8.733 -2.658,-13.237c1.934,-6.266 8.382,-10.632 15.15,-10.779c0.272,-0.001 0.271,-0.001 0.542,0Zm-0.515,1.887c-8.403,0.182 -16.056,8.498 -13.324,16.791c0.513,1.559 1.346,2.999 2.371,4.275l0.489,0.588c-0.547,2.356 -1.601,4.554 -2.978,6.518c0,0 3.906,-0.674 6.572,-2.917l0.63,-0.545c8.565,3.584 20.467,-1.486 20.632,-11.416c0.12,-7.18 -6.68,-13.349 -14.392,-13.294Z' style='fill:rgb(255, 255, 255);'/></svg>");
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px
}

.list-icon-large {
    padding: 15px 0 0 0;
    list-style: none
}

.list-icon-large li {
    position: relative;
    z-index: 0;
    padding: 0 0 0 28px;
    margin: 0 0 25px 0
}

.list-icon-large li:last-child {
    margin: 0
}

.list-icon-large li .h4,
.list-icon-large li h4 {
    font-size: 1.12rem;
    font-weight: 700;
    margin: 0 0 5px 0
}

.card-body .list-icon-large li p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1rem;
    margin: 0 0 5px 0
}

.list-icon-large li:before {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px
}

.list-icon-large li.icon-location:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Shape' d='M16,0c-6.947,0 -12.6,5.653 -12.6,12.6c0,6.947 7.314,14.867 12.6,19.4c5.282,-4.53 12.6,-12.453 12.6,-19.4c0,-6.947 -5.653,-12.6 -12.6,-12.6Zm0,27.804c-3.355,-3.145 -9.45,-9.947 -9.45,-15.204c0,-5.212 4.238,-9.45 9.45,-9.45c5.212,0 9.45,4.238 9.45,9.45c0,5.257 -6.095,12.059 -9.45,15.204Z' style='fill:rgb(70, 90, 110);'/></svg>")
}

.list-icon-large li.icon-time:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Shape' d='M16,0c-8.839,0 -16,7.161 -16,16c0,8.839 7.161,16 16,16c8.839,0 16,-7.161 16,-16c0,-8.839 -7.161,-16 -16,-16Zm0,28.903c-7.129,0 -12.903,-5.774 -12.903,-12.903c0,-7.129 5.774,-12.903 12.903,-12.903c7.129,0 12.903,5.774 12.903,12.903c0,7.129 -5.774,12.903 -12.903,12.903Zm3.987,-6.735l-5.477,-3.981c-0.2,-0.148 -0.316,-0.381 -0.316,-0.626l0,-10.593c0,-0.426 0.348,-0.774 0.774,-0.774l2.064,0c0.426,0 0.774,0.348 0.774,0.774l0,9.142l4.31,3.135c0.349,0.252 0.419,0.736 0.168,1.084l-1.213,1.671c-0.252,0.342 -0.736,0.419 -1.084,0.168Z' style='fill:rgb(70, 90, 110);'/></svg>")
}

.list-icon-large li.icon-phone:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Path' d='M6.436,13.849c2.56,5.031 6.684,9.138 11.715,11.715l3.911,-3.911c0.48,-0.48 1.191,-0.64 1.814,-0.426c1.991,0.657 4.142,1.013 6.346,1.013c0.978,0 1.778,0.8 1.778,1.778l0,6.204c0,0.978 -0.8,1.778 -1.778,1.778c-16.693,0 -30.222,-13.529 -30.222,-30.222c0,-0.978 0.8,-1.778 1.778,-1.778l6.222,0c0.978,0 1.778,0.8 1.778,1.778c0,2.222 0.355,4.355 1.013,6.346c0.196,0.623 0.053,1.316 -0.444,1.814l-3.911,3.911Z' style='fill:rgb(70, 90, 110);'/></svg>")
}

.list-icon-large li.icon-email:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Shape' d='M29,4l-26,0c-1.657,0 -3,1.343 -3,3l0,18c0,1.657 1.343,3 3,3l26,0c1.657,0 3,-1.343 3,-3l0,-18c0,-1.657 -1.343,-3 -3,-3Zm0,3l0,2.55c-1.401,1.141 -3.636,2.916 -8.412,6.656c-1.052,0.828 -3.137,2.817 -4.588,2.794c-1.45,0.023 -3.536,-1.966 -4.588,-2.794c-4.776,-3.739 -7.01,-5.514 -8.412,-6.656l0,-2.55l26,0Zm-26,18l0,-11.6c1.432,1.141 3.463,2.741 6.559,5.165c1.366,1.076 3.758,3.449 6.441,3.435c2.67,0.014 5.032,-2.325 6.441,-3.434c3.095,-2.424 5.127,-4.025 6.559,-5.166l0,11.6l-26,0Z' style='fill:rgb(70, 90, 110);'/></svg>")
}

.search-btn {
    background-color: transparent;
    border: 0;
    color: #455b71
}

.icon-text {
    display: flex
}

button.icon-text {
    background-color: transparent;
    border: 0;
    color: #fff;
    font-weight: 700
}

.icon-text span {
    margin: 0
}

.text-small-bold {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 30px
}

#main-header {
    color: #455b71;
    position: relative;
    z-index: 1;
    width: 100%;
    box-shadow: 0 .1rem 1.55rem rgba(0, 0, 0, .1)
}

#main-header::after {
    display: block;
    clear: both;
    content: ""
}

#main-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5
}

#main-header.is-sticky .header-social {
    display: none
}

.cbp-spmenu-vertical.cbp-spmenu-left.zoom {
    width: 225px
}

#main-header.zoom #pre-header {
    height: auto;
    line-height: 1.3;
    padding: 10px 0
}

#main-header.zoom #pre-header .header-utils {
    height: auto
}

#main-header.zoom .col-6 {
    align-self: center
}

#main-header.zoom #pre-header .header-utils-wrapper .icon-text {
    align-items: center
}

#main-header.zoom #pre-header .header-utils-wrapper .icon-text .icon-wrapper {
    padding: 0
}

#main-header.zoom .header-top .col-8 {
    max-width: 100%;
    flex: 0 0 100%
}

#main-header.zoom .header-top .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 10px
}

#main-header.zoom .header-top .hamburger.is-active {
    left: 220px
}

.header-utils {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

#main-header .header-utils a.icon-text {
    align-items: center
}

#main-header .header-utils a.icon-text span {
    line-height: inherit;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0
}

#main-header .header-utils a.icon-text .icon-wrapper {
    padding: 0
}

.header-utils a.dropdown-toggle {
    display: flex;
    align-items: center
}

.header-utils a.dropdown-toggle p {
    margin: 0;
    padding: 0 3px 0 0;
    font-size: .875rem;
    position: relative
}

.header-utils a.dropdown-toggle p:after {
    content: "";
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -15px;
    margin: -4px 0 0 0
}

#pre-header .header-utils a.dropdown-toggle p:after {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E%3Cg id='group-check'%3E%3Crect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/%3E%3Cpath d='M30.001,6.819c1.727,0.238 2.625,2.423 1.501,3.804c-4.48,4.798 -9.281,9.288 -13.923,13.93c-0.879,0.822 -2.215,0.861 -3.14,0.108c-4.799,-4.481 -9.288,-9.281 -13.93,-13.923c-1.603,-1.715 0.882,-5.473 3.256,-3.256l12.186,12.187l12.302,-12.295c0.491,-0.398 0.749,-0.621 1.748,-0.555Z' style='fill-rule:nonzero; fill: %23ffffff;'/%3E%3C/g%3E%3C/svg%3E")
}

#main-header .header-utils a.dropdown-toggle p:after {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E%3Cg id='group-check'%3E%3Crect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/%3E%3Cpath d='M30.001,6.819c1.727,0.238 2.625,2.423 1.501,3.804c-4.48,4.798 -9.281,9.288 -13.923,13.93c-0.879,0.822 -2.215,0.861 -3.14,0.108c-4.799,-4.481 -9.288,-9.281 -13.93,-13.923c-1.603,-1.715 0.882,-5.473 3.256,-3.256l12.186,12.187l12.302,-12.295c0.491,-0.398 0.749,-0.621 1.748,-0.555Z' style='fill-rule:nonzero; fill: %23455b71'/%3E%3C/g%3E%3C/svg%3E")
}

.header-utils .icon-wrapper {
    padding: 8px 2px 0 0
}

.header-utils .icon-wrapper img,
.header-utils .icon-wrapper svg {
    width: 24px;
    height: 24px;
    display: block;
    fill: #455b71
}

.header-utils .avatar-wrapper {
    margin: 0 5px 0 0;
    border-radius: 14px;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0;
    width: 28px;
    height: 28px;
    border: 2px solid #455b71
}

.header-utils .avatar-wrapper img,
.header-utils .avatar-wrapper svg {
    width: 100%;
    height: auto;
    display: block
}

.header-utils-sticky button.icon-text {
    color: #455b71;
    display: flex;
    align-items: center;
    font-weight: 600
}

.header-utils-sticky .icon-wrapper {
    padding: 0
}

#pre-header {
    height: 40px;
    padding: 0;
    margin: 0;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    font-size: .875rem
}

#pre-header::after {
    display: block;
    clear: both;
    content: ""
}

#pre-header a {
    color: #fff
}

#pre-header .header-utils .header-notification-alert svg {
    fill: white
}

#pre-header .header-utils .icon-wrapper img,
#pre-header .header-utils .icon-wrapper svg {
    fill: white
}

#pre-header .header-utils .avatar-wrapper {
    border: 2px solid #fff
}

.header-top {
    padding-top: 20px;
    padding-bottom: 20px
}

.header-top::after {
    display: block;
    clear: both;
    content: ""
}

.header-search {
    margin: 0 20px 0 0
}

.header-search::after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width:991.98px) {
    .header-search {
        margin-right: 20px
    }
}

.header-search p {
    margin: 0 12px 0 0
}

.header-search svg {
    width: 19px;
    height: 19px;
    display: block;
    fill: #455b71
}

@media (max-width:991.98px) {
    .header-search svg {
        margin-bottom: 5px
    }
}

.header-user-access::after {
    display: block;
    clear: both;
    content: ""
}

.header-user-access p {
    margin: 0 20px 0 0
}

.header-user-access .icon-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background-color: #51758d;
    display: block;
    box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center
}

.header-user-access .icon-wrapper svg {
    width: 24px;
    height: 24px;
    display: block;
    fill: white
}

.header-user-logged .avatar-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    overflow: hidden
}

.header-user-logged .avatar-wrapper img {
    width: 100%;
    height: auto;
    display: block
}

.header-notification-alert {
    margin: 0 28px 0 0
}

.header-notification-alert img,
.header-notification-alert svg {
    width: 22px;
    height: 22px;
    display: block;
    fill: #455b71
}

.header-notification-alert a {
    display: block;
    width: 22px;
    height: 22px;
    position: relative;
    z-index: 0
}

.header-notification-alert.has-notifications a:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #f83e5a;
    border-radius: 4px;
    position: absolute;
    z-index: 2;
    top: -3px;
    right: -3px
}

.header-notification-alert.has-notifications a:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    top: -4px;
    right: -4px
}

.header-user-logged {
    position: relative;
    z-index: 2
}

.header-user-logged .menu-user {
    z-index: 2;
    left: auto !important;
    top: auto !important;
    right: 0 !important;
    transform: none !important
}

.header-user-logged .menu-user:before {
    bottom: 0 !important;
    top: -6px !important;
    right: 15px !important
}

.sticky-main-nav {
    display: none
}

.is-sticky .sticky-main-nav {
    display: block
}

@media (max-width:1199.98px) {
    .is-sticky .sticky-main-nav {
        display: none
    }
}

.sticky-main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.sticky-main-nav ul.nav-list {
    display: flex;
    font-weight: 600
}

.sticky-main-nav ul.nav-list::after {
    display: block;
    clear: both;
    content: ""
}

.sticky-main-nav ul.nav-list>li.menu-dropdown-simple-wrapper {
    position: relative;
    z-index: 0
}

.sticky-main-nav ul.nav-list>li.text-redbrown a {
    color: #d1344c
}

.sticky-main-nav ul.nav-list>li.text-greendark a {
    color: #0e865c
}

.sticky-main-nav ul.nav-list>li.text-purplelight a {
    color: #b21dd0
}

.sticky-main-nav ul.nav-list>li.text-bluelectric a {
    color: #0d00ff
}

.sticky-main-nav ul.nav-list>li>ul {
    display: none
}

.sticky-main-nav ul.nav-list>li>a {
    padding: 10px 17px 10px 17px;
    position: relative;
    z-index: 2;
    display: inline-block
}

.sticky-main-nav ul.nav-list>li>a::after {
    display: block;
    clear: both;
    content: ""
}

.sticky-main-nav ul.nav-list>li>a.toggle-dropdown-simple.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
    margin-top: -10px
}

.sticky-main-nav ul.nav-list>li>a.toggle-dropdown-megamenu.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #17324d;
    border-width: 10px;
    margin-left: -10px;
    margin-top: -20px
}

.logo-header {
    display: flex;
    align-items: center
}

.logo-header::after {
    display: block;
    clear: both;
    content: ""
}

.logo-header a:hover {
    text-decoration: none
}

.is-sticky .logo-header {
    margin-right: 20px
}

@media (max-width:991.98px) {
    .is-sticky .logo-header {
        margin-right: 0
    }
}

.logo-header svg {
    width: 64px;
    height: 72px;
    display: block;
    fill: #455b71
}

.is-sticky .logo-header svg {
    width: 40px;
    height: 45px
}

@media (max-width:991.98px) {
    .logo-header svg {
        width: 40px;
        height: 45px
    }
}

.logo-header .h1,
.logo-header h1 {
    display: block;
    font-weight: 400;
    font-size: 1.313rem;
    line-height: 1.29;
    letter-spacing: 0;
    margin: 0 0 0 25px
}

.is-sticky .logo-header .h1,
.is-sticky .logo-header h1 {
    font-size: .88rem;
    margin-left: 15px
}

@media (max-width:991.98px) {

    .logo-header .h1,
    .logo-header h1 {
        font-size: .88rem;
        margin-left: 15px
    }
}

.logo-header .h1 span,
.logo-header h1 span {
    display: block
}

.logo-header .h1 span strong,
.logo-header h1 span strong {
    font-weight: 700
}

#sub-nav {
    font-size: 18px;
    position: relative;
    z-index: 1
}

#sub-nav::after {
    display: block;
    clear: both;
    content: ""
}

#main-header.is-sticky #sub-nav {
    height: 0;
    overflow: hidden
}

#sub-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#sub-nav ul.nav-list {
    display: flex;
    font-weight: 600
}

#sub-nav ul.nav-list::after {
    display: block;
    clear: both;
    content: ""
}

#sub-nav ul.nav-list>li.menu-dropdown-simple-wrapper {
    position: relative;
    z-index: 0
}

#sub-nav ul.nav-list>li.text-redbrown a {
    color: #d1344c
}

#sub-nav ul.nav-list>li.text-greendark a {
    color: #0e865c
}

#sub-nav ul.nav-list>li.text-purplelight a {
    color: #b21dd0
}

#sub-nav ul.nav-list>li.text-bluelectric a {
    color: #0d00ff
}

#sub-nav ul.nav-list>li>ul {
    display: none
}

#sub-nav ul.nav-list>li>a {
    padding: 10px 17px 10px 17px;
    position: relative;
    z-index: 2;
    display: inline-block
}

#sub-nav ul.nav-list>li>a::after {
    display: block;
    clear: both;
    content: ""
}

#sub-nav ul.nav-list>li>a.toggle-dropdown-simple.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
    margin-top: -10px
}

#sub-nav ul.nav-list>li>a.toggle-dropdown-megamenu.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #17324d;
    border-width: 10px;
    margin-left: -10px;
    margin-top: -20px
}

#sub-nav .nav-container {
    position: inherit
}

#sub-nav .nav-container::after {
    display: block;
    clear: both;
    content: ""
}

#sub-nav .nav-container .nav-list-primary {
    float: left
}

#sub-nav .nav-container .nav-list-secondary {
    float: right;
    font-size: .95rem;
    margin-top: 4px;
    font-weight: 400
}

#sub-nav .nav-container .nav-list-secondary li:last-child {
    font-weight: 600
}

#sub-nav ul.nav-list .menu-dropdown-simple,
.sticky-main-nav ul.nav-list .menu-dropdown-simple {
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: 50px !important;
    left: 0;
    transform: unset !important;
    box-shadow: 0 .25rem .938rem rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin-top: 10px;
    min-width: 320px;
    font-size: 1rem;
    font-weight: 400;
    color: #455b71
}

#sub-nav ul.nav-list .menu-dropdown-simple::before,
.sticky-main-nav ul.nav-list .menu-dropdown-simple:before {
    top: -7px !important
}

#sub-nav ul.nav-list .menu-dropdown-simple .menu-title,
.sticky-main-nav ul.nav-list .menu-dropdown-simple .menu-title {
    border-bottom: 1px solid #e5e5e5
}

#sub-nav ul.nav-list .menu-dropdown-simple .menu-title .h3,
#sub-nav ul.nav-list .menu-dropdown-simple .menu-title h3,
.sticky-main-nav ul.nav-list .menu-dropdown-simple .menu-title .h3,
.sticky-main-nav ul.nav-list .menu-dropdown-simple .menu-title h3 {
    font-size: 1rem;
    margin: 0;
    padding: 18px 24px 18px 24px;
    line-height: 1
}

#sub-nav ul.nav-list .menu-dropdown-simple .menu-title .h3 a,
#sub-nav ul.nav-list .menu-dropdown-simple .menu-title h3 a,
.sticky-main-nav ul.nav-list .menu-dropdown-simple .menu-title .h3 a,
.sticky-main-nav ul.nav-list .menu-dropdown-simple .menu-title h3 a {
    font-size: 1rem;
    padding: 0;
    line-height: 1
}

#sub-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title),
.sticky-main-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) {
    display: block;
    position: relative;
    z-index: 0
}

#sub-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title)::after,
.sticky-main-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title)::after {
    display: block;
    clear: both;
    content: ""
}

#sub-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a,
.sticky-main-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a {
    color: #455b71;
    padding: 12px 24px 12px 24px;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
    z-index: 0
}

#sub-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a.toggle-dropdown,
.sticky-main-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a.toggle-dropdown {
    padding-right: 34px
}

#sub-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a.toggle-dropdown:after,
.sticky-main-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a.toggle-dropdown:after {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    display: block;
    width: 10px;
    height: 10px;
    background: 0 0;
    content: url("data:image/svg+xml; utf8, <svg width='10' height='10' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><g id='group-check'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path d='M6.819,30.001c0.238,1.727 2.423,2.625 3.804,1.501c4.798,-4.48 9.288,-9.281 13.93,-13.923c0.822,-0.879 0.861,-2.215 0.108,-3.14c-4.481,-4.799 -9.281,-9.288 -13.923,-13.93c-1.715,-1.603 -5.473,0.882 -3.256,3.256l12.187,12.186l-12.295,12.302c-0.398,0.491 -0.621,0.749 -0.555,1.748Z' style='fill:rgb(69,91,113);'/></g></svg>")
}

#sub-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a.toggle-dropdown.active,
.sticky-main-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) a.toggle-dropdown.active {
    background-color: #f5f5f5
}

#sub-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) ul,
.sticky-main-nav ul.nav-list .menu-dropdown-simple li:not(.menu-title) ul {
    position: absolute;
    z-index: 1;
    left: 320px;
    width: 320px;
    background-color: #fff;
    box-shadow: 0 .25rem .938rem rgba(0, 0, 0, .15);
    border-radius: 4px;
    top: 0
}

#sub-nav .menu-dropdown-megamenu,
.sticky-main-nav .menu-dropdown-megamenu {
    position: absolute;
    z-index: 1;
    left: 0
}

#main-wrapper .menu-dropdown-megamenu {
    width: 100%;
    background-color: #17324d;
    box-shadow: 0 .25rem .938rem rgba(0, 0, 0, .15)
}

#main-wrapper .menu-dropdown-megamenu::after {
    display: block;
    clear: both;
    content: ""
}

#main-wrapper #sub-nav ul.nav-list>li .menu-dropdown-megamenu {
    padding: 47px 0 47px 0 !important
}

#main-wrapper #sub-nav ul.nav-list>li .menu-dropdown-megamenu a {
    color: #fff
}

#main-wrapper #sub-nav ul.nav-list>li .menu-dropdown-megamenu .details {
    color: #f8e71c;
    font-size: 1rem
}

#main-wrapper #sub-nav ul.nav-list>li .menu-dropdown-megamenu .details a {
    color: #f8e71c
}

#main-wrapper .megamenu-list {
    font-size: 1rem
}

#main-wrapper .megamenu-list li {
    display: block !important
}

#main-wrapper .megamenu-list li a {
    padding: 11px 20px 11px 20px;
    display: block;
    font-size: 1rem;
    position: relative;
    z-index: 0
}

#main-wrapper .megamenu-list li a:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: .2
}

#main-wrapper .megamenu-list li.current a {
    background: rgba(0, 0, 0, .2)
}

#main-wrapper .megamenu-content img {
    width: 100%;
    height: auto
}

#main-wrapper .megamenu-content .details {
    position: relative;
    z-index: 0;
    padding: 10px 0 0 0;
    margin: 0 0 20px 0
}

#main-wrapper .megamenu-content .details:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: .2
}

#main-wrapper .megamenu-content .details:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 47px;
    height: 2px;
    background: #fff
}

#main-wrapper .megamenu-content .h3,
#main-wrapper .megamenu-content h3 {
    font-size: 1.25rem;
    font-weight: 400;
    padding: 0 50px 0 0
}

#main-wrapper .megamenu-content .h3 a,
#main-wrapper .megamenu-content h3 a {
    text-decoration: underline
}

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

.hamburger:hover {
    opacity: .7
}

.hamburger.is-active:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
    background-color: #fff
}

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

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

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    width: 24px;
    height: 2px;
    background-color: #455b71;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

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

.hamburger-inner::before {
    top: -7px
}

.hamburger-inner::after {
    bottom: -7px
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger {
    margin-left: 10px;
    margin-right: 20px
}

.hamburger.is-active {
    left: 325px;
    position: fixed;
    top: 15px;
    z-index: 999
}

#search-modal {
    padding: 0;
    overflow-y: hidden
}

#search-modal.modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0
}

#search-modal.modal .modal-dialog .modal-content {
    height: 100%;
    overflow-y: auto
}

#search-modal .h2,
#search-modal h2 {
    font-size: 3.5rem;
    font-weight: 600;
    letter-spacing: -2px
}

@media (max-width:767.98px) {

    #search-modal .h2,
    #search-modal h2 {
        font-size: 1.13rem;
        letter-spacing: 0
    }
}

#search-modal .form-group {
    position: relative;
    z-index: 0;
    margin: 0 0 30px 0
}

#search-modal .form-group label {
    display: none
}

#search-modal .form-group input {
    padding: 0 20px 0 58px;
    border-color: #d1d6db;
    font-size: 2.5rem;
    height: 68px
}

@media (max-width:767.98px) {
    #search-modal .form-group input {
        font-size: 1rem;
        height: 42px;
        padding-left: 30px
    }
}

#search-modal .form-group svg {
    width: 35px;
    height: 35px;
    fill: #0066cc
}

@media (max-width:767.98px) {
    #search-modal .form-group svg {
        width: 17px;
        height: 17px;
        bottom: 12px
    }
}

#search-modal .form-group .search-btn {
    border: 0;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 15px
}

#search-modal .form-group .clean-input {
    display: none;
    border: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    bottom: 15px;
    background-color: transparent
}

#search-modal .form-group .clean-input svg {
    width: 15px;
    height: 15px;
    fill: #000
}

#search-modal .form-group .clean-input.show {
    display: block
}

#search-modal .dismiss {
    opacity: 1;
    margin: 28px 0 0 0
}

@media (max-width:767.98px) {
    #search-modal .dismiss {
        margin-top: 0
    }
}

#search-modal .dismiss svg {
    width: 32px;
    height: 32px;
    fill: #555555
}

@media (max-width:767.98px) {
    #search-modal .dismiss svg {
        width: 18px;
        height: 18px
    }
}

#search-modal .badges-wrapper {
    margin: 0
}

#search-modal .badges-wrapper .h4,
#search-modal .badges-wrapper h4 {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0 0 20px 0
}

#search-modal .badges-wrapper .badge {
    font-size: 1rem;
    font-weight: 700;
    border-width: 2px;
    padding-top: 5px;
    padding-bottom: 6px
}

.custom-control-submit,
.custom-control-submit:focus {
    padding: 7px 15px 7px 15px;
    border: 2px solid #455b71;
    color: #455b71;
    border-radius: 4px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
    background-color: transparent
}

.custom-control-submit:hover {
    text-decoration: underline
}

.cat-filters {
    display: flex;
    margin: 0 0 70px 0;
    flex-wrap: wrap
}

@media (max-width:767.98px) {
    .cat-filters {
        margin-bottom: 27px
    }
}

.cat-filters .custom-control {
    padding: 0;
    margin: 0 10px 10px 0
}

.cat-filters .custom-control.custom-submit-primary button {
    color: #06c;
    border-color: #06c
}

.cat-filters .custom-control.custom-submit-bluelectric button {
    color: #0d00ff;
    border-color: #0d00ff
}

.cat-filters .custom-control.custom-submit-purplelight button {
    color: #b21dd0;
    border-color: #b21dd0
}

.cat-filters .custom-control.custom-submit-greendark button {
    color: #0e865c;
    border-color: #0e865c
}

.cat-filters .custom-control.custom-submit-redbrown button {
    color: #d1344c;
    border-color: #d1344c
}

@media (max-width:767.98px) {
    .searches-list-wrapper {
        margin: 0 0 30px 0
    }
}

.searches-list-wrapper .h4,
.searches-list-wrapper h4 {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.searches-list-wrapper ul {
    padding: 0;
    list-style: none
}

.searches-list-wrapper ul li {
    position: relative;
    z-index: 0;
    margin: 0 0 15px 0
}

.searches-list-wrapper ul li a {
    position: relative;
    z-index: 0;
    display: inline-block;
    line-height: 1.4;
    padding: 0 0 0 32px;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 12px 0 0
}

@media (max-width:767.98px) {
    .searches-list-wrapper ul li a {
        font-size: 1rem
    }
}

.searches-list-wrapper ul li a:before {
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Oval-2' d='M20.743,23.178c-2.172,1.659 -4.887,2.645 -7.831,2.645c-7.131,0 -12.912,-5.78 -12.912,-12.911c0,-7.131 5.781,-12.912 12.912,-12.912c7.131,0 12.911,5.781 12.911,12.912c0,2.944 -0.986,5.659 -2.645,7.831l8.318,8.318c0.672,0.672 0.672,1.762 0,2.435c-0.673,0.672 -1.763,0.672 -2.435,0l-8.318,-8.318Zm-7.831,-19.735c-5.23,0 -9.469,4.239 -9.469,9.469c0,5.229 4.239,9.468 9.469,9.468l0.061,0c5.201,-0.033 9.407,-4.259 9.407,-9.468c0,-5.209 -4.206,-9.436 -9.407,-9.469l-0.061,0Z' style='fill:rgb(69,91,113);' /></svg>")
}

.searches-list-wrapper ul li span {
    font-size: 12px;
    font-weight: 700;
    color: #a2adb8;
    letter-spacing: 1px;
    text-transform: uppercase
}

#access-modal {
    padding: 0;
    overflow-y: hidden
}

#access-modal.modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0
}

#access-modal.modal .modal-dialog .modal-content {
    height: 100%;
    overflow-y: auto
}

@media (max-width:991.98px) {
    #access-modal.modal .modal-dialog .modal-content .modal-body {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }
}

#access-modal.modal .modal-dialog .modal-content .modal-body p {
    font-size: 1rem
}

@media (min-width:992px) {
    #access-modal.modal .modal-dialog .modal-content .modal-body:before {
        content: "";
        background-color: #455b71;
        width: 50%;
        height: 100%;
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0
    }
}

#access-modal.modal .modal-dialog .modal-content .modal-body .access-main-wrapper {
    position: relative;
    z-index: 2
}

#access-modal .h2,
#access-modal h2 {
    font-size: 3.5rem;
    font-weight: 600;
    letter-spacing: -2px
}

@media (max-width:767.98px) {

    #access-modal .h2,
    #access-modal h2 {
        font-size: 1.47rem;
        letter-spacing: 0
    }
}

#access-modal .form-group {
    position: relative;
    z-index: 0;
    margin: 0 0 30px 0
}

#access-modal .form-group label {
    display: none
}

#access-modal .form-group input {
    padding: 0 20px 0 0;
    border-color: #d1d6db;
    font-size: 1.2rem;
    height: 42px;
    background-color: transparent;
    border-color: #fff
}

@media (max-width:767.98px) {
    #access-modal .form-group input {
        font-size: 1rem;
        height: 42px
    }
}

#access-modal .form-group .form-control {
    color: #fff
}

#access-modal .form-group .form-control::-webkit-input-placeholder {
    color: #fff !important
}

#access-modal .form-group .form-control:-ms-input-placeholder {
    color: #fff !important
}

#access-modal .form-group .form-control::placeholder {
    color: #fff !important
}

#access-modal .form-group svg {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 0;
    width: 35px;
    height: 35px;
    fill: #0066cc
}

@media (max-width:767.98px) {
    #access-modal .form-group svg {
        width: 17px;
        height: 17px;
        bottom: 12px
    }
}

#access-modal .dismiss {
    opacity: 1;
    margin: 28px 0 0 0
}

@media (max-width:767.98px) {
    #access-modal .dismiss {
        margin-top: 0
    }
}

#access-modal .dismiss svg {
    width: 32px;
    height: 32px;
    fill: #555555
}

@media (min-width:992px) {
    #access-modal .dismiss svg {
        fill: #ffffff
    }
}

@media (max-width:767.98px) {
    #access-modal .dismiss svg {
        width: 18px;
        height: 18px
    }
}

#access-modal .text-intro {
    font-size: 1.17rem !important;
    line-height: 1.5
}

.access-login-form {
    padding: 30px 0 0 0
}

.access-login {
    font-size: 1rem
}

.access-login a {
    color: #fff
}

.access-login .h3,
.access-login h3,
.access-login p {
    color: #fff
}

.access-login .text-large {
    font-size: 1.17rem !important;
    opacity: .7
}

.access-login .form-check,
.access-login label {
    color: #fff
}

.access-login .form-check [type=checkbox]:not(:checked)+label::after {
    border-color: #fff
}

.access-login .form-check [type=checkbox]:checked+label::after {
    border-color: #fff;
    background-color: #fff
}

.access-login .form-check [type=checkbox]:checked+label::before {
    border-color: transparent #51758d #51758d transparent
}

.access-buttons {
    padding: 35px 0 0 0
}

@media (max-width:991.98px) {
    .access-mobile-bg {
        background-color: #455b71;
        overflow: hidden;
        padding: 27px 0 80px 0;
        margin: 30px 0 0 0
    }
}

.nav-list-mobile .nav-list-primary {
    position: relative;
    z-index: 0;
    padding: 0 22px 25px 22px;
    font-size: 1.25rem;
    display: flex;
    flex-direction: column;
    line-height: 1
}

.nav-list-mobile .nav-list-primary::after {
    display: block;
    clear: both;
    content: ""
}

.nav-list-mobile .nav-list-primary .menu-title .h3,
.nav-list-mobile .nav-list-primary .menu-title h3 {
    font-size: 1.25rem;
    margin: 0
}

.nav-list-mobile .nav-list-primary li a {
    display: block
}

.nav-list-mobile .nav-list-primary>li {
    border-bottom: 1px solid #e5e5e5
}

.nav-list-mobile .nav-list-primary>li>a {
    padding: 18px 0 18px 0;
    font-weight: 600
}

.nav-list-mobile .nav-list-primary>li.text-redbrown .dl-back a,
.nav-list-mobile .nav-list-primary>li.text-redbrown>a {
    color: #d1344c
}

.nav-list-mobile .nav-list-primary>li.text-greendark .dl-back a,
.nav-list-mobile .nav-list-primary>li.text-greendark>a {
    color: #0e865c
}

.nav-list-mobile .nav-list-primary>li.text-purplelight .dl-back a,
.nav-list-mobile .nav-list-primary>li.text-purplelight>a {
    color: #b21dd0
}

.nav-list-mobile .nav-list-primary>li.text-bluelectric .dl-back a,
.nav-list-mobile .nav-list-primary>li.text-bluelectric>a {
    color: #0d00ff
}

.nav-list-mobile .nav-list-primary>li>ul.menu-dropdown-simple {
    padding: 0 22px 0 22px
}

.nav-list-mobile .nav-list-primary>li>ul.menu-dropdown-simple li {
    border-bottom: 1px solid #e5e5e5;
    margin-left: 30px
}

.nav-list-mobile .nav-list-primary>li>ul.menu-dropdown-simple li:last-child {
    border-bottom: 0 !important
}

.nav-list-mobile .nav-list-primary>li>ul.menu-dropdown-simple li.dl-subviewopen {
    margin-left: 0
}

.nav-list-mobile .nav-list-primary>li>ul.menu-dropdown-simple li.dl-back {
    margin-left: 0
}

.nav-list-mobile .nav-list-primary>li>ul.menu-dropdown-simple li a {
    padding: 18px 0 18px 0
}

.nav-list-mobile .nav-list-secondary {
    position: relative;
    z-index: 0;
    padding: 0 22px 0 22px;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    line-height: 1
}

.nav-list-mobile .nav-list-secondary::after {
    display: block;
    clear: both;
    content: ""
}

.nav-list-mobile .nav-list-secondary>li>a {
    padding: 12px 0 12px 0;
    font-weight: 600
}

.nav-list-mobile .container {
    padding: 0 !important
}

.nav-list-mobile .container .row.variable-gutters {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.nav-list-mobile .container .row.variable-gutters .col-lg-4,
.nav-list-mobile .container .row.variable-gutters .col-lg-7 {
    padding: 0
}

.nav-list-mobile .container .row.variable-gutters .col-lg-7 {
    display: none
}

.nav-list-mobile .megamenu-list li a {
    display: block
}

.nav-list-mobile .megamenu-list>li {
    border-bottom: 1px solid #e5e5e5
}

.nav-list-mobile .megamenu-list>li>a {
    padding: 18px 0 18px 0
}

.nav-list-mobile .megamenu-list>li:last-child {
    border-bottom: 0 !important
}

.menu-user-mobile {
    height: 100%
}

.menu-user-mobile .menu-user-wrapper {
    height: 100%
}

.menu-user-mobile .menu-user-wrapper .menu-user-bottom {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%
}

.menu-user {
    padding: 0;
    margin: 15px 0 0 0;
    border-radius: 4px;
    min-width: 320px;
    box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .19)
}

.menu-user::after {
    display: block;
    clear: both;
    content: ""
}

.menu-user .menu-user-wrapper::after {
    display: block;
    clear: both;
    content: ""
}

.menu-user:before {
    background: #f2f2f2;
    left: auto;
    right: 20px;
    border-radius: 0
}

.menu-user.menu-user-blue:before {
    background: #bffffd
}

.menu-user.dropdown-menu {
    right: 0;
    left: auto
}

.user-details {
    padding: 20px;
    display: flex;
    background: #f5f5f5;
    position: relative;
    z-index: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.user-details:before {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    content: "";
    background: #001a33;
    width: 100%;
    height: 1px;
    opacity: .1
}

.user-details .avatar-wrapper {
    width: 56px !important;
    height: 56px !important;
    border-radius: 28px !important;
    margin: 0 15px 0 0 !important;
    overflow: hidden;
    border: 0 !important
}

.user-details .avatar-wrapper img {
    width: 100% !important;
    height: auto !important
}

.user-details .user-details-content {
    margin: 5px 0 0 0;
    color: #455b71
}

.user-details .user-details-content p {
    margin: 0;
    line-height: 1.4;
    color: #455b71;
    font-weight: 300
}

.user-details .user-details-content .btn {
    margin: 15px 0 0 0
}

.menu-user-blue .user-details {
    background: #bffffd
}

.menu-user-list {
    display: block
}

.menu-user-list::after {
    display: block;
    clear: both;
    content: ""
}

.menu-user-list ul {
    padding: 0;
    margin: 0;
    display: block;
    list-style: none;
    font-size: 1rem;
    line-height: 1.5
}

.menu-user-list ul li {
    margin: 0;
    display: block
}

.menu-user-list ul li a {
    padding: 12px 20px 12px 20px !important;
    display: block;
    position: relative;
    z-index: 0;
    color: #455b71 !important;
    font-weight: 300
}

.menu-user-list ul li a span {
    position: relative;
    z-index: 0
}

.menu-user-list ul li a img,
.menu-user-list ul li a svg {
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    margin: -9px 0 0 0;
    fill: #9eb2bf
}

.menu-user-list ul li.has-notifications a:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #f83e5a;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 16px
}

.menu-user-list ul li.active a {
    background: #f5f5f5;
    font-weight: 600
}

.menu-user-blue .menu-user-list ul li.active a {
    background: #99fffc
}

.menu-user-list ul li.active a:before {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    content: "";
    background: #001a33;
    width: 100%;
    height: 1px;
    opacity: .1
}

.menu-user-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #f5f5f5;
    position: relative;
    z-index: 0;
    line-height: 1.5
}

.menu-user-bottom:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: "";
    background: #001a33;
    width: 100%;
    height: 1px;
    opacity: .1
}

.menu-user-bottom a {
    padding: 12px 20px 12px 20px !important;
    display: block;
    position: relative;
    z-index: 0;
    color: #455b71 !important;
    font-weight: 300
}

.menu-user-bottom a span {
    position: relative;
    z-index: 0
}

.menu-user-bottom a img,
.menu-user-bottom a svg {
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    margin: -9px 0 0 0;
    fill: #9eb2bf
}

.footer-wrapper {
    background-color: #5a768a;
    color: #fff;
    padding: 50px 0 50px 0
}

.footer-wrapper a {
    color: #fff
}

.footer-wrapper .logo-footer {
    display: flex;
    align-items: center
}

.footer-wrapper .logo-footer::after {
    display: block;
    clear: both;
    content: ""
}

.footer-wrapper .logo-footer svg {
    width: 64px;
    height: 72px;
    display: block;
    fill: white
}

@media (max-width:991.98px) {
    .footer-wrapper .logo-footer svg {
        width: 40px;
        height: 45px
    }
}

.footer-wrapper .logo-footer .h1,
.footer-wrapper .logo-footer h1 {
    display: block;
    font-weight: 400;
    font-size: 1.313rem;
    line-height: 1.29;
    letter-spacing: 0;
    margin: 0 0 0 25px;
    color: #fff
}

@media (max-width:991.98px) {

    .footer-wrapper .logo-footer .h1,
    .footer-wrapper .logo-footer h1 {
        font-size: 10px;
        margin-left: 15px
    }
}

.footer-wrapper .logo-footer .h1 span,
.footer-wrapper .logo-footer h1 span {
    display: block
}

.footer-wrapper .logo-footer .h1 span strong,
.footer-wrapper .logo-footer h1 span strong {
    font-weight: 700
}

.footer-wrapper .h3,
.footer-wrapper h3 {
    color: #fff;
    font-size: 1.13rem
}

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

.footer-list ul li {
    margin: 0
}

.footer-inline-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-weight: 600;
    list-style: none;
    padding: 0;
    row-gap: 10px;
    column-gap: 30px
}

.footer-text {
    font-size: .875rem;
    position: relative;
    z-index: 0;
    padding: 20px 0 20px 0;
    margin: 20px 0 0 0
}

.footer-text p {
    margin: 0
}

.footer-text:before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    opacity: .27
}

.footer-text:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    opacity: .27
}

.sub-footer {
    display: flex
}

@media (max-width:991.98px) {
    .sub-footer {
        flex-direction: column
    }
}

.sub-footer .footer-social {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (max-width:991.98px) {
    .sub-footer .footer-social {
        margin-left: 0
    }
}

.breadcrumb {
    margin: 0
}

.breadcrumb::after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width:767.98px) {
    .breadcrumb {
        margin: 0
    }
}

.breadcrumb ol {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0
}

.breadcrumb ol::after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width:767.98px) {
    .breadcrumb ol {
        margin: 0
    }
}

.breadcrumb ol li::after {
    display: block;
    clear: both;
    content: ""
}

.breadcrumb ol li.breadcrumb-item {
    font-weight: 600
}

.breadcrumb ol li.breadcrumb-item.active {
    font-weight: 400
}

.actions-wrapper {
    margin: 20px 0 0 0
}

.actions-wrapper::after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width:767.98px) {
    .actions-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px
    }
}

.actions-wrapper .toggle-actions {
    display: flex;
    align-items: center
}

.purplelight .actions-wrapper .toggle-actions {
    color: #b21dd0
}

.redbrown .actions-wrapper .toggle-actions {
    color: #d1344c
}

.greendark .actions-wrapper .toggle-actions {
    color: #0e865c
}

.petrol .actions-wrapper .toggle-actions {
    color: #51758d
}

.bluelectric .actions-wrapper .toggle-actions {
    color: #0d00ff
}

.actions-wrapper .toggle-actions svg {
    width: 12px;
    height: 12px;
    display: block;
    margin: 0 7px 0 0
}

.purplelight .actions-wrapper .toggle-actions svg {
    fill: #B21DD0
}

.redbrown .actions-wrapper .toggle-actions svg {
    fill: #D1344C
}

.greendark .actions-wrapper .toggle-actions svg {
    fill: #0E865C
}

.petrol .actions-wrapper .toggle-actions svg {
    fill: #51758d
}

.bluelectric .actions-wrapper .toggle-actions svg {
    fill: #0D00FF
}

.actions-wrapper .toggle-actions span {
    display: block;
    margin: 0;
    text-decoration: underline
}

.aside-border {
    position: relative;
    z-index: 0
}

.aside-border:after {
    content: "";
    background: #e7eaed;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0
}

.aside-sticky {
    position: sticky !important;
    top: 140px
}

.aside-main .toggle-link-list {
    display: block;
    padding: 15px 30px 19px 0;
    color: #17324d;
    font-size: .88rem;
    font-weight: 600;
    position: relative;
    z-index: 0
}

@media (max-width:1199.98px) {
    .aside-main .toggle-link-list {
        padding-left: 20px
    }
}

.aside-main .toggle-link-list .icon-toggle {
    position: absolute;
    z-index: 1;
    right: 20px;
    width: 14px;
    height: 14px;
    top: 50%;
    margin: -7px 0 0 0;
    fill: #455b71;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.purplelight .aside-main .toggle-link-list .icon-toggle {
    fill: #B21DD0
}

.redbrown .aside-main .toggle-link-list .icon-toggle {
    fill: #D1344C
}

.petrol .aside-main .toggle-link-list .icon-toggle {
    fill: #51758d
}

.greendark .aside-main .toggle-link-list .icon-toggle {
    fill: #0E865C
}

.bluelectric .aside-main .toggle-link-list .icon-toggle {
    fill: #0D00FF
}

.aside-main .toggle-link-list.collapsed .icon-toggle {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.aside-main .link-list-wrapper {
    padding: 20px 0 0 0
}

.aside-main .link-list-wrapper ul {
    border-bottom: 1px solid #e7eaed;
    padding-bottom: 18px
}

.aside-main .link-list-wrapper ul li a {
    font-size: 1rem
}

.aside-main .link-list-wrapper ul li a:hover {
    text-decoration: underline
}

.purplelight .aside-main .link-list-wrapper ul li a {
    color: #b21dd0
}

.redbrown .aside-main .link-list-wrapper ul li a {
    color: #d1344c
}

.petrol .aside-main .link-list-wrapper ul li a {
    color: #51758d
}

.greendark .aside-main .link-list-wrapper ul li a {
    color: #0e865c
}

.bluelectric .aside-main .link-list-wrapper ul li a {
    color: #0d00ff
}

.aside-title {
    position: relative;
    z-index: 0
}

.aside-title:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #e7eaed
}

.aside-title:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 37px;
    height: 4px;
    background: #455b71
}

.purplelight .aside-title:after {
    background: #b21dd0
}

.redbrown .aside-title:after {
    background: #d1344c
}

.petrol .aside-title:after {
    background: #51758d
}

.greendark .aside-title:after {
    background: #0e865c
}

.bluelectric .aside-title:after {
    background: #0d00ff
}

.aside-border-left {
    position: relative
}

.aside-border-left:after {
    content: "";
    background: #e7eaed;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0
}

.bg-white-left {
    position: relative;
    z-index: 0
}

.bg-white-left:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    background-color: #fff;
    --widthA: calc(100vw - 1200px);
    --widthB: calc(-100vw + 1200px);
    width: calc(var(--widthA)/ 2);
    left: calc(var(--widthB)/ 2);
    height: 100%
}

.aside-list {
    padding: 40px 0 40px 0
}

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

@media (max-width:991.98px) {
    .aside-list ul {
        border-top: 1px solid #d1d6db;
        margin: 0 0 40px 0
    }
}

.aside-list ul li {
    margin: 0 0 7px 0
}

@media (max-width:991.98px) {
    .aside-list ul li {
        margin: 0;
        border-bottom: 1px solid #d1d6db;
        padding: 14px 0 14px 0
    }
}

.aside-list .h3,
.aside-list .h6,
.aside-list h3,
.aside-list h6 {
    letter-spacing: 1px;
    margin: 0 0 20px 0
}

.aside-list .h3 strong,
.aside-list .h6 strong,
.aside-list h3 strong,
.aside-list h6 strong {
    font-weight: 700
}

.calendar-vertical::after {
    display: block;
    clear: both;
    content: ""
}

.calendar-vertical .calendar-date {
    display: flex;
    flex-direction: row-reverse
}

.calendar-vertical .calendar-date .calendar-date-day {
    width: 100px;
    flex-shrink: 0;
    position: relative;
    font-weight: 400;
    z-index: 0;
    padding: 7px 0 0 0
}

@media (max-width:767.98px) {
    .calendar-vertical .calendar-date .calendar-date-day {
        width: 70px
    }
}

.purplelight .calendar-vertical .calendar-date .calendar-date-day {
    color: #b21dd0
}

.redbrown .calendar-vertical .calendar-date .calendar-date-day {
    color: #d1344c
}

.greendark .calendar-vertical .calendar-date .calendar-date-day {
    color: #0e865c
}

.bluelectric .calendar-vertical .calendar-date .calendar-date-day {
    color: #0d00ff
}

.calendar-vertical .calendar-date .calendar-date-day p {
    font-family: "Roboto Mono", monospace;
    font-size: 2.5rem;
    line-height: 1;
    margin: 0 0 5px 0;
    text-align: center;
    padding-right: 34px;
    display: block
}

@media (max-width:767.98px) {
    .calendar-vertical .calendar-date .calendar-date-day p {
        font-size: 2rem;
        padding-right: 24px
    }
}

.calendar-vertical .calendar-date .calendar-date-day small {
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    padding-right: 34px;
    display: block
}

@media (max-width:767.98px) {
    .calendar-vertical .calendar-date .calendar-date-day small {
        font-size: .88rem;
        padding-right: 24px
    }
}

.calendar-vertical .calendar-date .calendar-date-day:before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    width: 1px;
    height: 100%;
    background-color: #455b71;
    content: ""
}

.purplelight .calendar-vertical .calendar-date .calendar-date-day:before {
    background-color: #b21dd0
}

.redbrown .calendar-vertical .calendar-date .calendar-date-day:before {
    background-color: #d1344c
}

.greendark .calendar-vertical .calendar-date .calendar-date-day:before {
    background-color: #0e865c
}

.bluelectric .calendar-vertical .calendar-date .calendar-date-day:before {
    background-color: #0d00ff
}

.calendar-vertical .calendar-date .calendar-date-day:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 1;
    top: 35px;
    right: .5px;
    background-color: #455b71;
    border-radius: 5px
}

@media (max-width:767.98px) {
    .calendar-vertical .calendar-date .calendar-date-day:after {
        top: 25px
    }
}

.purplelight .calendar-vertical .calendar-date .calendar-date-day:after {
    background-color: #b21dd0
}

.redbrown .calendar-vertical .calendar-date .calendar-date-day:after {
    background-color: #d1344c
}

.greendark .calendar-vertical .calendar-date .calendar-date-day:after {
    background-color: #0e865c
}

.bluelectric .calendar-vertical .calendar-date .calendar-date-day:after {
    background-color: #0d00ff
}

.calendar-vertical .calendar-date .calendar-date-description {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .17);
    width: 100%;
    margin: 0 0 24px 17px;
    overflow: hidden
}

.calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content {
    padding: 27px;
    position: relative;
    z-index: 0
}

@media (max-width:767.98px) {
    .calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content {
        padding: 18px
    }
}

.calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content p {
    margin: 0;
    font-size: 1.13rem;
    font-weight: 600
}

@media (max-width:767.98px) {
    .calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content p {
        font-size: 1rem
    }
}

.calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content:before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #455b71
}

.purplelight .calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content:before {
    background-color: #fbeaff
}

.redbrown .calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content:before {
    background-color: #f7d2d8
}

.greendark .calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content:before {
    background-color: #c0ffb8
}

.bluelectric .calendar-vertical .calendar-date .calendar-date-description .calendar-date-description-content:before {
    background-color: #0d00ff
}

.calendar-vertical .calendar-date:last-child .calendar-date-description {
    margin-bottom: 0
}

.article-title {
    position: relative;
    z-index: 0;
    height: 480px;
    display: flex;
    align-items: center
}

@media (max-width:767.98px) {
    .article-title {
        min-height: inherit;
        display: block;
        height: auto
    }
}

.article-title .container {
    height: 100%;
    position: relative;
    z-index: 0
}

.article-title .container .row {
    height: 100%;
    position: relative;
    z-index: 0
}

.article-title .title-img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: #455b71;
    background-size: cover;
    background-attachment: scroll
}

@media (max-width:767.98px) {
    .article-title .title-img {
        position: relative;
        z-index: 0;
        right: auto;
        width: 100%;
        height: 380px
    }
}

@media (max-width:575.98px) {
    .article-title .title-img {
        height: 270px
    }
}

.article-title .title-content {
    padding-right: 20px
}

@media (max-width:767.98px) {
    .article-title .title-content {
        padding: 50px 0 50px 0
    }
}

.article-title .title-content .h1,
.article-title .title-content h1 {
    margin: 0 0 20px 0;
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: -1.8px;
    line-height: 1.17;
    padding: 0;
    color: #17324d
}

@media (max-width:1199.98px) {

    .article-title .title-content .h1,
    .article-title .title-content h1 {
        font-size: 3rem
    }
}

@media (max-width:991.98px) {

    .article-title .title-content .h1,
    .article-title .title-content h1 {
        font-size: 2.7rem
    }
}

@media (max-width:991.98px) {

    .article-title .title-content .h1,
    .article-title .title-content h1 {
        font-size: 2.5rem
    }
}

@media (max-width:767.98px) {

    .article-title .title-content .h1,
    .article-title .title-content h1 {
        font-size: 2.4rem
    }
}

.article-title .title-content p {
    font-size: 1.34rem;
    line-height: 1.37;
    font-weight: 400;
    color: #17324d
}

.article-title .title-content .h2,
.article-title .title-content h2 {
    font-size: 2.8rem;
    margin: 0 0 7px 0
}

.article-title .title-content h2.h4 {
    font-size: 1rem;
    margin: 0 0 15px 0
}

.article-title .title-content .h3,
.article-title .title-content h3 {
    font-size: 1.7rem;
    letter-spacing: -1.7px
}

.article-title.article-title-author {
    align-items: flex-start
}

.article-title.article-title-author .title-content {
    padding-right: 50px
}

@media (max-width:991.98px) {
    .article-title.article-title-author .title-content {
        padding-right: 0
    }
}

.article-wrapper {
    font-size: 1.13rem;
    padding-bottom: 50px
}

@media (min-width:768px) and (max-width:991.98px) {
    .article-wrapper {
        padding-left: 20px
    }
}

@media (max-width:767.98px) {
    .article-wrapper {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1rem
    }
}

.logos-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width:375px) {
    .logos-wrapper {
        flex-direction: row;
        align-items: flex-start;
        gap: 30px
    }
}

@media (min-width:992px) {
    .logos-wrapper {
        align-items: center;
        gap: 30px
    }
}

.ue-logo {
    max-width: 60%
}

@media (min-width:992px) {
    .ue-logo {
        height: 80px
    }
}

.article-wrapper p {
    font-family: Lora, Georgia, serif;
    margin: 0 0 20px 0
}

@media (max-width:767.98px) {
    .article-wrapper p {
        margin-bottom: 25px
    }
}

.article-wrapper ol {
    font-family: Lora, Georgia, serif;
    margin: 0 0 40px 0
}

.article-wrapper ol li {
    margin: 0 0 22px 0
}

.article-wrapper .h4,
.article-wrapper h4 {
    margin: 0 0 17px 0
}

.article-wrapper .h6,
.article-wrapper h6 {
    font-weight: 700;
    color: #17324d;
    margin: 0 0 20px 0
}

.article-wrapper .calendar-vertical p,
.article-wrapper .note p {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

.article-wrapper p.first-letter:first-letter {
    font-size: 3.5rem;
    float: left;
    margin-top: 8px;
    margin-right: 4px
}

.article-wrapper blockquote {
    font-family: Lora, Georgia, serif;
    margin: 0 0 40px 40px;
    padding: 0 0 0 30px;
    border-left: 4px solid #51758d
}

.purplelight .article-wrapper blockquote {
    border-color: #b21dd0
}

.redbrown .article-wrapper blockquote {
    border-color: #d1344c
}

.greendark .article-wrapper blockquote {
    border-color: #00ffa6
}

.petrol .article-wrapper blockquote {
    border-color: #51758d
}

.bluelectric .article-wrapper blockquote {
    border-color: #0d00ff
}

@media (max-width:767.98px) {
    .article-wrapper blockquote {
        margin-bottom: 25px
    }
}

.article-wrapper .in-evidence {
    background-color: #0e865c;
    color: #fff;
    padding: 50px;
    margin: 0 0 40px 0;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1.13rem
}

@media (max-width:767.98px) {
    .article-wrapper .in-evidence {
        margin-bottom: 25px
    }
}

.article-wrapper .in-evidence p {
    margin: 0 0 15px 0;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1.13rem
}

.article-wrapper .in-evidence em {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif
}

.article-wrapper .in-evidence a {
    color: #fff
}

.text-border-left {
    font-family: Lora, Georgia, serif;
    margin: 0 0 40px 40px;
    padding: 0 0 0 30px;
    border-left: 4px solid #51758d
}

.purplelight .text-border-left {
    border-color: #b21dd0
}

.redbrown .text-border-left {
    border-color: #d1344c
}

.greendark .text-border-left {
    border-color: #00ffa6
}

.petrol .text-border-left {
    border-color: #51758d
}

.bluelectric .text-border-left {
    border-color: #0d00ff
}

.text-border-left p {
    font-size: 1rem
}

.text-border-left .text-icon {
    margin: 0 0 5px 0
}

.text-border-left .text-icon svg {
    margin-top: 1px;
    margin-right: 10px
}

.text-border-left .text-icon span {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: .88rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase
}

.text-border-left .h5,
.text-border-left h5 {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 1.17rem
}

.text-border-left .h5 strong,
.text-border-left h5 strong {
    font-weight: 800
}

.text-border-left .price {
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: 2.17rem;
    margin: 0 0 10px 0
}

.text-border-left .price strong {
    font-weight: 800
}

@media (max-width:767.98px) {
    .text-border-left {
        margin-bottom: 25px
    }
}

@media (max-width:767.98px) {
    .article-description-mobile {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1rem
    }
}

.article-footer {
    font-size: .88rem;
    border-top: 1px solid #e7eaed;
    padding: 30px 0 0 0;
    margin: 25px 0 0 0
}

.article-footer p {
    display: block;
    margin: 0 0 15px 0
}

.article-footer p:last-child {
    margin: 0
}

.article-title-author-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 0
}

@media (max-width:767.98px) {
    .article-title-author-container {
        padding-top: 0
    }
}

.note {
    font-size: .88rem
}

.note img,
.note svg {
    max-width: 67px;
    height: 64px;
    margin: 0 0 10px 0
}

.note a {
    text-decoration: underline
}

.note.cns img {
    background-color: #005a8c
}

.purplelight .note a {
    color: #b21dd0
}

.redbrown .note a {
    color: #d1344c
}

.bluelectric .note a {
    color: #0d00ff
}

@media (max-width:1199.98px) {
    .accordion-responsive {
        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .17);
        background-color: #fff;
        overflow: hidden;
        border-radius: 4px
    }
}

.accordion-responsive .accordion-header {
    position: relative;
    z-index: 0;
    cursor: pointer
}

.accordion-responsive .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(190, 190, 190);'/></svg>");
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    margin-top: -9px
}

.purplelight .accordion-responsive .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(178, 29, 208);'/></svg>")
}

.redbrown .accordion-responsive .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(209, 52, 76);'/></svg>")
}

.petrol .accordion-responsive .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(81, 117, 141);'/></svg>")
}

@media (min-width:1200px) {
    .accordion-responsive .accordion-header:before {
        content: "";
        width: auto;
        height: auto;
        display: none;
        position: relative;
        z-index: 0;
        top: auto;
        right: auto
    }
}

.accordion-responsive .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(190, 190, 190);'/></svg>")
}

.purplelight .accordion-responsive .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(178, 29, 208);'/></svg>")
}

.redbrown .accordion-responsive .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(209, 52, 76);'/></svg>")
}

.petrol .accordion-responsive .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(81, 117, 141);'/></svg>")
}

@media (max-width:1199.98px) {
    .accordion-responsive .accordion-content {
        display: none
    }
}

.accordion-large .accordion-header {
    position: relative;
    z-index: 0;
    cursor: pointer;
    padding: 30px 0 30px 45px
}

@media (max-width:991.98px) {
    .accordion-large .accordion-header {
        padding: 20px 0 20px 45px
    }
}

.accordion-large .accordion-header .h3,
.accordion-large .accordion-header h3 {
    margin: 0;
    font-size: 1.17rem;
    color: #455b71;
    font-weight: 600
}

@media (min-width:992px) {

    .accordion-large .accordion-header .h3,
    .accordion-large .accordion-header h3 {
        font-size: 2rem
    }
}

.bg-bluelectric .accordion-large .accordion-header .h3,
.bg-bluelectric .accordion-large .accordion-header h3 {
    color: #fff
}

.accordion-large .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(190, 190, 190);'/></svg>");
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 38px;
    left: 0;
    margin-top: 0
}

@media (max-width:991.98px) {
    .accordion-large .accordion-header:before {
        width: 16px;
        height: 16px;
        top: 21px;
        left: 12px
    }
}

.purplelight .accordion-large .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(178, 29, 208);'/></svg>")
}

.redbrown .accordion-large .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(210, 52, 76);'/></svg>")
}

.petrol .accordion-large .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(81, 117, 141);'/></svg>")
}

.bg-bluelectric .accordion-large .accordion-header:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M14,14l0,-12c0,-1.104 0.896,-2 2,-2c1.104,0 2,0.896 2,2l0,12l12,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-12,0l0,12c0,1.104 -0.896,2 -2,2c-1.104,0 -2,-0.896 -2,-2l0,-12l-12,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2l12,0Z' style='fill:rgb(255, 255, 255);'/></svg>")
}

.accordion-large .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(190, 190, 190);'/></svg>")
}

.purplelight .accordion-large .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(178, 29, 208);'/></svg>")
}

.redbrown .accordion-large .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(210, 52, 76);'/></svg>")
}

.petrol .accordion-large .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(81, 117, 141);'/></svg>")
}

.bg-bluelectric .accordion-large .accordion-header.accordion-active:before {
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect id='Rectangle-path' x='0' y='0.035' width='32' height='32' style='fill:none;'/><path id='Rectangle-6' d='M2,14l28,0c1.104,0 2,0.896 2,2c0,1.104 -0.896,2 -2,2l-28,0c-1.104,0 -2,-0.896 -2,-2c0,-1.104 0.896,-2 2,-2Z' style='fill:rgb(255, 255, 255);'/></svg>")
}

.accordion-large .accordion-content {
    display: none;
    padding: 0 0 10px 45px
}

.accordion-large .accordion-content p {
    font-size: 1.15rem;
    line-height: 1.52
}

.accordion-large .accordion-content p a {
    text-decoration: underline
}

.redbrown .accordion-large .accordion-content p a {
    color: #d1344c
}

.bg-bluelectric .accordion-large .accordion-content p a {
    color: #fff
}

.accordion-large hr {
    margin: 0
}

@media (max-width:991.98px) {
    .accordion-large hr:last-child {
        display: none
    }
}

@media (max-width:1199.98px) {
    .accordion-cards.accordion-responsive .card.card-bg {
        border-radius: 0 !important;
        background: 0 0;
        box-shadow: none
    }
}

.accordion-cards.accordion-responsive .card .card-header {
    padding: 25px;
    margin-left: -24px;
    margin-right: -24px;
    border-color: #e7eaed;
    display: flex
}

@media (max-width:1199.98px) {
    .accordion-cards.accordion-responsive .card .card-header {
        padding: 17px
    }
}

@media (min-width:1200px) {
    .accordion-cards.accordion-responsive .card .card-header {
        cursor: default
    }
}

.accordion-cards.accordion-responsive .card .card-header img,
.accordion-cards.accordion-responsive .card .card-header svg {
    width: 22px;
    height: 22px;
    fill: #455b71;
    margin: 2px 14px 0 0
}

@media (max-width:1199.98px) {

    .accordion-cards.accordion-responsive .card .card-header img,
    .accordion-cards.accordion-responsive .card .card-header svg {
        margin: 0 14px 0 0
    }
}

.accordion-cards.accordion-responsive .card .card-header span {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1
}

@media (max-width:1199.98px) {
    .accordion-cards.accordion-responsive .card .card-header span {
        font-size: 1.25rem
    }
}

.accordion-cards.accordion-responsive .card .card-body {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 0
}

.accordion-cards.accordion-responsive .card .card-body ul {
    padding: 0;
    list-style: none;
    margin: 20px 0 20px 0
}

.accordion-cards.accordion-responsive .card .card-body ul:before {
    content: "";
    background-color: #e7eaed;
    display: block;
    height: 1px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: calc(100% + 48px)
}

.accordion-cards.accordion-responsive .card .card-body ul li {
    margin: 0 0 10px 0
}

.purplelight .accordion-cards.accordion-responsive .card .card-body ul li a {
    color: #b21dd0
}

@media (min-width:1200px) {
    .accordion-cards.accordion-responsive .card .card-content {
        display: block !important
    }
}

.location-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    line-height: 1
}

.location-list::after {
    display: block;
    clear: both;
    content: ""
}

.location-list li {
    margin: 0 0 7px 0;
    display: flex;
    clear: both;
    align-items: flex-start
}

.responsive-tabs-wrapper .location-list li {
    margin-bottom: 10px
}

.location-list .location-title {
    width: 70px;
    text-align: right;
    margin: 0 20px 0 0;
    flex-shrink: 0
}

.location-list .location-title span {
    font-weight: 700;
    font-size: .75rem;
    text-transform: uppercase
}

.responsive-tabs-wrapper .location-list .location-title span {
    font-size: .94rem;
    opacity: 1
}

.location-list .location-content {
    font-size: .88rem;
    padding: 1px 0 0 0
}

.responsive-tabs-wrapper .location-list .location-content {
    font-size: 1rem
}

.location-list .location-content p {
    display: block;
    margin: 0;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    font-size: .88rem;
    font-weight: 400
}

.responsive-tabs-wrapper .location-list .location-content p {
    font-size: 1rem
}

.map-wrapper {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    min-height: 200px
}

.map-wrapper .placeholder-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.map-wrapper .map,
.map-wrapper .map-large {
    width: 100%;
    height: 100%
}

.section-hero {
    position: relative;
    z-index: 0;
    min-height: 480px;
    display: flex;
    align-items: center
}

@media (max-width:767.98px) {
    .section-hero {
        min-height: inherit;
        display: block
    }
}

.section-hero .hero-img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: #455b71;
    background-size: cover;
    background-attachment: scroll
}

@media (max-width:767.98px) {
    .section-hero .hero-img {
        position: relative;
        z-index: 0;
        right: auto;
        width: 100%;
        height: 380px
    }
}

@media (max-width:575.98px) {
    .section-hero .hero-img {
        height: 270px
    }
}

.hero-title {
    text-align: center
}

@media (max-width:767.98px) {
    .hero-title {
        padding: 50px 0 50px 0
    }
}

.hero-title .h1,
.hero-title h1 {
    margin: 0 0 35px 0;
    font-size: 3.32rem;
    font-weight: 400;
    letter-spacing: -1.8px;
    color: #455b71;
    padding: 0 20px 0 20px;
    line-height: 1.17
}

@media (max-width:1199.98px) {

    .hero-title .h1,
    .hero-title h1 {
        font-size: 3rem
    }
}

@media (max-width:991.98px) {

    .hero-title .h1,
    .hero-title h1 {
        font-size: 2.7rem
    }
}

@media (max-width:991.98px) {

    .hero-title .h1,
    .hero-title h1 {
        font-size: 2.5rem
    }
}

@media (max-width:767.98px) {

    .hero-title .h1,
    .hero-title h1 {
        font-size: 2.4rem
    }
}

.hero-title .h1 span,
.hero-title h1 span {
    display: block
}

@media (max-width:1199.98px) {

    .hero-title .h1 span,
    .hero-title h1 span {
        display: inline
    }
}

.hero-title small {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    display: block
}

.section-hero-left {
    background: #d1344c;
    background: -moz-linear-gradient(left, #d1344c 0, #ab2b3e 100%);
    background: -webkit-linear-gradient(left, #d1344c 0, #ab2b3e 100%);
    background: linear-gradient(to right, #d1344c 0, #ab2b3e 100%);
    color: #fff;
    position: relative;
    z-index: 0;
    min-height: 480px;
    display: flex;
    align-items: center
}

@media (max-width:767.98px) {
    .section-hero-left {
        overflow: hidden
    }
}

.section-hero-left:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 65 65' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg%3E%3Cpath d='M23.646,31.575l7.702,0l0,-7.702l2.007,0l0,7.702l7.703,0l0,2.007l-7.703,0l0,7.702l-2.007,0l0,-7.702l-7.702,0l0,-2.007Z'/%3E%3Cpath d='M33.355,59.428l0,2.019l-2.007,0l0,-2.019l2.007,0Zm0,-5.095l0,2.018l-2.007,0l0,-2.018l2.007,0Zm0,-5.096l0,2.018l-2.007,0l0,-2.018l2.007,0Zm0,-5.096l0,2.018l-2.007,0l0,-2.018l2.007,0Zm12.858,-12.545l0,2.007l-2.019,0l0,-2.007l2.019,0Zm5.095,0l0,2.007l-2.018,0l0,-2.007l2.018,0Zm5.096,0l0,2.007l-2.018,0l0,-2.007l2.018,0Zm5.096,0l0,2.007l-2.018,0l0,-2.007l2.018,0Zm-55.982,0l0,2.007l-2.018,0l0,-2.007l2.018,0Zm5.096,0l0,2.007l-2.018,0l0,-2.007l2.018,0Zm5.096,0l0,2.007l-2.018,0l0,-2.007l2.018,0Zm5.096,0l0,2.007l-2.019,0l0,-2.007l2.019,0Zm12.549,-12.755l0,2.018l-2.007,0l0,-2.018l2.007,0Zm0,-5.096l0,2.018l-2.007,0l0,-2.018l2.007,0Zm0,-5.096l0,2.018l-2.007,0l0,-2.018l2.007,0Zm0,-5.096l0,2.019l-2.007,0l0,-2.019l2.007,0Z' style='fill-opacity:0.4;'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 65px 65px;
    opacity: .12
}

.section-hero-left .decoration-01 {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 312px;
    height: 311px;
    display: block;
    margin: -156px 0 0 -156px
}

.section-hero-left .decoration-01 svg {
    width: 312px;
    height: 311px
}

@media (max-width:767.98px) {
    .section-hero-left .decoration-01 {
        left: auto;
        right: 0;
        margin-left: 0;
        margin-right: -156px
    }
}

.section-hero-left .decoration-02 {
    position: absolute;
    z-index: 0;
    bottom: 50px;
    left: 50px;
    width: 102px;
    height: 114px;
    display: block
}

.section-hero-left .decoration-02 svg {
    width: 102px;
    height: 114px
}

@media (max-width:767.98px) {
    .section-hero-left .decoration-02 {
        display: none
    }
}

@media (max-width:767.98px) {
    .section-hero-left {
        min-height: inherit;
        display: block
    }
}

.section-hero-left .hero-title {
    text-align: left;
    position: relative;
    z-index: 1
}

@media (max-width:767.98px) {
    .section-hero-left .hero-title {
        padding: 50px 0 50px 0
    }
}

.section-hero-left .hero-title .h1,
.section-hero-left .hero-title h1 {
    margin: 0;
    font-size: 3.32rem;
    font-weight: 400;
    letter-spacing: -1.8px;
    color: #fff;
    padding: 0;
    line-height: 1.17
}

@media (max-width:1199.98px) {

    .section-hero-left .hero-title .h1,
    .section-hero-left .hero-title h1 {
        font-size: 3rem
    }
}

@media (max-width:991.98px) {

    .section-hero-left .hero-title .h1,
    .section-hero-left .hero-title h1 {
        font-size: 2.7rem
    }
}

@media (max-width:991.98px) {

    .section-hero-left .hero-title .h1,
    .section-hero-left .hero-title h1 {
        font-size: 2.5rem
    }
}

@media (max-width:767.98px) {

    .section-hero-left .hero-title .h1,
    .section-hero-left .hero-title h1 {
        font-size: 2.4rem
    }
}

.section-hero-left .hero-title .h1 span,
.section-hero-left .hero-title h1 span {
    display: block
}

@media (max-width:1199.98px) {

    .section-hero-left .hero-title .h1 span,
    .section-hero-left .hero-title h1 span {
        display: inline
    }
}

.section-hero-left .hero-title .h4,
.section-hero-left .hero-title h4 {
    font-size: 1.5rem
}

.section-hero-left .hero-img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-color: #455b71;
    background-size: cover;
    background-attachment: scroll
}

@media (max-width:767.98px) {
    .section-hero-left .hero-img {
        position: relative;
        z-index: 0;
        right: auto;
        width: 100%;
        height: 380px
    }
}

@media (max-width:575.98px) {
    .section-hero-left .hero-img {
        height: 270px
    }
}

.section-hero-blue {
    background: #554dff;
    background: -moz-linear-gradient(top, #554dff 0, #0b00d9 100%);
    background: -webkit-linear-gradient(top, #554dff 0, #0b00d9 100%);
    background: linear-gradient(to bottom, #554dff 0, #0b00d9 100%);
    color: #fff;
    position: relative;
    z-index: 0;
    min-height: 280px;
    display: flex;
    align-items: center
}

@media (max-width:767.98px) {
    .section-hero-blue {
        min-height: inherit;
        display: block
    }
}

.section-hero-blue .hero-title {
    text-align: left;
    position: relative;
    z-index: 1
}

@media (max-width:767.98px) {
    .section-hero-blue .hero-title {
        padding: 50px 0 50px 0
    }
}

.section-hero-blue .hero-title .h1,
.section-hero-blue .hero-title h1 {
    margin: 0;
    font-size: 3.32rem;
    font-weight: 400;
    letter-spacing: -1.8px;
    color: #fff;
    padding: 0;
    line-height: 1.17
}

@media (max-width:1199.98px) {

    .section-hero-blue .hero-title .h1,
    .section-hero-blue .hero-title h1 {
        font-size: 3rem
    }
}

@media (max-width:991.98px) {

    .section-hero-blue .hero-title .h1,
    .section-hero-blue .hero-title h1 {
        font-size: 2.7rem
    }
}

@media (max-width:991.98px) {

    .section-hero-blue .hero-title .h1,
    .section-hero-blue .hero-title h1 {
        font-size: 2.5rem
    }
}

@media (max-width:767.98px) {

    .section-hero-blue .hero-title .h1,
    .section-hero-blue .hero-title h1 {
        font-size: 2.4rem
    }
}

.section-hero-blue .hero-title .h1 span,
.section-hero-blue .hero-title h1 span {
    display: block
}

@media (max-width:1199.98px) {

    .section-hero-blue .hero-title .h1 span,
    .section-hero-blue .hero-title h1 span {
        display: inline
    }
}

.section-hero-blue .hero-title .h4,
.section-hero-blue .hero-title h4 {
    font-size: 1.5rem
}

.big-quote-wrapper {
    position: relative;
    display: flex;
    align-items: center
}

.big-quote {
    color: #fff;
    position: relative;
    z-index: 0
}

.big-quote .h2,
.big-quote h2 {
    font-size: 3rem;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 0;
    padding: 100px 0 100px 0;
    display: block
}

@media (max-width:1199.98px) {

    .big-quote .h2,
    .big-quote h2 {
        padding: 120px 0 120px 0;
        font-size: 5rem
    }
}

@media (max-width:991.98px) {

    .big-quote .h2,
    .big-quote h2 {
        padding: 110px 0 110px 0;
        font-size: 4.5rem;
        line-height: 1.1
    }
}

@media (max-width:767.98px) {

    .big-quote .h2,
    .big-quote h2 {
        font-size: 4rem;
        line-height: 1.1
    }
}

@media (max-width:575.98px) {

    .big-quote .h2,
    .big-quote h2 {
        font-size: 3.5rem;
        line-height: 1.1
    }
}

.big-quote .h3,
.big-quote h3 {
    font-size: 2.63rem;
    line-height: 1.17;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 0;
    padding: 120px 0 120px 0;
    display: block
}

@media (max-width:1199.98px) {

    .big-quote .h3,
    .big-quote h3 {
        padding: 97px 0 97px 0;
        font-size: 4.2rem;
        line-height: 1.07
    }
}

@media (max-width:991.98px) {

    .big-quote .h3,
    .big-quote h3 {
        padding: 77px 0 77px 0;
        font-size: 3.8rem;
        line-height: 1
    }
}

@media (max-width:767.98px) {

    .big-quote .h3,
    .big-quote h3 {
        font-size: 3.2rem;
        line-height: 1
    }
}

@media (max-width:575.98px) {

    .big-quote .h3,
    .big-quote h3 {
        font-size: 2.9rem;
        line-height: 1
    }
}

.big-quote:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 78px;
    height: 78px;
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect x='0' y='0' width='32' height='32' style='fill:none;'/><path id='Rectangle-11-Copy' d='M16.764,13.238c0.121,-4.944 4.337,-9.51 9.52,-9.707c0.127,-0.005 0.254,-0.007 0.38,-0.007c0.002,0.508 0.003,1.016 0.005,1.524c-4.248,0.013 -8.208,3.609 -8.377,8.056c-0.002,0.045 -0.003,0.089 -0.004,0.134l13.712,0l0,15.238l-15.238,0l0,-15.238l0.002,0Zm-16.761,0c0.12,-4.941 4.336,-9.51 9.519,-9.707c0.127,-0.005 0.254,-0.007 0.38,-0.007c0.002,0.508 0.004,1.016 0.005,1.524c-4.248,0.013 -8.208,3.609 -8.377,8.056c-0.002,0.045 -0.003,0.089 -0.004,0.134l13.712,0l0,15.238l-15.238,0l0,-15.238l0.003,0Z' style='fill:rgb(255,255,255);'/></svg>")
}

@media (max-width:1199.98px) {
    .big-quote:before {
        width: 120px;
        height: 120px
    }
}

@media (max-width:991.98px) {
    .big-quote:before {
        width: 100px;
        height: 100px
    }
}

.big-quote:after {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    display: block;
    width: 78px;
    height: 78px;
    content: url("data:image/svg+xml; utf8, <svg width='100%' height='100%' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'><rect x='0' y='0' width='32' height='32' style='fill:none;'/><path id='Rectangle-11-Copy' d='M15.236,18.762c-0.121,4.944 -4.337,9.51 -9.52,9.707c-0.127,0.005 -0.254,0.007 -0.38,0.007c-0.002,-0.508 -0.003,-1.016 -0.005,-1.524c4.248,-0.013 8.208,-3.609 8.377,-8.056c0.002,-0.045 0.003,-0.089 0.004,-0.134l-13.712,0l0,-15.238l15.238,0l0,15.238l-0.002,0Zm16.761,0c-0.12,4.941 -4.336,9.51 -9.519,9.707c-0.127,0.005 -0.254,0.007 -0.38,0.007c-0.002,-0.508 -0.004,-1.016 -0.005,-1.524c4.248,-0.013 8.208,-3.609 8.377,-8.056c0.002,-0.045 0.003,-0.089 0.004,-0.134l-13.712,0l0,-15.238l15.238,0l0,15.238l-0.003,0Z' style='fill:rgb(255,255,255);'/></svg>")
}

@media (max-width:1199.98px) {
    .big-quote:after {
        width: 120px;
        height: 120px
    }
}

@media (max-width:991.98px) {
    .big-quote:after {
        width: 100px;
        height: 100px
    }
}

.big-quote.big-quote-secondary:after,
.big-quote.big-quote-secondary:before {
    width: 100px;
    height: 100px
}

@media (max-width:1199.98px) {

    .big-quote.big-quote-secondary:after,
    .big-quote.big-quote-secondary:before {
        width: 80px;
        height: 80px
    }
}

@media (max-width:991.98px) {

    .big-quote.big-quote-secondary:after,
    .big-quote.big-quote-secondary:before {
        width: 70px;
        height: 70px
    }
}

.big-quote-bg {
    display: none;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 650px
}

.big-quote-bg svg {
    display: block;
    width: 100%
}

.history-box {
    position: relative;
    z-index: 9999
}

.gallery-item figure {
    display: block;
    position: relative;
    z-index: 0
}

.gallery-item figure img {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto
}

.gallery-item figure figcaption {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    padding: 15px 20px 15px 20px;
    background-color: #d1344c;
    color: #fff;
    font-size: .88rem;
    overflow-wrap: break-word;
    width: 100%
}

.greendark .gallery-item figure figcaption {
    background-color: #0e865c
}

.bluelectric .gallery-item figure figcaption {
    background-color: #0d00ff
}

@media (min-width:1200px) {
    .big-data {
        margin-top: 80px
    }
}

.big-data p {
    font-size: 8rem;
    line-height: 1;
    font-family: "Roboto Mono", monospace
}

@media (max-width:1199.98px) {
    .big-data p {
        font-size: 7.7rem
    }
}

@media (max-width:991.98px) {
    .big-data p {
        font-size: 7.1rem
    }
}

@media (max-width:767.98px) {
    .big-data p {
        font-size: 6.7rem;
        text-align: center
    }
}

@media (max-width:575.98px) {
    .big-data p {
        font-size: 6.5rem;
        text-align: center
    }
}

.redbrown .big-data {
    color: #cf344c
}

.big-data-details {
    display: flex
}

@media (max-width:767.98px) {
    .big-data-details {
        justify-content: center;
        margin-bottom: 20px
    }
}

@media (max-width:575.98px) {
    .big-data-details {
        justify-content: center
    }
}

.big-data-details svg {
    display: block;
    width: 47px;
    height: 47px;
    margin: 4px 20px 0 0;
    flex-shrink: 0
}

@media (max-width:767.98px) {
    .big-data-details svg {
        margin-top: 0
    }
}

.purplelight .big-data-details svg {
    fill: #B21DD0
}

.redbrown .big-data-details svg {
    fill: #D1344C
}

.big-data-details p {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.1;
    font-family: "Titillium Web", Geneva, Tahoma, sans-serif;
    max-width: 120px;
    margin: 0
}

@media (max-width:767.98px) {
    .big-data-details p {
        font-size: 1.37rem;
        text-align: left
    }
}

@media (max-width:575.98px) {
    .big-data-details p {
        font-size: 1.25rem;
        text-align: left
    }
}

.big-data-rounded {
    width: 100%;
    background-color: #d1344c;
    color: #fff;
    position: relative;
    z-index: 0;
    max-width: 376px;
    border-radius: 50%
}

@media (max-width:767.98px) {
    .big-data-rounded {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 20px
    }
}

.big-data-rounded:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.big-data-rounded .big-data-rounded-content {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.big-data-rounded .big-data-rounded-content p {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 8rem;
    font-family: "Roboto Mono", monospace;
    line-height: 1
}

@media (max-width:1199.98px) {
    .big-data-rounded .big-data-rounded-content p {
        font-size: 7.7rem
    }
}

@media (max-width:991.98px) {
    .big-data-rounded .big-data-rounded-content p {
        font-size: 7.1rem
    }
}

@media (max-width:767.98px) {
    .big-data-rounded .big-data-rounded-content p {
        font-size: 6.7rem
    }
}

@media (max-width:575.98px) {
    .big-data-rounded .big-data-rounded-content p {
        font-size: 6.5rem
    }
}

.big-data-rounded .big-data-rounded-content small {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.1
}

@media (max-width:767.98px) {
    .big-data-rounded .big-data-rounded-content small {
        font-size: 1.27rem
    }
}

@media (max-width:575.98px) {
    .big-data-rounded .big-data-rounded-content small {
        font-size: 1rem
    }
}

.big-data-rounded-icon {
    display: flex
}

.big-data-rounded-icon .big-data-rounded-icon-wrapper {
    width: 146px;
    height: 146px;
    background-color: #d1344c;
    color: #fff;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    margin: 0 30px 0 0
}

.big-data-rounded-icon .big-data-rounded-icon-wrapper svg {
    fill: #ffffff;
    width: 80px;
    height: 80px;
    display: inline-block
}

.big-data-rounded-icon .big-data-rounded-icon-content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.big-data-rounded-icon .big-data-rounded-icon-content .h4,
.big-data-rounded-icon .big-data-rounded-icon-content h4 {
    font-size: 1rem;
    margin: 0
}

.big-data-rounded-icon .big-data-rounded-icon-content p {
    font-family: "Roboto Mono", monospace;
    font-size: 2.25rem;
    line-height: 1;
    letter-spacing: -2px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.dot-values-wrapper {
    margin: 0 0 20px 0
}

.dot-values-wrapper::after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width:1380px) {
    .dot-values-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

.redbrown .dot-values-wrapper {
    color: #d1344c
}

.dot-values-wrapper p {
    font-size: 1rem
}

.dot-values-content {
    position: relative;
    z-index: 0;
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    height: 56px;
    margin: 0 0 7px 0
}

@media (max-width:1199.98px) {
    .dot-values-content {
        height: 32px
    }
}

.dot-values-content:before {
    content: "";
    height: 1px;
    width: 100%;
    flex-grow: 1;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -1px
}

.redbrown .dot-values-content:before {
    background-color: #d1344c
}

.dot-value {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    position: relative;
    z-index: 1
}

.dot-value:first-child {
    flex: 0 0 0;
    max-width: 0;
    width: 0
}

.dot-value:before {
    width: 7px;
    height: 7px;
    content: "";
    border: 1px solid #d1344c;
    display: block;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -4px;
    background-color: #fff;
    right: -3px
}

.dot-value.dot-value-active span {
    position: absolute;
    z-index: 1;
    width: 56px;
    height: 56px;
    display: block;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Roboto Mono", monospace;
    font-size: 2rem;
    top: 0;
    right: 0;
    margin-right: -28px
}

@media (max-width:1199.98px) {
    .dot-value.dot-value-active span {
        width: 32px;
        height: 32px;
        margin-right: -16px;
        font-size: 1.14rem
    }
}

.redbrown .dot-value.dot-value-active span {
    background-color: #d1344c
}

.video-wrapper {
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 .9rem .9rem rgba(0, 0, 0, .17);
    background-color: #000
}

.video-wrapper::after {
    display: block;
    clear: both;
    content: ""
}

.video-wrapper img {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: auto;
    opacity: .4
}

.video-wrapper svg {
    width: 100px;
    height: 100px;
    display: block;
    fill: #ffffff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9
}

.header-social {
    display: none
}

@media (min-width:992px) {
    .header-social {
        display: flex
    }
}

.header-social .header-social-wrapper {
    display: flex;
    align-items: center
}

.header-social a {
    color: #455b71;
    margin-left: 8px
}

.header-social a svg {
    fill: #455b71;
    width: 18px;
    height: 18px;
    display: block
}

.header-social span {
    font-weight: 600
}

.footer-social {
    display: flex;
    color: #fff
}

.footer-social .footer-social-wrapper {
    display: flex;
    align-items: center
}

.footer-social a {
    color: #fff;
    margin-left: 8px
}

.footer-social a svg {
    fill: #ffffff;
    width: 18px;
    height: 18px;
    display: block
}

.footer-social span {
    font-weight: 600
}

.resource-section h2 {
    color: #455b71
}

.project-card-title {
    display: inline-block
}

.project-card-title:hover {
    text-decoration: underline !important
}

.presentation-card-link:hover {
    text-decoration: none
}

.presentation-card-link:hover h2 {
    opacity: .7;
    text-decoration: underline
}

.presentation-card-link {
    display: block
}

.card.card-bg a:not(.badge):hover {
    opacity: 1
}

.menu-dropdown .link-list .list-item:hover,
.nav-link.dropdown-toggle.active,
.nav-link:hover,
.toggle-dropdown.active {
    text-decoration: underline
}

.text-underline-hover {
    text-decoration: underline
}

.text-underline-hover:hover {
    text-decoration: none
}

.footer-link a {
    text-decoration: underline
}

.footer-link a:hover {
    text-decoration: none
}

.transcription-accordion {
    margin-top: 30px;
    border: 0
}

.transcription-accordion .collapse-header [data-toggle=collapse] {
    width: auto;
    border: 0;
    padding-left: 0
}

.transcription-accordion .collapse-header [data-toggle=collapse]::before {
    line-height: 1
}

.transcription-accordion .collapse-body {
    padding-left: 0;
    font-style: normal;
    font-family: Lora, Georgia, serif
}

.greendark .transcription-accordion .collapse-header [data-toggle=collapse] {
    color: #0e865c
}

.bluelectric .transcription-accordion .collapse-header [data-toggle=collapse] {
    color: #0d00ff
}

.redbrown .transcription-accordion .collapse-header [data-toggle=collapse] {
    color: #d1344c
}

.close-user-menu {
    display: inline-flex;
    background: 0 0;
    padding: 0;
    border: 0;
    position: absolute;
    right: 20px;
    top: 25px
}

.close-user-menu svg {
    width: 15px;
    height: 15px
}