body {
	margin: 10px auto;
	text-align: center;
}
.content {
	max-width: 800px;
	text-align: left;
	margin: auto;
}
/* Header Menu*/   
 /*Sitemap list*/
 .lis {
	color:#004282;
	text-align:left;
	font-size:25px;
	list-style-type:circle;
}
/*end sitemap lis*/
 
a {
	text-decoration: none;
	color:blue;
}
li {
	list-style: none;
}
.navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
 background-color:;
	color: #004282;
}
.nav-links a {
	color: #004282;
}
/* NAVBAR MENU */
.menu {
	display: flex;
	gap: 1em;
	font-size: 20px;
	padding-top: 25px;
}
.menu li:hover {
 background-color:;
	border-radius: 5px;
	transition: 0.3s ease;
}
.menu li {
	padding: 5px 14px;
}
/* DROPDOWN MENU */
.products {
	position: relative;
}
.dropdown {
	background-color: white;
	padding: 1em 0;
	position: absolute; /*WITH RESPECT TO PARENT*/
	display: none;
	border-radius: 8px;
	top: 35px;
}
.dropdown li + li {
	margin-top: 10px;
}
.dropdown li {
	padding: 0.5em 1em;
	width: 8em;
	text-align: left;
}
.dropdown li:hover {
 background-color:;
}
.products:hover .dropdown {
	display: block;
}
/* RESPONSIVE NAVBAR MENU STARTS */

/* CHECKBOX HACK */

input[type=checkbox] {
	display: none;
}
/* HAMBURGER MENU */
.hamburger {
	display: none;
	font-size: 24px;
	user-select: none;
}

