@font-face {
    font-family: 'Encode Sans Condensed';
    src: url('fonts/EncodeSansCondensed-Regular.eot');
    src: url('fonts/EncodeSansCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/EncodeSansCondensed-Regular.woff2') format('woff2'),
        url('fonts/EncodeSansCondensed-Regular.woff') format('woff'),
        url('fonts/EncodeSansCondensed-Regular.ttf') format('truetype'),
        url('fonts/EncodeSansCondensed-Regular.svg#EncodeSansCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('fonts/TitilliumWeb-Regular.eot');
    src: url('fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/TitilliumWeb-Regular.woff2') format('woff2'),
        url('fonts/TitilliumWeb-Regular.woff') format('woff'),
        url('fonts/TitilliumWeb-Regular.ttf') format('truetype'),
        url('fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Titillium Web Light';
    src: url('fonts/TitilliumWeb-ExtraLight.eot');
    src: url('fonts/TitilliumWeb-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/TitilliumWeb-ExtraLight.woff2') format('woff2'),
        url('fonts/TitilliumWeb-ExtraLight.woff') format('woff'),
        url('fonts/TitilliumWeb-ExtraLight.ttf') format('truetype'),
        url('fonts/TitilliumWeb-ExtraLight.svg#TitilliumWeb-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
  font-family: 'Encode Sans Condensed';
  background-color:black;
  background-color:black;
}
main{
  margin-bottom:0px;
}


.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  padding-left:50px;
  padding-right:50px;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #000000;
/*  margin-top: -90px;*/
}


@media (max-width: 990px){
  footer{
    margin-top:20px !important;
    position: absolute !important;
  }
}

footer p, footer a{
  color:White;
}

@media only screen and (max-width: 960px) {
 main{
   min-height: 300px;
 }
  .carousel-inner img{
  width: 100%;
  height: auto;
}

.black-bg{
  /*padding-top:10px !important;*/
}
    .footer{
      height: auto;
      background-color:black;
      line-height: 10px;
      /* position: relative; */
    }
    footer p{
      padding-top:5px; 
      padding-bottom:5px;
      margin-bottom:5px;
    }
    .footer .col-md-3.text-right{
      text-align: center !important;
    
    }
      .space{
      padding:0px 20px 0px 0px !important;
    }
    .black-bg img{
      float:none !important;
      text-align: center;
    
    }
    .space{
      padding-top:10px;
    }
    .space p {
    font-family: 'Titillium Web';
    font-size: 16px !important;
    line-height: 24px !important;;
    margin-top: 0px !important;;
    font-weight: 500;
}
    img{
      width: 100%;
      height: auto;
    }
  .space.white p{
    font-size:16px !important; 
    line-height: 24px !important; 

  }
  .black-bg{
    padding-left:20px !important;
    padding-right:20px !important;
  }
    .footer
    {
      margin-top:20px;
      padding-left:10px;
      padding-right: 10px;
      padding-top: 20px;
    }
    .footer p{
      text-align: center;
    }
    .footer p span{
      display: block;
      text-align: center;
      margin-top:10px;

    }
}

.little-space-l-r{
  /* margin-left: 15px;
  margin-right: 15px; */
}
.black-bg{
  padding-top:50px;
  background-color: #000000;
  padding-left:50px;
  padding-right: 10px;
}

.black-bg.no-padding{
  padding-left:0px;
  padding-right: 0px;
}
.black-bg.no-padding.no-top-padding{
  padding-left:0px;
  padding-right: 0px;
  padding-top:0px;
}

.black-bg p{
  color:white;
  font-size:20px;
  line-height: 24px;
}

.bg-dark{
  background-color:black !important;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}
.space{
  padding:0px 10%;
}

.space p{
font-family: 'Titillium Web';
      font-size: 24px;
    line-height: 40px;
    margin-top: 30px;
    font-weight: 500;
}

.space.white{
  padding: 0px 15% 0px 0%;
}
.space.white.extra-font{
  padding: 0px 10% 0px 10%;
}
.space.white p{
  color:#fff;
  font-size:1.4em;
  font-weight: 400;
  line-height: 1.8em;
}
.space.white.extra-font p{
  color:#fff;
  font-size:1.8em;
  font-weight: 400;
  line-height: 1.8em;
}
/* Menu */
.dropdown-menu{
  background-color: black;
  color:White;
  text-transform:uppercase;
}
.dropdown-item{
   color:White;
 /* padding:10px 10px;
  font-weight: 600; */
}
.navbar-dark .navbar-nav .nav-link{
  text-transform: uppercase;
}
@media (min-width: 992px){
nav{
      padding: 10px 50px !important;
}

.dropdown-menu{
  background-color: black;
  color:White;
  text-transform:uppercase;
}
.dropdown-item{
  color:White;
  padding:10px 10px;
  font-weight: 600;
}
.dropdown-item:focus, .dropdown-item:hover{
  color:black;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
    font-size: 22px;
    text-transform: uppercase;
    color:white;
}
}
@media (min-width: 1200px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
    margin-right: 3rem;
    font-size: 24px;
    text-transform: uppercase;
    color:white;
    font-weight: 500;
}
}



/* .navbar-nav > li {
  float: left;
  position: relative;
} */

.nav-link{
     padding: .0rem 0rem; 
}

@media (min-width: 992px){
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
     border-bottom: 5px solid #fcf3f3;
     bottom: -20px;
     content: " ";
     left: 0;
     /* position: absolute; */ /* not working for us */
     right: -30px;
     /* border-top: 10px solid#fcf3f3;
	border-left: 0px solid transparent;
	border-right: 150px solid transparent;
	height: 0;
	width: 10px; */
}
}

