|
|
@@ -131,456 +131,6 @@ get_header(); ?>
|
|
|
<?php endwhile; // end of the loop.
|
|
|
?>
|
|
|
<style>
|
|
|
- *,
|
|
|
- *::before,
|
|
|
- *::after {
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
-
|
|
|
- * {
|
|
|
- font-family: "Open Sans", sans-serif;
|
|
|
- margin: 0px auto;
|
|
|
- padding: 0px;
|
|
|
- }
|
|
|
-
|
|
|
- p {
|
|
|
- font-size: 16px !important;
|
|
|
- line-height: 30px;
|
|
|
- color: #4e4e4e !important;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
-
|
|
|
- .grid {
|
|
|
- gap: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- body {
|
|
|
- overflow-y: scroll;
|
|
|
- overflow-x: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- section {
|
|
|
- background: #fff;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
-
|
|
|
- header {
|
|
|
- margin: 0px;
|
|
|
- padding: 0px !important;
|
|
|
- height: 50px;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- main {
|
|
|
- position: relative;
|
|
|
- padding: 0px !important;
|
|
|
- background-color: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- h1 {
|
|
|
- font-size: 40px !important;
|
|
|
- letter-spacing: 2px !important;
|
|
|
- line-height: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- h1,
|
|
|
- h2,
|
|
|
- h3,
|
|
|
- h4 {
|
|
|
- font-weight: normal;
|
|
|
- margin-bottom: 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- button {
|
|
|
- margin: 40px auto;
|
|
|
- margin-bottom: 30px;
|
|
|
- max-width: 300px;
|
|
|
- font-size: 20px;
|
|
|
- border-radius: 0px;
|
|
|
- border: none;
|
|
|
- border-radius: 4px;
|
|
|
- background: #f68b1f;
|
|
|
- transition-duration: 0.3s;
|
|
|
- }
|
|
|
-
|
|
|
- button:hover {
|
|
|
- background: #117cf7;
|
|
|
- }
|
|
|
-
|
|
|
- .container {
|
|
|
- margin: 0px auto;
|
|
|
- padding: 10px 10px;
|
|
|
- max-width: 1200px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .container-fluid {
|
|
|
- padding: 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- #search-close {
|
|
|
- width: 100px;
|
|
|
- border-radius: 40px;
|
|
|
- background-color: #F68B1F;
|
|
|
- margin-top: 30px;
|
|
|
- margin-right: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- .overlay-content {
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- .overlay-content label {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- .overlay-content h4 {
|
|
|
- display: inline-block;
|
|
|
- margin: 0px 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .overlay-content div a {
|
|
|
- display: inline-block;
|
|
|
- text-decoration: underline;
|
|
|
- }
|
|
|
-
|
|
|
- .overlay-content div h6 {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- #search-bar {
|
|
|
- width: 60%;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- #search-button {
|
|
|
- width: 300px;
|
|
|
- display: inline-block;
|
|
|
- border-radius: 30px;
|
|
|
- margin-left: 20px;
|
|
|
- background: #485680;
|
|
|
- }
|
|
|
-
|
|
|
- #search-modal {
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- #search-button:hover {
|
|
|
- background-color: #F68B1F;
|
|
|
- }
|
|
|
-
|
|
|
- #first-nav>ul>img {
|
|
|
- transition-duration: 0.5s;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav {
|
|
|
- position: fixed;
|
|
|
- text-align: center;
|
|
|
- padding: 0px;
|
|
|
- justify-content: space-evenly;
|
|
|
- height: 70px;
|
|
|
- z-index: 10;
|
|
|
- transition: 0.5s ease-in-out;
|
|
|
- background-color: #160c0c;
|
|
|
- border-bottom: 4px solid #F68B1F;
|
|
|
- box-shadow: 0px 5px 12px -5px #2F4858;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav ul {
|
|
|
- align-items: center;
|
|
|
- z-index: 3;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav ul img {
|
|
|
- height: 50px;
|
|
|
- width: auto;
|
|
|
- margin-right: 30px;
|
|
|
- padding-left: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav ul>li {
|
|
|
- margin-right: 50px;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav ul>li:last-child {
|
|
|
- margin-right: 0px;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav ul>li:last-child {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav ul>li>a {
|
|
|
- color: #fff;
|
|
|
- transition-duration: 0.3s;
|
|
|
- font-size: 14px;
|
|
|
- letter-spacing: 2px;
|
|
|
- text-transform: uppercase;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav ul>li:after {
|
|
|
- content: "";
|
|
|
- display: block;
|
|
|
- margin: auto;
|
|
|
- height: 1px;
|
|
|
- width: 0px;
|
|
|
- background: transparent;
|
|
|
- transition: width 0.3s ease, background-color 0.5s ease;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section nav ul>li:hover:after {
|
|
|
- width: 100%;
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section .nav-resp {
|
|
|
- height: 50px;
|
|
|
- background-color: #160c0c;
|
|
|
- border-bottom: 4px solid #F68B1F;
|
|
|
- box-shadow: 0px 5px 12px -5px #2F4858;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section .nav-resp ul img {
|
|
|
- height: 30px !important;
|
|
|
- padding-left: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- section#first-nav-section .nav-resp #menu-bars {
|
|
|
- padding-top: 2px;
|
|
|
- }
|
|
|
-
|
|
|
- #menu-bars {
|
|
|
- display: none;
|
|
|
- padding-top: 2px;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section nav {
|
|
|
- position: fixed;
|
|
|
- top: 70px;
|
|
|
- text-align: center;
|
|
|
- padding: 0px;
|
|
|
- justify-content: space-evenly;
|
|
|
- height: 50px;
|
|
|
- z-index: 10;
|
|
|
- transition: 0.5s ease-in-out;
|
|
|
- background: #117cf7;
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section nav ul {
|
|
|
- margin-top: 0px;
|
|
|
- width: 100vw;
|
|
|
- justify-content: space-evenly;
|
|
|
- display: inline-flex;
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section nav ul li>a {
|
|
|
- margin: 0px;
|
|
|
- color: #fff;
|
|
|
- transition-duration: 0.3s;
|
|
|
- font-size: 14px;
|
|
|
- letter-spacing: 2px;
|
|
|
- text-transform: uppercase;
|
|
|
- font-weight: normal;
|
|
|
- font-size: 12px;
|
|
|
- border-radius: 0px;
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section nav ul li>a:hover {
|
|
|
- border-radius: 0;
|
|
|
- font-weight: bolder;
|
|
|
- color: #eeffb0;
|
|
|
- text-decoration: none !important;
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section nav ul li:first-of-type>a:hover {
|
|
|
- background: none;
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section nav ul li>a>img {
|
|
|
- height: 40px !important;
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section nav ul li>a>img:hover {
|
|
|
- background-color: rgba(255, 255, 255, 0);
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section .second-nav-active {
|
|
|
- height: 40px;
|
|
|
- top: 50px;
|
|
|
- background-color: #117cf7;
|
|
|
- }
|
|
|
-
|
|
|
- section#second-nav-section .second-nav-active ul>li>a>img {
|
|
|
- height: 30px !important;
|
|
|
- }
|
|
|
-
|
|
|
- #top-search {
|
|
|
- width: 140px;
|
|
|
- border-radius: 0;
|
|
|
- height: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- @media (max-width: 1100px) {
|
|
|
- #first-nav>ul {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- left: 0px;
|
|
|
- }
|
|
|
-
|
|
|
- #first-nav>ul>img {
|
|
|
- width: 350px;
|
|
|
- -o-object-fit: contain;
|
|
|
- object-fit: contain;
|
|
|
- margin-right: auto;
|
|
|
- }
|
|
|
-
|
|
|
- #first-nav>ul>li {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- #first-nav>ul>li:last-child {
|
|
|
- display: inline-block;
|
|
|
- margin-right: auto;
|
|
|
- width: 40px;
|
|
|
- }
|
|
|
-
|
|
|
- #top-search {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- #menu-bars {
|
|
|
- display: inline-block;
|
|
|
- margin: 0px auto;
|
|
|
- padding-top: 13px;
|
|
|
- font-size: 45px;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- #first-nav>ul>li:last-child {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @media (max-width: 576px) {
|
|
|
- #menu-bars {
|
|
|
- margin: 0px auto;
|
|
|
- padding-top: 13px;
|
|
|
- font-size: 45px;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
-
|
|
|
- #first-nav>ul>img {
|
|
|
- width: 170px;
|
|
|
- margin-left: 10px !important;
|
|
|
- }
|
|
|
-
|
|
|
- #search>button.filled {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- body>main>section:nth-child(2)>div>h1 {
|
|
|
- font-size: 60px;
|
|
|
- }
|
|
|
-
|
|
|
- #first-nav>ul>li:last-child {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- #cta {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
-
|
|
|
- #cta>button:nth-child(2) {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- #second-nav-section {
|
|
|
- display: none !important;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- #slider-container {
|
|
|
- padding: 0px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .yellow-line {
|
|
|
- display: block;
|
|
|
- width: 100px;
|
|
|
- height: 4px;
|
|
|
- background-color: #00ff00;
|
|
|
- margin-left: 10px;
|
|
|
- margin-top: 10px;
|
|
|
- margin-bottom: 0px;
|
|
|
- }
|
|
|
-
|
|
|
- @media screen and (max-width: 800px) {
|
|
|
- .yellow-line {
|
|
|
- margin-left: calc(50vw - 50%) !important;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- footer {
|
|
|
- position: relative;
|
|
|
- z-index: 30 !important;
|
|
|
- }
|
|
|
-
|
|
|
- #footer1 {
|
|
|
- z-index: 10;
|
|
|
- height: 400px;
|
|
|
- background: url("../img/footer2.png") no-repeat;
|
|
|
- background-size: cover;
|
|
|
- background-position: top;
|
|
|
- }
|
|
|
-
|
|
|
- footer.container-fluid {
|
|
|
- border-top: 10px solid #C85688;
|
|
|
- overflow: hidden;
|
|
|
- text-align: left;
|
|
|
- margin: 0px;
|
|
|
- padding: 0px !important;
|
|
|
- background: #160c0c;
|
|
|
- min-height: 350px;
|
|
|
- }
|
|
|
-
|
|
|
- footer.container-fluid h3 {
|
|
|
- margin: 10px auto;
|
|
|
- margin: 30px 0px;
|
|
|
- font-family: "Open Sans", sans-serif;
|
|
|
- font-size: 20px;
|
|
|
- color: #fff;
|
|
|
- font-weight: normal;
|
|
|
- text-decoration: underline;
|
|
|
- }
|
|
|
-
|
|
|
- footer.container-fluid ul {
|
|
|
- padding: 0px;
|
|
|
- }
|
|
|
-
|
|
|
- footer.container-fluid ul>li {
|
|
|
- list-style: none;
|
|
|
- margin: 0px;
|
|
|
- padding: 0px;
|
|
|
- line-height: 110%;
|
|
|
- }
|
|
|
-
|
|
|
- footer.container-fluid ul>li a {
|
|
|
- text-decoration: none;
|
|
|
- color: #fff;
|
|
|
- font-size: 12px;
|
|
|
- letter-spacing: 2px;
|
|
|
- font-weight: normal;
|
|
|
- font-family: "Open Sans", sans-serif;
|
|
|
- text-transform: uppercase;
|
|
|
- }
|
|
|
-
|
|
|
- footer.container-fluid ul>li a:hover {
|
|
|
- color: #F68B1F;
|
|
|
- text-decoration: underline;
|
|
|
- }
|
|
|
-
|
|
|
#fine-print {
|
|
|
text-align: center;
|
|
|
margin: 10px auto;
|
