/*
Theme Name: Blank Canvas
Theme URI: https://wordpress.com/theme/blank-canvas
Author: Automattic
Author URI: https://automattic.com/
Description: Blank Canvas is a minimalist theme, designed for single-page websites. Its single post and page layouts have no header, navigation menus, or widgets by default, so the page you design in the WordPress editor is the same page you’ll see on the front end. The theme’s default styles are conservative, relying on simple sans-serif fonts and a subtle blue highlight color. Blank Canvas is ready for your customizations.
Requires at least: 4.9.6
Tested up to: 5.6
Requires PHP: 5.6.2
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: seedlet
Text Domain: blank-canvas
Tags: one-column, accessibility-ready, custom-colors, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready

Blank Canvas WordPress Theme, (C) 2021 Automattic, Inc.
Blank Canvas is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

Blank Canvas is derived from Seedlet. 2020-2021 Automattic
Seedlet is distributed under the terms of the GNU GPL v2 or later.

Images from stocksnap.io
License: CC0
- Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
- Clem Onojeghuo: https://stocksnap.io/photo/beanie-scarf-M2U9VL0ZWG
- Brooke Cagle: https://stocksnap.io/photo/people-woman-MU7G67710S
- Daria Shevtsova: https://stocksnap.io/photo/girl-camera-AZED07HITL
- Benjamin Voros: https://stocksnap.io/photo/blue-denim-BWPRK5DEF0
- Artsy Crafty: https://stocksnap.io/photo/office-supplies-BDVUKQ4BBF
- Artsy Crafty: https://stocksnap.io/photo/colorful-pencils-NONEDF6REB
- Austin Neill: https://stocksnap.io/photo/concert-singer-F66MXRQS1K
- Bruce Mars: https://stocksnap.io/photo/woman-sunglasses-MO7PZ7AYIC
Used as block pattern images.

Image from foodiesfeed.com
License: CC0
https://www.foodiesfeed.com/free-food-photo/watermelon-juice-2/
Used as block pattern image.

Hamburger Icon from Noto Emoji
License: Apache License 2.0
https://github.com/googlefonts/noto-emoji/blob/master/svg/emoji_u1f354.svg
Modified and used as a block pattern image.
*/
#content > div > div.front-page-head-container > div.front-page-nav-container > div.front-page-nav-items > div > div:nth-child(2) > ul > a:nth-child(4){
	line-height: 130%;
}

.wpcf7-submit {
	background-color: #0099FF !important;
	border: none !important;
	border-radius: 0px !important;
	padding: 15px 32px !important;
	text-align: center !important;
	text-decoration: none;
	font-size: 16px !important;
	transition: 0.3s ease;
}

span {
	cursor: default;
}
.top-head-link {
	transition: all 0.3s ease;
}

.top-head-link:hover {
	padding-left: 0.5rem;
}

/* new services */

.dropdown ul {
	padding-left: 0.7rem !important;
}

.services-full-width {
	justify-content: center;
	align-items: flex-start;
	margin-top: 3rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 50px;
	
}

ul {
	padding-left: 1.5rem !important;
	
}

.client-list {
	display: flex;
	flex-direction: row;
	gap: 50px;
	margin-bottom: 2.5rem;
}

.services-new-container {
	
	display: flex;
	justify-content: center;
}

.services-new-container > * {
	
}

.services-new {
	display: flex;
	flex-direction: row;
	gap: 15px;
	
}
.services-new-subtitle {
	font-size: 18px;
	width: 500px;
}

.services-new-text {
	
}

.services-new-icon {
	width: 50px;
}

.services-new-title {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.hr-whatever {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-radius: 5px;
	border-bottom: 2px solid #012255;
	width: 60%;
	
}

.client {
	font-size: 23px;
}

.about-card-title-container {
	background-color: white;
}

.about-page-head-container {
	opacity: 0;
    transition: opacity 3.5s;
}

.open-about {
	height: 800px !important;
	position: relative;
	opacity: 1;
}

.navbar-contact {
	color: white;
	font-size: 20px !important;
}

.license-container {
	align-items: baseline;
	gap: 5px;
}
.service-area {
	width: 100%;
	height: 80px;
	background-color: #0099FF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.extra-map {
	position: absolute;
	width: 40%;
	top: 37rem;
	right: 4rem;
}

.extra-map-front {
	position: absolute;
	width: 100%;
}

.contact-email {
	color: #012255;
	
}

.contact-email:hover {
	color:orange;
}

.contact-email:visited {
	color: initial !important;
}

main {
	padding-bottom: 0 !important;
}

#wpgmza_map_1 {
	margin-bottom: 0 !important;
}