/* APPLYING MEDIA QUERIES */
@media (max-width: 768px) {
 .menu {
 display:none;
 position: absolute;
 background-color:white;
 right: 0;
 left: 0;
 text-align: center;
 padding: 16px 0;
 color:white;
}
 .menu li:hover {
 display: inline-block;
 background-color:;
 transition: 0.3s ease;
 color:white;
}
 .menu li + li {
 margin-top: 12px;
}
 input[type=checkbox]:checked ~ .menu {
 display: block;
}
 .hamburger {
 display: block;
 margin-right:30px;
}
#call {
display: none;
}
 .dropdown {
 left: 50%;
 top: 30px;
 transform: translateX(35%);
}
 .dropdown li:hover {
 background-color:;
}
}
/*    */ 
   
      image-slideshow {
	max-width: 1000px;
	position: relative;
	margin: auto;
}
img {
	width: 100%
}
.fade {
 animation-name:;
	animation-duration: 70s;
}
@keyframes fade {
 from {
opacity: .5
}
to {
	opacity: 1
}
}
.header {
	height:100px;
}
.logo {
	width: 225px;
	height: 89px;
	float: left;
	margin-bottom:10px;
	margin-left: 60px;
}
#call {
	color:gray;
	font-size:20px;
	margin-right: 20px;
	visibility:visible;
}
.container {
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
	width: 1200px;
}
.button3 {
	padding: 20px 32px;
	background-color: #CDCDCD;
	color: white;
	border-bottom: 2px solid;
	width: 110px;
	margin: 480px 240px 200px 140px;
	;
	border: #CDCDCD;
	border-radius: 40px;
	position: absolute;
}
.button {
	background-color: #CDCDCD;
	color: black;
	border-bottom: 2px solid;
	width: 200px;
	border: #CDCDCD;
	border-radius: 40px;
	text-align: revert;
	font-size: 20px;
	height: 43px;
	padding-top: 13px;
	margin: 0 auto;
}
.link {
	color:#004282;
	text-decoration: none;
}
.linkf {
color:;
	text-decoration: none;
}
.bannerimage {
	width: 100%;
	background-image: url("../images/banner3.png");
	height: 605px;
	background-position: center;
}
.banner-box {
	padding: 34px 0 0;
	position: relative;
}
.bannerline {
	font-size: 32px;
	color: white;
	font-weight: 100;
	text-align: left;
	padding: 6rem 6rem 0 6rem;
	text-align: center;
}
.bannerline3 {
	font-size:32px;
	color:white;
	font-weight:100;
	text-align:left;
	padding: 380px 850px 30px 130px;
	position: absolute;
}
.title {
	font-size: 40px;
	margin-top: 20px;
	color:#004282;
	font-family:cursive;
}
.two-section {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 60px;
	margin-left: 30px;
}
section {
/*margin-top:100px;*/

}
.stck {
	display: grid;
	position: relative;
// imperative for the overlapping to work  grid-template-columns: repeat(12, 1fr);
}
.im_b {
	grid-column: 4 / -1;
	grid-row: 1;
}
.im_t {
	grid-row: 1;
	grid-column: 1 / span 8;
	padding-top: 20%;
// slightly arbitrary, keeps proportion once resized  z-index: 1;
// tells the browser to make this image on top
}
.im_t:hover {
	transform: scale(1.1);
}
.im_b:hover {
	transform: scale(1.1);
}
.text {
	font-size: 16px;
	padding-left: 35px;
	padding-right: 30px;
	text-align: justify;
}
.wrapper {
	display: grid;
	margin: 40px 90px auto;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
/* Inline form*/

.form-inline {
	display: inline-block;
	flex-flow: row wrap;
	align-items: center;
	color:white;
	padding: 38px;
}
/* Add some margins for each label */
.form-inline label {
	margin: 5px 10px 5px 0;
	font-size: 19px;
}
/* Style the input fields */
.form-inline input {
	vertical-align: middle;
	margin: 5px 10px 5px 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 10px;
}
/* Style the submit button */
.form-inline button {
	padding: 10px 50px;
	background-color: #c3a456;
	border: 1px solid #004282;
	color: #004282;
	font-size: 13px;
	margin-left: 18px;
	border-radius:10px
}
.form-inline button:hover {
 background-color:;
}
.container1 {
	display: -webkit-inline-box;
}
/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
 .form-inline input {
 margin:1px 0px 5px 1px;
}
 .container1 {
display: block;
}
.container1 img {
padding-top:15px;
padding-bottom:15px;
}
 .form-inline {
 display: grid;
 padding:10px, 40px;
}
 .form-inline button {
 margin: 10px auto;
}
.form-inline label {
 margin:1px 10px 1px 0;;
 font-size: 19px;
}
}
@media only screen and (min-width :990px) and (max-width :1500px) {
.form-inline {
 display: inline-block;
}
}

