.intro_content
{
    
	position: absolute;
	left: 70%;
	bottom: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	z-index: 2;
}
.intro_content a
{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 7px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.35em;
	text-align: center;
	line-height: 157px;
}
.intro_col:first-child .intro_content
{
	background: rgba(98,70,147,1);
}
.intro_col:nth-child(2) .intro_content
{
	background: rgba(255,75,117,1);
}
.intro_col:nth-child(3) .intro_content
{
	background: rgba(97,228,155,1);
}

/*footer*/

.footer-instagram-area{ overflow: hidden; border-top: 1px solid #ccc; }

.footer-instagram-area .title{ padding: 20px 0; }

.footer-instagram-area ul.instagram > li{ float: left; width: 14.285%; }



footer{ background: #29333C; color: #ddd;  }

footer .footer-section{ margin: 30px 0; }

footer .copyright{ color: #ddd;  }

footer .social-icons{ text-align: center; }

footer .social-icons > li > a{ padding-left: 15px; }

    footer a{
        text-decoration: none;
        border: none;
        
    }
    
      footer a:hover{
        text-decoration: none;
        border: none;
          background-color: none;
        
    }
      
   .quote-card.blue-card {
  background: #76b82a;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
  color: #FFFFFF;
}
            .quote-card {
                margin-top: 40px;
  background: #ffffff;
  padding: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.quote-card p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0;
  max-width: 100%;
    color: #ffffff;
}

  
    
    
/* news */
    
    .blog .carousel-indicators {
	left: 0;
    bottom: -10px;
      

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}
    .heading-section
    {
        margin-bottom: 20px;
    }
    
/* nav menu */    
.dropdown-menu
    {
        color: gray;
    }
.dropdown-menu li:hover
    {
        background-color: darkgray;
        color: #fff;
    }

.dropdown-menu li
    {
        font-size: 12px;
    }


  
@media (width: 450px)
{
.carousel-indicators li
    {
        margin-bottom: 25px;
        width: 12px;
        height: 12px;
        border-radius: 50%; 
    }
}
/*mobile size & desktop */
@media (max-width: 991.9px) { 
    
    
     /* carousel indicator */
    
    .carousel-indicators li
    {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }
    
    
   

}

}
@media (max-width: 776px ) {
    
    .carousel-inner {
        max-height: auto;
    }
    .carousel-text {
        padding-top: 50px!important;
    }
    .carousel-text span{
        font-size: auto!important;

    }
    .carousel-text h1 {
        font-size: auto!important;
    }
    
}
.carousel-text h1 {
    font-family: 'Roboto Slab', serif;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 3px 3px 5px #000;
}
.carousel-text span {
    font-family: 'Roboto Slab', serif;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 3px 3px 5px #000;
}
.carousel-text{

    padding-top:120px;
    text-align: center;
}

.carousel-indicators li
    {
        margin-bottom: 28px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background-color: #76b82a; 
    }
/*
.carousel-text p {
    font-family: 'Open Sans', sans-serif;
    padding-top:40px;
    font-size: 14px;
    color: #ffffff;
    text-shadow: 3px 3px 5px #000;

}
 
*/
  

@media screen and (max-width: 601px) {
  .adjust p {
    font-size: 11px;
  }
}
.hhr:hover
    {
        background-color: gray;
    }

.main_content-1
{
    margin-top: 20px;
}