#post-7 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.service-area-list {
	display: flex;
	justify-content: center;
	gap: 100px;
	color: white;
	
}

.area-text {
	list-style: none;
	text-decoration: none;
	font-size: 25px;
}

.contact-page-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 0rem !important;
}
.single-page-padding {
	padding-left: 150px;
	padding-right: 150px;
}
.footer-subtitle {
	font-size: 20px;
	width: 80%;
}

/* --- Contact Page --- */
.contact-container {
	justify-content: flex-start;
	gap: 100px;
	margin-bottom: 5rem;
	display: flex;
	flex-direction: row;
}

.contact-title {
	display: flex; 
	flex-direction: column;
	
}

.contact-numbers {

	display: flex;
	flex-direction: column;
	
}

.contact-number {
	justify-content: space-between;
	display: flex;
	flex-direction: row;
}

.contact-number-strong {
	margin-right: 2rem;
	font-weight: bold;
}

.contact-numbers-container {
	
}

.contact-title-title {
	font-size: 40px;
	color: #012255;
	margin-top: 15px;
}



/* --- Services card --- */

.services-card-title {
	padding-left: 0px !important;
}

.services-card-text-container {
	padding-left: 0px !important;
}

.services-card-title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-left: 0px !important;
	padding-bottom: 10px;
	color: #012255 !important;
}

.services-image {
	
	height: 300px!important;
	max-width: 345px;
}

.services-img {
	max-width: 345px !important;
	
}

.services-card {
	width: 339px !important;
	height: 400px !important;
}



.blue-thing {
	display: none;
}

.services-cards {
	gap: 0px !important;
}

.services-card {

	opacity: 1;
	margin-bottom: 1rem !important;
	margin-left: 1rem!important;
	margin-right: 1rem!important;
	
	
}

.service-subtitle {
	
	opacity: 0;
	
}

.open-subtitle {
	width: 95%;
	opacity: 1;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.services-image > .services-icon-container {
	position: relative !important;
}
.about-card-link {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 30px !important;
}
.services-image-container {
	
	display: flex;
	flex-direction: column;
	align-items: center;
}

.about-card {
	transition: 0.7s ease-in-out;
}

.single-page-content {
	overflow:hidden;
}

.other-open {
	width: 0px !important;
	height: 0px !important;
	opacity: 0;
}

/*.open-card {
	
	height: 800px !important;
	width: 40vw !important;
	position: relative;
	opacity: 1;
}*/

.open-card{
	max-width: 700px;
	height: 1000px !important;
    width: 40vw !important;
    position: relative;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.about-card.services-card.industry-card.open-card {
	height: 880px !important;
}

.open-subtitle {
	font-size: 20px !important;
	height: auto !important;
}


.about-page-cards {
	transition: 1.5s;
}
.services-image > .about-card-icon-container {
	transition: 0.5s;
	right: 305px;
}
.open-card-text-container {
	height: 300px !important;
}

.about-card-title-container {
	font-size: 35px;
	font-weight: 700;
}

.about-card-title-container p{
	font-size: 15px;
	font-weight: 300;
}

.about-card-subtitle {
	transition: 1s ease-in-out;
	height: 100px;
	overflow: hidden;
}

.about-card {
	overflow: hidden;
}

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

.about-page-card-section {
	background-color: #E2F1F9;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.block-grid {
	width: 543px;
	height: 600px;
	margin-top: 4rem;
	margin-bottom: 4rem;
	background-color: white;
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

.about-page-cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4vw;
	justify-content: center;
}

.block-grid-image {
	max-width: 567px;
	
}
.block-grid-image-container {

	height:400px;
	
}

.block-grid-title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 700;
	color: #012255;
	font-size: 40px;
}

.block-grid-icon-container {
	position: relative;
	top: -4rem;
	width: 90px;
	background-color: white;
	padding: 16px 16px;
}

.block-grid-title-container {
	padding-left: 40px;
}

.block-grid-link {
	color:#0099FF
}

/* --- Industries Block --- */

.block-grid-container {
	background-color: #E2F1F9;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.block-grid-item {
	width: 543px;
	height: 600px;
	margin-top: 4rem;
	margin-bottom: 4rem;
	background-color: white;
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

.block-grid-items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4vw;
	justify-content: center;
}

.block-item-image {
	max-width: 567px;
	
}
.block-item-image-container {

	height:400px;
	
}

.block-item-title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 700;
	color: #012255;
	font-size: 40px;
}

.block-item-icon-container {
	position: relative;
	top: -4rem;
	width: 90px;
	background-color: white;
	padding: 16px 16px;
}

