@charset "UTF-8";
/* CSS Document */



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1199px) { 
	
	
	
	

	
	
    
}






/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	
	
	#popit{
	
	
	width: 100%;
	height: 500px;
	background-color: #FEBE10 ;
	background-image: url("../Images/honeycomb pattern.svg");
	background-position: top;
	background-size: cover;
	margin-top: -90px;
	
}


	
	#shapes{
	
	width: 80%;
	margin: auto;
	margin-top: -90px;
	
}
	
	
	
	
	div .pic{
       display: none;
		
    }

	  .text{
        background: #000;
		background-image:none;
		background-position: right;
		background-repeat:no-repeat;
		padding: 40px 60px 40px 60px ;
		
    }
	
	
	
	.d-md-block h2{
	
	
	
    display: inline-block;
    padding:.25em .25em .25em .25em;
    margin-bottom: 20px;
	color: #FEBE10;
	font-size: 50px;
	letter-spacing: 10px;
	font-family: 'arciform_sansregular';
	
}



div .carousel-caption p {
	
	 display:none;
}



.fa-chevron-down{
	
	font-size: 50px;
	animation: mouse 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}


@keyframes mouse { 
  0% { transform: translateY(0); }
  30% { transform: translateY(-30px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); }
}
	
	
	
	
	
	
	

    
}

/* Landscape phones and down */
@media (max-width: 480px) { 




 div .pic{
       display: none;
		
		
    }

	  .text{
        background: #000;
		background-image:none;
		background-position: right;
		background-repeat:no-repeat;
		padding: 40px 60px 40px 60px ;
		
    }


	figure.effect-ravi h2 {
    font-size: 120%;
}

figure.effect-ravi h2,
figure.effect-ravi p {
    position: absolute;
    top: 50%;
    left: 50%;
    
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
}


.line-services{
	
	width: 60px;
	margin: auto;
	border: 1px solid #FEBE10;
	position: absolute;
    top: 63%;
    left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
	
}


.button{
	
	position: absolute;
    top: 75%;
    left: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
   
	
}
	
	
	

.heading-eye h1{
	
	color: #fff;
	letter-spacing: 20px;
	display: table-cell;
  vertical-align: middle;
	font-family: 'arciform_sansregular';
}





.heading-eye2 h1{
	
	color: #fff;
	letter-spacing: 20px;
	display: table-cell;
  vertical-align: middle;
	font-family: 'arciform_sansregular';
}
	
	
	
	#popit{
	
	
	width: 100%;
	height: 720px;
	background-color: #FEBE10 ;
	background-image: url("../Images/honeycomb pattern.svg");
	background-position: top;
	background-size: cover;
	margin-top: -90px;
	
}


	
	#shapes{
	
	width: 80%;
	margin: auto;
	margin-top: -90px;
}
	

	.ml-auto{
		
		display: inline-block;
		padding-bottom: 60px;
		margin-top:20px;
		text-align: left;
	}

.icon-border-round{
border:none;
padding: 5px;
text-align: center;
width: 40px;
height: 40px;
border-radius:none;
}
	
	
	
	div.d-md-block h2{
	
	
	
    display:none;
	
}

	
	
	
	
	.carousel{
    background: #999;
    margin-top: 87px;
	
}
	
	.diagram2{
	
	display: block;
	width: 70%;
	margin: auto;
	
	
	
}
	
	
	div.diagram{
	
	
	display: none;
	
	
}
	
	

}