@charset "utf-8";
body {
  font-family: acumin-pro-wide, sans-serif;
  font-style: normal;
  background-image: url(../images/backgrounds/brick-wall-2.gif);
  background-attachment: fixed;
  background-color: #000000;
  background-size: cover;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
  font-family: bc-alphapipe, sans-serif;
  font-style: normal;
}
p {
  font-family: acumin-pro, sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: .0rem;
  line-height: 2.2rem;
}
.para-head{
  font-family: acumin-pro-wide, sans-serif;
  font-size: 1.45rem;
  font-weight: 400;
  letter-spacing: -.01rem;
}
h1 {
  font-size: 5rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.70);
  letter-spacing: -.10rem;
  line-height: 5rem;
  padding: 20px 0px 20px 0px;
}
h2 {
  font-size: 3.5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.50);
  letter-spacing: -.1rem;
}
h3 {
  font-size: 2.1rem;
  font-weight: 400;
  letter-spacing: .03rem;
  
}

h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.50);
}
h5 {
  font-size: 1.2rem;
  font-weight: 300;
  color: #FFFFFF;
  letter-spacing: .1rem;
  line-height: 2.06rem;
}
.italic {
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  letter-spacing: .06rem;
  color: #878686;
}
.walltext {
  font-size: 2.03rem;
  font-weight: 300;
  line-height: 2.7rem;
  color: #000000;
}
.white-text {
  font-size: 1.4rem;
  font-weight: 100;
  letter-spacing: .08rem;
  line-height: 2.rem;
  color: #ffffff;
}
hr {
  display: block;
  margin-before: 0.5em;
  margin-after: 0.5em;
  margin-start: auto;
  margin-end: auto;
  overflow: hidden;
  border-style: inset;
  border-width: 1px;
  margin-bottom: .5rem;
} 


/**Page **/ 

.page {
  padding: 40px 0px 0px 0px;
}

.page1 {
  padding: 0px 0px 0px 0px;
} /**Page end**/ 

.page2 {
  padding: 100px 0px 0px 0px;
  background-color: rgba(0, 0, 0, 0.85);
} 

/**Page end**/ 

/**links**/ 


a{
color: #000000;
}
a:one{
	color: #ffffff;
}
a:link {
  color: #ffffff;
}
a:hover {
  color: #6DF700;
  text-decoration: none;
}
a:visited {
  color: #FFFFFF;
}
.one {
  font-family: acumin-pro-wide, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000000;
}
a.one:link {
  font-family: acumin-pro-wide, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000000;
  letter-spacing: .03rem;
}
a.one:hover {
  color: #878686;
  text-decoration: none;
}
.two {
  font-family: acumin-pro-wide, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000000;
  letter-spacing: .03rem;
}


