2022-09-07 20:29:07 +03:00
|
|
|
/* General/Utilities */
|
2022-09-07 19:57:17 +03:00
|
|
|
|
|
|
|
body{
|
|
|
|
background-color: #1a1a1a;
|
2022-09-07 20:29:07 +03:00
|
|
|
max-width: 1920px;
|
2022-09-13 19:45:41 +03:00
|
|
|
/*
|
2022-09-09 23:52:26 +03:00
|
|
|
background-image: url("/Images/xl-grid-quarter-opacity.svg");
|
2022-09-09 01:15:24 +03:00
|
|
|
background-size: contain;
|
2022-09-13 19:45:41 +03:00
|
|
|
*/
|
2022-09-07 20:29:07 +03:00
|
|
|
}
|
|
|
|
|
2022-09-08 23:51:57 +03:00
|
|
|
/*
|
2022-09-07 23:48:00 +03:00
|
|
|
.hero-container{
|
|
|
|
background-image: url("/Images/x-large-grid-hero.svg");
|
2022-09-08 16:38:00 +03:00
|
|
|
background-size: auto;
|
2022-09-08 23:47:14 +03:00
|
|
|
background-color: #1a1a1a;
|
2022-09-07 23:48:00 +03:00
|
|
|
}
|
2022-09-08 23:51:57 +03:00
|
|
|
*/
|
2022-09-07 23:48:00 +03:00
|
|
|
|
2022-09-07 20:29:07 +03:00
|
|
|
.container{
|
|
|
|
max-width: 1920px;
|
|
|
|
padding:0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1280px) {
|
2022-09-13 18:51:23 +03:00
|
|
|
|
2022-09-07 20:29:07 +03:00
|
|
|
.container{
|
2022-09-09 23:52:26 +03:00
|
|
|
padding: 128px 150px 10px 150px;
|
2022-09-07 20:29:07 +03:00
|
|
|
}
|
2022-09-13 18:51:23 +03:00
|
|
|
|
|
|
|
/* M5 Spacers (Bootstrap Utilities)*/
|
|
|
|
|
|
|
|
.m-5{
|
|
|
|
margin: 225px !important;
|
|
|
|
}
|
|
|
|
.mb-5{
|
|
|
|
margin-bottom: 225px !important;
|
|
|
|
}
|
|
|
|
.mt-5{
|
|
|
|
margin-top: 225px !important;
|
|
|
|
}
|
|
|
|
.ms-5{
|
|
|
|
margin-left: 225px !important;
|
|
|
|
}
|
|
|
|
.me-5{
|
|
|
|
margin-right: 225px !important;
|
|
|
|
}
|
2022-09-07 20:29:07 +03:00
|
|
|
}
|
|
|
|
|
2022-09-07 21:15:50 +03:00
|
|
|
/* Navbar General */
|
|
|
|
|
2022-09-07 22:27:28 +03:00
|
|
|
div.container-fluid.top-nav{
|
|
|
|
padding-left: 0px !important;
|
|
|
|
}
|
|
|
|
|
2022-09-07 21:15:50 +03:00
|
|
|
.navbar{
|
|
|
|
background-color: #1a1a1a !important;
|
|
|
|
height: 80px;
|
2022-09-07 22:40:11 +03:00
|
|
|
border-bottom: 2px solid #949494;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-logo{
|
|
|
|
width: 78px;
|
|
|
|
transition: 0.2s ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-logo:hover{
|
|
|
|
transform: scale(0.9);
|
2022-09-07 21:15:50 +03:00
|
|
|
}
|
|
|
|
|
2022-09-07 21:27:30 +03:00
|
|
|
.nav-item{
|
|
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
2022-09-07 20:29:07 +03:00
|
|
|
/* Brand Colors */
|
|
|
|
|
2022-09-07 22:49:07 +03:00
|
|
|
/* Type Colors */
|
2022-09-07 20:29:07 +03:00
|
|
|
|
2022-09-07 22:49:07 +03:00
|
|
|
.teal{
|
|
|
|
color:#00ffd0;
|
|
|
|
}
|
2022-09-07 20:29:07 +03:00
|
|
|
|
2022-09-07 22:49:07 +03:00
|
|
|
.black{
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
2022-09-07 20:29:07 +03:00
|
|
|
|
2022-09-07 22:49:07 +03:00
|
|
|
.dark-gray{
|
|
|
|
color: #4d4d4d;
|
|
|
|
}
|
2022-09-07 20:29:07 +03:00
|
|
|
|
2022-09-07 22:49:07 +03:00
|
|
|
.grid-gray{
|
|
|
|
color: #949494;
|
|
|
|
}
|
2022-09-07 20:31:50 +03:00
|
|
|
|
2022-09-07 22:49:07 +03:00
|
|
|
.light-gray{
|
|
|
|
color: #e1e1e1;
|
|
|
|
}
|
2022-09-07 20:31:50 +03:00
|
|
|
|
2022-09-07 22:49:07 +03:00
|
|
|
.white{
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
2022-09-07 20:31:50 +03:00
|
|
|
|
2022-09-07 22:49:07 +03:00
|
|
|
.purple{
|
|
|
|
color: #8000ff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.orange{
|
|
|
|
color: #ff4100;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Background Colors */
|
|
|
|
|
|
|
|
.teal-bg{
|
|
|
|
background-color:#00ffd0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.black-bg{
|
|
|
|
background-color: #1a1a1a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark-gray-bg{
|
|
|
|
background-color: #4d4d4d;
|
|
|
|
}
|
|
|
|
|
|
|
|
.grid-gray-bg{
|
|
|
|
background-color: #949494;
|
|
|
|
}
|
|
|
|
|
|
|
|
.light-gray-bg{
|
|
|
|
background-color: #e1e1e1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.white-bg{
|
|
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.purple-bg{
|
|
|
|
background-color: #8000ff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.orange-bg{
|
|
|
|
background-color: #ff4100;
|
|
|
|
}
|
2022-09-07 20:31:50 +03:00
|
|
|
|
2022-09-07 20:29:07 +03:00
|
|
|
/* General Typography */
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: "pp-neue-machina";
|
|
|
|
src: url("/fonts/PPNeueMachina-InktrapLight.woff");
|
|
|
|
}
|
|
|
|
|
2022-09-07 21:15:50 +03:00
|
|
|
@font-face {
|
|
|
|
font-family: "sono";
|
|
|
|
src: url("/fonts/Sono-Light.woff2");
|
|
|
|
}
|
|
|
|
|
2022-09-07 20:29:07 +03:00
|
|
|
h1{
|
|
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
|
|
color:#00ffd0;
|
|
|
|
text-transform:uppercase;
|
|
|
|
}
|
|
|
|
|
2022-09-07 21:15:50 +03:00
|
|
|
h2{
|
|
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
|
|
color:#00ffd0;
|
|
|
|
}
|
|
|
|
|
2022-09-08 22:08:12 +03:00
|
|
|
h3{
|
2022-09-08 22:42:04 +03:00
|
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
|
|
color:#00ffd0;
|
2022-09-08 22:08:12 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
h4{
|
|
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
|
|
color:#00ffd0;
|
|
|
|
}
|
|
|
|
|
2022-09-07 21:15:50 +03:00
|
|
|
p{
|
|
|
|
font-family: "sono", sans-serif;
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
2022-09-07 20:29:07 +03:00
|
|
|
/* Breakpoint-Specific Typography */
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1280px) {
|
|
|
|
|
|
|
|
h1{
|
2022-09-09 01:15:24 +03:00
|
|
|
font-size: 13.25rem;
|
|
|
|
line-height: 14rem;
|
2022-09-07 20:29:07 +03:00
|
|
|
}
|
|
|
|
|
2022-09-07 21:15:50 +03:00
|
|
|
h2{
|
2022-09-09 01:15:24 +03:00
|
|
|
font-size: 6rem;
|
2022-09-13 18:12:56 +03:00
|
|
|
line-height: 7rem;
|
|
|
|
margin-bottom: 37px;
|
2022-09-07 21:15:50 +03:00
|
|
|
}
|
|
|
|
|
2022-09-08 22:07:14 +03:00
|
|
|
h3{
|
2022-09-14 00:23:25 +03:00
|
|
|
font-size: 80px;
|
|
|
|
line-height: 80px;
|
2022-09-12 22:47:07 +03:00
|
|
|
margin-bottom: 75px;
|
2022-09-08 22:07:14 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
h4{
|
|
|
|
font-size: 38px;
|
|
|
|
line-height: 45px;
|
|
|
|
}
|
|
|
|
|
2022-09-07 21:15:50 +03:00
|
|
|
.lead{
|
|
|
|
font-size: 28px !important;
|
2022-09-08 16:38:00 +03:00
|
|
|
line-height: 29px !important;
|
2022-09-13 18:12:56 +03:00
|
|
|
margin-bottom: 40px;
|
2022-09-07 21:15:50 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
p{
|
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
|
2022-09-07 19:57:17 +03:00
|
|
|
}
|
2022-09-07 22:27:28 +03:00
|
|
|
|
|
|
|
/* Spacers & Dividers */
|
|
|
|
|
|
|
|
hr{
|
|
|
|
border-bottom: 2px solid #949494 !important;
|
|
|
|
opacity: 1;
|
2022-09-09 23:52:26 +03:00
|
|
|
margin: 0px !important;
|
2022-09-07 22:27:28 +03:00
|
|
|
}
|
2022-09-08 22:07:14 +03:00
|
|
|
|
|
|
|
/* Homepage */
|
2022-09-08 22:23:13 +03:00
|
|
|
|
|
|
|
@media only screen and (min-width: 1280px) {
|
|
|
|
|
|
|
|
.hero-section{
|
2022-09-09 01:15:24 +03:00
|
|
|
margin-bottom: 75px;
|
2022-09-08 22:23:13 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.impact-section{
|
2022-09-12 22:47:07 +03:00
|
|
|
margin-bottom:115px;
|
2022-09-08 22:23:13 +03:00
|
|
|
}
|
|
|
|
|
2022-09-08 23:30:03 +03:00
|
|
|
.about-block{
|
2022-09-12 22:15:45 +03:00
|
|
|
padding: 80px 160px; !important;
|
2022-09-12 22:47:07 +03:00
|
|
|
margin: -200px 150px 0px 150px;;
|
2022-09-12 22:15:45 +03:00
|
|
|
position: relative;
|
|
|
|
top:200px;
|
2022-09-08 23:30:03 +03:00
|
|
|
}
|
|
|
|
|
2022-09-13 01:02:55 +03:00
|
|
|
.package_before{
|
2022-09-13 18:12:56 +03:00
|
|
|
padding-bottom: 225px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.statistics{
|
|
|
|
padding-bottom: 225px;
|
2022-09-13 01:02:55 +03:00
|
|
|
}
|
|
|
|
|
2022-09-13 18:31:25 +03:00
|
|
|
.partners{
|
|
|
|
padding-bottom: 225px;
|
|
|
|
}
|
2022-09-13 18:12:56 +03:00
|
|
|
|
2022-09-08 22:23:13 +03:00
|
|
|
}
|
2022-09-09 21:58:30 +03:00
|
|
|
|
|
|
|
/* Package Display Section */
|
|
|
|
|
2022-09-09 23:52:26 +03:00
|
|
|
.grid-square{
|
|
|
|
margin-bottom: 20px;
|
|
|
|
height:320px;
|
|
|
|
background-color: gray;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2022-09-09 21:58:30 +03:00
|
|
|
.package-label{
|
2022-09-09 23:52:26 +03:00
|
|
|
font-size: 14px;
|
|
|
|
float:left;
|
|
|
|
padding: 10px 0px;
|
2022-09-09 21:58:30 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.detail-btn{
|
|
|
|
float:right;
|
|
|
|
}
|
2022-09-13 20:40:19 +03:00
|
|
|
|
|
|
|
/* Footer Styling */
|
|
|
|
|
|
|
|
.footer-email{
|
|
|
|
padding: 35px 75px;
|
|
|
|
background: none;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-box{
|
|
|
|
border-radius: 0px !important;
|
|
|
|
border: 2px solid #949494;
|
|
|
|
background-color: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group{
|
|
|
|
border-radius: 0px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group-item{
|
|
|
|
background-color: #1a1a1a !important;
|
|
|
|
padding: 20px;
|
|
|
|
font-size: 28px;
|
|
|
|
color: #fff;
|
|
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
|
|
text-transform: uppercase;
|
|
|
|
border-bottom: 2px solid #949494;
|
|
|
|
transition: 0.2s ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group-item:hover{
|
|
|
|
padding-left: 40px;
|
|
|
|
background-color: #00ffd0 !important;
|
|
|
|
box-shadow: inset 0px 0px 0px 7px #1a1a1a !important;
|
|
|
|
color: #1a1a1a !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-content{
|
|
|
|
padding-right: 100px;
|
|
|
|
}
|