@charset "utf-8";
/* CSS Document */
/* ========================================================================
  2.3 Component: About Us Boigraphy
 ========================================================================== */
.Boigraphy {
  background:url(../img/banner2.jpg) no-repeat center fixed;
  background-size: cover;
  position: relative;
}
#aboutHeader {
    width: 100%;
    height:40%;
    top: 20px;
    background: url("https://digiglitz.com/demo/wp-content/themes/digiglitz/img/banner.jpg") no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
body {
  height: 100%;
  font-family:Kalam, "Kalam Light";
}

.about-us-cap{
font-family:Kalam, "Kalam Light";
font-size:26px;
color: #2769B8;
text-align: center;
}
.subcontent
{
  font-family:Kalam, 'Kalam Light';
  color: #484848;
  line-height: 24px;
  text-align:center;
  font-size:18px;
}

.Boigraphy .overlay {
  background: rgba(0, 0, 0, 0);
}
.Boigraphy .jumbo-text {
  text-transform: uppercase;
  color: #272727;
  font-size: 40px;
}
.Boigraphy p {
  color: #484848;
  line-height: 24px;
  text-align:center;
  font-size:18px;
}
.Boigraphy .headtitle
{
  color: #484848;
  line-height: 24px;
  text-align:center;
  font-size:20px;
  font-weight:bold;	
}
.Boigraphy img {
  margin-top: -50px;
}
.panel {
  background: none;
  border: none;
  box-shadow: none;
}

.panel-heading {
  padding: 0;
}



.state {
  font-size: 18px;
  line-height: 18px;
}


/* ========================================================================
  2.3 Component: About Us Who We Are
 ========================================================================== */
.WhoWeAre {
  background:url(../img/About-us-img/About-us-wht-we-are.jpg) no-repeat center fixed;
  background-size: cover;
  position: relative;
}
.WhoWeAre .overlay {
  background: rgba(0, 0, 0, 0);
}
.WhoWeAre .jumbo-text {
  text-transform: uppercase;
  color: #272727;
  font-size: 40px;
}

.WhoWeAre .headtitle
{
  color: #484848;
  line-height: 24px;
  text-align:center;
  font-size:20px;
  font-weight:bold;	
}
.WhoWeAre p {
  color: #484848;
  line-height: 24px;
  text-align:center;
  font-size:18px;
  
}

.WhoWeAre img {
  margin-top: -50px;
}
.panel {
  background: none;
  border: none;
  box-shadow: none;
}

.panel-heading {
  padding: 0;
}



.state {
  font-size: 18px;
  line-height: 18px;
}


/* ========================================================================
  2.3 Component: About Us introduction
 ========================================================================== */
.introd {
  background:url(../img/About-us-img/About-us-intr.jpg) no-repeat center fixed;
  background-size: cover;
  position: relative;
}
.introd .overlay {
  background: rgba(0, 0, 0, 0);
}
.introd .jumbo-text {
  text-transform: uppercase;
  color: #272727;
  font-size: 40px;
}
.introd p {
  color: #484848;
  line-height: 24px;
  text-align:center;
}

.panel {
  background: none;
  border: none;
  box-shadow: none;
}

.panel-heading {
  padding: 0;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.state {
  font-size: 18px;
  line-height: 18px;
}

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}
.slide-intro
{
	width: 572px;
    margin-left: 21px;
	
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control-prev.left 
{
  margin-top: 113px;
 
  background:url(nivo-lightbox/themes/default/prev.png) no-repeat;
}
/* Next button  */
#quote-carousel .carousel-control-next.right 
{
	margin-top: 113px;
  right: -12px !important;
  background:url(nivo-lightbox/themes/default/next.png) no-repeat;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  /*background: #c0c0c0;*/
}
#quote-carousel .carousel-indicators .active 
{
  /*background: #333333;*/
}
#quote-carousel img
{
  /*width: 304px;*/
  /*height: 238px*/
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
   
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .aboutLogo{
        /*width:20%;*/
        /*height:30%;*/
        
    }
    #aboutHeader {
    width: 100%;
    height:40%;
    top:20px;
    background: url("https://digiglitz.com/demo/wp-content/themes/digiglitz/img/banner.jpg") no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
	#quote-carousel img
{
  /*width: 204px;*/
  /*height: 160px;*/
}
  #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
     .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background:url(../img/About_us-header-bg.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    #aboutHeader {
    width: 100%;
    height:40%;
    top:20px;
    background: url("https://digiglitz.com/demo/wp-content/themes/digiglitz/img/banner.jpg") no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	#quote-carousel img
	{
  		width: 204px;
 	    height: 160px
	}
	 .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background:url(../img/About_us-header-bg.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

}

@media (max-width: 360px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
  #aboutHeader {
      width: 100%;
      height:40%;
      top: 20px;
      background: url("https://digiglitz.com/demo/wp-content/themes/digiglitz/img/banner.jpg") no-repeat;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
  }

  .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background:url(../img/About_us-header-mob-bg.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.logodigig
{
width: 117px;
 height: 39px;
    margin-top: -119px; 
}
.Boigraphy {
  background:url(../img/About-us-img/About-us-wht-we-do-mob.jpg) no-repeat center fixed;
  background-size: cover;
  position: relative;
}
.WhoWeAre {
  background:url(../img/About-us-img/About-us-wht-we-are-mob.jpg) no-repeat center fixed;
  background-size: cover;
  position: relative;
}
 #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 10px;
        height: 10px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 10px;
        height: 10px;
    }
	
	#quote-carousel .carousel-control.left 
{
  margin-top: 113px;
   height: 41px;
  
  background:url(nivo-lightbox/themes/default/prev-mob.png) no-repeat;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
	margin-top: 113px;
	left: 257px;
	 height: 41px;
  
  background:url(nivo-lightbox/themes/default/next-m.png) no-repeat;
} 
.slide-intro
{
	width: 0px;
    margin-left: 0px;
}   


}



#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 2;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity 800ms ease-in;
      -ms-transition-property: opacity 800ms ease-in;
          transition-property: opacity 800ms ease-in;
		  transition-duration:400ms;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 400px;
    height: 400px;
    margin: 0 auto;
   
}