body
{
background:white;




}

.hide
{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.light-grey
{
  color: #d4d4d4 !important;
}


.align-center
{
  text-align:center !important;
}

.service-img
{
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
}

.service-img img
{
  border-radius:0px;
  width: 100%;
}
#full
{

	transition: all 1s;
display:table-cell;vertical-align: middle;margin:0 auto;text-align: center;
opacity: 1;
}


 .responsive-square {
    width: 100%; /* Full width of parent container */
    padding-top: 70%; /* Aspect ratio for a square */
    position: relative;
    overflow: hidden;

}
.responsive-square img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image fills the square without distortion */
    border-radius: 10px;
}


#img
{
border-radius: 1000px;text-align: center;width: 200px;
}
.navbar-brand img
{
  width: 250px;

margin-top: 0px;
z-index: 9001;
position: relative;
top: 0px;
}

#logo-white-div
{
  position: fixed;
  width: 150px;
  height: 62px;
  top: 0px;
  left: 0px;
  background-color: white;
z-index: 9000;
display: none;
}

.white
{
  color: white !important;
}

.black
{
  color: black !important;
}
.nav-link
{
	font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  color: white !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

p{
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;
  font-size: 16px;
  line-height: 2;

color: #6D6D6D;
}

a
{
  text-decoration: none !important;
}

#header
{
  background-color: transparent;
  position: fixed;
  top: 0px;
z-index: 9000;
width: 100%;
transition: all .1s linear;


}

.center-align
{
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

.theme-color1
{
  color: #409c3a !important;
}
.check1
{
  color:#409c3a;font-size: 30px;
}
#section3
{
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #011800 !important;
  color: white;
}


#about_section,#contact_section
{
    padding-top: 100px;
  padding-bottom: 100px;
  background-color: white !important;
  color: black;
}


#contact_section2
{
    padding-top: 10px;
  padding-bottom: 100px;
  background-color: #faf9f9 !important;
  color: black;
}

#projects_section
{
   padding-top: 80px;
  padding-bottom: 100px;
  background-color: white !important;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  color: black;
}

.projects-row
{
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;

padding: 15px;
}



#mission_section
{
padding-top: 80px;
  padding-bottom: 100px;
  background-color: #011800 !important;
  color: black;
}

#about_section2
{
    padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f9f9f9 !important;
  color: black;

}
#jumbtron_section1
{
  padding-top: 200px;
  padding-bottom: 50px;
   background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;

}

.jumbtron-main-head
{
  font-size: 80px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;

}

.jumbtron-sub-head
{
  font-size: 20px !important;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide2 1s forwards;
    animation-delay: .8s;

      font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;

}


.slider-img
{

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height:750px;
}

.slider-caption-div
{
  position: absolute;
  bottom: 100px;
  margin: 0 auto !important;
  left: 0px;
  right: 0px;

}


.slider-main-caption1
{
  font-size: 60px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;
  z-index: 200;

  animation: slide1 1s forwards;
  animation-delay: .6s;

    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  color: white;

}

@keyframes slide1 {
  from {    top: 100px;
    opacity: 0;}
  to {    top: 00px;
    opacity: 1;}
}

.slider-caption-content
{
  font-size: 22px !important;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;
  z-index: 200;
  animation: slide2 1s forwards;
    animation-delay: .8s;

      font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;

}

@keyframes slide2 {
  from {    top: 100px;
    opacity: 0;}
  to {    top: 00px;
    opacity: 1;}
}


.slider-button1
{
 
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide3 1s forwards;
    animation-delay: 1s;
}

@keyframes slide3 {
  from {    top: 100px;
    opacity: 0;}
  to {    top: 00px;
    opacity: 1;}
}

.slider-caption-content
{
  font-size: 24px;
  position: relative;
}
#section4
{
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: #191919 !important;
  color: white;
  text-align: center;
}


#section5
{
  padding-top: 150px;
  padding-bottom: 150px;
  background-image: url(../img/pexels-riiyad-30096289.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    position: relative;
  z-index: 100;
}

#section6
{
   padding-top: 100px;
  padding-bottom: 75px;
  background-color: #eeffef !important;

}
#section7
{
     padding-top: 100px;
  padding-bottom: 75px;
  background-color: white !important;
  
}

#section8
{
  padding-top: 100px;
  padding-bottom: 75px;
  position: relative;
  z-index: 150;
  background-image: url(../img/pexels-nishantaneja-9148611.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

#explore_project_section2
{
    padding-top: 100px;
  padding-bottom: 75px;
  position: relative;
  z-index: 150;
background-color: white;
}

#explore_project_section1
{
 padding-top: 0px;
  padding-bottom: 75px;
  background-color: #181818 !important; 
}

.project-card
{
    background-color: white;
  border-radius: 0px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  text-align: center;
  padding: 15px;
  text-align: left;

}
.mv-div1
{
  background-color:rgba(255,255,255, 0.05);padding: 15px;padding-top: 20px;margin-top: 30px;
}


.mv-div2
{
  background-color:rgba(255,255,255, 0.05);padding: 15px;padding-top: 20px;margin-top: 30px;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}


.title-07
{

   font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;

  color: white;
  font-size: 20px;

}


.title-04
{
  font-size: 20px;
   font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-style: normal;
  border-left: 3px solid rgba(255,255,255, 0.3);
    
  padding-left: 5px;

}
.title-05
{
  font-size: 20px;
   font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: white;
 

}

.title-06
{
ont-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  color: white;
  font-size: 40px;
}



.subtitle-05
{
 
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;
  font-size: 20px;

}


.subtitle-02

{
    
    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;
  font-size: 16px;
  background-color: rgba(255,255,255,0.1);
  padding: 10px;

}

.subtitle-03

{
    font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #555555;
  font-size: 18px;
border: 1px solid #dadada;
padding: 15px;
border-radius: 100px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;

}

.subtitle-04
{
  

 font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

  color: white;
  font-size: 20px;
}


#lets_talk1
{
  display: block;
}
.subtitle-07
{
  
  

  padding-top: 20px;
  position: relative;

   font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

  color: white;
  font-size: 20px;
  
}

.dark-overlay1
{
  position:absolute;left: 0px;top: 0px;height: 100%;width:100%;z-index: 101;background-color: rgba(0, 0, 0, 0.2);
}

.dark-overlay2
{
  position:absolute;
  width: 100%;
  height: 100%;
  z-index: 105;
  background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1));
  transition: all .2s linear;
}


.dark-overlay3
{
  position:absolute;
  width: 100%;
  height: 100%;
  z-index: 105;
  background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8));
  transition: all .2s linear;
}






.services-div1
{
  position: absolute;
  bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 102;
}

.content1
{
 font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: white;
  font-size: 18px;
}

.links01
{
   font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color: white;
  font-size: 18px;
}
.content3
{

    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;
  font-size: 16px; 
}
.title-01
{
   font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

  color: white;
  font-size: 42px;
}


.title-05
{

   font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: white;
  font-size:22px;

}

.title-10
{
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: black !important;
  font-size:20px !important;
}



.title-02
{

   font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: white;
  font-size:26px;

}


.title-10
{
   font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  color: white;
  font-size: 36px;
}

.pl-18{
  padding-left: 18px !important;
}

.pr-18
{
  padding-right:18px !important;
}
.bullet-number1
{
    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

  color: white;
  background-color: black;
  font-size: 30px;
  line-height: 2;
  border-radius: 10000px;
  padding: 15px;

box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;

}
.content2
{

    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;
  font-size: 16px;
  line-height: 2;

  }

.content4
{
   font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: black;
  font-size: 16px;
  line-height: 2;


}


.content8
{
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: black;
  font-size: 14px;
  line-height: 2;
}

.link10
{
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: black;
  font-size: 14px;
  line-height: 2;
  margin-top: -20px;cursor: pointer;

}


.link10:hover
{
 color: black;

}

.services-more-div
{
  display: none;
}
.link2
{
     font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  color: black;
  font-size: 16px;


}
.cards1
{
  background-color: white;
  border-radius: 0px;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  text-align: center;
  
}

.services-direction
{
position: relative;
left: 0px;
transition: all .2s linear;
}

.cards54
{
  background-color: white;
  border-radius: 0px;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all .2s;
  transform: scale(1);
}

.cards54:hover 
{
 
  transform: scale(1.05);
}


.cards54:hover .services-direction
{

left: 5px;
}

.cards54:hover .dark-overlay2
{
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,1));

}



