|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap'); |
|
body { |
|
background: #fff; |
|
} |
|
|
|
|
|
|
|
|
|
a, |
|
.la-ball-triangle-path { |
|
color: #FF8B4A; |
|
} |
|
|
|
a:hover, |
|
#header.nav-solid nav a:hover { |
|
color: #FF8B4A; |
|
} |
|
|
|
|
|
|
|
|
|
.icon i { |
|
color: #FF8B4A; |
|
} |
|
|
|
|
|
|
|
|
|
#banner .section-heading:before, |
|
.testimonial.classic footer:before { |
|
background: #FF8B4A; |
|
} |
|
|
|
.pricing-block-content:hover { |
|
border-color: #FF8B4A; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#header nav a, |
|
#header i { |
|
color: #111; |
|
font-size: 16px; |
|
font-weight: 500; |
|
} |
|
|
|
|
|
|
|
|
|
#header.nav-solid, |
|
#header.nav-solid a, |
|
#header.nav-solid i, |
|
#nav-mobile ul li a { |
|
color: #333; |
|
} |
|
|
|
|
|
|
|
|
|
#header.nav-solid .active { |
|
color: #FF8B4A; |
|
border-color: #FF8B4A; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.primary-color, |
|
.featured .pricing { |
|
background-color: #FF8B4A; |
|
} |
|
|
|
.primary-color, |
|
.primary-color .section-title, |
|
.primary-color .section-subtitle, |
|
.featured .pricing, |
|
.featured .pricing p { |
|
color: #fff; |
|
} |
|
|
|
.text-center .section-heading h2:after { |
|
margin: 30px auto 25px auto; |
|
} |
|
|
|
|
|
|
|
|
|
.primary-color .icon i, |
|
.primary-color i { |
|
color: #fff; |
|
} |
|
|
|
|
|
|
|
|
|
.secondary-color { |
|
background-color: #f5f5f5; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#banner { |
|
background-color: #f5f5f5; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 15px; |
|
font-weight: normal; |
|
color: #111; |
|
} |
|
|
|
#banner h1 { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 60px; |
|
line-height: 60px; |
|
font-weight: 700; |
|
color: #111; |
|
margin-top: .3em; |
|
} |
|
|
|
#banner h2 { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 17px; |
|
font-weight: 200; |
|
color: #111; |
|
} |
|
|
|
|
|
|
|
|
|
h1 { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 40px; |
|
font-weight: 300; |
|
color: #111; |
|
} |
|
|
|
h2 { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 34px; |
|
font-weight: 300; |
|
color: #111; |
|
} |
|
|
|
h3 { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 30px; |
|
font-weight: 700; |
|
color: #111; |
|
} |
|
|
|
h4 { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 18px; |
|
font-weight: 400; |
|
color: #111; |
|
} |
|
|
|
h5 { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 16px; |
|
font-weight: 400; |
|
color: #111; |
|
} |
|
|
|
h6 { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 14px; |
|
font-weight: 400; |
|
color: #111; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.button, |
|
input[type="submit"] { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 14px; |
|
font-weight: bold; |
|
color: #111; |
|
} |
|
|
|
|
|
|
|
|
|
.button, |
|
input[type="submit"] { |
|
border-color: #111; |
|
} |
|
|
|
|
|
|
|
|
|
.button:hover, |
|
input[type="submit"]:hover { |
|
border-color: #FF8B4A; |
|
color: #FF8B4A; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#banner .button { |
|
font-family: 'Poppins', sans-serif, Arial, Helvetica; |
|
font-size: 16px; |
|
color: #111; |
|
} |
|
|
|
|
|
|
|
|
|
#banner .button { |
|
border-color: #111; |
|
} |
|
|
|
|
|
|
|
|
|
#banner .button:hover { |
|
color: #FF8B4A; |
|
border-color: #FF8B4A; |
|
} |
|
|
|
@media (max-width: 1024px) { |
|
#banner h1 { |
|
font-size: 3em; |
|
line-height: 1em; |
|
padding-left: .5em; |
|
} |
|
#banner h2 { |
|
font-size: 1.2em; |
|
padding-left: 1.5em; |
|
} |
|
} |
|
|
|
@media (max-width: 768px) { |
|
#banner h1 { |
|
margin-top: .4em; |
|
font-size: 3em; |
|
line-height: 1em; |
|
padding: 1.5% 2% 2% 2%; |
|
text-align: center; |
|
} |
|
#banner h2 { |
|
font-size: 1.2em; |
|
padding-left: 1em; |
|
text-align: center; |
|
} |
|
} |
|
|
|
@media (max-width: 576px) { |
|
.drag-area { |
|
padding: 0px 20px; |
|
|
|
} |
|
.image-grid img { |
|
width: 100%; |
|
|
|
|
|
} |
|
#banner h1 { |
|
margin-top: .3em; |
|
padding: 2% 1.5% 1% 1.5%; |
|
font-size: 2.5em; |
|
line-height: 1em; |
|
} |
|
#banner h2 { |
|
font-size: 1.1em; |
|
text-align: center; |
|
} |
|
} |