﻿



/*-------------------------*/
.animat
{
    position: relative;
}
.animat
{
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(0px, 100px, 0px);
}

.animat.in-view
{
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.animat.testimonial
{
    float: left;
    width: 47%;
    margin: 0% 1.5% 3% 1.5%;
    padding: 15px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    border: solid 1px #EAEAEA;
}
.animat.in-view
{
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.animat.testimonial:hover, .animat.testimonial:active
{
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 678px)
{.diii
{text-align:center;
}
    .animat.testimonial, .animat.testimonial:nth-of-type(odd), .animat.testimonial:nth-of-type(even)
    {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }
    .animat.testimonial .right, .animat.testimonial .left, .animat.slide-left.testimonial .content, .animat.testimonial .rating
    {
        text-align: center;
        float: none;
    }
    .animat.testimonial img
    {
        width: 85px;
        height: 85px;
        margin-bottom: 5px;
    }

}

.iconsection2
{
    padding: 10px;
    border:1px solid #ff6b14;
    transition:500ms;
   
}
.iconsection2:hover
{

box-shadow:0px 10px 10px #746e6e;
}
.padding5
{
    padding:5px;
}
.height100px
{
min-height:100px;
}
.height150
{
   min-height:150px
}
.iconImg
{
    height: 50px;
    width: 50px;
}
.iconImgLarge
{
    height: 80px;
    width: 80px;
    padding:10px;
}

.margintop25
{
    margin-top:25px;
}
.txtjustify
{
    text-align:justify;
}
.bg_light
{
    background-color:rgba(0,0,0,0.6 );
}


/* shaking*/

.Shake {
  margin: 0 auto;
 
}
.Shake:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}




/*-----------carsual Slider*/
.carousel-control.right,.carousel-control.left

{
    background-image:none;
    background-color:transparent;
}
.boxShow10
{
    box-shadow:-2px 6px 10px  #d3d3d3;
}
.carouselImg

{
    height:300px;
    width:100%;
}

.border_green
{
    border:3px solid green;
}
.border_red
{
    border:3px solid red;
}
.border_yellow
{
    border:3px solid yellow;
}










/*----------------------*/
.hiring span{background:0 0;border-radius:50%;width:85px;height:85px;line-height:85px;font-size:40px;font-weight:400;color:#FFF;display:block;margin:0 auto;text-align:center;-webkit-transition:all .7s ease;-mozkit-transition:all .7s ease;transition:all .7s ease;transform:translate(0,0) rotate(0) scale(.8);-webkit-transform:translate(0,0) rotate(0) scale(.8);-mozkit-transform:translate(0,0) rotate(0) scale(.8);cursor:pointer}.hiring span:hover{transform:translate(0,0) rotate(360deg) scale(.6);-webkit-transform:translate(0,0) rotate(360deg) scale(.6);-mozkit-transform:translate(0,0) rotate(360deg) scale(.6)}.inline-block{display:inline-block}.tiny-circle-content{display:block;font-family:swissbold;padding-left:22%}.pad15{padding-right:0!important}.mar10{margin-left:10px}.margin-top-m-10{margin-top:-10px}.padleft0{padding-left:initial}
@media(max-width:992px){.hiring{visibility:hidden;height:0;width:0}.tinycircle #fifteen,.tinycircle #sixthousand{color:#3d3d3d;padding-top:7px;padding-bottom:7px}.padleft0{padding-left:0!important}.tiny-circle-content{display:initial;font-family:swissbold;padding-left:22%;text-align:left}.tinycircle #fifteen{border-bottom:solid;border-bottom-width:1px;border-bottom-color:#69ba29;border-top:solid;border-top-width:1px;border-top-color:#3d3d3d;box-shadow:0 0 5px rgba(105,186,41,1)}.tinycircle #sixthousand{border-bottom:solid;border-bottom-width:1px;border-bottom-color:#00b9df;box-shadow:0 0 5px rgba(0,185,223,1)}.tinycircle #tweleve{border-bottom:solid;border-bottom-width:1px;border-bottom-color:#0075df;color:#3d3d3d;padding-top:7px;padding-bottom:7px;box-shadow:0 0 5px rgba(0,117,223,1)}.tinycircle #best,.tinycircle #ninetynine{border-bottom:solid;color:#3d3d3d;padding-top:7px;padding-bottom:7px}.tinycircle #ninetynine{border-bottom-width:1px;border-bottom-color:#f4a700;box-shadow:0 0 5px rgba(244,167,0,1);padding-left:0!important}.tinycircle #best{border-bottom-width:1px;border-bottom-color:#f05a28;box-shadow:0 0 5px rgba(240,90,40,1)}.tinycircle #reports{border-bottom:solid;border-bottom-width:1px;border-bottom-color:#f4015f;color:#3d3d3d;padding-top:7px;padding-bottom:7px;box-shadow:0 0 5px rgba(244,1,95,1)}}

.arcyellow {
    transform-origin: 100% 100%;
    transform: rotate(45deg) skewX(30deg);
    /* transition: all 1s ease-in-out; */
    -webkit-transition: all 1s ease-in-out;}
.arcblue:before, .arcyellow:before {
    box-sizing: border-box;
    display: block;
    border: 2px solid #efefef;
    width: 200%;
    height: 200%;}


/*----------------type-Writer-------------------*/
.border5pxcircle
{
    border:5px solid #d3d3d3;
    border-radius:50%;
}


.diii:hover
{
    color:red;
}
.line-1{

    width: 70%;
    height:auto;
    margin:0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    white-space: nowrap;
    overflow: hidden;
}

.anim-typewriter{
  animation: typewriter 2s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
             width:100%;height:auto;
}
@keyframes typewriter{
  from{width: 0;}
  to{ width: 80%;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}



/*-------btn style-----------*/

@font-face {
	font-family: "open";
	font-style: normal;
	font-weight: 300;
	src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}




@keyframes linear {
	
	from {
		background-position: 0 0;
	}
	to {
		background-position: 200px 0;
	}
	
}

@keyframes radial {
	
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 60px;
	}
	
}

@keyframes repeating {
	
	from {
		background-position: 0 0;
	}
	to {
		background-position: 0 85px;
	}
	
}

@keyframes electronic {
	
	0%, 100% {
		background-position: 20% -30%;
	}
	25% {
		background-position: 150% 5%;
	}
	50% {
		background-position: 20% 40%;
	}
	75% {
		background-position: -100% 5%;
	}
	
}

.cmptbtn {
	
	
	position: relative;
     background: #fff;
	color: #333;

}
.cmptbtn:before {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	border-radius: 3px;
	transform: scale( 1.02, 1.08 );
	position: absolute;
	background: #f00;
	background: linear-gradient( 90deg, #fafafa, #fafafa, #1D8EF7, #fafafa, #fafafa );
	background-position: 10px 0;
	top: 0;
	animation: linear 2s infinite linear;
	left: 0;
	z-index: -1;
}

.cmptbtn.radial:before {
	background: radial-gradient( #fafafa, #fafafa, #F2A61A, #fafafa, #fafafa );
	animation: radial 1s infinite linear;
}

.cmptbtn.repeating:before {
	background: repeating-linear-gradient( -45deg, #fafafa, #fafafa 30px, #5FC914 30px, #5FC914 60px ) fixed;
	animation: repeating 1s infinite linear;
}

.cmptbtn.electronic:before {
	background: radial-gradient( #EA238D, #EA238D, #EA238D, #EA238D, #fafafa, #fafafa ) no-repeat;
	
	animation: electronic 2s infinite linear;
}