@charset "utf-8";
/* CSS Document */
.heading-title h2 {
    font-weight: 300;
}
.darkcolor {
    color: #212331;
}

.heading-title > span {
    display: block;
    text-transform: capitalize;
    color: #00bcd4;
}
/*-------------------------------*/
    /* Testimonials*/
/*-------------------------------*/
.testimonial-wrapp, 
.testimonial-wrapp .testimonial-text,
.testimonial-text-blue,.testimonial-text-green,.testimonial-text-red,
.testimonial-wrapp .testimonial-photo,
.testimonial-wrapp .quoted, .testimonial-quote{
   position: relative;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
}
.testimonial-wrapp,
.testimonial-wrapp .testimonial-text {
	text-align: center;
}
.testimonial-wrapp .quoted,
.testimonial-wrapp .testimonial-photo {
   display: inline-block;
}
.testimonial-wrapp .quoted {
	line-height: 40px;
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50% 50% 0% 0%;
	border-radius: 50% 50% 0% 0%;
   -webkit-transform: translateY(20%);
   -ms-transform: translateY(20%);
   -o-transform: translateY(20%);
   transform: translateY(20%);
	z-index: 1;
   font-size: 120%;
}
.testimonial-wrapp .quoted-blue {
	background: #5226d9;
	color: #fff;

}
.testimonial-wrapp:hover .quoted-blue {
	background: #ffffff;
	color: #5226d9;

}
.testimonial-wrapp .quoted-green {
	background: #018156;
	color: #fff;

}
.testimonial-wrapp:hover .quoted-green {
	background: #ffffff;
	color: #018156;

}
.testimonial-wrapp .quoted-red {
	background: #a30252;
	color: #fff;

}
.testimonial-wrapp:hover .quoted-red {
	background: #ffffff;
	color: #a30252;

}

.testimonial-wrapp a{
  color: #252525;
}
.testimonial-wrapp:hover a{
   color: #dfdddd;
 }
 .testimonial-wrapp:hover a:hover{
   color: #ffffff;
 }

.testimonial-wrapp .testimonial-text-green,.testimonial-wrapp .testimonial-text-blue,.testimonial-wrapp .testimonial-text-red {
	
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
   height:48vh;
   overflow-y: scroll;
   overflow-y:hidden;


}
.testimonial-wrapp .testimonial-photo {
	height: 100px;
	width: 100px;
	margin-top: -50px;
}
.testimonial-wrapp .testimonial-photo,
.testimonial-wrapp .testimonial-photo > img{
    -webkit-border-radius: 50%;
    border-radius: 50%;   
}

