/*.testimonial{
    margin: 0 15px;
	display:block;
    position:relative;
	border: 1px solid #767070;
    border-left-color: rgb(118, 112, 112);
    border-left-style: solid;
    border-left-width: 1px;
border-left: 3px solid #ffc33c; border-radius: 50px; margin-top:100px !important;
}
*/.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-image:url(../images/cart-back-bg.jpg);
  color: white;
  transform: rotateY(180deg);
}


.enquirybox-outer{ width:400px; margin:0 auto; background-color:#f6f6f6; padding:15px; height:auto;
box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.75);}

.top-header{border-radius: 100px 0px 0px / 100px 0px 0px; 
border: 0px solid #800000; background-color:#e31e25; position:absolute; right:0px; top:0px; width:80%; z-index:-10;}

.main-header .right-column .header-top::before {
    position: absolute;
    content: '';
    background-color: #333;
    left: -30px;
    top: 0px;
    height: 100%;
    width: 5000%;
    transform: skew(-28deg);
}
.navbarBG{  background: rgba(255, 255, 255, 0.8); }

.testimonial{
border: 0px solid #5B22E0;
}


.testimonial:hover .description{
  color:#fff !Important;
}
.testimonial:hover  .testimonial-prof small{
  color:#fff !Important;
}

.demo
{
	padding: 100px 0;
}
.heading-title
{
	margin-bottom: 100px;
        color: #000;
}


.testimonial .description{
    position: relative;
    font-size: 1rem;
    line-height: 26px;
    color: #000;
    padding: 30px 20px;
	font-family: Poppins !important;
	opacity: 0.5 !important; margin-top:50px !important; text-align:center;
}


.testimonial .pic{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px 30px 10px;
    display: inline-block;
    border: 3px solid  #5B22E0;
	z-index: 10;
left: 50%; position:absolute;  margin-left:-40px; top:-60px;
}

.testimonial .pic img{
    width: 100%;
    height: auto;
}

.testimonial .testimonial-prof{
    text-transform: capitalize;
    margin: 0 30px;
}

.testimonial .testimonial-prof h4{
    color: #22E095;
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 5px 0;
	
}

.testimonial .testimonial-prof small{
    display: block;     font-size: 14px; text-align:center; padding-bottom:15px;
    color: #000;
}
.borderRight{ border-right:1px #95d0ec solid;}
.text-justify{ text-align:justify !important;}

.owl-theme .owl-controls{
    margin-top:45px;
}

.owl-theme .owl-controls .owl-buttons div{
    border-radius: 0;
    background: #5B22E0;
    padding: 15px 20px;
    opacity: 1;
    border: 1px solid transparent;
    transition: all 0.30s linear 0s;
}

.owl-theme .owl-controls .owl-buttons div:hover{
    background: #5B22E0;
    border: 1px solid #ffc33c;
	
	/*width: 47px;
margin: auto;
float: left;*/
}

.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: 'FontAwesome';
    color: #fff;
}

.owl-next:before{
    content: "\f054";
}
.bg-counter{background:url(../images/bg-counter.jpg) center no-repeat fixed; background-position:center; background-size: cover; }
.bg-about{background:url(../images/about-bg.jpg) center no-repeat fixed; background-position:center; background-size: cover; }
.bg-about-vector{background:url(../images/about-vector.png) center no-repeat fixed; background-position:right;  }
.bg-service{background:url(../images/web-banner.jpg) center no-repeat fixed; background-position:center; }
.bg-contact{background:url(../images/contact-bg.jpg) center no-repeat fixed; background-position:center; background-size: cover; }
.bg-client{background:url(../images/clients-bg.jpg) center no-repeat fixed; background-position:center; background-size: cover; }
.bg-graphic{background:url(../images/graphic-banner.jpg) center no-repeat fixed; background-position:center; background-size: cover; }
.bg-graphicPage{background:url(../images/graphic-page-banner.jpg) center no-repeat fixed; background-position:center; background-size: cover; }
.bg-web{background:url(../images/web-page-banner.jpg) center no-repeat fixed; background-position:center; background-size: cover; }
.bg-seo{background:url(../images/seo-page-banner.jpg) center no-repeat fixed; background-position:center; background-size: cover; }
.bg-digitalPage{background:url(../images/digital-page-marketing.jpg) center no-repeat fixed; background-position:center; background-size: cover; }

.teamName{margin-top:0% !important; text-align:center; padding:0px;}
@media only screen and (max-width: 480px){
    .owl-theme .owl-controls{
        margin-top: 25px;
    }
	.enquirybox-outer{ width:100%; height:auto;}
	
	}

@media only screen and (max-width: 991px){

	
	.nav-link {
    display: block;
    padding: 0.5rem 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    line-height:20px !important;
}

}


.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #666;
    font-size: 22px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #333;
    line-height: 15px
}

.counter-box.colored {
    background: #3acf87
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}

.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
  .teamName{margin-top:0% !important; text-align:center; padding:10px; font-size:18px }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding:12px;
  border: 1px #b0aaaaba solid;
  margin:10px;
}

.borderbottom{ border-bottom:3px #090 solid; background-color:#28a745 !important; color:#FFF;}



#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 8px; /* Rounded corners */
  font-size: 14px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
@charset "utf-8";
/* CSS Document */