/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/*Custom CSS*/
.wsite-content-title {
    font-family: "Questrial" !important;
    font-size: 70px;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 30px;
    color: #ffffff;
    word-spacing: .1em;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.1em;
}
.bg-dark {
    background-color: #191400 !important;
    border-top: 5px solid #ffc800;
}
.heading_front {
    padding-bottom: 40px;
    letter-spacing: .03em;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4em;
}
/*Navigation*/
ul.navbar-nav li {
    font-size: 20px;
    padding: 0;
}

.nav-link {
    padding: 14px 16px !important;
}

li.nav-item:hover {
    background: #ffc800;
}

.navbar {
    padding: 0 1rem !important;
    font-weight: 700;
}

.navbar-dark .navbar-nav .active>.nav-link {
    background: #ffc800;
    padding: 11px;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
    font-weight: 500;
}

.navbar-brand {
    margin-right: 0;
}

/*Contact Us*/
.cont {
    padding-bottom: 15px;
    color: #3b3b3b;
    font-family: 'Fjalla One', sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.2em;
}

h4.mail {
    font-weight: normal;
    font-family: 'Lato', sans-serif;
}

h4.mail a, h6.mail1 a {
    color: #ffc800;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
}

/*Footer*/
.footer-wrap {
    width: 100%;
    background: #222121;
    font-size: 13px;
    height: 150px;
    padding-top: 60px;
}

button.btn.extra {
    background: #ffc800;
    color: white;
    font-weight: 700;
    font-size: 17px;padding: 16px 24px;
    border-radius: 6px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}

.img-title {
  position: relative;
  background-color: #fff;
  color: #000;
  width: 100%;
  text-align: center;
  opacity: 0.43;
  filter: alpha(opacity=43);
}

@media screen and (min-width: 768px) {
.wsite-content-title.ind {
    font-size: 77px !important;
    font-weight: 700 !important;
}
.carousel-caption {
    right: 5% !important;
    left: 5% !important;
    background: #00000057;
}
.carousel-caption {
    padding: 16px !important;
    position: fixed !important;
    text-align: left !important;
    font-size: 13px !important;
}
a.right.carousel-control, a.left.carousel-control {
    background: transparent;
    color: #191400 !important;
    opacity: 1;
}
}
@media screen and (max-width: 768px) {
h2.wsite-content-title {
    font-size: 32px;
    font-weight: 600;
}
h3.container.text-center {
  font-size: 20px;
}
.wsite-content-title {
  padding-top: 10px !important;
}
.navbar {
  padding: 12px 1rem !important;
}
.navbar-brand {
  font-size: 18px !important;
}
}
/*Home Page Carousel*/
.carousel-caption {
    position: fixed !important;
    right: 0% !important;
    bottom: 0px !important;
    left: 0% !important;
    padding: 6px !important;
    color: #fff !important;
    text-align: left !important;
    background: #00000073 !important;
    font-size: 12px !important;
    line-height: 20px !important;
}
button#toggleCarousel {
    background: #000000b8;
    border: 0;
    color: white;
    padding: 5px;
    border-radius: 3px;
}
.img-title {
    position: relative;
    background-color: #000000ba;
    color: white;
    width: 100%;
    text-align: left;
    font-size: 13px;
    padding: 5px;
    opacity: 1;
    letter-spacing: 1px;
}
.navbar-brand {
    overflow: hidden;
    color: #ffffff;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
}
/*Menus*/
a.nav-link {
    display: block !important;
    color: #ffffff !important;
    padding: 22px 20px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: normal !important;
}
/*About*/
  header.about {
    background-image: url('../img/about-us.jpg');
    height:355px;    
    background-position: 50.00% 71.02%;
  }
  
  
	
	@media only screen and (max-width: 600px) {
    body {
        background-color: lightblue;
    }
	.l{display: table-cell;
    padding-right: 25px;
    vertical-align: middle;
    color: #ffffff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
	padding-left:4%;
	}
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
   .al{
	   margin-left:-10%;
   }
   .bl{
	   margin-left: 20%;
	       width: 60% !important;
		  
   }
    .cl{
	   margin-left: 20%;
	   margin-top: 4%;
	      
   }
    .dl{
	   margin-left: 13%;
	       
   }
    .el{
	   margin-right: 13%;
	       
   }
}