a.two:link {
  color: #000000;
}
a.two:hover {
  color: #6DF700;
  text-decoration: none;
}
.three {
  font-family: acumin-pro-wide, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: .03rem;
  color: #ffffff;
}
a.three:link {
  color: #ffffff;
}
a.three:hover {
  color: #6DF700;
  text-decoration: none;
}
a.three:visted {
  color: #ffffff;
  text-decoration: none;
}
.four {
  font-family: bc-alphapipe, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: .01rem;
  color: #ffffff;
}
a.four:link {
  color: #ffffff;
}
a.four:hover {
  color:#6DF700;
  text-decoration: none;
}
a.four:visted {
  color: #ffffff;
  text-decoration: none;
}
.five { 
  font-weight: 400; 
}
a.five:link {
  color: #000;
}
a.five:hover {
  color:#B20000;
  text-decoration: none; 
}
a.five:visted {
  color: #000;
  text-decoration: none;
}
.snapshot {
  margin-bottom: 10px;
}
.black-border {
  border: 1px solid #000000;
  margin-bottom: 20px;
}
.white-border {
  border: 1px solid #ffffff;
  margin-bottom: 20px;
} /**Navbar Brand **/ .navbar-dark .navbar-brand {
  color: #ffffff;
  padding: 0px 0px 0px 6px;
}
.navbar-dark .navbar-brand:hover {
  color: #6DF700;
}
.navbar-brand {
  font-weight: 600;
  font-family: bc-alphapipe, sans-serif;
  font-size: 1.1rem;
  letter-spacing: .1rem;
}
.navbar-brand .subhead {
  font-weight: 200;
  color: #ffffff;
}
.margin-50 {
  padding-top: 60px;
}
.dark-transparent {
  background: rgba(0, 0, 0, 0.50);
}
.intro {
  background-color: rgba(0, 0, 0, 0.70);
  border-radius: 5px 5px 5px 5px;
} /**  Navbar Brand end **/ /**Navigation **/ .navbar-dark {
  background-color: rgba(0, 0, 0, 0.40);
  padding: .05rem .0rem .05rem .0rem;
}
.navbar-dark .navbar-nav {
  font-family: bc-alphapipe, sans-serif;
  letter-spacing: .09rem;
  font-size: 16px;
  font-weight: 300;
}
.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
  white-space: nowrap;
  padding: 5px 6px 5px 6px;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #6DF700;
  font-weight: 300;
}
.navbar-dark .navbar-nav .nav-link.active {
  color: #6DF700;
  font-weight: 400;
  border-bottom: #6DF700;
}
.nav-link {
  display: block;
  padding: 0px 0px 0px 0px;
} /**Navigation end **/ /**Contact telephone and email **/ .icon {
  width: 40px;
  padding: 0px 10px 0px 10px;
}
.icon:hover {
  filter: invert(0.5)
} /**  Contact telephone and email end **/ /**  drop down **/ .fa-inverse {
  color: #6DF700;
}
.fa-inverse:hover {
  color: #6DF700;
}
.dropdown-position {
  position: absolute;
  top: 100px;
  right: -2px;
}
.dropbtn {
  border-color: #6DF700;
  background-color: transparent;
  padding: 4px 20px 8px 10px;
  font-size: 20px;
  border-radius: 10px 0px 0px 10px;
  outline: none;
  cursor: pointer;
} /* Dropdown Content (Hidden by Default) */ /* Dropdown button on hover & focus */ /* Dropdown Button */ .dropdown-content {
  display: none;
  background-color: transparent;
  min-width: 25px;
  z-index: 1;
  font-size: 22px;
  text-align: center;
  border-radius: 10px 0px 0px 10px;
} /* Links inside the dropdown */ .dropdown-content a {
  color: #6DF700;
  padding: 5px 10px 8px 10px;
  text-decoration: none;
  display: block;
  outline: none;
} /* Change color of dropdown links on hover */ .dropdown-content a:hover {
  background-color: #6DF700;
  color: #000000;
  border-radius: 10px 0px 0px 10px;
  text-decoration: none;
} /* Show the dropdown menu on hover */ /* Change color of dropdown links on hover */ .dropdown:hover .dropdown-content {
  display: block;
}
button:focus {
  outline: none;
} /* Change the background color of the dropdown button when the dropdown content is shown */ /** slide out media end**/ .dropdown-menu {
  padding: .0rem 0;
  color: #6DF700;
  background-color: rgba(0, 0, 0, 0.50);
  border-radius: .0rem;
}
.dropdown-item {
  padding: .25rem 1.5rem;
  font-weight: 300;
  color: #6DF700;
  border-bottom: 1px #fff solid;
}
.dropdown-item:active {
  background-color: #6DF700;
}
.dropdown-item:hover {
  color: #6DF700;
  background-color: rgba(0, 0, 0, 0.50);
  border-bottom: 1px #6DF700 solid;
}
.collapse.show {
  display: block;
  background-color: rgba(0, 0, 0, 0.70);
} /* border-bottom: solid 1px #000;/**  drop down end**/ /**form-control**/ .form-control {
  background-color: #626262;
  border: none;
  color: #6DF700;
  height: 25px;
  font-size: .5rem;
}
.btn-outline-light {
  color: #a7a4a4;
  border-color: #626262;
  height: 25px;
  font-size: .5rem;
}
.btn {
  padding: .175rem .75rem;
}
.form-control:focus {
  border-color: #6DF700;
} /**form-control end**/ /**Navbar Toggle **/ /**Navbar Toggle end**/ /** carousel**/ .carousel {
  margin-top: 0rem;
}
.carousel-container {
  width: 100%;
  margin-bottom: 5px;
}
.carousel-container .carousel {
  box-shadow: 0px 20px 60px #000;
  border-bottom: 1px solid #ffffff;
} /** carousel end--**/ /**window navigation**/ .portfolio {
  border: 2px solid #000; /**box-shadow: 0px 20px 60px #000;**/ margin-bottom: 60px;
} /**window navigation end**/ /**Articles**/ .article-emphisis-white {
  background-color: rgba(255, 255, 255, 0.90);
  padding: 40px 0px 40px 0px;
  box-shadow: 0px 20px 60px #000;
}
.article-emphisis-black {
  background-color: rgba(0, 0, 0, 0.85);
  padding: 40px 0px 40px 0px; /**box-shadow: 0px 20px 60px #000;**/
}
.article-emphisis-green {
  background-color: #6DF700;
  padding: 40px 0px 40px 0px; /**box-shadow: 0px 20px 60px #000;**/
}
.article-emphisis-grey {
  background-color: rgba(0, 0, 0, 0.50);
  padding: 20px 0px 40px 0px; /**box-shadow: 0px 20px 60px #000;**/
}
.article-order-now {
  background-color: #6DF700 ;
  padding: 20px 0px 20px 0px; /**box-shadow: 0px 20px 60px #000;**/
}
.front-page-grey {
  background-color: rgba(0, 0, 0, 0.50);
  padding: 15px 0px 60px 0px; /**box-shadow: 0px 20px 60px #000;**/ margin-top: 1rem;
}
.aside-container {
  padding: 30px;
  background-color: #000000;
  margin: 30px 0px 90px 0px;
  box-shadow: 0px 20px 60px #000;
  border: 1px solid #fff;
} /**Articles end**/ /**fig-description**/ .figcaption {
  font-family: acumin-pro, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3rem;
  letter-spacing: .01rem;
  color: #000000;
}
.figcaption-title {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.7rem;
  letter-spacing: .02rem;
}
.figcaption-white {
  font-family: acumin-pro, sans-serif;
  font-size: .90rem;
  font-weight: 200;
  line-height: 1.3rem;
  letter-spacing: .08rem;
  color: #FFFFFF;
}
.sub-heading {
  font-family: bc-alphapipe, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: .01rem;
  line-height: 2rem;
  
}