.block-item-title-container {
	padding-left: 40px;
}

.block-item-link {
	color:#0099FF
}

/* --- End --- */

.to-parent a {
	color: white;
}

.to-parent{
	margin-left: 2rem;
	display: flex;
	flex-direction: row;
	gap: 11px;
}

.child-seperator {
	color: white;
}

.child-link {
	color: orange;
}

.wpcf7-submit {
	background-color: #0099FF !important;
}

.blue-thing {
	color: #0099FF;
	margin-right: 3px;
}


.front-page-nav-link {
	width: 140px;
	font-size: 15px;
}

.info-text a {
	font-size: 15px;
}

.info-text-nav  {
	font-size: 15px;
	height:50px;
}

.front-page-head-container {
background-image: url("https://riedel.bulldog.rocks/wp-content/uploads/2022/06/Slider_1.jpg");
height: 902px;
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover;
}




.front-page-logo {
	padding-left: 120px;
	padding-top: 30px;
}

/* --- front page info head --- */

.front-page-info {
	display: flex;
	flex-direction: row;
	justify-content: end;
	gap: 50px;
	padding: 30px;
	margin-right: 5rem;
	color: white;
	font-size: 15px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.info-img, .info-text {
	vertical-align: middle;
	display: inline-block;
}

.info-img {
	margin-right: 10px;
	margin-bottom: 2px;
}

/* --- front page navigation --- */

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

.front-page-nav-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
.dropdown-sub-link:hover {
	background-color:  #0099FF;
	color: white;
}
.dropdown-sub-link {
	text-align: center;
	padding: 10px;
	

	
}

.front-page-nav-items {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 30px;
	margin-right: 4rem;
	
}

.nav-items {
	display: flex;
	flex-direction: row;

	text-decoration: none;
}
 a:link {
	 text-decoration: none !important;
 }
.nav-items a {
	color: white;
	text-decoration: none !important;
	font-size: 25px;
}




/* --- Nav Animated Hover Links (I named it myself) --- */
.dropdown {
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	position: relative;
	
	text-align: center;
	text-decoration: none;
	z-index: 1;
	transform: perspective(1000px);
	
  }
  
  .dropdown-menu {
	  width: auto;
	  transition: 0.3s ease-in-out;
	padding: 5px;
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	
	position: absolute;
	left: 0;
	opacity: 0;
	text-align: center;
	  align-items: center;
	top: 0;
	padding: 10px;
	color: gray;
	visibility: hidden;
	z-index: -99999;
  }
  
  .dropdown-menu li:first-child {
	cursor: default;
  }
  
  .dropdown-menu a {
	text-align: center;
	color: black;
	display: flex;
	  line-height: 150%;
	flex-direction: row;
	font-size: 15px ;
	width: 100%;
	text-decoration: none;
	
  }
  
  .dropdown-menu a:hover {
	
	
  }
  
  .dropdown:hover .dropdown-menu {
     
	opacity: 1;
	visibility: visible;
	top: 100%;
	width: 100%;
	-webkit-transition: all .5s, background, 2s .5s linear;
	transition: all .5s, background 2s .5s linear;
  }
  
.dropdown:hover .front-page-nav-svg {
	
	
	transform: rotate(180deg);
}

  .front-page-nav-svg {
	transition: 0.3s ease-in-out;
	margin-left: 10px;
	filter: brightness(500%);

  }

/* 
<a href="google.com">About Us</a>
                    <a href="google.com">Services</a>
                    <a href="google.com">Projects</a>
                    <a href="google.com">Industries</a>
                    <a href="google.com">Solutions</a>
                    <a href="google.com">Contact Us</a>



*/


/* --- Front Page Main Title --- */

.front-page-title-container {
	display: flex;
	margin-top: 5rem;
	justify-content: center;
}
.front-page-title {
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.front-page-title-head-title {
	font-size: 25px;
	font-weight: 700;
	
	
}

.front-page-head-title-container {
	color: #0099FF;
	border-left: solid;
	padding-left: 20px;
	height: 35px;
	text-align: center;
	align-items: center;
}

.main-title {
	text-align: center;
	font-size: 70px;
	color: white;
	margin-top: 1rem;
	margin-bottom: 1rem;
	width: 800px;
	font-weight: 700;
	line-height: 120%;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.front-page-title-subtitle {
	width: 70%;
	font-size: 25px;
	color: white;
	text-align: center;
}

.front-page-title-buttons-container {
	margin-top: 2rem;
	display: flex;
	flex-direction: row;
	gap: 30px;
}

.front-page-title-button {
	background-color: #0099FF; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	transition: 0.3s ease;
}

.front-page-title-button:hover{
	transform: scale(1.025);
	color: white;
	outline: 3px solid #fff;
	background: transparent;
}

.front-page-title-button2:hover{
	transform: scale(1.025);
	color: white;
	border: 2px solid #0099FF;
	background-color: #0099FF; 
}


.front-page-title-button2 {
	transition: 0.3s ease;
	background-color: transparent;
	border: 2px solid white;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}




/* --- First Section --- */

.first-section-container {
	padding: 100px;
	display: flex;
	gap: 50px;
	
	background: linear-gradient(to right, #E2F1F9 35%, transparent 35%) no-repeat;
}

.first-section-button-small a {
	color:#0099FF;
}




.first-section-title-container {
	width: 40%;
	
}

.first-section-title-header {
	color: #0099FF;
	border-left: solid;
	padding-left: 20px;
	height: 45px;
	font-size: 30px;
	align-items: center;
    margin-bottom: 1rem;
}

.first-section-main-title {
	margin-bottom: 1rem;
	color: #012255;
	font-size: 55px;
	font-weight: bold;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.first-section-title-header-text {
	color: #0099FF;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.first-section-subtitle-container {
	margin-bottom: 2rem;
	font-size: 23px;
}

.first-section-image-container {
	width: 25%;
	margin-left: 10rem;
}

.first-section-subtitle {
	margin-bottom: 3rem;
}

.first-section-button {
	margin-top: 1rem;
	border: 2px solid #0099FF;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	transition: all 0.3s ease;
}

.first-section-button:hover{
	transform: scale(1.025);
	color: white;
	border: 2px solid white;
	
}


.first-section-button a {
	color: #0099FF;
	font-size: 18px;
}

.learn-more-icon {
	margin-left: 20px;
}

/* --- Second Section --- */

.second-section-container {

}

.first-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.item-1-header {
	font-size: 40px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.item-text-container {
	height: 350px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	
}

.item-1-text {
	font-size: 18px;
	width: 450px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.item-1 {
	flex-grow: 1;
	
	display: flex;
	justify-content: center;
	text-align: left;
	flex-direction: column;
	background-color: #012255;
	align-items: center;
	font-size: 15px;
	color: white;
}
.item-2 {
	flex-grow: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	width: 829px;
	background-image: url("https://riedel.bulldog.rocks/wp-content/uploads/2022/05/img-steel_frame.jpg.jpg");
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	font-size: 15px;
	color: white;
}

.item-no-image {
	flex-grow: 1;
	width: 829px;
	display: flex;
	justify-content: center;
	text-align: left;
	flex-direction: column;
	background-color: #012255;
	align-items: center;
	font-size: 15px;
	color: white;
}

.item-img-container {
	background-image: url("https://riedel.bulldog.rocks/wp-content/uploads/2022/05/img-steel_frame.jpg.jpg");
	background-position: center; /* Center the image */
	height: 400px;
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
}

.item-text-container a {
	color: white;
	margin-top: 1rem;
	font-size: 15px;
	display: flex;
	transition: all 0.3s ease;
	align-items: baseline;
	gap: 15px;
}
.item-text-container a:hover {
	margin-left: 0.5rem;
	transform: scale(1.025);
	gap: 25px;
}

.item-learn-more-icon {
	transition: all 0.3s ease;
}

.item-text-container a:hover > .item-learn-more-icon {
   transform: scale(1.025);
	
}

/* --- Second Row --- */

.item-1-row-2 {
	flex-grow: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	width: 829px;
	background-image: url("https://riedel.bulldog.rocks/wp-content/uploads/2022/05/img-pepsi.jpg.jpg");
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	font-size: 15px;
	color: white;
}



.item-3-row-2 {
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	width: 829px;
	background-image: url("https://riedel.bulldog.rocks/wp-content/uploads/2022/05/img-remodal.jpg.jpg");
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	font-size: 15px;
	color: white;
}

.item-no-image-row-2 {
	flex-grow: 1;
	width: 829px;
	display: flex;
	justify-content: center;
	text-align: left;
	flex-direction: column;
	background-color: #0099FF;
	align-items: center;
	font-size: 15px;
	color: white;
}

.item-3-row-3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	width: 829px;
	background-image: url("https://riedel.bulldog.rocks/wp-content/uploads/2022/05/img-building.jpg.jpg");
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	font-size: 15px;
	color: white;
}


/* --- Third Section --- */

.third-section-container {
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-top: 5rem;
	align-items: center;
}

.third-section-title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.third-section-title {
	display: flex;
	align-items: center;
	flex-direction: column;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.third-section-title-text {
	color: #012255;
	font-size: 60px;
	font-weight: 700;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.third-section-header {
	display: flex;
	color: #0099FF;
	border-left: solid;
	padding-left: 20px;
	height: 35px;
	text-align: center;
	align-items: center;
	margin-bottom: 1rem;
}

.third-section-header-text {
	font-size: 35px;
}

.third-section-subtitle {
	font-size: 23px;
	width: 40%;
	text-align: center;
	margin-bottom: 3rem;
	margin-top: 1rem;

}
.third-section-icons-container {
	width: 60%;
	margin-bottom: 3rem;
}

.third-section-icons {
	
	flex-wrap: wrap;
	display: flex;
	gap: 90px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.third-section-icon-text {
	font-size: 20px;
	margin-top: 1rem;

}

.third-section-icon {
	width: 100px;
}

.third-section-icon-box {
	display: flex;
	flex-direction: column;
	text-align: center;
}


/* --- Fourth Section --- */

.fourth-section-container {
	display: flex;
	flex-direction: row;
	background-color: #012255;
	height: 30%;
}

.fourth-section-image-container {
	background-color: #0099FF;
}

.fourth-section-background-image {
	width: 100%;
	mix-blend-mode: multiply;
}


.fourth-section-icon {
	position: absolute;
	top: 225rem;
	left: 6rem;
}

.fourth-section-title-container {
	color: white;
	margin-top: 3rem;
	margin-bottom: 3rem;
	margin-left: 5rem;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.fourth-section-header-container {
	display: flex;
	flex-direction: row;
	color: #0099FF;
	border-left: solid;
	padding-left: 20px;
	height: 35px;
	text-align: left;
	margin-bottom: 1rem;
	align-items: center;
}

.fourth-section-header-text {
	font-size: 20px;
}

.fourth-section-title-text {
	display: flex;
	align-items: center;
	font-size: 59px;
	font-weight: 700;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.fourth-section-link-container {
	display: none;
	margin-top: auto;
	margin-bottom: 5rem;
}

.fourth-section-title-button {
	background-color: #0099FF; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin-top: 4rem;
	margin-left: 3rem;
}

.big-question-mark {
	height: 250px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	opacity: 15%;
	position: relative;
	top: -10rem;
	right: -2rem;
	color: white;
	font-size: 400px;
}


/* --- Fifth Section --- */

.fifth-section-container {
    
	display: flex;
	align-items: center;
	flex-direction: column;
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover;
	background-image: url("https://riedel.bulldog.rocks/wp-content/uploads/2022/05/img-hangar.jpg.jpg");
}

.fifth-section-review-container {
	margin-top: 5rem;
	margin-bottom: 4rem;
}

.fifth-section-header-container {
	color: #0099FF;
	border-left: solid;
	padding-left: 20px;
	height: 35px;
	display: flex;
	align-items: center;
}

.fifth-section-header-text {
	font-size: 30px;
	font-weight: 700;
}

.fifth-section-title {
	font-size: 60px;
	margin-top: 1rem;
	font-weight: 00;
	color:#012255;
	margin-bottom: 2rem;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

.fifth-section-review-cards {
	display: flex;
	flex-direction: row;
	gap: 50px;
	justify-content: center;
	flex-wrap: wrap;
}

/* --- Sixth Section --- */

.sixth-section-container {
	
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.sixth-section-title-container {
	margin-top: 3rem;
	display: flex;
	flex-direction: column;
	text-align: center;
	

}

.sixth-section-header-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	color: #0099FF;
	border-left: solid;
	padding-left: 20px;
	height: 35px;
	font-weight: 700;
	font-size: 30px;
   
	margin-bottom: 1rem;
	align-items: center;
}

.sixth-section-main-title {
	margin-bottom: 3rem;
}

.sixth-section-title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 50px;
	font-weight: 700;
	color:#012255;
}

.sixth-section-sponsors {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 55px;
	margin-bottom: 3rem;
}

/* --- Front Page Footer --- */

.front-page-footer-container {
	

	
	background-color: #012255;
	color: white;
}

.front-page-footer {
	
	display: flex;
	justify-content: space-between;
	flex-direction: row;

	
	background-color: #012255;
	color: white;
}

.footer-logo {
	margin-top: 3rem;

	margin-bottom: 2rem;

}

.footer-logo-container {
	margin-top:1rem;
	margin-bottom: 4rem;
	margin-left: 6rem;
}

.footer-title {
	
	font-size: 15px;
}

.footer-titles-container {
	width: 700px;
	display: flex;
	flex-direction: row;
	gap: 30px;
}

.footer-hours-container {
	margin-top: 1rem;
}

.footer-information-container {
	display: flex;
	margin-top: 3rem;
	flex-direction: row;
	justify-content: space-between;
}

.info-item {

	display: flex;
	flex-direction: column;
}

.info-item-container {
	display: flex;
	flex-direction: row;
	

}

.info-text {
	font-size: 25px;
}
.industry-card {
	
}

.front-page-title-button > a:hover {
	color: white!important;
}

.x-button {
	width: 38px;
	position: absolute;
	top: 1rem;
	right: 11px;
}
.info-img-2 {
	
	margin-right: 10px;
}
.open-other-industry {
	display: none;
}
.info-text {
	font-size: 20px;
}
.industry-card {
	transform: scale(1);
}

.open-industry-card {
	transform: scale(0);
	width: auto !important;
	height: auto !important;
}
.footer-links-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 5rem;
}

.licenses-container {
	display: flex;
  
	flex-direction: column;
}

.license-container {
	display: flex;
	flex-direction: row;

}

.duns {
	color:#0099FF;
	font-size: 20px;
}

.license {
	color: #0099FF;
	font-size: 20px;
}

.info-text-phones {
	display: flex;
	font-size: 20px;
}

.one-more-logo {
	margin-left: 3rem;
}

/* --- Front page bottom --- */

.front-page-bottom-info {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	
}

.front-page-bottom-info-text {
	font-size: 20px;
	color: #012255;
}

.first-section-button-small {
	display: none;
}

/* --- Hamburger --- */


.navbar {
	display: none;
}

nav {
	width: 29px;
	height: 29px;
}

.navbar .row {
	width: 100%;
	align-items: center;
	margin: 0;
	
}

.front-page-nav-svg active {
	display: none;
}
.navbar-icon {
	margin-right: 1rem;
	display: flex;
	justify-content: flex-end;
	
	align-items: center;
}


@media screen and (min-width: 1300px) {
	
	.first-section-title-container {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.navbar-icon {
		display: none;
   }
}
.navbar-icon span {
	width: 36px;
	height: 3px;
	background-color: white;
	display: block;
	position: relative;
	transition: 0.3s;
}
.navbar-icon span:after {
	content: "";
	width: 36px;
	height: 3px;
	position: absolute;
	top: 9px;
	background-color: white;
	transition: 0.3s;
}
.navbar-icon span:before {
	content: "";
	width: 36px;
	height: 3px;
	position: absolute;
	bottom: 9px;
	background-color: white;
	transition: 0.3s;
}
.navbar-icon.active span {
	margin-top: 2rem;
	background-color: transparent;
}
.navbar-icon.active span:before {
	transform: rotate(45deg);
	bottom: 0;
	background-color: #fff;
}
.navbar-icon.active span:after {
	transform: rotate(-45deg);
	background-color: #fff;
	top: 0;
}

#bwg_thumbnails_0{
	width: 100% !important;
	gap: 5px;
    justify-content: center;
    margin: 0 auto !important;
    background-color: rgba(255, 255, 255, 0.00);
    max-width: 100%;
}

@media screen and (max-width: 1300px) {
	.open-card-text-container {
		height: 426px !important;
	}
	.industry-card {
		flex: 0 0 auto;
		width: 339px !important;
	}
	
	#bwg_container1_0{
		width: 400px;
	}
	.single-page-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
	
	.single-page-content-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.open-card {
		height: 900px !important;
		width: 400px !important;
	}
	
	
		.to-parent {
		margin-left: 0rem;
	}
	
	.services-card {
		margin-left: 0.2rem !important;
		margin-right: 0.2rem !important;
	}
	.navbar-menu nav {
		visibility: hidden;
	
   }
}
.navbar-menu nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	justify-content: flex-end;
}
.navbar-menu nav ul li {
	margin: 0;
}
@media screen and (max-width: 1300px) {
	.navbar-menu nav ul li {
		transform: translateX(-10px);
		opacity: 0;
   }
}
.navbar-menu nav ul li a {
	display: block;
	padding: 10px 20px;
	color: #000;
	transition: 0.3s;
}
.navbar-menu nav ul li:hover a {
	text-decoration: none;
	transform: translateY(-3px);
}
@media screen and (max-width: 1300px) {
	.navbar-menu nav.active {
		visibility: visible;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #292929;
   }
}
@media screen and (max-width: 1300px) {
	.navbar-menu nav.active ul {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
   }
}
@media screen and (max-width: 1300px) {
	.navbar-menu nav.active ul li {
		transform: translateX(0);
		opacity: 1;
		transition: 0.9s;
   }
	.navbar-menu nav.active ul li:nth-child( 1) {
		transition-delay: 0.15s;
   }
	.navbar-menu nav.active ul li:nth-child( 2) {
		transition-delay: 0.3s;
   }
	.navbar-menu nav.active ul li:nth-child( 3) {
		transition-delay: 0.45s;
   }
	.navbar-menu nav.active ul li:nth-child( 4) {
		transition-delay: 0.6s;
   }
	.navbar-menu nav.active ul li:nth-child( 5) {
		transition-delay: 0.75s;
   }
	.navbar-menu nav.active ul li:nth-child( 6) {
		transition-delay: 0.9s;
   }
	.navbar-menu nav.active ul li:nth-child( 7) {
		transition-delay: 1.05s;
   }
	.navbar-menu nav.active ul li:nth-child( 8) {
		transition-delay: 1.2s;
   }
	.navbar-menu nav.active ul li:nth-child( 9) {
		transition-delay: 1.35s;
   }
	.navbar-menu nav.active ul li a {
		color: #fff;
		font-size: 24px;
   }
}




/*--- About Page --- */

.about-page-head-container {
	background-image: url("http://riedel.bulldog.rocks/wp-content/uploads/2022/05/div-hero.jpg");
height: 600px;
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover;
}

.about-page-title-container {
	display: flex;
	justify-content: left;
	
}

.about-page-title {
	margin-left: 14rem;
	margin-top: 5rem;
}

.about-page-title-text {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 80px;
	color: white;
	font-weight: 700;
}

.about {
	flex-direction: row-reverse;
	background: none;
}

/* --- About card section --- */

.about-page-card-section {
	background-color: #E2F1F9;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.about-card {
	width: 543px;
	height: 600px;
	margin-top: 4rem;
	margin-bottom: 4rem;
	background-color: white;
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.open-title {
	margin-top: 3rem;
}
.services-img {
	transition: 1s ease-in-out;
}

.services-image {
	display: flex;
	align-items: center;
	flex-direction: column;
}



.info-item-container {
	align-items: baseline;
}

.open-img {
	min-width: 721px;
}
.about-page-cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4vw;
	justify-content: center;
}

.about-card-image {
	display: flex;
	align-items: center;
	max-width: 567px;
	
}
.about-card-image-container {
  	transition: 1.5s ease-in-out;
	height:400px;
	
}

.about-card-title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 700;
	color: #012255;
	font-size: 40px;
}

.about-card-icon-container {
	transition: 1.5s ease-in-out;
	position: relative;
	top: -4rem;
	width: 90px;
	background-color: white;
	padding: 16px 16px;
}

.about-card-title-container {
	padding-left: 40px;
}

.about-card-link {
	color:#0099FF
}


/* --- Single Page (I stole so much from fast change thx Aaron) --- */


.first-section-links a {
	margin-top: 2rem;
	font-size: 20px;
	color: #012255;
}

.first-section-links {
	margin-top: 3rem;
}

.single-page-title-container{
	height: 600px;
	background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover;
}

	.single-page-content-container {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		padding-left: 200px;
		padding-right: 200px;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}



/* --- Responsiveness (as if) --- */
@media only screen and (max-width: 1860px) {
	.fourth-section-icon {
		display: none;
	}
	.big-question-mark {
		display: none;
	}
}
@media only screen and (max-width: 1300px) {
	.front-page-footer {
		align-items: center;
	}
	.footer-links-container {
	 	display: none;
	}
	
	.fourth-section-image-container {
		display: flex;
		justify-content: center;
	}
	
	.fourth-section-background-image {
		width: auto;
	}
	.about-page-cards {
		gap: 50px;
		justify-content: center;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.about-page-title-container {
		display: flex;
		justify-content: center;
		margin-left: 0rem;
		align-items: center;
		text-align: center;
	}

	.about-page-title-text {
		font-size: 40px;
	}

	.about-page-title {
		margin-left: 0rem;
		
	}

	.about-page-head-container {
		height: 300px;
	}

	.about-card {
		margin-top: 0rem;
		margin-bottom: 0rem;

	}

	.about-card-image {
		width: 380px;
	}

	.about-card {
		width: 380px;
	}

	.about-card-image-container {
		height: 330px;
	}

	.about-card-title-container {
		padding-left: 15px;
	}

	.front-page-logo-container {
		margin-left: 2rem;
	}	
	.navbar {
		display: block;
	}
	.front-page-nav-items {
		display: none;
	}
	.front-page-info {
		display: none;
	}

	.front-page-nav-container {
		justify-content: space-between;
		flex-direction: row;
		
	}

	.front-page-head-container {
		height: 800px;
	}

	
	.front-page-head-title-container {
		margin-bottom: 1rem;
	}

	.front-page-logo {
		padding: 0;
		margin-top: 4rem;
		width: 200px;
	}
	.front-page-title-head-title {
		font-size:15px;
	}

	.main-title {
		font-size: 40px;
		width: auto;
	}

	.front-page-title-subtitle {
		font-size: 20px;
	}

	/*--- First Section --- */
    .first-section-button {
		display: none;
	}
	.first-section-container {
		flex-direction: column;
		padding: 0;
		align-items: center;
		background: none;
		gap: 25px;
	}

	.first-section-image-container {
		margin-left: 0rem;
		width: 45%;
		height: 95%;
		margin-top: 2rem;
	}

	.first-section-main-title {
		font-size: 20px;
		margin-bottom: 1rem;
	}

	.first-section-subtitle {
		font-size: 15px;
		padding: 10px;
		margin-bottom: 0;
	}
	
	.single-page-padding: {
		padding-left: 0px;
		padding-right: 0px;
	}

	.first-section-title-container {
		width: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.first-section-button-small {
		display: block;
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

	.first-section-title-header-text {
		font-size: 25px;
	}

	.first-section-subtitle-con {
		font-size: 15px;
		padding: 10px;
		text-align:center;
	}
	
	.services-new-subtitle {
		width: auto;
		text-align: center;
	}
	
	.services-new-title {
		text-align: center;
	}

	/* --- Second Section --- */

	.second-section-container {
		display: none;
	}

	/* ---Third Section --- */

	.third-section-container {
		margin-top: 1rem;
	}

	.third-section-header-text {
		font-size: 20px;
	}

	.third-section-title-text {
		font-size: 40px;
		margin-top: 1rem;
	}

	.third-section-subtitle {
		font-size: 15px;
		width: auto;
		padding: 10px;
	}

	.third-section-icon {
		width: 80px;
	}

	.third-section-icon-box {
		display: block;
		padding: 8px;
	}

	.third-section-icons {
		flex-direction: row;
		gap: 0;
	}

	.third-section-icon-text {
		font-size: 10px;
	}

	.third-section-icons-container {
		width: auto;
	}

	/* --- Fourth section --- */

	.fourth-section-container {
		flex-direction: column;
	}

	.fourth-section-title-container {
		margin-left: 0rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

	}

	.fourth-section-title-text {
		font-size: 25px;
		display: flex;
		text-align: center;
		margin-top: 1rem;

		align-items: center;
		flex-direction: column;
	}

	.fourth-section-title-button {
		margin-left: 0rem;
	}

	.big-question-mark {
		display: none;
	}

	/* --- Fifth section --- */

	.fifth-section-header-text {
		font-size: 20px;
		

	}

	

	.fifth-section-title {
		font-size: 40px;
	}

	.fifth-section-title-container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.fifth-section-review-cards {
		flex-direction: column;
	}

	/* --- Sixth section --- */

	.sixth-section-header {
		font-size: 20px;
	}
    
	.sixth-section-main-title {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.sixth-section-title {
		font-size: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.sixth-section-sponsors {
		flex-direction: column;

	}
	
	/*--- Footer --- */

	.front-page-footer {
		flex-direction: column;

	}

	.footer-title {
		font-size: 15px;
	}

	.footer-logo-container {
		margin-left: 0rem;
		width: 90%;
		padding: 10px;
		margin-bottom: 0rem;
	}

	.info-text {
		font-size: 15px;
	}

	.footer-title {
		font-size: 10px;
	}

	.footer-titles-container {
		gap: 5px;
		justify-content: center;
	}
	.footer-links-container {
		margin-right: 0rem;
	}

	.info-text {
		font-size: 10px;
	}

	.info-item {
		gap: 0;
		flex-direction: column;
	}

	.info-text-phones {
		font-size: 10px;
	}

	.duns {
		font-size: 10px;
	}

	.license {
		font-size: 10px;
	}

	.licenses-container {
		gap: 0;
	}

	.footer-information-container {
		margin-bottom: 2rem;
		flex-direction: column;
	}

	.footer-links-container {
		flex-direction: row;
		justify-content: space-between;
		padding: 20px;
	}

	.footer-titles-container {
		flex-direction: column;
	}

	.footer-num {
		font-size: 10px;
	}

	/* --- Bottom Info --- */

	.front-page-bottom-info-text {
		font-size: 15px;
	}

	/* --- Single Page --- */
	
	

}
@media only screen and (max-width: 500px){
	.front-page-info {
		display: none;
	}

}