/*
Theme Name: hometemplate
Text Domain: twentytwenty
Version: 2.9
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

  0.  CSS Reset
  1.  Document Setup
  2.  Element Base
  3.  Helper Classes
  4.  Site Header
  5.  Menu Modal
  6.  Search Modal
  7.  Page Templates
    a.  Template: Cover Template
    c.  Template: Full Width
  8.  Post: Archive
  9.  Post: Single
  10. Blocks
  11. Entry Content
  12. Comments
  13. Site Pagination
  14. Error 404
  15. Widgets
  16. Site Footer
  17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*  0. CSS Reset
/* -------------------------------------------------------------------------- */


/* YOUR CUSTOM STYLES */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Calistoga&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap');

:root {
  --blue: #190041 !important;
  --blue-light: #8c80fd !important;
  --blue-lighter: #ece9f6 !important;
  --blue-lightest: #f9fcffe6 !important;
  --blue-xlightest: #e9f3ff !important;

  --red: #ec284a !important;
  --red-light: #e8899a !important;
  --red-lighter: #faccde !important; 
  --red-lightest: #f9ebee !important; 
  --red-dark: #c91837 !important;

  --yellow-lighter:#fffff5 !important;
  --serenade:#FFEEE4 !important;
  --bg-red: #ec284a !important;

  --white: #fff;
  --white-light: #ffffffc4 !important;
  --grey: #6c757d;
  --grey-dark: #343a40;
  --grey-dark-blue: #444868;
  --grey-light: #adb4bb;
  --grey-lighter: #e8ecef;

  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --primary: #28265e;
  --secondary: #EB2C32;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
    
  --gradient-primary: linear-gradient(56deg,#1E4ECA,#9F48DB 45%,#F22D1C 85%,#FCCE5A 155%); 
  /*--gradient-secondary: linear-gradient(56deg,#190041 35%,#9F48DB 95%,#F22D1C 125%,#FCCE5A 255%) !important;
  --gradient-secondary: linear-gradient(56deg,#1E4ECA,#9F48DB,#F22D1C,#d32011,#d32011, #d32011) !important;*/
  --gradient-secondary: linear-gradient(56deg,#1E4ECA,#9F48DB,#F22D1C,#791a59,#14085e,#190041) !important;

  --gradient-primary-img: url(../images/bg-gradient-primary.jpg); 
  --gradient-secondary-img: url(../images/gradient-secondary-bg.jpg); 

  --breakpoint-xs: 41px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-xl: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/* ===== Background colors starts here ===== */
.bg-white-light{background-color: var(--white-light) !important;}

.bg-blue{background-color: var(--blue) !important; }
.bg-blue-light{background-color: var(--blue-light) !important; }
.bg-blue-lighter{background-color: var(--blue-lighter) !important; }
.bg-blue-lightest{background-color: var(--blue-lightest) !important; }
.bg-blue-xlightest{background-color: var(--blue-xlightest) !important; }


.bg-serenade{background-color:var(--serenade) !important; }

.bg-red{background-color: var(--red) !important}
.bg-red-0-9 { background-color: rgb(236, 40, 74, 0.75); }
.bg-red-light{background-color: var(--red-light) !important}
.bg-red-lighter{background-color: var(--red-lighter) !important}
.bg-red-lightest{background-color: var(--red-lightest) !important}
.bg-red-dark{background-color: var(--red-dark) !important}

.bg-yellow-lighter{background-color: var(--yellow-lighter) !important}


.bg-green{  background-color: #89dc77 !important; }

.bg-yellow{ background-color: #ffe873;  color: #fff;}

.bg-primary { background: var(--color-primary) !important; }

.bg-secondary { background: var(--color-secondary) !important; }

.bg-transparent { background: transparent !important; }

.bg-white { background: #fff !important; }

.bg-black { background: #000 !important; }

.bg-gray { background: #f4f5f8 !important; }
.bg-gray-2 { background: #fafafa !important; }
.bg-gray-3 { background: #f1f1f1 !important; }
.bg-grey-light{ background-color: #ebebeb;}

.bg-light { background: #f7f8fb !important; }

.bg-dark { background: #212121 !important; }

.bg-mirage { background: #181b31 !important; }

.bg-vulcan { background: #141622 !important; }

.bg-charade { background: #2D323D !important; }

.bg-tundora { background: #40383C !important; }

.bg-shark { background: #27282a !important; }

.bg-gigas { background: #4439a9 !important; }

.bg-athens-gray { background: #F8F9FA !important; }

.bg-ebony-clay { background: #252c42 !important; }

.bg-link-water { background: #DCE9F6 !important; }

.bg-swans-down { background: #dbf1f1 !important; }

.bg-old-lace { background: #fcece1 !important; }

.bg-woodsmoke { background: #0e0f14 !important; }

.bg-cape-cod { background: #343535 !important; }

.bg-zircon { background: #f8faff !important; }

.bg-fade-dark-005 { background-color: rgba(0, 0, 0, 0.05) !important; }

.bg-fade-white-005 { background-color: rgba(255, 255, 255, 0.05) !important; }

.bg-fade-dark-01 { background-color: rgba(0, 0, 0, 0.1) !important; }

.bg-fade-white-01 { background-color: rgba(255, 255, 255, 0.1) !important; }

.bg-fade-dark-015 { background-color: rgba(0, 0, 0, 0.15) !important; }

.bg-fade-white-015 { background-color: rgba(255, 255, 255, 0.15) !important; }

.bg-fade-dark-02 { background-color: rgba(0, 0, 0, 0.2) !important; }

.bg-fade-white-02 { background-color: rgba(255, 255, 255, 0.2) !important; }

.bg-fade-dark-025 { background-color: rgba(0, 0, 0, 0.25) !important; }

.bg-fade-white-025 { background-color: rgba(255, 255, 255, 0.25) !important; }

.bg-fade-dark-03 { background-color: rgba(0, 0, 0, 0.3) !important; }

.bg-fade-white-03 { background-color: rgba(255, 255, 255, 0.3) !important; }

.bg-fade-dark-035 { background-color: rgba(0, 0, 0, 0.35) !important; }

.bg-fade-white-035 { background-color: rgba(255, 255, 255, 0.35) !important; }

.bg-fade-dark-04 { background-color: rgba(0, 0, 0, 0.4) !important; }

.bg-fade-white-04 { background-color: rgba(255, 255, 255, 0.4) !important; }

.bg-fade-dark-045 { background-color: rgba(0, 0, 0, 0.45) !important; }

.bg-fade-white-045 { background-color: rgba(255, 255, 255, 0.45) !important; }

.bg-fade-dark-05 { background-color: rgba(0, 0, 0, 0.5) !important; }

.bg-fade-white-05 { background-color: rgba(255, 255, 255, 0.5) !important; }

.bg-fade-dark-055 { background-color: rgba(0, 0, 0, 0.55) !important; }

.bg-fade-white-055 { background-color: rgba(255, 255, 255, 0.55) !important; }

.bg-fade-dark-06 { background-color: rgba(0, 0, 0, 0.6) !important; }

.bg-fade-white-06 { background-color: rgba(255, 255, 255, 0.6) !important; }

.bg-fade-dark-065 { background-color: rgba(0, 0, 0, 0.65) !important; }

.bg-fade-white-065 { background-color: rgba(255, 255, 255, 0.65) !important; }

.bg-fade-dark-07 { background-color: rgba(0, 0, 0, 0.7) !important; }

.bg-fade-white-07 { background-color: rgba(255, 255, 255, 0.7) !important; }

.bg-fade-dark-075 { background-color: rgba(0, 0, 0, 0.75) !important; }

.bg-fade-white-075 { background-color: rgba(255, 255, 255, 0.75) !important; }

.bg-fade-dark-08 { background-color: rgba(0, 0, 0, 0.8) !important; }

.bg-fade-white-08 { background-color: rgba(255, 255, 255, 0.8) !important; }

.bg-fade-dark-085 { background-color: rgba(0, 0, 0, 0.85) !important; }

.bg-fade-white-085 { background-color: rgba(255, 255, 255, 0.85) !important; }

.bg-hover-secondary:hover { background-color: var(--color-secondary) !important; }

.bg-hover-secondary:hover { background-color: var(--color-secondary) !important; }

.bg-hover-white:hover { background-color: #fff !important; }

.bg-hover-light:hover { background-color: #f7f8fb !important; }

.bg-hover-dark:hover { background-color: #212121 !important; }

.bg-hover-charade:hover { background-color: #2D323D !important; }

.bg-hover-tundora:hover { background-color: #40383C !important; }

.bg-gradient-primary-lr { background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop))) !important; background: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important; }

.bg-gradient-primary-rl { background: -webkit-gradient(linear, right top, left top, from(var(--color-gradient-start)), to(var(--color-gradient-stop))) !important; background: linear-gradient(to left, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important; }

.bg-gradient-primary-tb { background: -webkit-gradient(linear, left top, left bottom, from(var(--color-gradient-start)), to(var(--color-gradient-stop))) !important; background: linear-gradient(to bottom, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important; }

.bg-gradient-primary-bt { background: -webkit-gradient(linear, left bottom, left top, from(var(--color-gradient-start)), to(var(--color-gradient-stop))) !important; background: linear-gradient(to top, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important; }

.bg-gradient-primary-tl { background: -webkit-gradient(linear, right bottom, left top, from(var(--color-gradient-start)), to(var(--color-gradient-stop))) !important; background: linear-gradient(to top left, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important; }

.bg-gradient-primary-tr { background: -webkit-gradient(linear, left bottom, right top, from(var(--color-gradient-start)), to(var(--color-gradient-stop))) !important; background: linear-gradient(to top right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important; }

.bg-gradient-primary-br { background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(var(--color-gradient-stop))) !important; background: linear-gradient(to bottom right, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important; }

.bg-gradient-primary-bl { background: -webkit-gradient(linear, right top, left bottom, from(var(--color-gradient-start)), to(var(--color-gradient-stop))) !important; background: linear-gradient(to bottom left, var(--color-gradient-start) 0%, var(--color-gradient-stop) 100%) !important; }

.bg-gradient-secondary-lr { background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start-secondary)), to(var(--color-gradient-stop-secondary))) !important; background: linear-gradient(to right, var(--color-gradient-start-secondary) 0%, var(--color-gradient-stop-secondary) 100%) !important; }

.bg-gradient-secondary-rl { background: -webkit-gradient(linear, right top, left top, from(var(--color-gradient-start-secondary)), to(var(--color-gradient-stop-secondary))) !important; background: linear-gradient(to left, var(--color-gradient-start-secondary) 0%, var(--color-gradient-stop-secondary) 100%) !important; }

.bg-gradient-secondary-tb { background: -webkit-gradient(linear, left top, left bottom, from(var(--color-gradient-start-secondary)), to(var(--color-gradient-stop-secondary))) !important; background: linear-gradient(to bottom, var(--color-gradient-start-secondary) 0%, var(--color-gradient-stop-secondary) 100%) !important; }

.bg-gradient-secondary-bt { background: -webkit-gradient(linear, left bottom, left top, from(var(--color-gradient-start-secondary)), to(var(--color-gradient-stop-secondary))) !important; background: linear-gradient(to top, var(--color-gradient-start-secondary) 0%, var(--color-gradient-stop-secondary) 100%) !important; }

.bg-gradient-secondary-tl { background: -webkit-gradient(linear, right bottom, left top, from(var(--color-gradient-start-secondary)), to(var(--color-gradient-stop-secondary))) !important; background: linear-gradient(to top left, var(--color-gradient-start-secondary) 0%, var(--color-gradient-stop-secondary) 100%) !important; }

.bg-gradient-secondary-tr { background: -webkit-gradient(linear, left bottom, right top, from(var(--color-gradient-start-secondary)), to(var(--color-gradient-stop-secondary))) !important; background: linear-gradient(to top right, var(--color-gradient-start-secondary) 0%, var(--color-gradient-stop-secondary) 100%) !important; }

.bg-gradient-secondary-br { background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start-secondary)), to(var(--color-gradient-stop-secondary))) !important; background: linear-gradient(to bottom right, var(--color-gradient-start-secondary) 0%, var(--color-gradient-stop-secondary) 100%) !important; }

.bg-gradient-secondary-bl { background: -webkit-gradient(linear, right top, left bottom, from(var(--color-gradient-start-secondary)), to(var(--color-gradient-stop-secondary))) !important; background: linear-gradient(to bottom left, var(--color-gradient-start-secondary) 0%, var(--color-gradient-stop-secondary) 100%) !important; }

.bg-gradient-tertiary-lr { background: -webkit-gradient(linear, left top, right top, from(var(--color-gradient-start-tertiary)), to(var(--color-gradient-stop-tertiary))) !important; background: linear-gradient(to right, var(--color-gradient-start-tertiary) 0%, var(--color-gradient-stop-tertiary) 100%) !important; }

.bg-gradient-tertiary-rl { background: -webkit-gradient(linear, right top, left top, from(var(--color-gradient-start-tertiary)), to(var(--color-gradient-stop-tertiary))) !important; background: linear-gradient(to left, var(--color-gradient-start-tertiary) 0%, var(--color-gradient-stop-tertiary) 100%) !important; }

.bg-gradient-tertiary-tb { background: -webkit-gradient(linear, left top, left bottom, from(var(--color-gradient-start-tertiary)), to(var(--color-gradient-stop-tertiary))) !important; background: linear-gradient(to bottom, var(--color-gradient-start-tertiary) 0%, var(--color-gradient-stop-tertiary) 100%) !important; }

.bg-gradient-tertiary-bt { background: -webkit-gradient(linear, left bottom, left top, from(var(--color-gradient-start-tertiary)), to(var(--color-gradient-stop-tertiary))) !important; background: linear-gradient(to top, var(--color-gradient-start-tertiary) 0%, var(--color-gradient-stop-tertiary) 100%) !important; }

.bg-gradient-tertiary-tl { background: -webkit-gradient(linear, right bottom, left top, from(var(--color-gradient-start-tertiary)), to(var(--color-gradient-stop-tertiary))) !important; background: linear-gradient(to top left, var(--color-gradient-start-tertiary) 0%, var(--color-gradient-stop-tertiary) 100%) !important; }

.bg-gradient-tertiary-tr { background: -webkit-gradient(linear, left bottom, right top, from(var(--color-gradient-start-tertiary)), to(var(--color-gradient-stop-tertiary))) !important; background: linear-gradient(to top right, var(--color-gradient-start-tertiary) 0%, var(--color-gradient-stop-tertiary) 100%) !important; }

.bg-gradient-tertiary-br { background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start-tertiary)), to(var(--color-gradient-stop-tertiary))) !important; background: linear-gradient(to bottom right, var(--color-gradient-start-tertiary) 0%, var(--color-gradient-stop-tertiary) 100%) !important; }

.bg-gradient-tertiary-bl { background: -webkit-gradient(linear, right top, left bottom, from(var(--color-gradient-start-tertiary)), to(var(--color-gradient-stop-tertiary))) !important; background: linear-gradient(to bottom left, var(--color-gradient-start-tertiary) 0%, var(--color-gradient-stop-tertiary) 100%) !important; }

.bg-gradient-black-transparent-tb { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(transparent)) !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%) !important; }

.bg-gradient-black-transparent-bt { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent)) !important; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%) !important; }

.bg-gradient-black-transparent-lr { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(transparent)) !important; background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, transparent 100%) !important; }

.bg-gradient-black-transparent-rl { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.7)), to(transparent)) !important; background: linear-gradient(to left, rgba(0, 0, 0, 0.7) 0%, transparent 100%) !important; }

.bg-gradient-cream { background: -webkit-gradient(linear, left top, left bottom, from(#fff8f5), color-stop(50%, #ffffff)); background: linear-gradient(180deg, #fff8f5 0%, #ffffff 50%); }

.bg-gradient-primary-35p { background: -webkit-gradient(linear, left top, right top, from(var(--color-primary)), color-stop(35%, var(--color-primary)), color-stop(35%, transparent)); background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) 35%, transparent 35%); }

.bg-fixed { background-attachment: fixed; }

.bg-cover { background-size: cover !important; }

.bg-contain { background-size: contain !important; }

.bg-no-repeat { background-repeat: no-repeat !important; }

.bg-center { background-position: center !important; }

.bg-left-center { background-position: left center !important; }

.bg-left-top { background-position: left top !important; }

.bg-left-bottom { background-position: left bottom !important; }

.bg-right-center { background-position: right center !important; }

.bg-right-top { background-position: right top !important; }

.bg-right-bottom { background-position: right bottom !important; }

.bg-center-bottom { background-position: center bottom !important; }

.bg-center-top { background-position: center top !important; }

.bg-none { background-image: none !important; }

/* ===== Background colors ends here ===== */


h1 a, h2 a, h3 a, h4 a, p, p small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, p span, ul li, ol li {
  font-family: "Poppins", Roboto, Overlock, Helvetica, sans-serif;
    /*display: contents;*/
}
h1, h2, h3, h4, h5, h6 {  font-family: "Playfair", Poppins, Roboto; }

p, ul li { line-height: 1.7em; }

p small.normaltext{
  text-transform: none;
  display: contents;
}
p span.normaltext, p.normaltext{
  text-transform: none;
  line-height: normal;
}
h1 {
  line-height:normal;
  margin-top: 10;
}

h2 {
  line-height:normal;
  margin-top: 10;
}

h3 {
  line-height: normal;
}
h4 {
  font-size: 24px;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
}
h5 {
  font-size: 172px;
  line-height: 1;
  letter-spacing: 0.02em;
}

ul li, ol li {
  line-height: normal;
  letter-spacing: 0;
}

a {
  color:var(--red);
  line-height:normal;
  margin-top: 0;
  text-decoration: none;
}
a:hover {
  color:var(--blue);
}
a, a:focus, a:active, a:hover, a i{
  -webkit-transition:.35s;
  transition:.35s;

}
a.link2 {
  color:rgba(246,30,71);
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  line-height:normal;
  margin-top: 0;

  text-decoration: none;
 }
a.link2:hover {
  color:rgba(41,38,95,.9);
  border-bottom: none;
}
a.link2, a.link2:focus, a.link2:active, a.link2:hover, a.link2 i{
  -webkit-transition:.35s;
  transition:.35s;
}



/* ===== BLEND MODE ===== */
.blend-darken{mix-blend-mode: darken;}
.blend-multiply{mix-blend-mode: multiply;}
.blend-color-burn{mix-blend-mode: color-burn;}
.blend-lighten{mix-blend-mode: lighten;}
.blend-screen{mix-blend-mode: screen;}
.blend-color-dodge{mix-blend-mode: color-dodge;}
.blend-overlay{mix-blend-mode: overlay;}
.blend-soft-light{mix-blend-mode: soft-light;}
.blend-hard-light{mix-blend-mode: hard-light;}
.blend-difference{mix-blend-mode: difference;}
.blend-exclusion{mix-blend-mode: exclusion;}
.blend-hue{mix-blend-mode: hue;}
.blend-saturation{mix-blend-mode: saturation;}
.blend-color{mix-blend-mode: color;}
.blend-luminosity{mix-blend-mode: luminosity;}
/* ===== BLEND MODE ===== */


/* ===== Text Color starts here ===== */

.text-white, p.text-white, h1.text-white, h2.text-white, h3.text-white, h4.text-white, h5.text-white, small.text-white, span.text-white{
  color: var(--white) !important; }

.text-blue, a.text-blue, p.text-blue, h1.text-blue, h2.text-blue, h3.text-blue, h4.text-blue, h5.text-blue, small.text-blue, span.text-blue{
  color: var(--blue) }

.text-blue-light, .text-blue-light p, .text-blue-light span, .text-blue-light h1, .text-blue-light h2, .text-blue-light h3, .text-blue-light h4, .text-blue-light h5{
  color: var(--blue-light) !important }
.text-blue-lighter, .text-blue-lighter p, .text-blue-lighter span, .text-blue-lighter h1, .text-blue-lighter h2, .text-blue-lighter h3, .text-blue-lighter h4, .text-blue-lighter h5{
  color: var(--blue-lighter) }
.text-dark-blue, p.text-dark-blue, h1.text-dark-blue, h2.text-dark-blue, h3.text-dark-blue, h4.text-dark-blue, h5.text-dark-blue, small.text-dark-blue, span.text-dark-blue{
  color: var(--blue) }
a.text-red-hover:hover{color: var(--blue) !important }


.text-red-dark, p.text-red-dark, h1.text-red-dark, h2.text-red-dark, h3.text-red-dark, h4.text-red-dark, h5.text-red-dark, small.text-red-dark, span.text-red-dark{
  color: var(--red-dark)}
.text-red, p.text-red, h1.text-red, h2.text-red, h3.text-red, h4.text-red, h5.text-red, small.text-red, span.text-red{
  color: var(--red)}
a.text-red-hover:hover{color: var(--red) !important }
.text-red-light, p.text-red-light, h1.text-red-light, h2.text-red-light, h3.text-red-light, h4.text-red-light, h5.text-red-light, small.text-red-light, span.text-red-light{
  color: var(--red-light) }

.text-grey, .text-grey p, .text-grey span, .text-grey h1, .text-grey h2, .text-grey h3, .text-grey h4, .text-grey h5{ color: var(--grey); }
.text-grey-light, .text-grey-light p, .text-grey-light span, .text-grey-light h1, .text-grey-light h2, .text-grey-light h3, .text-grey-light h4, .text-grey-light h5{  color: var(--grey-light) }
.text-grey-lighter, .text-grey-lighter p, .text-grey-lighter span, .text-grey-lighter h1, .text-grey-lighter h2, .text-grey-lighter h3, .text-grey-lighter h4, .text-grey-lighter h5{  color: var(--grey-lighter) }
.text-grey-dark-blue, .text-grey-dark-blue p, .text-grey-dark-blue span, .text-grey-dark-blue h1, .text-grey-dark-blue h2, .text-grey-dark-blue h3, .text-grey-dark-blue h4, .text-grey-dark-blue h5{  color: var(--grey-dark-blue) }
a.text-grey-hover:hover{color: var(--grey-light) !important }


.text-green, .text-green p, .text-green a, .text-green span, .text-green h1, .text-green h2, .text-green h3, .text-green h4, .text-green h5{
  color: #2bab66 !important; }

.text-yellow, .text-yellow p, .text-yellow span, .text-yellow h1, .text-yellow h2, .text-yellow h3, .text-yellow h4, .text-yellow h5{
  color: #ffe873 !important; }

.text-pink-dark{color: #ea628e !important; }

.text-black { color: #000 !important; }

.text-dark { color: #181b31 !important; }

.text-havelock-blue { color: #4c93dc !important; }

.text-turquoise { color: #3cd3d1 !important; }

.text-neon-carrot { color: #ff8e32 !important; }

.text-arapawa { color: #120a57 !important; }

.text-san-marino { color: #4A62AC !important; }

.text-hover-primary:hover { color: var(--color-primary) !important; }

.text-hover-secondary:hover { color: var(--color-secondary) !important; }

.text-hover-white:hover { color: #fff !important; }

.text-hover-black:hover { color: #000 !important; }

.text-hover-dark:hover { color: #181b31 !important; }

.text-fade-white-01 { color: rgba(255, 255, 255, 0.1) !important; }

.text-fade-dark-01 { color: rgba(0, 0, 0, 0.1) !important; }

.text-fade-white-02 { color: rgba(255, 255, 255, 0.2) !important; }

.text-fade-dark-02 { color: rgba(0, 0, 0, 0.2) !important; }

.text-fade-white-03 { color: rgba(255, 255, 255, 0.3) !important; }

.text-fade-dark-03 { color: rgba(0, 0, 0, 0.3) !important; }

.text-fade-white-04 { color: rgba(255, 255, 255, 0.4) !important; }

.text-fade-dark-04 { color: rgba(0, 0, 0, 0.4) !important; }

.text-fade-white-05 { color: rgba(255, 255, 255, 0.5) !important; }

.text-fade-dark-05 { color: rgba(0, 0, 0, 0.5) !important; }

.text-fade-white-06 { color: rgba(255, 255, 255, 0.6) !important; }

.text-fade-dark-06 { color: rgba(0, 0, 0, 0.6) !important; }

.text-fade-white-07 { color: rgba(255, 255, 255, 0.7) !important; }

.text-fade-dark-07 { color: rgba(0, 0, 0, 0.7) !important; }

.text-fade-white-08 { color: rgba(255, 255, 255, 0.8) !important; }

.text-fade-dark-08 { color: rgba(0, 0, 0, 0.8) !important; }

.text-fade-white-09 { color: rgba(255, 255, 255, 0.9) !important; }

.text-fade-dark-09 { color: rgba(0, 0, 0, 0.9) !important; }

/* ===== Text Color ends here ===== */



/* LINK COLOR */
a, a:focus, a:active, a:hover, a ::after{
  -webkit-transition:.35s;
  transition:.35s; }

.text-red a, a.link-red  {
  color:#FF645C;
  text-decoration: none; }
.text-red a:hover, a:hover.link-red, .text-red a:hover ::after {
  color:#fff;
  border-bottom: none; }

a.text-blue, .text-blue a {
  color:var(--blue) !important;
}
a.text-blue:hover, .text-blue a:hover {
  color:var(--red) !important;
}


.text-blue a, .text-blue a:visited{
  color: #8080ff;
}
.text-blue a:hover, .text-blue a:hover span{color:#000;}
.redblue a{ color:rgb(246,30,71); }
.redblue a:hover {
  color:rgb(122, 205, 159);
  border-bottom: none; }

.link-green a{ color:#FF645C;}
.link-green a:hover { color:#8080ff; border-bottom: none; }
a.hover-white:hover, a.hover-white:hover span{color: #fff !important}

/* CUSTOM FONTS */
.font-playfair, .font-playfair a{ font-family: "Playfair Display" !important;}
.font-playfair a:hover, .font-calistoga a:hover{color: #fff;}
.font-calistoga, .font-calistoga a{
  font-family: "Calistoga";
  font-weight: 400;
  letter-spacing: 4px;
}
.font-eagle-lake, .font-eagle-lake a{ font-family: "Eagle Lake" !important;}

.font-spacing-0-04x{ letter-spacing: 0.04em;}

/* ===== Font Size, Weight starts here ===== */

.font-size-10 { font-size: 10px !important; }

.font-size-11 { font-size: 11px !important; }

.font-size-12 { font-size: 12px !important; }

.font-size-13 { font-size: 13px !important; }

.font-size-14 { font-size: 14px !important; }

.font-size-15 { font-size: 15px !important; }

.font-size-16 { font-size: 16px !important; }

.font-size-17 { font-size: 17px !important; }

.font-size-18 { font-size: 18px !important; }

.font-size-19 { font-size: 19px !important; }

.font-size-20 { font-size: 20px !important; }

.font-size-21 { font-size: 21px !important; }

.font-size-22 { font-size: 22px !important; }

.font-size-24 { font-size: 24px !important; }

.font-size-26 { font-size: 26px !important; }

.font-size-28 { font-size: 28px !important; }

.font-size-30 { font-size: 30px !important; }

.font-size-32 { font-size: 32px !important; }

.font-size-34 { font-size: 34px !important; }

.font-size-35 { font-size: 35px !important; }

.font-size-36 { font-size: 36px !important; }

.font-size-38 { font-size: 38px !important; }

.font-size-40 { font-size: 40px !important; }

.font-size-42 { font-size: 42px !important; }

.font-size-44 { font-size: 44px !important; }

.font-size-46 { font-size: 46px !important; }

.font-size-48 { font-size: 48px !important; }

.font-size-50 { font-size: 50px !important; }

.font-size-120 { font-size: 120px !important; }


.font-size-0-9x { font-size: .9em; }

.font-size-1x { font-size: 1em; }

.font-size-1-15x { font-size: 1.15em; }

.font-size-1-25x { font-size: 1.25em; }

.font-size-1-5x { font-size: 1.5em; }

.font-size-1-6x { font-size: 1.6em; }

.font-size-1-75x { font-size: 1.75em; }

.font-size-2x { font-size: 2em; }

.font-size-2-15x { font-size: 2.15em; }

.font-size-2-25x { font-size: 2.25em; }

.font-size-2-5x { font-size: 2.5em; }

.font-size-2-6x { font-size: 2.6em; }

.font-size-2-75x { font-size: 2.75em; }

.font-size-3x { font-size: 3em; }

.font-size-3-15x { font-size: 3.15em; }

.font-size-3-3x { font-size: 3.3em; }

.font-size-4x { font-size: 4em; }

.font-size-4-15x { font-size: 4.15em; }

.font-size-4-25x { font-size: 4.25em; }

.font-size-5x { font-size: 5em; }

.font-size-5-15x { font-size: 5.15em; }

.font-size-5-25x { font-size: 5.25em; }

.font-size-6x { font-size: 6em; }

.font-size-6-15x { font-size: 6.15em; }

.font-size-6-25x { font-size: 6.25em; }

.font-size-8x { font-size: 8em; }

.font-size-8-15x { font-size: 8.15em; }

.font-size-8-25x { font-size: 8.25em; }

.font-size-10x { font-size: 10em !important; }

.font-size-10-15x { font-size: 10.15em !important; }

.font-size-10-25x { font-size: 10.25em !important; }

.font-size-11x { font-size: 11em !important; }

.font-size-11-15x { font-size: 11.15em !important; }

.font-size-11-25x { font-size: 11.25em !important; }

.font-size-12x { font-size: 12em !important; }

.font-size-12-15x { font-size: 12.15em !important; }

.font-size-12-25x { font-size: 12.25em !important; }

.font-size-12-5x { font-size: 12.5em !important; }

.font-size-12-6x { font-size: 12.6em !important; }

.font-size-12-8x { font-size: 12.8em !important; }


@media (max-width: 1366px) { 
  .font-size-10 { font-size: 10px !important; }

  .font-size-11 { font-size: 11px !important; }

  .font-size-12 { font-size: 12px !important; }

  .font-size-13 { font-size: 13px !important; }

  .font-size-14 { font-size: 14px !important; }

  .font-size-15 { font-size: 15px !important; }

  .font-size-16 { font-size: 16px !important; }

  .font-size-17 { font-size: 17px !important; }

  .font-size-18 { font-size: 18px !important; }

  .font-size-19 { font-size: 19px !important; }

  .font-size-20 { font-size: 20px !important; }

  .font-size-21 { font-size: 21px !important; }

  .font-size-22 { font-size: 22px !important; }

  .font-size-24 { font-size: 24px !important; }

  .font-size-26 { font-size: 26px !important; }

  .font-size-28 { font-size: 28px !important; }

  .font-size-30 { font-size: 30px !important; }

  .font-size-32 { font-size: 32px !important; }

  .font-size-34 { font-size: 34px !important; }

  .font-size-35 { font-size: 35px !important; }

  .font-size-36 { font-size: 36px !important; }

  .font-size-38 { font-size: 38px !important; }

  .font-size-40 { font-size: 40px !important; }

  .font-size-42 { font-size: 42px !important; }

  .font-size-44 { font-size: 44px !important; }

  .font-size-46 { font-size: 46px !important; }

  .font-size-48 { font-size: 48px !important; }

  .font-size-50 { font-size: 50px !important; }

  .font-size-120 { font-size: 120px !important; }


  .font-size-0-9x { font-size: 0.7em; }

  .font-size-1x { font-size: 0.75em; }

  .font-size-1-15x { font-size: 0.90em; }

  .font-size-1-25x { font-size: 1.00em; }

  .font-size-1-5x { font-size: 1.1em; }

  .font-size-1-6x { font-size: 1.60em; }

  .font-size-1-75x { font-size: 1.75em; }

  .font-size-2x { font-size: 1.7em; }

  .font-size-2-15x { font-size: 1.90em; }

  .font-size-2-25x { font-size: 2.00em; }

  .font-size-2-5x { font-size: 2.25em; }

  .font-size-2-6x { font-size: 2.6em; }

  .font-size-2-75x { font-size: 2.75em; }

  .font-size-3x { font-size: 3em; }

  .font-size-3-15x { font-size: 3.0em; }

  .font-size-3-3x { font-size: 3.1em; }

  .font-size-4x { font-size: 3em; }

  .font-size-4-15x { font-size: 3.90em; }

  .font-size-4-25x { font-size: 4em; }

    .font-size-5x { font-size: 3em; }

    .font-size-5-15x { font-size: 3.15em; }

    .font-size-5-25x { font-size: 3.25em; }

    .font-size-6x { font-size: 4em; }

    .font-size-6-15x { font-size: 4.15em; }

    .font-size-6-25x { font-size: 4.25em; }

    .font-size-8x { font-size: 5em; }

    .font-size-8-15x { font-size: 5.15em; }

    .font-size-8-25x { font-size: 5.25em; }

    .font-size-10x { font-size: 7em !important; }

    .font-size-10-15x { font-size: 7.15em !important; }

    .font-size-10-25x { font-size: 7.25em !important; }

    .font-size-11x { font-size: 8em !important; }

    .font-size-11-15x { font-size: 8.15em !important; }

    .font-size-11-25x { font-size: 8.25em !important; }
    
  .font-size-12x { font-size: 9em !important; }

  .font-size-12-15x { font-size: 9.15em !important; }

  .font-size-12-25x { font-size: 9.25em !important; }

  .font-size-12-5x { font-size: 9.5em !important; }

  .font-size-12-6x { font-size: 9.6em !important; }

  .font-size-12-8x { font-size: 9.8em !important; }

}
@media (max-width: 920px) { 
  .font-size-0-9x { font-size: 0.5em; }

  .font-size-1x { font-size: 0.55em; }

  .font-size-1-15x { font-size: 0.90em; }

  .font-size-1-25x { font-size: 1.00em; }

  .font-size-1-5x { font-size: 1.25em; }

  .font-size-1-6x { font-size: 1.60em; }

  .font-size-1-75x { font-size: 1.75em; }

  .font-size-2x { font-size: 1.5em; }

  .font-size-2-15x { font-size: 1.90em; }

  .font-size-2-25x { font-size: 2.00em; }

  .font-size-2-5x { font-size: 2.25em; }

  .font-size-2-6x { font-size: 2.6em; }

  .font-size-2-75x { font-size: 2.75em; }

  .font-size-3x { font-size: 3em; }

  .font-size-3-15x { font-size: 3.0em; }

  .font-size-3-3x { font-size: 2.1em; }

  .font-size-4x { font-size: 2.50em; }

  .font-size-4-15x { font-size: 3em; }

  .font-size-4-25x { font-size: 3.20em; }

    .font-size-5x { font-size: 3em; }

    .font-size-5-15x { font-size: 3.15em; }

    .font-size-5-25x { font-size: 3.25em; }

    .font-size-6x { font-size: 4em; }

    .font-size-6-15x { font-size: 4.15em; }

    .font-size-6-25x { font-size: 4.25em; }

    .font-size-8x { font-size: 5em; }

    .font-size-8-15x { font-size: 5.15em; }

    .font-size-8-25x { font-size: 5.25em; }

    .font-size-10x { font-size: 7em !important; }

    .font-size-10-15x { font-size: 7.15em !important; }

    .font-size-10-25x { font-size: 7.25em !important; }

    .font-size-11x { font-size: 8em !important; }

    .font-size-11-15x { font-size: 8.15em !important; }

    .font-size-11-25x { font-size: 8.25em !important; }
    
  .font-size-12x { font-size: 4em !important; }

  .font-size-12-15x { font-size: 6.15em !important; }

  .font-size-12-25x { font-size: 6.25em !important; }

  .font-size-12-5x { font-size: 6.5em !important; }

  .font-size-12-6x { font-size: 6.6em !important; }

  .font-size-12-8x { font-size: 6.8em !important; }

}


.f-weight-100{ font-weight: 100;}
.f-weight-200{ font-weight: 200;}
.f-weight-300{ font-weight: 300;}
.f-weight-400{ font-weight: 400;}
.f-weight-500{ font-weight: 500;}
.f-weight-600{ font-weight: 600;}
.f-weight-700{ font-weight: 700;}
.f-weight-800{ font-weight: 800;}
.f-weight-900{ font-weight: 900;}

.f-style-normal{font-style:normal;}
.f-style-italic{font-style:italic;}
.f-style-oblique{font-style:oblique;}

/* ===== Font Size, Weight ends here ===== */



/* ===== max inline ===== */

.max-inline-520{ max-inline-size: 520px; }

.max-inline-620{ max-inline-size: 620px; }

.max-inline-720{ max-inline-size: 720px; }

.max-inline-820{ max-inline-size: 820px; }

.max-inline-1080{ max-inline-size: 1080px; }



.border-white { border: 1px solid var(--white); }
.border-red-light { border: 1px solid var(--red-light); }

span.arrow-down span::marker, span.arrow-down::after {padding-inline-start:10px; font-size:2.5em;  content: "2193";}
span.arrow-downcurved span::marker, span.arrow-downcurved::after {position: absolute; top: 5px; padding-inline:10px; font-size:2rem;  content: "2935";}
span.arrow-downcurved{position: relative;}



/* ===== Viewport & Sreen Sizes starts here ===== */

.vh10-top{  top: 10vh;}
.vh15-top{  top: 15vh;}
.vh25-top{  top: 25vh;}

.vh-60{ height: 60vh;}
.vh-70{ height: 70vh;}
.vh-75{ height: 75vh;}
.vh-80{ height: 80vh;}
.vh-85{ height: 85vh;}
.vh-90{ height: 90vh;}
/* ===== vh-100 in bootstrap-utilities ===== */
.vw-60{ height: 60vw;}
.vw-70{ height: 70vw;}
.vw-75{ height: 75vw;}
.vw-80{ height: 80vw;}
.vw-85{ width: 85vw;}
.vw-90{ width: 90vw;}
/* ===== .vw-100 {... } in bootstrap-utilities ===== */

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

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

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

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

/* ===== .w-25 { ... } in bootstrap-utilities ===== */

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

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

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

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

/* ===== .w-50 { ... } in bootstrap-utilities ===== */

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

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

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

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

/* ===== .w-75 { ... } in bootstrap-utilities ===== */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ===== Viewport & Sreen Sizes end here ===== */



.mtem-10{margin-top: 10em;}
.overflowx-hidden{
  overflow-x: hidden;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-6 { margin: 4.5rem !important; }

.mt-6, .my-6 { margin-top: 4.5rem !important; }

.mb-6, .my-6 { margin-bottom: 4.5rem !important; }

.ml-6, .mx-6 { margin-left: 4.5rem !important; }

.mr-6, .mx-6 { margin-right: 4.5rem !important; }

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

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

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

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

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

.m-8 { margin: 5.5rem !important; }

.mt-8, .my-8 { margin-top: 5.5rem !important; }

.mb-8, .my-8 { margin-bottom: 5.5rem !important; }

.ml-8, .mx-8 { margin-left: 5.5rem !important; }

.mr-8, .mx-8 { margin-right: 5.5rem !important; }

.m-9 { margin: 6rem !important; }

.mt-9, .my-9 { margin-top: 6rem !important; }

.mb-9, .my-9 { margin-bottom: 6rem !important; }

.ml-9, .mx-9 { margin-left: 6rem !important; }

.mr-9, .mx-9 { margin-right: 6rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-6 { padding: 4.5rem !important; }

.pt-6, .py-6 { padding-top: 4.5rem !important; }

.pb-6, .py-6 { padding-bottom: 4.5rem !important; }

.pl-6, .px-6 { padding-left: 4.5rem !important; }

.pr-6, .px-6 { padding-right: 4.5rem !important; }

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

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

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

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

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

.p-8 { padding: 5.5rem !important; }

.pt-8, .py-8 { padding-top: 5.5rem !important; }

.pb-8, .py-8 { padding-bottom: 5.5rem !important; }

.pl-8, .px-8 { padding-left: 5.5rem !important; }

.pr-8, .px-8 { padding-right: 5.5rem !important; }

.p-9 { padding: 6rem !important; }

.pt-9, .py-9 { padding-top: 6rem !important; }

.pb-9, .py-9 { padding-bottom: 6rem !important; }

.pl-9, .px-9 { padding-left: 6rem !important; }

.pr-9, .px-9 { padding-right: 6rem !important; }

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

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

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

@media (min-width: 768px) { .m-sm-0 { margin: 0 !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .m-sm-6 { margin: 4.5rem !important; }
  .mt-sm-6, .my-sm-6 { margin-top: 4.5rem !important; }
  .mb-sm-6, .my-sm-6 { margin-bottom: 4.5rem !important; }
  .ml-sm-6, .mx-sm-6 { margin-left: 4.5rem !important; }
  .mr-sm-6, .mx-sm-6 { margin-right: 4.5rem !important; }
  .m-sm-7 { margin: 5rem !important; }
  .mt-sm-7, .my-sm-7 { margin-top: 5rem !important; }
  .mb-sm-7, .my-sm-7 { margin-bottom: 5rem !important; }
  .ml-sm-7, .mx-sm-7 { margin-left: 5rem !important; }
  .mr-sm-7, .mx-sm-7 { margin-right: 5rem !important; }
  .m-sm-8 { margin: 5.5rem !important; }
  .mt-sm-8, .my-sm-8 { margin-top: 5.5rem !important; }
  .mb-sm-8, .my-sm-8 { margin-bottom: 5.5rem !important; }
  .ml-sm-8, .mx-sm-8 { margin-left: 5.5rem !important; }
  .mr-sm-8, .mx-sm-8 { margin-right: 5.5rem !important; }
  .m-sm-9 { margin: 6rem !important; }
  .mt-sm-9, .my-sm-9 { margin-top: 6rem !important; }
  .mb-sm-9, .my-sm-9 { margin-bottom: 6rem !important; }
  .ml-sm-9, .mx-sm-9 { margin-left: 6rem !important; }
  .mr-sm-9, .mx-sm-9 { margin-right: 6rem !important; }
  .p-sm-0 { padding: 0 !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .p-sm-5 { padding: 2.6rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .p-sm-6 { padding: 4.5rem !important; }
  .pt-sm-6, .py-sm-6 { padding-top: 4.5rem !important; }
  .pb-sm-6, .py-sm-6 { padding-bottom: 4.5rem !important; }
  .pl-sm-6, .px-sm-6 { padding-left: 4.5rem !important; }
  .pr-sm-6, .px-sm-6 { padding-right: 4.5rem !important; }
  .p-sm-7 { padding: 5rem !important; }
  .pt-sm-7, .py-sm-7 { padding-top: 5rem !important; }
  .pb-sm-7, .py-sm-7 { padding-bottom: 5rem !important; }
  .pl-sm-7, .px-sm-7 { padding-left: 5rem !important; }
  .pr-sm-7, .px-sm-7 { padding-right: 5rem !important; }
  .p-sm-8 { padding: 5.5rem !important; }
  .pt-sm-8, .py-sm-8 { padding-top: 5.5rem !important; }
  .pb-sm-8, .py-sm-8 { padding-bottom: 5.5rem !important; }
  .pl-sm-8, .px-sm-8 { padding-left: 5.5rem !important; }
  .pr-sm-8, .px-sm-8 { padding-right: 5.5rem !important; }
  .p-sm-9 { padding: 6rem !important; }
  .pt-sm-9, .py-sm-9 { padding-top: 6rem !important; }
  .pb-sm-9, .py-sm-9 { padding-bottom: 6rem !important; }
  .pl-sm-9, .px-sm-9 { padding-left: 6rem !important; }
  .pr-sm-9, .px-sm-9 { padding-right: 6rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } 
}

@media (min-width: 992px) { .m-md-0 { margin: 0 !important; }
  .mt-md-0, .my-md-0 { margin-top: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .m-md-6 { margin: 4.5rem !important; }
  .mt-md-6, .my-md-6 { margin-top: 4.5rem !important; }
  .mb-md-6, .my-md-6 { margin-bottom: 4.5rem !important; }
  .ml-md-6, .mx-md-6 { margin-left: 4.5rem !important; }
  .mr-md-6, .mx-md-6 { margin-right: 4.5rem !important; }
  .m-md-7 { margin: 5rem !important; }
  .mt-md-7, .my-md-7 { margin-top: 5rem !important; }
  .mb-md-7, .my-md-7 { margin-bottom: 5rem !important; }
  .ml-md-7, .mx-md-7 { margin-left: 5rem !important; }
  .mr-md-7, .mx-md-7 { margin-right: 5rem !important; }
  .m-md-8 { margin: 5.5rem !important; }
  .mt-md-8, .my-md-8 { margin-top: 5.5rem !important; }
  .mb-md-8, .my-md-8 { margin-bottom: 5.5rem !important; }
  .ml-md-8, .mx-md-8 { margin-left: 5.5rem !important; }
  .mr-md-8, .mx-md-8 { margin-right: 5.5rem !important; }
  .m-md-9 { margin: 6rem !important; }
  .mt-md-9, .my-md-9 { margin-top: 6rem !important; }
  .mb-md-9, .my-md-9 { margin-bottom: 6rem !important; }
  .ml-md-9, .mx-md-9 { margin-left: 6rem !important; }
  .mr-md-9, .mx-md-9 { margin-right: 6rem !important; }
  .p-md-0 { padding: 0 !important; }
  .pt-md-0, .py-md-0 { padding-top: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-left: 0 !important; }
  .pr-md-0, .px-md-0 { padding-right: 0 !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 2.6rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 2.6rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 2.6rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 2.6rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .p-md-6 { padding: 4.5rem !important; }
  .pt-md-6, .py-md-6 { padding-top: 4.5rem !important; }
  .pb-md-6, .py-md-6 { padding-bottom: 4.5rem !important; }
  .pl-md-6, .px-md-6 { padding-left: 4.5rem !important; }
  .pr-md-6, .px-md-6 { padding-right: 4.5rem !important; }
  .p-md-7 { padding: 5rem !important; }
  .pt-md-7, .py-md-7 { padding-top: 5rem !important; }
  .pb-md-7, .py-md-7 { padding-bottom: 5rem !important; }
  .pl-md-7, .px-md-7 { padding-left: 5rem !important; }
  .pr-md-7, .px-md-7 { padding-right: 5rem !important; }
  .p-md-8 { padding: 5.5rem !important; }
  .pt-md-8, .py-md-8 { padding-top: 5.5rem !important; }
  .pb-md-8, .py-md-8 { padding-bottom: 5.5rem !important; }
  .pl-md-8, .px-md-8 { padding-left: 5.5rem !important; }
  .pr-md-8, .px-md-8 { padding-right: 5.5rem !important; }
  .p-md-9 { padding: 6rem !important; }
  .pt-md-9, .py-md-9 { padding-top: 6rem !important; }
  .pb-md-9, .py-md-9 { padding-bottom: 6rem !important; }
  .pl-md-9, .px-md-9 { padding-left: 6rem !important; }
  .pr-md-9, .px-md-9 { padding-right: 6rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } 
}

@media (min-width: 1200px) /* breakpoint lg */ { 
  .m-lg-0 { margin: 0 !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .m-lg-6 { margin: 4.5rem !important; }
  .mt-lg-6, .my-lg-6 { margin-top: 4.5rem !important; }
  .mb-lg-6, .my-lg-6 { margin-bottom: 4.5rem !important; }
  .ml-lg-6, .mx-lg-6 { margin-left: 4.5rem !important; }
  .mr-lg-6, .mx-lg-6 { margin-right: 4.5rem !important; }
  .m-lg-7 { margin: 5rem !important; }
  .mt-lg-7, .my-lg-7 { margin-top: 5rem !important; }
  .mb-lg-7, .my-lg-7 { margin-bottom: 5rem !important; }
  .ml-lg-7, .mx-lg-7 { margin-left: 5rem !important; }
  .mr-lg-7, .mx-lg-7 { margin-right: 5rem !important; }
  .m-lg-8 { margin: 5.5rem !important; }
  .mt-lg-8, .my-lg-8 { margin-top: 5.5rem !important; }
  .mb-lg-8, .my-lg-8 { margin-bottom: 5.5rem !important; }
  .ml-lg-8, .mx-lg-8 { margin-left: 5.5rem !important; }
  .mr-lg-8, .mx-lg-8 { margin-right: 5.5rem !important; }
  .m-lg-9 { margin: 6rem !important; }
  .mt-lg-9, .my-lg-9 { margin-top: 6rem !important; }
  .mb-lg-9, .my-lg-9 { margin-bottom: 6rem !important; }
  .ml-lg-9, .mx-lg-9 { margin-left: 6rem !important; }
  .mr-lg-9, .mx-lg-9 { margin-right: 6rem !important; }
  .p-lg-0 { padding: 0 !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .p-lg-6 { padding: 4.5rem !important; }
  .pt-lg-6, .py-lg-6 { padding-top: 4.5rem !important; }
  .pb-lg-6, .py-lg-6 { padding-bottom: 4.5rem !important; }
  .pl-lg-6, .px-lg-6 { padding-left: 4.5rem !important; }
  .pr-lg-6, .px-lg-6 { padding-right: 4.5rem !important; }
  .p-lg-7 { padding: 5rem !important; }
  .pt-lg-7, .py-lg-7 { padding-top: 5rem !important; }
  .pb-lg-7, .py-lg-7 { padding-bottom: 5rem !important; }
  .pl-lg-7, .px-lg-7 { padding-left: 5rem !important; }
  .pr-lg-7, .px-lg-7 { padding-right: 5rem !important; }
  .p-lg-8 { padding: 5.5rem !important; }
  .pt-lg-8, .py-lg-8 { padding-top: 5.5rem !important; }
  .pb-lg-8, .py-lg-8 { padding-bottom: 5.5rem !important; }
  .pl-lg-8, .px-lg-8 { padding-left: 5.5rem !important; }
  .pr-lg-8, .px-lg-8 { padding-right: 5.5rem !important; }
  .p-lg-9 { padding: 6rem !important; }
  .pt-lg-9, .py-lg-9 { padding-top: 6rem !important; }
  .pb-lg-9, .py-lg-9 { padding-bottom: 6rem !important; }
  .pl-lg-9, .px-lg-9 { padding-left: 6rem !important; }
  .pr-lg-9, .px-lg-9 { padding-right: 6rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
}

@media (min-width: 1400px) /* breakpoint xxl */ { 
  .m-xl-0 { margin: 0 !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .m-xl-6 { margin: 4.5rem !important; }
  .mt-xl-6, .my-xl-6 { margin-top: 4.5rem !important; }
  .mb-xl-6, .my-xl-6 { margin-bottom: 4.5rem !important; }
  .ml-xl-6, .mx-xl-6 { margin-left: 4.5rem !important; }
  .mr-xl-6, .mx-xl-6 { margin-right: 4.5rem !important; }
  .m-xl-7 { margin: 5rem !important; }
  .mt-xl-7, .my-xl-7 { margin-top: 5rem !important; }
  .mb-xl-7, .my-xl-7 { margin-bottom: 5rem !important; }
  .ml-xl-7, .mx-xl-7 { margin-left: 5rem !important; }
  .mr-xl-7, .mx-xl-7 { margin-right: 5rem !important; }
  .m-xl-8 { margin: 5.5rem !important; }
  .mt-xl-8, .my-xl-8 { margin-top: 5.5rem !important; }
  .mb-xl-8, .my-xl-8 { margin-bottom: 5.5rem !important; }
  .ml-xl-8, .mx-xl-8 { margin-left: 5.5rem !important; }
  .mr-xl-8, .mx-xl-8 { margin-right: 5.5rem !important; }
  .m-xl-9 { margin: 6rem !important; }
  .mt-xl-9, .my-xl-9 { margin-top: 6rem !important; }
  .mb-xl-9, .my-xl-9 { margin-bottom: 6rem !important; }
  .ml-xl-9, .mx-xl-9 { margin-left: 6rem !important; }
  .mr-xl-9, .mx-xl-9 { margin-right: 6rem !important; }
  .p-xl-0 { padding: 0 !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .p-xl-6 { padding: 4.5rem !important; }
  .pt-xl-6, .py-xl-6 { padding-top: 4.5rem !important; }
  .pb-xl-6, .py-xl-6 { padding-bottom: 4.5rem !important; }
  .pl-xl-6, .px-xl-6 { padding-left: 4.5rem !important; }
  .pr-xl-6, .px-xl-6 { padding-right: 4.5rem !important; }
  .p-xl-7 { padding: 5rem !important; }
  .pt-xl-7, .py-xl-7 { padding-top: 5rem !important; }
  .pb-xl-7, .py-xl-7 { padding-bottom: 5rem !important; }
  .pl-xl-7, .px-xl-7 { padding-left: 5rem !important; }
  .pr-xl-7, .px-xl-7 { padding-right: 5rem !important; }
  .p-xl-8 { padding: 5.5rem !important; }
  .pt-xl-8, .py-xl-8 { padding-top: 5.5rem !important; }
  .pb-xl-8, .py-xl-8 { padding-bottom: 5.5rem !important; }
  .pl-xl-8, .px-xl-8 { padding-left: 5.5rem !important; }
  .pr-xl-8, .px-xl-8 { padding-right: 5.5rem !important; }
  .p-xl-9 { padding: 6rem !important; }
  .pt-xl-9, .py-xl-9 { padding-top: 6rem !important; }
  .pb-xl-9, .py-xl-9 { padding-bottom: 6rem !important; }
  .pl-xl-9, .px-xl-9 { padding-left: 6rem !important; }
  .pr-xl-9, .px-xl-9 { padding-right: 6rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
}

.wow {  visibility: hidden;}


.bottom150px{ bottom:150px;}

/* WIDTH */
.w800{  max-width:800px;}



@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?keriu1');
  src:  url('fonts/icomoon.eot?keriu1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?keriu1') format('truetype'),
    url('fonts/icomoon.woff?keriu1') format('woff'),
    url('fonts/icomoon.svg?keriu1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-logo-mono2:before {
  content: "e903";
}
.icon-arrow-down:before {
  content: "e900";
  color: #f61e47;
  font-size: .7em;
  /*font-size: 32px;*/
}
.icon-arrow-down{
  text-decoration:none;
}
a.icon-arrow-down:hover{
  color:#29265f;
}




@media (max-width: 1330px) {
  .position{
    position:absolute;
    bottom:50px;
    float:left;
    left:0;
      margin-left: calc(5% + 8px);
  }
  .container{
      max-width: 100%;
      padding-right: 4.5rem;
      padding-left: 4.5rem;
  }
  .navbar .navbar-brand2{
    margin-left:/*calc(.5% + 2px)*/0;
    margin-right:0;
    max-width:50px;
    float:left;
  }
  .navbar{
    padding-right: 4.5rem !important;
  }

}

@media (max-width: 1280px) {
  .logo-top{
    width: 45vw;
    top:20vh;
    right:1vw !important;
  }
  .logo{
    width: 54vw;
  }


}

@media (max-width: 991px) {
  h1, { font-size: 40px;}
  h1.font-calistoga { font-size: 45px; letter-spacing: 1px}
  h2 {
    font-size: 34px;
  }
  h3 {
    font-size: 24px;
    line-height: 36px;
  }
  h1 span, h2 span, h3 span{
    font-size: ;
  }

  p, ul li, ol li{
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  h1 {  font-size: 28px;}
  h1.font-calistoga { font-size: 30px; letter-spacing: 1px}
  h2 {font-size: 20px; line-height: normal;}
  h4 {font-size: 20px; line-height: normal;}
  h1 span,h2 span, p span{margin-bottom:18px; line-height:16px}
  p, ul li, ol li {font-size: 18px; line-height: 30px;}
  .container{
      max-width: 100%;
      padding-right: 2.5rem;
      padding-left: 2.5rem;
  }
  .navbar{
    padding-right: 2.5rem !important;
  }
  span.arrow-downcurved span::marker, span.arrow-downcurved::after {
    top: 2px;
    font-size: 1.6rem;
}
@media (min-width: 640px) {
    }