.sub-heading-white {
  font-size: 1.4rem;
  font-weight: 200;
  line-height: 2.3rem;
  letter-spacing: .07rem;
  color: rgba(255, 255, 255, 0.80);
}
.article-white{
  font-size: 1.4rem;
  font-weight: 100;
  line-height: 2.3rem;
  letter-spacing: .07rem;
  color: #FFF;

}
.quote {
  font-family: acumin-pro, sans-serif;
  font-style: italic;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.5rem;
}
.contact {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.2rem;
  color: #000000;
} /**fig-description-end**/ /**gallery**/ .gallery {
  margin: 0px 0px 50px 0px;
}
.gallery img {
  transition: 1s;
  width: 250px;
  border: 1px solid #00000085;
  box-shadow: -9px 10px 13px 3px #00000085;
  padding: 5px 5px 5px 5px;
  background-color: #1f1e1eb3;
  margin: 15px;
}
.gallery img:hover {
  filter: greyscale(100%);
  transform: scale(1.1);
}
.gallery1 img {
  transition: 1s;
  width: 250px;
  border: 1px solid #00000085;
  padding: 15px 15px 15px 15px;
  box-shadow: -9px 10px 13px 3px #00000085;
  margin: 15px;
  background-color: #ffffffad;
}
.gallery1 img:hover {
  filter: greyscale(100%);
  transform: scale(1.1);
} /**Order Now end**/ /**Call-for-action**/ .container-order-now {
  padding: 20px 0px 20px 0px;
  background-color: #000000;
  box-shadow: 0px 20px 20px 0px #535151b0;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
} /**Call-for-action end**/ /**Backgrounds**/ .carousel {
    margin-top: 0px;
}
.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 0px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.50);
}
.carousel-title {
  font-family: bc-alphapipe, sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .06rem;
  padding: 10px 40px 0px 40px;
}
.googlemap {
  position: relative;
  padding-bottom: 75%; /* 4:3 ratio*/ height: 0;
  overflow: hidden;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.drop-zone {
	max-width: 200px;
	height: 200px;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: bc-alphapipe, sans-serif;
	font-weight:500;
	font-size:22px;
	letter-spacing: .02em;
	cursor: pointer;
	color: #000;
	border:4px dashed #555454;
	border-radius: 10px;
	background:rgba(255,255,255,0.40);
}
.drop-zone--over {
	border-style: solid;
	background:rgba(102,103,104,0.30);
}
.drop-zone__input {
	display:none;
}

.drop-zone__thumb {
	width:100%;
	height:100%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #ccc;
	background-size: cover;
	position: relative;
}
.drop-zone__thumb::after{
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	padding: 5px 0;
	color: #00FF08;
	background: rgba(0,0,0,0.70);
	font-size: 14px;
	text-align: center;
}

#test p {
  -webkit-animation: fadein 15s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 15s; /* Firefox < 16 */ -ms-animation: fadein 15s; /* Internet Explorer */ -o-animation: fadein 15s; /* Opera < 12.1 */ animation: fadein 15s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
} /* Firefox < 16 */ @-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
} /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
} /* Internet Explorer */ @-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
} /* Opera < 12.1 */ @-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
} /**Testimonials **/ /**Testimonials end **/ /**Contact **/ /**Contact end**/ /**form**/ /**form end**/ /**Footer**/ /**Footer end**/ body {
  background-image: url("../images/backgrounds/brick-wall-2.gif");
}
@media (max-width: 320px) {
  .white-text {
    font-size: 1rem;
  }
  .three {
    font-size: 1.2rem;
  }
}