.subtitle-14
{
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

  color: #282828;
  font-size: 20px;
  position: relative;
  z-index: 106;
}
.services-title-div
{
  
  color: white;
  position: absolute;
  bottom: 0px;
    padding: 15px;

}

.cards5
{
    background-color: white;
  border-radius: 0px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  text-align: center;
 
}
.cards2
{
    background-color: transparent;
  border-radius: 0px;

  text-align: left;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;padding: 15px;
transform: scale(1);
transition: all .1s linear;
cursor: pointer;


}

.cards2:hover
{
transform: scale(0.97);
}



.cards3
{
background-color: transparent;
border-radius: 0px;
text-align: left;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;padding: 15px;

transform: scale(1);
transition: all .1s linear;
}

.cards3:hover
{
transform: scale(0.97);
}

.cards12
{

   background-color: white;
  border-radius: 0px;
padding: 15px;
  text-align: left;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.full-body-optimize-header
{
max-width: 1300px !important;
margin: 0 auto;
  background-color: transparent !important;
}
.full-body-optimize
{
  max-width: 1200px !important;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#about_tag_div
{
  background-color: #409c3a;
  color:white;
  text-align: left;
  margin-top: -70px !important;
  z-index: 100;
  position: relative;
}

.btn-theme1
{
	background-color: transparent !important;
	color: white !important;
	border-radius: 0px !important;
  border: 1px solid white !important;


    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;
  font-size: 20px;
}


.btn-theme2
{


    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  background-color: transparent !important;
  color: black !important;
  border-radius: 00px !important;
  border: 1px solid black !important;
}
#mobile_menu_icon
{
  color: white;
font-size: 30px !important;
position: relative;
right: 15px;
top: -5px !important;
cursor: pointer;
display: none;
}


#mobile_menu
{
position:fixed;height: 100%;width: 300px;background-color: #011800 !important;z-index: 9999;top: 0px;right: -310px;text-align: center;
opacity: 0.5;
transition: all .2s linear;

box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
#menu_icon2{
  color: white;
font-size: 30px !important;position: absolute;top:15px;right:20px;cursor: pointer;
}
.mobile_link
{
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900 !important;
  font-style: normal;
  color: white !important;
  line-height: 2;
}


#menu_about_button1
{
	position: relative;
	left: -10px;
}
h5
{

padding-top: 50px;
font-family: 'Playfair Display', serif;
}




.space-grotesk-thin {
  font-family: "space-grotesk", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.space-grotesk-extralight {
  font-family: "space-grotesk", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.space-grotesk-light {
  font-family: "space-grotesk", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.space-grotesk-regular {
  font-family: "space-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.space-grotesk-medium {
  font-family: "space-grotesk", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.space-grotesk-semibold {
  font-family: "space-grotesk", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.space-grotesk-bold {
  font-family: "space-grotesk", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.space-grotesk-extrabold {
  font-family: "space-grotesk", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.space-grotesk-black {
  font-family: "space-grotesk", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.space-grotesk-thin-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.space-grotesk-extralight-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.space-grotesk-light-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.space-grotesk-regular-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.space-grotesk-medium-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.space-grotesk-semibold-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.space-grotesk-bold-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.space-grotesk-extrabold-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.space-grotesk-black-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.space-grotesk-thin {
  font-family: "space-grotesk", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.space-grotesk-extralight {
  font-family: "space-grotesk", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.space-grotesk-light {
  font-family: "space-grotesk", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.space-grotesk-regular {
  font-family: "space-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.space-grotesk-medium {
  font-family: "space-grotesk", sans-serif;
  font-weight: 500;
  font-style: normal;

}

.space-grotesk-semibold {
  font-family: "space-grotesk", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.space-grotesk-bold {
  font-family: "space-grotesk", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.space-grotesk-extrabold {
  font-family: "space-grotesk", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.space-grotesk-black {
  font-family: "space-grotesk", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.space-grotesk-thin-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.space-grotesk-extralight-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.space-grotesk-light-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.space-grotesk-regular-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.space-grotesk-medium-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.space-grotesk-semibold-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.space-grotesk-bold-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.space-grotesk-extrabold-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.space-grotesk-black-italic {
  font-family: "space-grotesk", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.raleway-thin {
  font-family: "raleway", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.raleway-extralight {
  font-family: "raleway", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.raleway-light {
  font-family: "raleway", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.raleway-regular {
  font-family: "raleway", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.raleway-medium {
  font-family: "raleway", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.raleway-semibold {
  font-family: "raleway", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.raleway-bold {
  font-family: "raleway", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.raleway-extrabold {
  font-family: "raleway", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.raleway-black {
  font-family: "raleway", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.raleway-thin-italic {
  font-family: "raleway", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.raleway-extralight-italic {
  font-family: "raleway", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.raleway-light-italic {
  font-family: "raleway", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.raleway-regular-italic {
  font-family: "raleway", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.raleway-medium-italic {
  font-family: "raleway", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.raleway-semibold-italic {
  font-family: "raleway", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.raleway-bold-italic {
  font-family: "raleway", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.raleway-extrabold-italic {
  font-family: "raleway", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.raleway-black-italic {
  font-family: "raleway", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.raleway-thin {
  font-family: "raleway", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.raleway-extralight {
  font-family: "raleway", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.raleway-light {
  font-family: "raleway", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.raleway-regular {
  font-family: "raleway", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.raleway-medium {
  font-family: "raleway", sans-serif;
  font-weight: 500;
  font-style: normal;

}

.raleway-semibold {
  font-family: "raleway", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.raleway-bold {
  font-family: "raleway", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.raleway-extrabold {
  font-family: "raleway", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.raleway-black {
  font-family: "raleway", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.raleway-thin-italic {
  font-family: "raleway", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.raleway-extralight-italic {
  font-family: "raleway", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.raleway-light-italic {
  font-family: "raleway", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.raleway-regular-italic {
  font-family: "raleway", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.raleway-medium-italic {
  font-family: "raleway", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.raleway-semibold-italic {
  font-family: "raleway", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.raleway-bold-italic {
  font-family: "raleway", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.raleway-extrabold-italic {
  font-family: "raleway", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.raleway-black-italic {
  font-family: "raleway", sans-serif;
  font-weight: 900;
  font-style: italic;
}

#underline
{
width: 25px;
background-color: black;
margin:0 auto;
height: 1.5px;
margin-bottom: 30px;
}

b
{
font-weight: normal;
}


.margin-auto
{
  margin: 0 auto !important;
}

.margin-top-20
{
  margin-top: 20px !important;
}
.align-center
{
  text-align: center !important;
}


.margin-top-50
{
  margin-top: 50px !important;
}

.margin-top-30
{
  margin-top: 30px !important;
}


@media(max-width: 1360px)
{


}
@media(max-width: 1200px)
{
  .slider-main-caption1
{
  font-size: 60px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
}

.slider-img
{

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height:750px;
}



.slider-caption-content
{
  font-size: 22px;
}



}
@media(max-width: 992px)
{

#lets_talk1
{
  display: none;
}
.slider-caption-div
{
  position: absolute;
  bottom: 100px;
  margin: 0 auto !important;
  left: 0px;
  right: 0px;

}


.jumbtron-main-head
{
  font-size: 60px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;

}


.center-align
{
  margin-top: 20px;
  position: relative;
  top: 0%;
  transform: translateY(0%);
  
}

.slider-img
{

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height:700px;
}

.slider-caption-content
{
  font-size: 18px;
}


.slider-main-caption1
{
  font-size:40px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
}
.center-align
{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  position: relative !important;
  top: 0%;
  transform: translateY(0%);
}

#mobile_menu_icon
{
  font-size: 22px;
  position: relative;
  right: 15px;
  top: 5px;
cursor: pointer;
display: inline-block;}
.full-body-optimize
{
  max-width: 100% !important;
  margin: 0 auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}



}


@media(max-width: 768px)
{
  .slider-main-caption1
{
  font-size: 36px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
}


.slider-img
{

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height:800px;
}
}



@media(max-width:692px)
{
  .slider-main-caption1
{
  font-size: 36px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
}


.slider-img
{

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height:800px;
}
.jumbtron-main-head
{
  font-size: 50px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
    font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;

  color: white;

}


.navbar-brand img
{
  width: 200px;

margin-top: 0px;
z-index: 9001;
position: relative;
top: 0px;
}
}







@media(max-width:576px)
{
  .slider-main-caption1
{
  font-size: 36px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
}
}



@media(max-width:400px)
{
  .slider-main-caption1
{
  font-size: 30px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
}
}


@media(max-width:350px)
{
  .slider-main-caption1
{
  font-size: 24px;
  position: relative;
    top:100px;
  left: 00px;
  opacity: 0;

  animation: slide1 1s forwards;
  animation-delay: .6s;
}
.navbar-brand img
{
  width: 150px;

margin-top: 0px;
z-index: 9001;
position: relative;
top: 0px;
}
}