.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 }