.dropdown-item
{
  text-transform: uppercase;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 


/*** Slider**/

.carousel-inner img{
  max-width: 100%;
  width: 100%;
}

/**** Product *****/

.product-title h3, .product-title h2{
   font-family: 'Titillium Web';
   text-align:right;
   color:White;
   text-transform: uppercase;
}

.product-title h3{
  margin-top: 30px;
  font-size:30px;
  line-height:50px;
  margin-right:40px;
  margin-bottom: 5px;
  font-weight: 500;

}

.product-title h2{
  
  font-size:70px;
  line-height:32px;
  margin-right:40px;
  margin-bottom: 5px;
  font-weight: 200;

}

.product1{
  color:white !important;margin-top:25rem;padding-left:1rem;padding-right: 3rem;
}

.black-bg.no-left-padding{
  padding-left:0px;
}

img.product3img{
  padding-top:70px;
}

.product3 p{
  color:White;
  padding-top:50px;
  margin-right: 100px;
  font-size:20px;
  line-height: 28px;
  float: left;

}
/*.product4{
  padding-top: 150px;
}*/
.product4 p{
  color:white;
   font-size:20px;
  line-height: 28px;
  

}

.product6 p{
  color:white;
   font-size:20px;
  line-height: 28px;
  

}

.uppercase p{
  text-transform: uppercase;
}

/* contact*/

p.contact-desc{
  font-size:24px;
  line-height: 36px;
}

/* Footer */

footer p, footer ul{
  margin-bottom: 0px !important;
  color:White;
  text-transform: capitalize;
}

footer li a{
  color: white;
  text-transform: uppercase;
}

.map{
  margin-right: 50px;
}

.product-title h2 {
   font-family: 'Titillium Web';
    font-size: 90px;
    line-height: 32px;
    margin-right: 40px;
    margin-bottom: 5px;
    font-weight: 200;
}
.product-title h3 {
    font-family: 'Titillium Web';
    text-align: right;
    color: #dddddd;
    text-transform: uppercase;
}



.product-title h2 {
  font-size: 100px;
  line-height: 32px;
  margin-right: 40px;
  margin-bottom: 5px;
  font-weight: 200;
 
   font-family: 'Titillium Web Light';
    font-weight: 200;
    font-style: normal;
    text-align: right;
    color: White;
    text-transform: uppercase;

}
.product4 p{
            color:black;
            margin-right: 15px;
            margin-top:10px;
            font-weight: 500;
            font-size:20px;
            font-family: 'Titillium Web';

        }
        img{width: 100%;}
        @media (max-width: 720px){
          .product-title h2 {
   font-family: 'Titillium Web';
    font-size: 30px;
    line-height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: 200;
}
.product-title h3 {
  margin-top: 10px;
  line-height: 24px;
    font-size: 18px;
margin-right: 5px;
      font-family: 'Titillium Web';
    text-align: right;
    color: #dddddd;
    text-transform: uppercase;
}
img{
  width: 100% !important;
}
.product1 {
    color: white !important;
    margin-top: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

footer {
    margin-top: 20px !important;
  position: relative  !important;
}

.side1, .side2 {
    
    background-position:center !important;
        }