:root {
--theme-font-family:'FranklinGothic';
--theme-color: #00368f;
--theme-color-rgb: 0, 54, 143;
--theme-color-opacity-04: rgba(var(--theme-color-rgb), 0.04);
--theme-color-opacity-05: rgba(var(--theme-color-rgb), 0.05);
--theme-color-opacity-20: rgba(var(--theme-color-rgb), 0.20);
--theme-color-opacity-50: rgba(var(--theme-color-rgb), 0.50);
--theme-color-opacity-60: rgba(var(--theme-color-rgb), 0.60);
--theme-color-opacity-80: rgba(var(--theme-color-rgb), 0.80);

--secondary-theme-color: #00368f;
--secondary-theme-color-rgb: 0, 54, 143;
--secondary-color-opacity-50: rgba(var(--secondary-theme-color-rgb), 0.50);
--secondary-color-opacity-60: rgba(var(--secondary-theme-color-rgb), 0.60);

--font-color: #181717;
--font-color-rgb: 24, 23, 23;
--font-color-opacity-30: rgba(var(--font-color-rgb), 0.30);
--font-color-opacity-45: rgba(var(--font-color-rgb), 0.45);
--font-color-opacity-50: rgba(var(--font-color-rgb), 0.50);
--font-color-opacity-80: rgba(var(--font-color-rgb), 0.80);
--font-color-opacity-90: rgba(var(--font-color-rgb), 0.90);

--pulse-shadow-color: #00368f;
--pulse-shadow-color-rgb: 168, 0, 0;
--button-background-color: #00368f;
--button-font-color: #fff;
--heading-color: #181717;
--bg-color: #ffffff;
--aqua-color: #00d3bd;
--primary-color: #007bff;
--success-color: #4b974d;
--danger-color: #dc3545;
--warning-color: #ffc107;
--dark-color: #000000;
--dark-color-rgb: 0, 0, 0;
--muted-color: #909090;
--viewed-color: #28a745;
--favorite-color: #a61731;
--twitter-color: #1d9bf0;
--facebook-color: #1877F2; 
--theme-color-border: #00368f;
--scroll-hide: 17px;}

@font-face { font-family: 'FranklinGothic'; src: url('../fonts/FranklinGothic/FranklinGothicURWHeavy.eot'); src: url('../fonts/FranklinGothic/FranklinGothicURWHeavy.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.woff2') format('woff2'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.woff') format('woff'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.ttf') format('truetype'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.svg#FranklinGothicURWHeavy') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'FranklinGothic'; src: url('../fonts/FranklinGothic/FranklinGothicURWHeavy.eot'); src: url('../fonts/FranklinGothic/FranklinGothicURWHeavy.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.woff2') format('woff2'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.woff') format('woff'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.ttf') format('truetype'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.svg#FranklinGothicURWHeavy') format('svg'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'FranklinGothic'; src: url('../fonts/FranklinGothic/FranklinGothicURWHeavy.eot'); src: url('../fonts/FranklinGothic/FranklinGothicURWHeavy.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.woff2') format('woff2'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.woff') format('woff'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.ttf') format('truetype'), url('../fonts/FranklinGothic/FranklinGothicURWHeavy.svg#FranklinGothicURWHeavy') format('svg'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'FranklinGothic'; src: url('../fonts/FranklinGothic/FranklinGothicURWDemi.eot'); src: url('../fonts/FranklinGothic/FranklinGothicURWDemi.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothic/FranklinGothicURWDemi.woff2') format('woff2'), url('../fonts/FranklinGothic/FranklinGothicURWDemi.woff') format('woff'), url('../fonts/FranklinGothic/FranklinGothicURWDemi.ttf') format('truetype'), url('../fonts/FranklinGothic/FranklinGothicURWDemi.svg#FranklinGothicURWDemi') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'FranklinGothic'; src: url('../fonts/FranklinGothic/FranklinGothicURWMedium.eot'); src: url('../fonts/FranklinGothic/FranklinGothicURWMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothic/FranklinGothicURWMedium.woff2') format('woff2'), url('../fonts/FranklinGothic/FranklinGothicURWMedium.woff') format('woff'), url('../fonts/FranklinGothic/FranklinGothicURWMedium.ttf') format('truetype'), url('../fonts/FranklinGothic/FranklinGothicURWMedium.svg#FranklinGothicURWMedium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'FranklinGothic'; src: url('../fonts/FranklinGothic/FranklinGothicURWBook.eot'); src: url('../fonts/FranklinGothic/FranklinGothicURWBook.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothic/FranklinGothicURWBook.woff2') format('woff2'), url('../fonts/FranklinGothic/FranklinGothicURWBook.woff') format('woff'), url('../fonts/FranklinGothic/FranklinGothicURWBook.ttf') format('truetype'), url('../fonts/FranklinGothic/FranklinGothicURWBook.svg#FranklinGothicURWBook') format('svg'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'FranklinGothic'; src: url('../fonts/FranklinGothic/FranklinGothicURWLight.eot'); src: url('../fonts/FranklinGothic/FranklinGothicURWLight.eot?#iefix') format('embedded-opentype'), url('../fonts/FranklinGothic/FranklinGothicURWLight.woff2') format('woff2'), url('../fonts/FranklinGothic/FranklinGothicURWLight.woff') format('woff'), url('../fonts/FranklinGothic/FranklinGothicURWLight.ttf') format('truetype'), url('../fonts/FranklinGothic/FranklinGothicURWLight.svg#FranklinGothicURWLight') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }