.scroll::-webkit-scrollbar-track
{
	background-color: #ffffff;
}

.scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #ffffff;
}

.scroll::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
/*Keyframes*/
@-webkit-keyframes sdb10 {
	0% {-webkit-transform: translate(0, 0);opacity: 0;}
   40% {opacity: 1;}
   80% {-webkit-transform: translate(0, 20px);opacity: 0;}
  100% {opacity: 0;}
}
@keyframes sdb10 {0% {transform: translate(0, 0);opacity: 0;}
   40% {opacity: 1;}
   80% {transform: translate(0, 20px);opacity: 0;}
  100% {opacity: 0;}
}
/*Loder Strat*/
#divLoading{width:100%;height:100%;position:fixed;right:0;top:0;background:rgba(66, 128, 89);z-index:100000;display:none;}
#centerVal{width:180px;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;}
@keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-eclipse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-eclipse {
  position: relative;
}
.lds-eclipse div {
  position: absolute;
  -webkit-animation: lds-eclipse 1s linear infinite;
  animation: lds-eclipse 1s linear infinite;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #ffffff;
  -webkit-transform-origin: 50px 52px;
  transform-origin: 50px 52px;
}
.lds-eclipse {
  width:100px !important;
  height:100px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
/*Loder End*/
/** CSS3 Animations **/
.faster {
     -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.fast {
     -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.animated {
     -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slow {
    -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower {
    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest {
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest4 {
    -webkit-animation-duration: 4s; 
    animation-duration: 4s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest4_5 {
    -webkit-animation-duration: 4.5s; 
    animation-duration: 4.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest5 {
    -webkit-animation-duration: 5s; 
    animation-duration: 5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest18 {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Delay */
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}
.delay-4000 {
    -webkit-animation-delay:4s;
    -moz-animation-delay:4s;
    -o-animation-delay:4s;
    animation-delay:4s;
}
.delay-4500 {
    -webkit-animation-delay:4.5s;
    -moz-animation-delay:4.5s;
    -o-animation-delay:4.5s;
    animation-delay:4.5s;
}

/** Animation **/
.fadeIn { opacity:0; }
.bounceInLeft, .bounceInRight, .bounceInDown, .bounceInUp, .fadeInRight, .fadeInLeft {
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px);
}
.fadeInUp {
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInDown { 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}
.bounceOut {
    -webkit-animation-name: bounceOut;
			animation-name: bounceOut;
}
.rightLeftInf {
    -webkit-transform: translateX(400px); 
    transform: translateX(400px);
	-webkit-animation-iteration-count:infinite;
		    animation-iteration-count:infinite;
}

/** Bounce in down **/
@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0;
        -webkit-transform: translateY(-400px); 
    } 
    60% {
        -webkit-transform: translateY(20px); 
    } 
    80% {
        -webkit-transform: translateY(-10px); 
    } 
    100% {
		opacity: 1;
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes bounceInDown { 
    0% {
        opacity: 0;        
        transform: translateY(-400px); 
    } 
    60% {
        transform: translateY(20px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
		opacity: 1;
        transform: translateY(0); 
    } 
} 
.bounceInDown.go {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

/** Bounce in left **/
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px); 
    }
	60% {
        -webkit-transform: translateX(30px); 
    }
	75% {       
        -webkit-transform: translateX(-10px); 
    }
    85% {
        -webkit-transform: translateX(5px); 
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0); 
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-400px); 
    }
	60% {
        transform: translateX(30px); 
    }
	75% {       
        transform: translateX(-10px); 
    }
    85% {
        transform: translateX(5px); 
    } 
    100% {
        opacity: 1;
        transform: translateX(0); 
    }
}
.bounceInLeft.go {
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}
/** Bounce in Right **/
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
    }
    60% {
        -webkit-transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
    }
    100% {
		opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(400px);
    }
    60% {
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
		opacity: 1;
        transform: translateX(0);
    }
}
.bounceInRight.go {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
/** Bounce in Right 2 **/
@-webkit-keyframes bounceInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
    }
    60% {
        -webkit-transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
    }
    100% {
		opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceInRight2 {
    0% {
        opacity: 0;
        transform: translateX(400px);
    }
    60% {
        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
		opacity: 1;
        transform: translateX(0);
    }
}
.bounceInRight2.go {
    -webkit-animation-name: bounceInRight2;
    animation-name: bounceInRight2;
}
/** Bounce in Left 2 **/
@-webkit-keyframes bounceInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
    }
    60% {
        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceInLeft2 {
    0% {
        opacity: 0;
        transform: translateX(-400px);
    }
    60% {
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.bounceInLeft2.go {
    -webkit-animation-name: bounceInLeft2;
    animation-name: bounceInLeft2;
}
/** Bounce in up **/
@-webkit-keyframes bounceInUp { 
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px);
    }
    60% {
        -webkit-transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes bounceInUp { 
    0% {
        opacity: 0;
        transform: translateY(400px);
    }
    60% {
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.bounceInUp.go {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
/** Bounce in **/
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(.9);
    }
    100% {
         -webkit-transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}
.bounceIn.go {
	opacity: 1;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
/** Bounce in **/
@-webkit-keyframes bounceIn2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }
    100% {
         -webkit-transform: scale(1);
    }
}
@keyframes bounceIn2 {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}
.bounceIn2.go {
	opacity: 1;
    -webkit-animation-name: bounceIn2;
    animation-name: bounceIn2;
}
/** Bounce in **/
@-webkit-keyframes bounceOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    100% {
		opacity: 0;
        -webkit-transform: scale(0);
    }
}
@keyframes bounceOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
		opacity: 0;
        transform: scale(0);
    }
}
/** Fade in **/
@-webkit-keyframes fadeIn { 
    0% {
        opacity: 0;
    }
    40%{
       opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    50%{
       opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn.go {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
/** Fade in right **/
@-webkit-keyframes fadeInRight { 
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
    }
    40%{
       opacity: 0.5;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(400px);
    }
    50%{
       opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRight.go {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
/** Fade in left **/
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
    }
    50%{
       opacity: 0.5;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-400px);
    }
    50%{
       opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeft.go {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
/** Fade in up **/
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px);
    }
    50%{
       opacity: 0.3;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(400px);
    }
    50%{
       opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUp.go {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
/** Fade in down **/
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px);
    }
    50%{
       opacity: 0.3;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-400px);
    }
    50%{
       opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDown.go {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
/** Right left infinite **/
@-webkit-keyframes rightLeftInf { 
    0% {
        -webkit-transform: translateX(400px);
    }
	50%{
		-webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(400px);
    }
}
@keyframes rightLeftInf {
	0% {
        transform: translateX(400px);
    }
	50%{
		transform: translateX(0);
    }
    100% {
        transform: translateX(400px);
    }
}
.rightLeftInf.go {
    -webkit-animation-name: rightLeftInf;
    animation-name: rightLeftInf;
}