/* inline form*/
  @media only screen and (min-width :990px) and (max-width :1023px) {
 .wrapper {
 margin: 100px 30px auto;
}
 .textw .imw {
 width: 30%;
 margin: 0 auto;
 position: relative;
 perspective: 1000px;
}
}
 @media only screen and (min-width :768px) and (max-width :989px) {
 .wrapper {
 margin: 100px 60px auto;
}
 .textw .imw {
 width: 30%;
 margin: 0 auto;
 position: relative;
 perspective: 100px;
}
}
 @media only screen and (min-width :480px) and (max-width :767px) {
 .wrapper {
 margin: 100px 30px auto;
}
 .textw .imw {
 width: 30%;
 margin: 0 auto;
 position: relative;
 perspective: 1000px;
}
}
 @media only screen and (min-width:320px) and (max-width :479px) {
 .wrapper {
 margin: 30px 30px auto;
}
 .textw .imw {
 width: 30%;
 margin: 0 auto;
 position: relative;
 perspective: 1000px;
}
.call {
 display: none;
}
 .til {
 font-size:22px
}
 .logo {
 margin-left: 20px;
}
}
 @media only screen and (max-width :319px) {
 .wrapper {
 margin: 30px 30px auto;
}
 .textw .imw {
 width: 30%;
 margin: 0 auto;
 position: relative;
 perspective: 1000px;
}
.call {
 display: none;
}
 .logo {
 margin-left: 20px;
}
}
/*
@media (max-width: 700px) {
  .wrapper{
    margin: 100px 30px auto;
  }

  
}
@media (max-width: 990px) {
  .wrapper{
  margin: 100px 30px auto;
  }

  
}*/
.co1 {
	width: 40%;
	position: relative;
}
.col2 {
	width: 60%;
	position: relative;
}
p {
	text-align: justify;
	font-size:17px;
}
.front-face {
	margin:10px;
	font-size: 20px;
	margin-top: 20px;
	color:#004282;
	font-family:cursive;
}
.wrapper .box {
	width: 350px;
	margin: 0 auto;
	position: relative;
	perspective: 1000px;
}
.wrapper .textw .imw {
	width: 50%;
	margin: 0 auto;
	position: relative;
	perspective: 1000px;
}
.pro:hover {
	transform: scale(1.1);
}
.footer {
	background-color:#002A53;
	color:white;
	height: 150px;
	font-size:19px;
}
.sat li {
	display:inline;
	padding: 0 15px;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
}
.copyright {
	margin-bottom:15px;
}
@media only screen and (min-device-width: 990px) and (max-device-width: 1023px) {
 .bannerline {
 font-size:32px;
color:white;
font-weight:100;
text-align:left;
padding: 180px 850px 30px 130px;
position: absolute;
}
}
/* contact*/
#contact {
	width: 100%;
	height: 100%;
}
.section-header {
	text-align: center;
	margin: 0 auto;
	padding: 40px 0;
	font: 300 60px 'Oswald', sans-serif;
	color: #004282;
	text-transform: uppercase;
	letter-spacing: 6px;
}
.contact-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	max-width: 840px;
}
/* Left contact page */
.form-horizontal {
	/*float: left;*/
  max-width: 1240px;
	font-family: 'Lato';
	font-weight: 400;
}
.form-control, textarea {
	width: 600px;
	height: 40px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 20px;
	border-color: black;
}
.send-button {
	margin-top: 15px;
	height: 34px;
	width: 300px;
	overflow: hidden;
 transition: all .2s ease-in-out;
}
.alt-send-button {
 width:;
	height: 34px;
 transition: all .2s ease-in-out;
}
.send-text {
	display: block;
	margin-top: 0px;
	font: 700 12px 'Lato', sans-serif;
	letter-spacing: 2px;
}
/* Begin Right Contact Page */
.direct-contact-container {
	max-width: 500px;
}
/* Location, Phone, Email Section */
.contact-list {
	list-style-type: none;
	margin-left: 0px;
	padding-right: 20px;
	text-align: left;
}
.list-item {
	line-height: 4;
	color: #004282;
}
.contact-text {
	font: 300 18px 'Lato', sans-serif;
	letter-spacing: 1.9px;
	color: #004282;
}
.place {
	margin-left: 22px;
}
.phone {
	margin-left: 22px;
}
.gmail {
	margin-left: 22px;
}
.contact-text a {
	color: #004282;
	text-decoration: none;
	transition-duration: 0.2s;
}
.contact-text a:hover {
 color:;
	text-decoration: none;
}
/* Social Media Icons */
.social-media-list {
	position: relative;
	font-size: 22px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.social-media-list li a {
	color: #fff;
}
.social-media-list li {
	position: relative;
	display: inline-block;
	height: 60px;
	width: 60px;
	margin: 10px 3px;
	line-height: 60px;
	border-radius: 50%;
	color: #fff;
	background-color: #004282;
	cursor: pointer;
 transition: all .2s ease-in-out;
}
.social-media-list li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	opacity: 0;
	box-shadow: 0 0 0 1px #fff;
 transition: all .2s ease-in-out;
}
.social-media-list li:hover {
	background-color: #fff;
}
.social-media-list li:hover:after {
	opacity: 1;
	transform: scale(1.12);
	transition-timing-function: cubic-bezier(0.37, 0.74, 0.15, 1.65);
}
.social-media-list li:hover a {
	color: #000;
}
hr {
	border-color: rgba(255, 255, 255, .6);
}