.testimonial-text-blue{
   
   border-top: 3px solid #2e0296;
   border-left: 3px solid #2e0296;
   border-right: 3px solid #2e0296;
   border-bottom: 6px solid #2e0296;
}
.testimonial-text-green{
   
   border-top: 3px solid #018156;
   border-left: 3px solid #018156;
   border-right: 3px solid #018156;
   border-bottom: 6px solid #018156;
}
.testimonial-text-red{
   
   border-top: 3px solid #a30252;
   border-left: 3px solid #a30252;
   border-right: 3px solid #a30252;
   border-bottom: 6px solid #a30252;
}
.testimonial-text-blue,.testimonial-text-green,.testimonial-text-red{
   background: #ffffff;
   color:#252525;
}
.testimonial-text-blue:hover{
   color: #ffffff;
   background: rgb(2,132,150);
   background: -moz-linear-gradient(180deg, rgb(116, 54, 241) 0%, rgba(116, 54, 241) 50%, rgb(74, 34, 153) 50%, rgba(74, 34, 153) 100%);
   background: -webkit-linear-gradient(180deg, rgba(116, 54, 241) 0%, rgba(116, 54, 241) 50%, rgba(74, 34, 153) 50%, rgba(74, 34, 153) 100%);
   background: linear-gradient(180deg, rgba(116, 54, 241) 0%, rgba(116, 54, 241) 50%, rgba(74, 34, 153) 50%, rgba(74, 34, 153) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#028496",endColorstr="#ff7500",GradientType=1);
}
.testimonial-text-green:hover{
   color: #ffffff;
   background: rgb(1,129,86);
   background: -moz-linear-gradient(180deg, rgba(1,129,86,1) 0%, rgba(1,129,86,1) 50%, rgb(1, 74, 49) 50%, rgba(1, 74, 49) 100%);
   background: -webkit-linear-gradient(180deg, rgba(1,129,86,1) 0%, rgba(1,129,86,1) 50%, rgba(1, 74, 49) 50%, rgba(1, 74, 49) 100%);
   background: linear-gradient(180deg, rgba(1,129,86,1) 0%, rgba(1,129,86,1) 50%, rgba(1, 74, 49) 50%, rgba(1, 74, 49) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#018156",endColorstr="#ff7500",GradientType=1);
}
.testimonial-text-red:hover{
   color: #ffffff;
   background: rgb(194,5,5);
   background: -moz-linear-gradient(180deg, rgba(194,5,5,1) 0%, rgba(194,5,5,1) 50%, rgb(120, 2, 2) 50%, rgba(120, 2, 2) 100%);
   background: -webkit-linear-gradient(180deg, rgba(194,5,5,1) 0%, rgba(194,5,5,1) 50%, rgba(120, 2, 2) 50%, rgba(120, 2, 2) 100%);
   background: linear-gradient(180deg, rgba(194,5,5,1) 0%, rgba(194,5,5,1) 50%, rgba(120, 2, 2) 50%, rgba(120, 2, 2) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c20505",endColorstr="#ff7500",GradientType=1);
}

.testimonial-wrapp .testimonial-text,
.testimonial-wrapp .testimonial-text-blue,
.testimonial-wrapp .testimonial-text-green,
.testimonial-wrapp .testimonial-text-red{
   color: #252525;
}
.testimonial-wrapp:hover .testimonial-text,
.testimonial-wrapp:hover .testimonial-text-blue,
.testimonial-wrapp:hover .testimonial-text-green,
.testimonial-wrapp:hover .testimonial-text-red{
   color: #ffffff;
}
.testimonial-wrapp .testimonial-text-blue a,.testimonial-wrapp .testimonial-text-green a,.testimonial-wrapp .testimonial-text-red a{
   color: #ffffff;
}
.testimonial-wrapp:hover .testimonial-text-blue a,.testimonial-wrapp:hover .testimonial-text-green a,.testimonial-wrapp:hover .testimonial-text-red a{
   color: #252525;
}
.testimonial-wrapp:hover .testimonial-text-blue a:hover,.testimonial-wrapp:hover .testimonial-text-green a:hover,.testimonial-wrapp:hover .testimonial-text-red a:hover{
   color: #000000;
}

/*Testimonial Quotes*/
.testimonial-bg{
	background: url(../images/bg-testimonial.jpg) no-repeat;
}
.testimonial-bg-light {
	background: url(../images/bg-testimonial-light.jpg) no-repeat;
}
.testimonial-bg, .testimonial-bg-light{
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	width: 100%;
}


.testimonial-quote {
	text-align: left;
	padding-top: 10px;
}
.no-quote .testimonial-quote { 
   text-align: center;
}
.testimonial-quote h3{
   position: relative;
}
.no-quote .testimonial-quote h3::before, 
.no-quote .testimonial-quote h3::after {
   display: none;
}
.testimonial-quote h3::before, .testimonial-quote h3::after {
	display: inline-block;
	font-size: 17px;
}
.testimonial-quote h3::before {
	content: "\f10d";
	margin-right: 3px;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.testimonial-quote h3::after{
   content: "\f10e";
   margin-left: 3px;
   -webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}
.testimonial-quote h6{
   font-weight: 300;
}

#owl-thumbs.owl-dots{
   text-align: left;
}
#owl-thumbs.owl-dots .owl-dot {
	background: transparent;
	height: 60px;
	margin: 0;
	position: relative;
	width: 60px;
	border: 5px solid rgba(255,255,255,.3);
	margin-left: -30px;
    opacity: .65;
   -webkit-transform: scale(.95);
   -ms-transform: scale(.95);
   -o-transform: scale(.95);
   transform: scale(.95);
}
.testimonial-bg-light #owl-thumbs.owl-dots .owl-dot {
   border: 5px solid rgba(0,0,0,.3);
}
#owl-thumbs.owl-dots .owl-dot > img {
	width: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#owl-thumbs.owl-dots .owl-dot:first-child{
   margin-left: 0;
}
#owl-thumbs.owl-dots .owl-dot::after{
   display: none;
}
#owl-thumbs.owl-dots .owl-dot:hover,
#owl-thumbs.owl-dots .owl-dot.active{
   z-index: 5;
   opacity: 1;
   border: 5px solid rgba(255,255,255,.53);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}
.testimonial-bg-light #owl-thumbs.owl-dots .owl-dot.active {
   border: 5px solid rgba(0,0,0,.53);
}

.contentku a{
   color:#d6d6d6;
}
.contentku a:hover{
   color:#ffffff;
}
.testi_menu_img{
   width:30px;
   height:30px;
}
.sinergi a{
   color:#d6d6d6;
}
.sinergi a:hover{
   color:#ff7300;
}

/*-------------------------------*/
    /* Testimonials ends*/
/*-------------------------------*/

/*-------------------------------*/
    /*OWl Slider*/
/*-------------------------------*/
/*Dots*/
.owl-dots {
   margin-top: 2rem;
   text-align: center;
}
.vertical-dot .owl-dots {
   display: inline-table;
   width: 24px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 40px;
}
.owl-dots .owl-dot {
   height: 12px;
   width: 12px;
   background: transparent;
   margin: 2px 3px;
   position: relative;
   border: 1px solid #00bcd4;
   display: inline-block;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background: rgba(255, 255, 255, .35);
   cursor: pointer;
}
#text-fading .owl-dots .owl-dot {
	background: #fff;
	border: none;
}s
.vertical-dot .owl-dots .owl-dot {
   border: none;
   background: rgba(255, 255, 255, .5);
}

.owl-dots .owl-dot::after {
   background-color: #00bcd4;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   visibility: hidden;
   width: 100%;
}
.vertical-dot .owl-dots .owl-dot::after {
   display: none;
}
.vertical-dot .owl-dots .owl-dot.active {
   height: 15px;
   width: 15px;
   background: #fff;
}
.owl-dots .owl-dot.active::after,
.owl-dots .owl-dot:hover:after {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   visibility: visible;
}

.animate-out {
  -webkit-animation-delay : 0ms;
  -o-animation-delay : 0ms;
  animation-delay : 0ms;
}

/*Buttons*/
.owl-nav .owl-prev{
    left: 5px;
}
.owl-nav .owl-next{
    right: 5px;
}
.owl-nav .owl-prev, .owl-nav .owl-next{
    background: #00bcd4;
	font-size: 14px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
    position: absolute;
    top: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    opacity: 0;
    visibility: hidden;
}
.owl-carousel:hover .owl-nav .owl-prev, 
.owl-carousel:hover .owl-nav .owl-next {
   opacity: 1;
   visibility: visible;
}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover,
.owl-nav .owl-prev:focus, .owl-nav .owl-next:focus{
	background: #643094;
}