@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,800;&display=swap'); .libre-franklin {font-family: "Libre Franklin', sans-serif", sans-serif; } .blue {color: #210087; } .lt-blue {color: #4167e2;} .shadow1 {text-shadow: 1px 1px 3px black} .shadow2 {text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.77)} .box-shadow {box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.77)} .home-logo img {max-width: 80%;} .text-bottom {padding-top: 90%;} button.btn.btn-red, .btn:not(.close):not(.mfp-close).btn-red, a.btn:not([href]):not([tabindex]).btn-red { background-color: #4167e2; border-color: #4167e2; } button.btn.btn-red:hover, button.btn.btn-red:focus, button.btn.btn-red:not(:disabled):not(.disabled):active, button.btn.btn-red:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-red:hover, .btn:not(.close):not(.mfp-close).btn-red:focus, .btn:not(.close):not(.mfp-close).btn-red:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-red:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-red:hover, a.btn:not([href]):not([tabindex]).btn-red:focus, a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled).active { background-color: #4167e2; border-color: #4167e2; color: #ffffff; } grid-caption {font-size: 25px; color: red;} .f-100 {font-weight: 100; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-200 {font-weight: 200; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-300 {font-weight: 300; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-400 {font-weight: 400; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-500 {font-weight: 500; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-600 {font-weight: 600; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-700 {font-weight: 700; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-800 {font-weight: 800; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-900-strong {font-weight: 900; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-900 {font-weight: 900; font-family: "Libre Franklin', sans-serif", sans-serif; } .f-800-i {font-weight: 800; font-family: "Libre Franklin', sans-serif", sans-serif; font-style: italic;} strong { font-weight: 900; font-family: "Libre Franklin', sans-serif", sans-serif; } i { font-weight: 100; font-family: "Libre Franklin', sans-serif", sans-serif; font-style: italic;} .italic { font-weight: 100; font-family: "Libre Franklin', sans-serif", sans-serif; font-style: italic;} b { font-weight: 900; font-family: "Libre Franklin', sans-serif", sans-serif; font-style: bold;} .bold { font-weight: 900; font-family: "Libre Franklin', sans-serif", sans-serif; font-style: bold;} .italic {font-family: "Libre Franklin', sans-serif", sans-serif; font-style: italic;} .italic-light { font-weight: 100; font-family: "Libre Franklin', sans-serif", sans-serif; font-style: italic;} .italic-bold { font-weight: 800; font-family: "Libre Franklin', sans-serif", sans-serif; font-style: italic; } .padding {padding: 35px 60px;} .p-t-10 { padding-top: 10px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-300 { padding-top: 300px !important; } .p-t-400 { padding-top: 400px !important; } .p-t-500 { padding-top: 500px !important; } .p-b-500 { padding-bottom: 500px !important; } .p-b-400 { padding-bottom: 400px !important; } .p-b-300 { padding-bottom: 300px !important; } .m-20 {margin: 20px;} .open-sans {font-family: "Libre Franklin', sans-serif", sans-serif; font-weight: 300; font-size: 30px;} /* Typography */ /* ---------------------------------------------------------------- Typography : Reset -----------------------------------------------------------------*/ *, h1, h2, h3, h4, h5, h6, a { margin: 0; padding: 0; text-decoration: none; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } /* ---------------------------------------------------------------- Typography : Font size -----------------------------------------------------------------*/ html { font-size: 88%; } @media all and (max-width: 768px) { html { font-size: 81.25%; } } body { font-size: 1em; line-height: 1.65714286em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Libre Franklin", sans-serif; color: #484848; } p { font-size: 1rem; font-style: normal; font-weight: 400; text-transform: none; line-height: 1.7; letter-spacing: 0; color: #777777; font-family: "Libre Franklin", sans-serif; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Libre Franklin", sans-serif; color: #1f1f1f; margin: 0; letter-spacing: 0.5px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: 100; } h1, .h1 { font-size: 3.14285714em; line-height: 1.31818182em; } h1:not(:last-child), .h1:not(:last-child) { margin-bottom: 20px; } h2, .h2 { font-size: 2.35714286em; line-height: 1.36363636em; font-weight: 500; } h2:not(:last-child), .h2:not(:last-child) { margin-bottom: 16px; } h3, .h3 { font-size: 1.78571429em; line-height: 1.5em; font-weight: 500; } h3:not(:last-child), .h3:not(:last-child) { margin-bottom: 12px; } h4, .h4 { font-size: 1.35714286em; line-height: 1.68421053em; font-weight: 600; } h4:not(:last-child), .h4:not(:last-child) { margin-bottom: 8px; } h5, .h5 { font-size: 1.3em; line-height: 1.85714286em; font-weight: 500; } h5:not(:last-child), .h5:not(:last-child) { margin-bottom: 6px; } h6, .h6 { font-size: 0.85714286em; line-height: 2.16666667em; font-weight: 500; } h6:not(:last-child), .h6:not(:last-child) { margin-bottom: 6px; } .lead { font-weight: 400; } @media all and (max-width: 767px) { h1, .h1 { font-size: 2.35714286em; line-height: 1.36363636em; } h2, .h2 { font-size: 1.78571429em; line-height: 1.5em; } h3, .h3 { font-size: 1.35714286em; line-height: 1.85714286em; } .lead { font-size: 1.35714286em; line-height: 1.68421053em; } } .display-4 { font-weight: 400; } ul.bullets { list-style: inside; } strong { font-weight: 600; } del { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active { text-decoration: none; outline: none; color: #2250fc; } a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) { color: #484848; } #mainMenu nav > ul > li.mega-menu-item { position: relative; } #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu { overflow: hidden; width: 400px; -webkit-transition-duration: 0.3s !important; transition-duration: 0.3s !important; } #mainMenu nav > ul > li.mega-menu-item .mega-menu-content { padding: 20px; } .nav-link-2 { color: #484848; padding: 14px 10px; color: rgba(72, 72, 72, 0.8); -webkit-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; } .stroke {border: 10px solid black;} ..button-heading-text p { font-size: 18px; margin-bottom: 30px; } .grid-active-title { font-size: 3rem; font-weight: 100; opacity: 0.3; position: absolute; left: 0; top: -15px; } @media (min-width: 1000px) { .button-heading-text h3 { font-size: 30px; margin-bottom: 10px; letter-spacing: -.7px; line-height: 66px; } } @media (min-width: 1500px) { .button-heading-text h3 { font-size: 35px; margin-bottom: 10px; letter-spacing: -.7px; line-height: 66px; } } @media (min-width: 1800px) { .button-heading-text h3 { font-size: 45px; margin-bottom: 10px; letter-spacing: -.7px; line-height: 66px; } } @media (min-width: 2200px) { .button-heading-text h3 { font-size: 60px; margin-bottom: 10px; letter-spacing: -.7px; line-height: 6px; } } @media (min-width: 2150px) { .button-heading-text h3 {font-size: 55px; margin-bottom: 10px; letter-spacing: -.7px; line-height: 66px; } } @media (max-width: 1400px) { .button-heading-text h3 {font-size: 25px; margin-bottom: 10px; letter-spacing: -.7px; line-height: 66px; } } @media (max-width: 1100px) { .button-heading-text h3 {font-size: 20px; margin-bottom: 10px; letter-spacing: -.7px; line-height: 66px; } } @media (max-width: 975px) { .button-heading-text h3 {font-size: 50px; margin-bottom: 10px; letter-spacing: -.7px; line-height: 66px; } }