/* Begin Media Queries*/
@media screen and (max-width: 850px) {
 .contact-wrapper {
 display: flex;
 flex-direction: column;
}
 .direct-contact-container, .form-horizontal {
 margin: 0 auto;
}
 .direct-contact-container {
 margin-top: 60px;
 max-width: 300px;
}
 .social-media-list li {
 height: 60px;
 width: 60px;
 line-height: 60px;
}
 .social-media-list li:after {
 width: 60px;
 height: 60px;
 line-height: 60px;
}
 .form-control, textarea {
 margin: 0 auto;
 width: 500px;
 margin-bottom: 20px;
}
 .container1 {
display: block;
}
.container1 img {
padding-top:15px;
padding-bottom:15px;
}
.form-inline {
 display: grid;
 padding:10px 40px;
}
 .form-inline button {
 margin: 10px auto;
}
}
 @media screen and (max-width: 569px) {
 .direct-contact-container, .form-wrapper {
 float: none;
 margin: 0 auto;
}
 .form-control, textarea {
 margin: 0 auto;
 width: 300px;
 margin-bottom: 20px;
}
 .name, .email, textarea {
 width: 280px;
}
 .direct-contact-container {
 margin-top: 60px;
 max-width: 280px;
}
 .social-media-list {
 left: 0;
}
 .social-media-list li {
 height: 55px;
 width: 55px;
 line-height: 55px;
 font-size: 2rem;
}
 .social-media-list li:after {
 width: 55px;
 height: 55px;
 line-height: 55px;
}
 .container1 {
display: block;
}
.container1 img {
padding-top:15px;
padding-bottom:15px;
}
.form-inline {
 display: grid;
 padding:10px 40px;
}
 .form-inline button {
 margin: 10px auto;
}
}
 @media screen and (max-width: 410px) {
 .send-button {
 width:;
}
}
/* container */

.b {
	display: grid;
	padding: 1.7rem;
	grid-template-columns: 500px 1fr;
	gap: 1rem;
	align-items: center;
	max-width: 1100px;
	margin: 0 auto;/* font: 500 100%/1.5 system-ui;*/
}
img {
	max-width: 100%;
	height: auto;
}
@media (max-width: 650px) {
 .b {
 display: block;
 font-size: 80%;
}
 .p {
 position: relative;
 margin: rem 0 2rem 1rem;
 padding: 1rem;
 background: rgba(white, 0.8);
}
 .container1 {
display: block;
}
.container1 img {
padding-top:15px;
padding-bottom:15px;
}
.form-inline {
 display: grid;
 padding:10px 40px;
}
 .form-inline button {
 margin: 10px auto;
}
}
@media (max-width: 790px) {
 .b {
 display: block;
 font-size: 80%;
}
 .p {
 position: relative;
 margin: rem 0 2rem 1rem;
 padding: 1rem;
 background: rgba(white, 0.8);
}
.container1 {
display: block;
}
.container1 img {
padding-top:15px;
padding-bottom:15px;
}
.form-inline {
 display: grid;
 padding:10px 40px;
}
 .form-inline button {
 margin: 10px auto;
}
}
@media only screen and (min-width :768px) and (max-width :989px) {
 .b {
 display: block;
 font-size: 80%;
}
 .p {
 position: relative;
 margin: rem 0 2rem 1rem;
 padding: 1rem;
 background: rgba(white, 0.8);
}
.container1 {
display: block;
}
.container1 img {
padding-top:15px;
padding-bottom:15px;
}
.form-inline {
 display: grid;
 padding:10px 40px;
}
 .form-inline button {
 margin: 10px auto;
}
}