.Clrwhite {
	color: #fff;
}
.header_contact {
	padding-top: 10px;
	font-size: 15px;
	color: #fff;
	margin-left: -30px;
}
.header_contact li {
	list-style: none;
	display: inline;
	margin: 0 0px;
}
.header_contact li:first-child {
	margin-left: 20px;
}
.header_contact .info {
	font-weight: 300;
	margin-left: 15px;
}
.header_contact img {
	margin: 0 4px;
	vertical-align: -2px;
}
#menu-menu {
	float: right;
	font-family: 'lato';
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}
.container .margin35 {
	margin: 35px 0;
}
.cMenu a {
	color: #fff;
}
.cMenu li {
	margin: 0 18px;
	padding-bottom: 5px;
}
.cMenu li.current-menu-item {
	border-bottom: 2px solid rgba(255,255,255,0.3);
}
li ul.head-media {
	display: inline-flex;
	margin-left: -30px;
}
/*about*/
.about-header {
        background: #effcfd;
        padding: 38px 30px 50px 38px;
        width: 100%;
        margin-top:-50px;
        
}
.about-header h2 {
	font-size: 36px;
	font-weight: 300;
}
.about-header i {
	font-size: 22px;
	display: block;
	color: #3ab0e7;
	font-weight: 300;
	padding: 2px 0 21px;
}
.about-header p {
	font-weight: 300;
	font-size: 19px;
}
.about p {
	font-size: 16px;
	font-weight: 400;
	color: #959595;
}
.about h2 {
	color: #343c47;
	font-weight: 300;
	font-size: 36px;
	margin-bottom: 25px;
}
.ran {
	padding: 30px;
}
/*.ran:nth-child(odd) {
	background: #fff;
}
.ran:nth-child(even){
	background: #f9f7f7;
}*/
/*top footer*/
.mobile h2 {
	margin: 0px 0 5px 0;
}
.footer-3 {
	padding: 50px 0 50px 0;
	background: #f9f7f7;
}
.footer3 img{
	float: left;
	margin-top: 15px;
	margin-right: 16px;
}
.footer3 h3 {
	font-size: 30px;
	font-weight: 300;
}
.footer3 i {
	font-size: 18px;
	font-weight: 300;
	color: #959595;
	font-style: italic;
}
.footer3 strong {
	font-size: 30px;
	display: block;
	margin-top: -8px;
	font-weight: 400;
}
.footer3 .holder {
	min-height: 120px;
}
.cbtn {
	display: block;
	font-weight: 600;
	font-size: 13px;
	padding: 11px 0px;
	width: 230px;
	border-radius: 4px;
	margin-top: 14px;
	color: #fff;
	margin: 0 auto;
}
.cbtn.btn-orange {
	background: #f26522;
}
.cbtn.btn-blue {
	background: #00a4e4;
}
.cbtn.btn-red {
	background: #ed145b;
}
.f3body {
	display: inline-block;
}
/*sidebar*/
.sidebar h3 {
	color: #343c47;
	font-size: 28px;
	font-weight: 300;
}
.sidebar i {
	color: #959595;
	font-size: 18px;
}
.sidebar .cbtn {
	margin-top: 10px;
}
.sdbg {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 0;
	margin: 0px 0 20px 0;
}
.s1 {
	background-image: url('../img/sidebar-bg.png');
}
.s2 strong {
	display: block;
	font-size: 26px;
	font-weight: 400;
	margin-top: -10px;
}
.s2 {
	background-image: url('../img/sidebar-bg-2.png');
}
.s3 {
	background-image: url('../img/sidebar-bg-3.png');
}
/*about sidebar*/
.about-sidebar h2 {
	font-size: 36px;
	font-weight: 300;
	margin-bottom: 22px;
}
.about-sidebar p,
.about-sidebar li {
	color: #b3b3b3;
}
.about-sidebar ul {
	margin-left: -20px;
}
.about-sidebar ul li {
	list-style-image: url('../img/bullet.png');
	margin: 8px 0;
	padding: 0 0 0 20px;
}
/*.about-sidebar ul li:before {
	margin-right: 24px;
}*/
/*footer*/
.footer-top {
	background: #fff;
	padding: 30px 0;
}
.footer-top h5 {
	font-size: 18px;
	color: #67bdeb;
}
.footer-top ul {
	margin-left: -38px;
}
.footer-top ul li {
	list-style: none;
}
.footer-top ul li {
	color: #959595;
	font-size: 14px;
	line-height: 30px;
	font-weight: 300;
}
.footer-top ul li a {
	color: #959595;
	font-weight: 300;
}
.footer {
	background: #343c47;
	padding: 14px 0;
	width: 100%;
}
.footer .cMenu {
	font-size: 15px;
	padding: 26px 0;
}
li ul.footer-social {
	margin-left: -44px;
}
.footer-social li {
	display: inline;
	margin-left: 5px;
}
.footer .cMenu li.current-menu-item {
	border-bottom: none;
}
.menu-service {
	float: right;
	font-size: 15px;
        padding-top: 4px;
}
.menu-service li {
	display: inline;
	list-style: none;
	margin-left: 15px;
}
.menu-service a {
	color: #fff;
}
.menu-service .current_page_item {
	background: url('../img/link-bg.png') repeat transparent;
	padding: 10px;
	border-radius: 6px;
}
section.two-menu.abt-top .title{
	padding-top: 10px;
}
.kpad {
	padding-top: 20px;
}
.kblue {
	font-size: 22px;
	color: #00a4e4;
}
.webbtn {
    color: #989898;
    list-style-image: url("../img/point.png");
    margin: 0;
    padding: 0;
}
.webbtn li {
	margin: 5px 0 5px 20px;
	padding-left: 15px;
}
.webbtnv {
	float: left;
	text-align: center;
	margin: 35px 0;
}
.wbtnv {
	float: left;
	text-align: center;
	margin-bottom: 24px;
}
.ulno {
	margin: 0 0px 0 3px;
	padding: 0 15px;
	color: #989898;
}
/*.ulno li:before {
	content: '. '
}*/
div.kholder {
	display: table;
	padding-bottom: 20px;
}
.left {
	float: left;
	width: 50%;
}
div.margin80 {
	margin-top: 80px;
}
.pad-cl {
	padding: 9px 35px;
	margin: 10px 0;
}
div.padding-right {
	padding-right: 65px;
}
div.webhost {
	padding-right: 60px;
}
.colorz img {
	margin-top: 35px;
}
.colorz .cpad {
	display: inherit;
}
.colorz .link a {
	background: none;
	background-color: transparent;
	border: 1px solid #00a4e4;
	border-radius: 4px;
	color: #00a4e4;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	padding: 15px 50px;
}
.seo .cpad h3 {
	margin-top: 0;
}
.seo .cpad {
	display: table;
}
.seo .cpad ul{
	margin: 0;
	padding: 0 0 0 15px;
}
.seo .cpad ul li {
	font-weight: 300;
	color: #6b6b6b;
}
.ulgreen li{
   list-style-image: url(../img/green-dot.png);
}
.ulyellow li {
	list-style-image: url(../img/yellow-dot.png);
}
.ulred li{
	list-style-image: url(../img/red-dot.png);
}
.seo-bottom {
	margin-bottom: 20px;
}
.seo-btn.green a {
	background: #87ce45;
}
.seo-btn.yellow a {
	background: #ecba22;
}
.seo-btn.red a {
	background: #e0363c;
}
.seo-btn {
	margin: 30px 0;
}
.seo-btn a {
	padding: 15px 33px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	border-radius: 5px;
}
/*ssd*/
.pad-cred {
	background: #fef1f1;
}
.pad-cyellow {
	background: #fefbe9;
}
.modalFeature {
	background: #fff;
	border-radius: 7px;
	color: #000;
	padding: 10px;
	max-height: 110px;
}
.ftitle {
	padding: 0;
	margin: 5px 0;
	color: #ff751f;
}
.modalFeature img {
	float: left;
	padding-right: 15px;
	padding-top: 15px;
}
.modalFeature .fcontent {
	display: table;
	text-align: left;
}
.modalFeature .fcontent p {
	font-size: 13px;
}
.homepagemenu.cMenu li.current-menu-item{
	border-bottom: 2px solid #00a4e4;
}
.rp-item {
	position: relative;
}
.footer3 .borderline {
	background: url(../img/vertical-line.png) no-repeat transparent;
	background-position: right center;
	padding-left: 27px;
}
.footer3 .borderline:last-child {
	background-image: none;
}
.c-service .sfi:hover a {
	background-color: #fff;
	color: #2accfb;
	border: 1px solid #fff;
}
.nopadleft {
	padding-left: 0;
}
.nopadright {
	padding-right: 0;
}
.topimg {
	margin-top: 20px;
	text-align: center;
}
#EmailModal label {
	font-size: 18px;
	font-weight: 300;
}
#step-3 .form-check span{
	line-height: 20px;
}
.about .designprog p{
	font-weight: 400;
}
.about .wdp-left label,
.about .designprog p {
	color: #959595;
}
.page-id-480 .wpcf7-submit {
	width: 252px;
}
.viewprojectholder a {
	display: table;
	width: auto;
	padding: 15px;
	cursor: pointer;
}
.prof-item > a {
	display: block;
	height: 100%;
}
.viewprojectholder {
    padding-top: 15px;
}
/*fixes*/
.sb-wrap > div {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
}
.sb-wrap > div > div {
    float: none!important;
    margin-top:0px;
}
.sb-wrap > div:before, .sb-wrap > div:after {
    content:"";
    clear: both;
    position: relative;
    display: block;
    
}
@media (max-width:767px) {
    .sb-wrap > div {
        display: block!important;
    }
}
@media (min-width:992px) {
    .prof-list {
        display: flex!important;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important; 
    }
}
.prof-nav {
    margin-top:40px!important;
}
.tp-selection {
    margin-top:-40px;
}
.contact-form .wpcf7-form-control-wrap {
    position:relative;
    display:block;
    margin-bottom:-24px;
}
.contact-form .wpcf7-submit {
    margin-top:15px;
}
.footer .left > img {
    width: 60%;
}
/*animations*/
.footer3 > div,
.h-service .c-service > div,
.bulb-img img,
.cloud-img img,
.h-portlink,
.footer3 img,
.h-recent-post a,
.top-info > div,
.sb-wrap > div,
.top-contact > div
{
    opacity: 0;
    transform: translate3d(0, 10%, 0);
}
.fadeInLeft .wpcf7-form-control-wrap,
.wp-image-376,
.wp-image-389,
.wp-image-307
{
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    
}
.contact-form .wpcf7-form-control-wrap,
.r-acontent .wpcf7-form-control-wrap,
#blog a img,
.blog-single img,
.wp-image-200,
.wp-image-175
{
    opacity: 0;
}
.img-our
{
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
}
.about-logo, .sidebar > div,  h1, h2, h3, h4, h5, h6 {
    opacity: 0;
    transition:all ease-in-out 1s;
}
.fadeIn
{
    opacity: 1!important;
    transition:all ease-in-out 1s;
}
.r-acontent .wpcf7-form-control-wrap {
    display:inline-block;
    width: 100%;
}
.sliderInRight > div, .fadeInRightSingle {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.fadeInLeftSingle, .fadeInLeftSingle input, .fadeInLeftSingle select, .fadeInLeftSingle textarea {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.fadeInRight, .fadeInRight input, .fadeInRight textarea, .fadeInRight select {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.fadeInRight .wpcf7-form-control-wrap {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.fadeInLeft .wpcf7-form-control-wrap {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.fadeInDownSingle {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.zoomInSingle {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.fadeInUp > div
{
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.fadeInUpSingle
{
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.fadeInUp > div:nth-child(1),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(1),
.fadeInRight .wpcf7-form-control-wrap:nth-child(1)
{
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.fadeInUp > div:nth-child(2),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(2),
.fadeInRight .wpcf7-form-control-wrap:nth-child(2)
{
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.fadeInUp > div:nth-child(3),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(3),
.fadeInRight .wpcf7-form-control-wrap:nth-child(3)
{
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.fadeInUp > div:nth-child(4),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(4),
.fadeInRight .wpcf7-form-control-wrap:nth-child(4)
{
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.fadeInUp > div:nth-child(5),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(5),
.fadeInRight .wpcf7-form-control-wrap:nth-child(5)
{
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.fadeInUp > div:nth-child(6),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(6),
.fadeInRight .wpcf7-form-control-wrap:nth-child(6)
{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.fadeInUp > div:nth-child(7),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(7),
.fadeInRight .wpcf7-form-control-wrap:nth-child(7)
{
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.fadeInUp > div:nth-child(8),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(8),
.fadeInRight .wpcf7-form-control-wrap:nth-child(8)
{
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.fadeInUp > div:nth-child(9),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(9),
.fadeInRight .wpcf7-form-control-wrap:nth-child(9)
{
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.fadeInUp > div:nth-child(10),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(10),
.fadeInRight .wpcf7-form-control-wrap:nth-child(10)
{
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.fadeInUp > div:nth-child(11),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(11),
.fadeInRight .wpcf7-form-control-wrap:nth-child(11)
{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.fadeInUp > div:nth-child(12),
.fadeInLeft .wpcf7-form-control-wrap:nth-child(12),
.fadeInRight .wpcf7-form-control-wrap:nth-child(12)
{
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.img-our-animated:nth-child(1)
{
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.img-our-animated:nth-child(2)
{
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.img-our-animated:nth-child(3)
{
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.img-our-animated:nth-child(4)
{
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.img-our-animated:nth-child(5)
{
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
  }
  
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
  }
  
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
  }
  
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
} 
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
} 
@-webkit-keyframes animationIdle1 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    -webkit-transform: translate3d(5%, 6%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
}
@keyframes animationIdle1 {
  from {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    transform: translate3d(5%, 6%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
}
@-webkit-keyframes animationIdle2 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    -webkit-transform: translate3d(-3%, 6%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
}
@keyframes animationIdle2 {
  from {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    transform: translate3d(-3%, 6%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
}
@-webkit-keyframes animationIdle3 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    -webkit-transform: translate3d(3%, -6%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
}
@keyframes animationIdle3 {
  from {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    transform: translate3d(3%, -6%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
}
@-webkit-keyframes animationIdle4 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    -webkit-transform: translate3d(0%, 6%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
}
@keyframes animationIdle4 {
  from {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    transform: translate3d(0%, 6%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
}
@-webkit-keyframes animationIdle5 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    -webkit-transform: translate3d(6%, -5%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
}
@-webkit-keyframes animationIdle5 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    -webkit-transform: translate3d(6%, -5%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0%, 0%, 0);
  }
}
@keyframes animationIdle6 {
  from {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
  
  50% {
    opacity: 0.3;
    transform: translate3d(-6%, 0%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0%, 0%, 0);
  }
}
@-webkit-keyframes animationIdleScale {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); 
  }
}
@keyframes animationIdleScale {
  from {
    opacity: 1;
    transform: scale(1);
  }
  
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1); 
  }
}
@-webkit-keyframes animationIdleScaleSmall {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); 
  }
}
@keyframes animationIdleScaleSmall {
  from {
    opacity: 1;
    transform: scale(1);
  }
  
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1); 
  }
}
@-webkit-keyframes rotateRight {
  from {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotateRight {
  from {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateLeft {
  from {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes rotateLeft {
  from {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes animationIdle {
  from {
    opacity:1;
  }
  50% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}
@keyframes animationIdle {
  from {
    opacity:1;
  }
  50% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}
#slide-34-layer-39 {
    opacity: 0;
    transition:all ease-in-out 0.5s;
}
.animation-idle-scale-small img, .animation-idle-scale-small-img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdleScaleSmall 5s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdleScaleSmall 5s infinite;
    animation-delay: 0s;
}
.animation-idle-scale img, .animation-idle-scale-img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdleScale 5s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdleScale 5s infinite;
    animation-delay: 0s;
}
.animation-idle-scale-1 img, .animation-idle-scale-img-1 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdleScale 5s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdleScale 5s infinite;
    animation-delay: 0s;
}
.animation-idle-scale-2 img, .animation-idle-scale-img-2 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdleScale 3s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdleScale 3s infinite;
    animation-delay: 0s;
}
.animation-idle-scale-3 img, .animation-idle-scale-img-3 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdleScale 2s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdleScale 2s infinite;
    animation-delay: 0s;
}
.animation-idle-scale-4 img, .animation-idle-scale-img-4 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdleScale 1s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdleScale 1s infinite;
    animation-delay: 0s;
}
.animation-idle-1-fade img, .animation-idle-1-img-fade {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle 5s infinite;
    -webkit-animation-delay: 1s;
    animation-fill-mode: both;
    animation: animationIdle 5s infinite;
    animation-delay: 1s;
}
.animation-idle-2-fade img, .animation-idle-2-img-fade {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle 5s infinite;
    -webkit-animation-delay: 2s;
    animation-fill-mode: both;
    animation: animationIdle 5s infinite;
    animation-delay: 2s;
}
.animation-idle-3-fade img, .animation-idle-3-img-fade {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle 5s infinite;
    -webkit-animation-delay: 3s;
    animation-fill-mode: both;
    animation: animationIdle 5s infinite;
    animation-delay: 3s;
}
.animation-idle-4-fade img, .animation-idle-4-img-fade {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle 5s infinite;
    -webkit-animation-delay: 4s;
    animation-fill-mode: both;
    animation: animationIdle 5s infinite;
    animation-delay: 4s;
}
.animation-idle-1 img, .animation-idle-1-img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle1 5s infinite;
    -webkit-animation-delay: 2s;
    animation-fill-mode: both;
    animation: animationIdle1 5s infinite;
    animation-delay: 2s;
}
.animation-idle-2 img, .animation-idle-2-img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle2 5s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdle2 5s infinite;
    animation-delay: 0s;
}
.animation-idle-3 img, .animation-idle-3-img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle3 5s infinite;
    -webkit-animation-delay: 2s;
    animation-fill-mode: both;
    animation: animationIdle3 5s infinite;
    animation-delay: 2s;
}
.animation-idle-4 img, .animation-idle-4-img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle4 5s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdle4 5s infinite;
    animation-delay: 0s;
}
.animation-idle-5 img, .animation-idle-5-img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle5 5s infinite;
    -webkit-animation-delay: 2s;
    animation-fill-mode: both;
    animation: animationIdle5 5s infinite;
    animation-delay: 2s;
}
.animation-idle-6 img, .animation-idle-6-img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle6 5s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdle6 5s infinite;
    animation-delay: 0s;
}
.animation-idle img, .animation-idle img {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: animationIdle 5s infinite;
    -webkit-animation-delay: 0s;
    animation-fill-mode: both;
    animation: animationIdle 5s infinite;
    animation-delay: 0s;
}
.rotate-left {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: rotateLeft;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation-name: rotateLeft;
    animation-timing-function: linear;
}
.rotate-left-1 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateLeft 25s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateLeft 25s infinite;
    animation-timing-function: linear;
}
.rotate-left-2 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateLeft 20s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateLeft 20s infinite;
    animation-timing-function: linear;
}
.rotate-left-3 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateLeft 15s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateLeft 15s infinite;
    animation-timing-function: linear;
}
.rotate-left-4 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateLeft 10s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateLeft 10s infinite;
    animation-timing-function: linear;
}
.rotate-left-5 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateLeft 5s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateLeft 5s infinite;
    animation-timing-function: linear;
}
.rotate-right {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: rotateRight;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation-name: rotateRight;
    animation-timing-function: linear;
}
.rotate-right-1 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateRight 25s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateRight 25s infinite;
    animation-timing-function: linear;
}
.rotate-right-2 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateRight 20s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateRight 20s infinite;
    animation-timing-function: linear;
}
.rotate-right-3 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateRight 15s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateRight 15s infinite;
    animation-timing-function: linear;
}
.rotate-right-4 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateRight 10s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateRight 10s infinite;
    animation-timing-function: linear;
}
.rotate-right-5 {
    position:relative;
    -webkit-animation-fill-mode: both;
    -webkit-animation: rotateRight 5s infinite;
    -webkit-animation-timing-function: linear;
    animation-fill-mode: both;
    animation: rotateRight 5s infinite;
    animation-timing-function: linear;
}
.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.duration-05 {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.duration-1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.duration-15 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.duration-2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.duration-3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.duration-4 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}
.duration-5 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.duration-6 {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}
.duration-7 {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
}
.duration-8 {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
}
.duration-9 {
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
}
.duration-10 {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.duration-11 {
    -webkit-animation-duration: 11s;
    animation-duration: 11s;
}
.duration-12 {
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
}
.duration-24 {
    -webkit-animation-duration: 24s;
    animation-duration: 24s;
}
.duration-48 {
    -webkit-animation-duration: 48s;
    animation-duration: 48s;
}
.duration-96 {
    -webkit-animation-duration: 96s;
    animation-duration: 96s;
}
.delay-0 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.delay-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-15 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.delay-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.delay-25 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.delay-3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.delay-35 {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}
.delay-4 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.delay-45 {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}
.delay-5 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.delay-55 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
.delay-6 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.delay-6 {
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
}
.delay-7 {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}
.delay-7 {
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
}
.delay-8 {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}
.delay-85 {
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s;
}
.delay-9 {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}
.delay-95 {
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s;
}
.delay-10 {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}
.delay-01 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.delay-02 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay-03 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.delay-04 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.delay-05 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-06 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.delay-07 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.delay-08 {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.delay-09 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.scale-0 {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.scale-01 {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
}
.scale-02 {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
}
.scale-03 {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
}
.scale-04 {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
}
.scale-05 {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.scale-06 {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}
.scale-07 {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}
.scale-08 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.scale-09 {
    -webkit-transform: scale(0.9);
   transform: scale(0.9);
}





.animation-idle-scale-small img, .animation-idle-scale-small-img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdleScaleSmall 5s infinite;
    animation-delay: 0s;
}
.animation-idle-scale img, .animation-idle-scale-img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdleScale 5s infinite;
    animation-delay: 0s;
}
.animation-idle-scale-1 img, .animation-idle-scale-img-1 {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdleScale 5s infinite;
    animation-delay: 0s;
}
.animation-idle-scale-2 img, .animation-idle-scale-img-2 {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdleScale 3s infinite;
    animation-delay: 0s;
}
.animation-idle-scale-3 img, .animation-idle-scale-img-3 {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdleScale 2s infinite;
    animation-delay: 0s;
}
.animation-idle-scale-4 img, .animation-idle-scale-img-4 {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdleScale 1s infinite;
    animation-delay: 0s;
}
.animation-idle-1 img, .animation-idle-1-img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdle1 5s infinite;
    animation-delay: 2s;
}
.animation-idle-2 img, .animation-idle-2-img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdle2 5s infinite;
    animation-delay: 0s;
}
.animation-idle-3 img, .animation-idle-3-img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdle3 5s infinite;
    animation-delay: 2s;
}
.animation-idle-4 img, .animation-idle-4-img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdle4 5s infinite;
    animation-delay: 0s;
}
.animation-idle-5 img, .animation-idle-5-img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdle5 5s infinite;
    animation-delay: 2s;
}
.animation-idle-6 img, .animation-idle-6-img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdle6 5s infinite;
    animation-delay: 0s;
}
.animation-idle img, .animation-idle img {
    position:relative;
    animation-fill-mode: both;
    animation: animationIdle 5s infinite;
    animation-delay: 0s;
}
.rotate-left {
    position:relative;
    animation-fill-mode: both;
    animation-name: rotateLeft;
    animation-timing-function: linear;
}
.rotate-left-1 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateLeft 25s infinite;
    animation-timing-function: linear;
}
.rotate-left-2 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateLeft 20s infinite;
    animation-timing-function: linear;
}
.rotate-left-3 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateLeft 15s infinite;
    animation-timing-function: linear;
}
.rotate-left-4 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateLeft 10s infinite;
    animation-timing-function: linear;
}
.rotate-left-5 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateLeft 5s infinite;
    animation-timing-function: linear;
}
.rotate-right {
    position:relative;
    animation-fill-mode: both;
    animation-name: rotateRight;
    animation-timing-function: linear;
}
.rotate-right-1 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateRight 25s infinite;
    animation-timing-function: linear;
}
.rotate-right-2 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateRight 20s infinite;
    animation-timing-function: linear;
}
.rotate-right-3 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateRight 15s infinite;
    animation-timing-function: linear;
}
.rotate-right-4 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateRight 10s infinite;
    animation-timing-function: linear;
}
.rotate-right-5 {
    position:relative;
    animation-fill-mode: both;
    animation: rotateRight 5s infinite;
    animation-timing-function: linear;
}
.infinite {
    animation-iteration-count: infinite;
}
.duration-05 {
    animation-duration: 0.5s;
}
.duration-1 {
    animation-duration: 1s;
}
.duration-15 {
    animation-duration: 1.5s;
}
.duration-2 {
    animation-duration: 2s;
}
.duration-3 {
    animation-duration: 3s;
}
.duration-4 {
    animation-duration: 4s;
}
.duration-5 {
    animation-duration: 5s;
}
.duration-6 {
    animation-duration: 6s;
}
.duration-7 {
    animation-duration: 7s;
}
.duration-8 {
    animation-duration: 8s;
}
.duration-9 {
    animation-duration: 9s;
}
.duration-10 {
    animation-duration: 10s;
}
.duration-11 {
    animation-duration: 11s;
}
.duration-12 {
    animation-duration: 12s;
}
.duration-24 {
    animation-duration: 24s;
}
.duration-48 {
    animation-duration: 48s;
}
.duration-96 {
    animation-duration: 96s;
}
.delay-0 {
    animation-delay: 0s;
}
.delay-1 {
    animation-delay: 1s;
}
.delay-15 {
    animation-delay: 1.5s;
}
.delay-2 {
    animation-delay: 2s;
}
.delay-25 {
    animation-delay: 2.5s;
}
.delay-3 {
    animation-delay: 3s;
}
.delay-35 {
    animation-delay: 3.5s;
}
.delay-4 {
    animation-delay: 4s;
}
.delay-45 {
    animation-delay: 4.5s;
}
.delay-5 {
    animation-delay: 5s;
}
.delay-55 {
    animation-delay: 2.5s;
}
.delay-6 {
    animation-delay: 6s;
}
.delay-6 {
    animation-delay: 6.5s;
}
.delay-7 {
    animation-delay: 7s;
}
.delay-7 {
    animation-delay: 7.5s;
}
.delay-8 {
    animation-delay: 8s;
}
.delay-85 {
    animation-delay: 8.5s;
}
.delay-9 {
    animation-delay: 9s;
}
.delay-95 {
    animation-delay: 9.5s;
}
.delay-10 {
    animation-delay: 10s;
}
.delay-01 {
    animation-delay: 0.1s;
}
.delay-02 {
    animation-delay: 0.2s;
}
.delay-03 {
    animation-delay: 0.3s;
}
.delay-04 {
    animation-delay: 0.4s;
}
.delay-05 {
    animation-delay: 0.5s;
}
.delay-06 {
    animation-delay: 0.6s;
}
.delay-07 {
    animation-delay: 0.7s;
}
.delay-08 {
    animation-delay: 0.8s;
}
.delay-09 {
    animation-delay: 0.9s;
}
.scale-0 {
    transform: scale(0);
}
.scale-01 {
    transform: scale(0.1);
}
.scale-02 {
    transform: scale(0.2);
}
.scale-03 {
    transform: scale(0.3);
}
.scale-04 {
    transform: scale(0.4);
}
.scale-05 {
    transform: scale(0.5);
}
.scale-06 {
    transform: scale(0.6);
}
.scale-07 {
    transform: scale(0.7);
}
.scale-08 {
    transform: scale(0.8);
}
.scale-09 {
    transform: scale(0.9);
}
.image-animated {
    opacity:0;
    position:relative;
}
.image-animated p, .image-animated br {
    display:none;
}
.image-animated img:nth-child(1n+2) {
    position:absolute!important;
}
@-webkit-keyframes graphBg {
  from {
    -webkit-transform: translate3d(0%, 0%,0);
  }
  20% {
    -webkit-transform: translate3d(20%, 0%,0);
  }
  40% {
    -webkit-transform: translate3d(39%, 0%,0);
  }
  60% {
    -webkit-transform: translate3d(58%, 0%,0);
  }
  80% {
    -webkit-transform: translate3d(77%, 0%,0);
  }
  to {
    -webkit-transform: translate3d(96%, 0%,0);
  }
}
@keyframes graphBg {
  from {
    transform: translate3d(0%, 0%,0);
  }
  20% {
    transform: translate3d(20%, 0%,0);
  }
  40% {
    transform: translate3d(39%, 0%,0);
  }
  60% {
    transform: translate3d(58%, 0%,0);
  }
  80% {
    transform: translate3d(77%, 0%,0);
  }
  to {
    transform: translate3d(96%, 0%,0);
  }
}
@-webkit-keyframes graphIcon {
  from {
    -webkit-transform: translate3d(0%, 0%,0);
  }
  20% {
    -webkit-transform: translate3d(210%, -220%,0);
  }
  40% {
    -webkit-transform: translate3d(420%, -160%,0);
  }
  60% {
    -webkit-transform: translate3d(630%, -440%,0);
  }
  80% {
    -webkit-transform: translate3d(840%, -300%,0);
  }
  to {
    -webkit-transform: translate3d(1000%, -420%,0);
  }
}
@keyframes graphIcon {
  from {
    transform: translate3d(0%, 0%,0);
  }
  20% {
    transform: translate3d(210%, -220%,0);
  }
  40% {
    transform: translate3d(420%, -160%,0);
  }
  60% {
    transform: translate3d(630%, -440%,0);
  }
  80% {
    transform: translate3d(840%, -300%,0);
  }
  to {
    transform: translate3d(1000%, -420%,0);
  }
}
.fadeInRightSingle .image-animated {
    opacity:1!important;
}
.fadeInRightSingle .graph-001 .graph-bg {
    position:relative;
    -webkit-animation: graphBg 2s ease-in-out forwards;
    -webkit-animation-delay: 1s;
    animation: graphBg 2s ease-in-out forwards;
    animation-delay: 1s;
/*    transform: translate3d(96%, 0%,0);*/
    
}
.fadeInRightSingle .graph-001 .graph-icon {
    position:relative;
    -webkit-animation: graphIcon 2s ease-in-out forwards;
    -webkit-animation-delay: 1s;
    animation: graphIcon 2s ease-in-out forwards;
    animation-delay: 1s;
/*    transform: translate3d(1000%, -420%,0);*/
}
.effect {
  height: 100%;
  position: relative;
  width: 1200px;
  height: 1200px;
  top: 0%;
  left: 0%;
  transform: translate(-50%, -50%);
}
.cell {
  position: absolute;
  z-index: 100;
  height: 60px;
  width: 60px;
}
.cell:nth-child(1):hover ~ .spot {
  transform: translate3d(0px, 0px, 0);
}
.cell:nth-child(2):hover ~ .spot {
  transform: translate3d(60px, 0px, 0);
}
.cell:nth-child(3):hover ~ .spot {
  transform: translate3d(120px, 0px, 0);
}
.cell:nth-child(4):hover ~ .spot {
  transform: translate3d(180px, 0px, 0);
}
.cell:nth-child(5):hover ~ .spot {
  transform: translate3d(240px, 0px, 0);
}
.cell:nth-child(6):hover ~ .spot {
  transform: translate3d(300px, 0px, 0);
}
.cell:nth-child(7):hover ~ .spot {
  transform: translate3d(360px, 0px, 0);
}
.cell:nth-child(8):hover ~ .spot {
  transform: translate3d(420px, 0px, 0);
}
.cell:nth-child(9):hover ~ .spot {
  transform: translate3d(480px, 0px, 0);
}
.cell:nth-child(10):hover ~ .spot {
  transform: translate3d(540px, 0px, 0);
}
.cell:nth-child(11):hover ~ .spot {
  transform: translate3d(600px, 0px, 0);
}
.cell:nth-child(12):hover ~ .spot {
  transform: translate3d(660px, 0px, 0);
}
.cell:nth-child(13):hover ~ .spot {
  transform: translate3d(720px, 0px, 0);
}
.cell:nth-child(14):hover ~ .spot {
  transform: translate3d(780px, 0px, 0);
}
.cell:nth-child(15):hover ~ .spot {
  transform: translate3d(840px, 0px, 0);
}
.cell:nth-child(16):hover ~ .spot {
  transform: translate3d(900px, 0px, 0);
}
.cell:nth-child(17):hover ~ .spot {
  transform: translate3d(960px, 0px, 0);
}
.cell:nth-child(18):hover ~ .spot {
  transform: translate3d(1020px, 0px, 0);
}
.cell:nth-child(19):hover ~ .spot {
  transform: translate3d(1080px, 0px, 0);
}
.cell:nth-child(20):hover ~ .spot {
  transform: translate3d(1140px, 0px, 0);
}
.cell:nth-child(21):hover ~ .spot {
  transform: translate3d(0px, 60px, 0);
}
.cell:nth-child(22):hover ~ .spot {
  transform: translate3d(60px, 60px, 0);
}
.cell:nth-child(23):hover ~ .spot {
  transform: translate3d(120px, 60px, 0);
}
.cell:nth-child(24):hover ~ .spot {
  transform: translate3d(180px, 60px, 0);
}
.cell:nth-child(25):hover ~ .spot {
  transform: translate3d(240px, 60px, 0);
}
.cell:nth-child(26):hover ~ .spot {
  transform: translate3d(300px, 60px, 0);
}
.cell:nth-child(27):hover ~ .spot {
  transform: translate3d(360px, 60px, 0);
}
.cell:nth-child(28):hover ~ .spot {
  transform: translate3d(420px, 60px, 0);
}
.cell:nth-child(29):hover ~ .spot {
  transform: translate3d(480px, 60px, 0);
}
.cell:nth-child(30):hover ~ .spot {
  transform: translate3d(540px, 60px, 0);
}
.cell:nth-child(31):hover ~ .spot {
  transform: translate3d(600px, 60px, 0);
}
.cell:nth-child(32):hover ~ .spot {
  transform: translate3d(660px, 60px, 0);
}
.cell:nth-child(33):hover ~ .spot {
  transform: translate3d(720px, 60px, 0);
}
.cell:nth-child(34):hover ~ .spot {
  transform: translate3d(780px, 60px, 0);
}
.cell:nth-child(35):hover ~ .spot {
  transform: translate3d(840px, 60px, 0);
}
.cell:nth-child(36):hover ~ .spot {
  transform: translate3d(900px, 60px, 0);
}
.cell:nth-child(37):hover ~ .spot {
  transform: translate3d(960px, 60px, 0);
}
.cell:nth-child(38):hover ~ .spot {
  transform: translate3d(1020px, 60px, 0);
}
.cell:nth-child(39):hover ~ .spot {
  transform: translate3d(1080px, 60px, 0);
}
.cell:nth-child(40):hover ~ .spot {
  transform: translate3d(1140px, 60px, 0);
}
.cell:nth-child(41):hover ~ .spot {
  transform: translate3d(0px, 120px, 0);
}
.cell:nth-child(42):hover ~ .spot {
  transform: translate3d(60px, 120px, 0);
}
.cell:nth-child(43):hover ~ .spot {
  transform: translate3d(120px, 120px, 0);
}
.cell:nth-child(44):hover ~ .spot {
  transform: translate3d(180px, 120px, 0);
}
.cell:nth-child(45):hover ~ .spot {
  transform: translate3d(240px, 120px, 0);
}
.cell:nth-child(46):hover ~ .spot {
  transform: translate3d(300px, 120px, 0);
}
.cell:nth-child(47):hover ~ .spot {
  transform: translate3d(360px, 120px, 0);
}
.cell:nth-child(48):hover ~ .spot {
  transform: translate3d(420px, 120px, 0);
}
.cell:nth-child(49):hover ~ .spot {
  transform: translate3d(480px, 120px, 0);
}
.cell:nth-child(50):hover ~ .spot {
  transform: translate3d(540px, 120px, 0);
}
.cell:nth-child(51):hover ~ .spot {
  transform: translate3d(600px, 120px, 0);
}
.cell:nth-child(52):hover ~ .spot {
  transform: translate3d(660px, 120px, 0);
}
.cell:nth-child(53):hover ~ .spot {
  transform: translate3d(720px, 120px, 0);
}
.cell:nth-child(54):hover ~ .spot {
  transform: translate3d(780px, 120px, 0);
}
.cell:nth-child(55):hover ~ .spot {
  transform: translate3d(840px, 120px, 0);
}
.cell:nth-child(56):hover ~ .spot {
  transform: translate3d(900px, 120px, 0);
}
.cell:nth-child(57):hover ~ .spot {
  transform: translate3d(960px, 120px, 0);
}
.cell:nth-child(58):hover ~ .spot {
  transform: translate3d(1020px, 120px, 0);
}
.cell:nth-child(59):hover ~ .spot {
  transform: translate3d(1080px, 120px, 0);
}
.cell:nth-child(60):hover ~ .spot {
  transform: translate3d(1140px, 120px, 0);
}
.cell:nth-child(61):hover ~ .spot {
  transform: translate3d(0px, 180px, 0);
}
.cell:nth-child(62):hover ~ .spot {
  transform: translate3d(60px, 180px, 0);
}
.cell:nth-child(63):hover ~ .spot {
  transform: translate3d(120px, 180px, 0);
}
.cell:nth-child(64):hover ~ .spot {
  transform: translate3d(180px, 180px, 0);
}
.cell:nth-child(65):hover ~ .spot {
  transform: translate3d(240px, 180px, 0);
}
.cell:nth-child(66):hover ~ .spot {
  transform: translate3d(300px, 180px, 0);
}
.cell:nth-child(67):hover ~ .spot {
  transform: translate3d(360px, 180px, 0);
}
.cell:nth-child(68):hover ~ .spot {
  transform: translate3d(420px, 180px, 0);
}
.cell:nth-child(69):hover ~ .spot {
  transform: translate3d(480px, 180px, 0);
}
.cell:nth-child(70):hover ~ .spot {
  transform: translate3d(540px, 180px, 0);
}
.cell:nth-child(71):hover ~ .spot {
  transform: translate3d(600px, 180px, 0);
}
.cell:nth-child(72):hover ~ .spot {
  transform: translate3d(660px, 180px, 0);
}
.cell:nth-child(73):hover ~ .spot {
  transform: translate3d(720px, 180px, 0);
}
.cell:nth-child(74):hover ~ .spot {
  transform: translate3d(780px, 180px, 0);
}
.cell:nth-child(75):hover ~ .spot {
  transform: translate3d(840px, 180px, 0);
}
.cell:nth-child(76):hover ~ .spot {
  transform: translate3d(900px, 180px, 0);
}
.cell:nth-child(77):hover ~ .spot {
  transform: translate3d(960px, 180px, 0);
}
.cell:nth-child(78):hover ~ .spot {
  transform: translate3d(1020px, 180px, 0);
}
.cell:nth-child(79):hover ~ .spot {
  transform: translate3d(1080px, 180px, 0);
}
.cell:nth-child(80):hover ~ .spot {
  transform: translate3d(1140px, 180px, 0);
}
.cell:nth-child(81):hover ~ .spot {
  transform: translate3d(0px, 240px, 0);
}
.cell:nth-child(82):hover ~ .spot {
  transform: translate3d(60px, 240px, 0);
}
.cell:nth-child(83):hover ~ .spot {
  transform: translate3d(120px, 240px, 0);
}
.cell:nth-child(84):hover ~ .spot {
  transform: translate3d(180px, 240px, 0);
}
.cell:nth-child(85):hover ~ .spot {
  transform: translate3d(240px, 240px, 0);
}
.cell:nth-child(86):hover ~ .spot {
  transform: translate3d(300px, 240px, 0);
}
.cell:nth-child(87):hover ~ .spot {
  transform: translate3d(360px, 240px, 0);
}
.cell:nth-child(88):hover ~ .spot {
  transform: translate3d(420px, 240px, 0);
}
.cell:nth-child(89):hover ~ .spot {
  transform: translate3d(480px, 240px, 0);
}
.cell:nth-child(90):hover ~ .spot {
  transform: translate3d(540px, 240px, 0);
}
.cell:nth-child(91):hover ~ .spot {
  transform: translate3d(600px, 240px, 0);
}
.cell:nth-child(92):hover ~ .spot {
  transform: translate3d(660px, 240px, 0);
}
.cell:nth-child(93):hover ~ .spot {
  transform: translate3d(720px, 240px, 0);
}
.cell:nth-child(94):hover ~ .spot {
  transform: translate3d(780px, 240px, 0);
}
.cell:nth-child(95):hover ~ .spot {
  transform: translate3d(840px, 240px, 0);
}
.cell:nth-child(96):hover ~ .spot {
  transform: translate3d(900px, 240px, 0);
}
.cell:nth-child(97):hover ~ .spot {
  transform: translate3d(960px, 240px, 0);
}
.cell:nth-child(98):hover ~ .spot {
  transform: translate3d(1020px, 240px, 0);
}
.cell:nth-child(99):hover ~ .spot {
  transform: translate3d(1080px, 240px, 0);
}
.cell:nth-child(100):hover ~ .spot {
  transform: translate3d(1140px, 240px, 0);
}
.spot {
  width: 60px;
  height: 60px;
  /* transition: .8s ease-out; */
  transform: translate3d(570px, 570px, 0);
  position: absolute;
  z-index: 0;
}
.c {
  background: red;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  border-radius: 50%;
}
.c:nth-child(1) {
  width: 28px;
  height: 28px;
  animation: anim1 10s infinite;
  animation-delay: -0.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim1 {
  0% {
    transform: translate3d(-122.81477px, 90.5177px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-66.03418px, 33.15457px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-4.15152px, 156.43679px, 0);
    opacity: 0;
  }
}
.c:nth-child(2) {
  width: 14px;
  height: 14px;
  animation: anim2 10s infinite;
  animation-delay: -0.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim2 {
  0% {
    transform: translate3d(-138.21421px, -64.46748px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(104.1257px, 97.43843px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-89.0919px, 60.27354px, 0);
    opacity: 0;
  }
}
.c:nth-child(3) {
  width: 10px;
  height: 10px;
  animation: anim3 10s infinite;
  animation-delay: -0.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim3 {
  0% {
    transform: translate3d(-97.07438px, -187.22266px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(67.48288px, 36.1387px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-7.68881px, 4.29075px, 0);
    opacity: 0;
  }
}
.c:nth-child(4) {
  width: 4px;
  height: 4px;
  animation: anim4 10s infinite;
  animation-delay: -0.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim4 {
  0% {
    transform: translate3d(-36.50209px, 253.59394px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-30.92616px, 1.05926px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-78.10537px, 253.7414px, 0);
    opacity: 0;
  }
}
.c:nth-child(5) {
  width: 6px;
  height: 6px;
  animation: anim5 10s infinite;
  animation-delay: -0.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim5 {
  0% {
    transform: translate3d(-92.63061px, 75.41036px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-72.5055px, 208.3056px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-113.94308px, 99.33423px, 0);
    opacity: 0;
  }
}
.c:nth-child(6) {
  width: 26px;
  height: 26px;
  animation: anim6 10s infinite;
  animation-delay: -1s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim6 {
  0% {
    transform: translate3d(-0.36987px, 13.99066px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(6.47909px, -86.26692px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-178.16307px, -90.12677px, 0);
    opacity: 0;
  }
}
.c:nth-child(7) {
  width: 22px;
  height: 22px;
  animation: anim7 10s infinite;
  animation-delay: -1.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim7 {
  0% {
    transform: translate3d(164.29134px, 2.59674px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(3.34204px, -91.9865px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(76.91782px, 1.87022px, 0);
    opacity: 0;
  }
}
.c:nth-child(8) {
  width: 24px;
  height: 24px;
  animation: anim8 10s infinite;
  animation-delay: -1.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim8 {
  0% {
    transform: translate3d(-13.14306px, 129.15391px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(185.53513px, 74.75194px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-151.36231px, 158.0463px, 0);
    opacity: 0;
  }
}
.c:nth-child(9) {
  width: 22px;
  height: 22px;
  animation: anim9 10s infinite;
  animation-delay: -1.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim9 {
  0% {
    transform: translate3d(-150.47613px, -9.253px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(173.83791px, -87.2729px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-109.66382px, -206.29704px, 0);
    opacity: 0;
  }
}
.c:nth-child(10) {
  width: 4px;
  height: 4px;
  animation: anim10 10s infinite;
  animation-delay: -1.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim10 {
  0% {
    transform: translate3d(-10.30202px, -1.12164px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-3.38699px, 33.09028px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(104.97962px, 0.80364px, 0);
    opacity: 0;
  }
}
.c:nth-child(11) {
  width: 16px;
  height: 16px;
  animation: anim11 10s infinite;
  animation-delay: -1.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim11 {
  0% {
    transform: translate3d(-81.67124px, 19.70401px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(77.22325px, 198.79101px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-40.13566px, -29.71576px, 0);
    opacity: 0;
  }
}
.c:nth-child(12) {
  width: 18px;
  height: 18px;
  animation: anim12 10s infinite;
  animation-delay: -2s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim12 {
  0% {
    transform: translate3d(-47.336px, -124.45393px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(2.10653px, 70.12131px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-21.82494px, -119.24585px, 0);
    opacity: 0;
  }
}
.c:nth-child(13) {
  width: 22px;
  height: 22px;
  animation: anim13 10s infinite;
  animation-delay: -2.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim13 {
  0% {
    transform: translate3d(206.1157px, -33.83303px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-113.25704px, 22.10496px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-13.28895px, -15.29811px, 0);
    opacity: 0;
  }
}
.c:nth-child(14) {
  width: 30px;
  height: 30px;
  animation: anim14 10s infinite;
  animation-delay: -2.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim14 {
  0% {
    transform: translate3d(-7.7784px, 134.41057px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-49.28891px, 164.19704px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(154.4878px, -41.3782px, 0);
    opacity: 0;
  }
}
.c:nth-child(15) {
  width: 14px;
  height: 14px;
  animation: anim15 10s infinite;
  animation-delay: -2.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim15 {
  0% {
    transform: translate3d(-5.56942px, 73.09512px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(89.21284px, 37.51122px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(11.00085px, 105.24847px, 0);
    opacity: 0;
  }
}
.c:nth-child(16) {
  width: 6px;
  height: 6px;
  animation: anim16 10s infinite;
  animation-delay: -2.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim16 {
  0% {
    transform: translate3d(8.81668px, 35.54655px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-7.80415px, 32.78909px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(74.5271px, -62.19257px, 0);
    opacity: 0;
  }
}
.c:nth-child(17) {
  width: 20px;
  height: 20px;
  animation: anim17 10s infinite;
  animation-delay: -2.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim17 {
  0% {
    transform: translate3d(-30.15352px, 39.55546px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(47.31727px, -132.23971px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-227.25181px, -46.24966px, 0);
    opacity: 0;
  }
}
.c:nth-child(18) {
  width: 4px;
  height: 4px;
  animation: anim18 10s infinite;
  animation-delay: -3s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim18 {
  0% {
    transform: translate3d(-109.86329px, -6.78207px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-75.83992px, 47.64378px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-42.20253px, -101.25161px, 0);
    opacity: 0;
  }
}
.c:nth-child(19) {
  width: 12px;
  height: 12px;
  animation: anim19 10s infinite;
  animation-delay: -3.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim19 {
  0% {
    transform: translate3d(-29.42117px, -57.06205px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-53.56581px, -65.67875px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(39.47161px, -161.74675px, 0);
    opacity: 0;
  }
}
.c:nth-child(20) {
  width: 10px;
  height: 10px;
  animation: anim20 10s infinite;
  animation-delay: -3.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim20 {
  0% {
    transform: translate3d(201.21812px, -30.25672px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-52.64072px, -25.11227px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-80.26165px, 72.14627px, 0);
    opacity: 0;
  }
}
.c:nth-child(21) {
  width: 6px;
  height: 6px;
  animation: anim21 10s infinite;
  animation-delay: -3.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim21 {
  0% {
    transform: translate3d(50.66246px, -17.74676px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-36.13589px, 194.50171px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(7.29671px, 41.7484px, 0);
    opacity: 0;
  }
}
.c:nth-child(22) {
  width: 4px;
  height: 4px;
  animation: anim22 10s infinite;
  animation-delay: -3.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim22 {
  0% {
    transform: translate3d(-138.36063px, 174.87001px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-132.61637px, -80.40879px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(4.94568px, 174.23969px, 0);
    opacity: 0;
  }
}
.c:nth-child(23) {
  width: 12px;
  height: 12px;
  animation: anim23 10s infinite;
  animation-delay: -3.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim23 {
  0% {
    transform: translate3d(56.51186px, 7.12487px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(129.45783px, 140.66983px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(55.0602px, 114.64209px, 0);
    opacity: 0;
  }
}
.c:nth-child(24) {
  width: 18px;
  height: 18px;
  animation: anim24 10s infinite;
  animation-delay: -4s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim24 {
  0% {
    transform: translate3d(37.62907px, -6.23857px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-98.65453px, -18.72483px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(11.00633px, -56.32471px, 0);
    opacity: 0;
  }
}
.c:nth-child(25) {
  width: 2px;
  height: 2px;
  animation: anim25 10s infinite;
  animation-delay: -4.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim25 {
  0% {
    transform: translate3d(50.56248px, 9.72589px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(42.33825px, 63.6858px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-204.43381px, 5.87105px, 0);
    opacity: 0;
  }
}
.c:nth-child(26) {
  width: 14px;
  height: 14px;
  animation: anim26 10s infinite;
  animation-delay: -4.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim26 {
  0% {
    transform: translate3d(47.29968px, -72.26506px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(182.52227px, -64.25873px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-7.99331px, -110.38283px, 0);
    opacity: 0;
  }
}
.c:nth-child(27) {
  width: 14px;
  height: 14px;
  animation: anim27 10s infinite;
  animation-delay: -4.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim27 {
  0% {
    transform: translate3d(-6.45543px, -19.50676px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(1.50691px, -237.68296px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-94.18716px, -33.88717px, 0);
    opacity: 0;
  }
}
.c:nth-child(28) {
  width: 16px;
  height: 16px;
  animation: anim28 10s infinite;
  animation-delay: -4.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim28 {
  0% {
    transform: translate3d(211.72267px, 46.9282px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-73.56538px, 21.4892px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(191.37864px, 121.18567px, 0);
    opacity: 0;
  }
}
.c:nth-child(29) {
  width: 16px;
  height: 16px;
  animation: anim29 10s infinite;
  animation-delay: -4.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim29 {
  0% {
    transform: translate3d(-176.30293px, 14.5679px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(36.04311px, 19.25297px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-23.25775px, 66.63522px, 0);
    opacity: 0;
  }
}
.c:nth-child(30) {
  width: 10px;
  height: 10px;
  animation: anim30 10s infinite;
  animation-delay: -5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim30 {
  0% {
    transform: translate3d(-83.34291px, 1.39401px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-48.88032px, 2.54331px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(119.87906px, 36.87056px, 0);
    opacity: 0;
  }
}
.c:nth-child(31) {
  width: 14px;
  height: 14px;
  animation: anim31 10s infinite;
  animation-delay: -5.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim31 {
  0% {
    transform: translate3d(29.21103px, -181.13351px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(48.60886px, -185.10452px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(102.36244px, 140.51091px, 0);
    opacity: 0;
  }
}
.c:nth-child(32) {
  width: 10px;
  height: 10px;
  animation: anim32 10s infinite;
  animation-delay: -5.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim32 {
  0% {
    transform: translate3d(-232.8646px, -69.59004px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(113.56883px, 165.14516px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(1.43323px, -4.83875px, 0);
    opacity: 0;
  }
}
.c:nth-child(33) {
  width: 2px;
  height: 2px;
  animation: anim33 10s infinite;
  animation-delay: -5.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim33 {
  0% {
    transform: translate3d(20.67224px, -45.63015px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(10.45228px, 0.78179px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(262.38729px, -61.85583px, 0);
    opacity: 0;
  }
}
.c:nth-child(34) {
  width: 26px;
  height: 26px;
  animation: anim34 10s infinite;
  animation-delay: -5.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim34 {
  0% {
    transform: translate3d(-4.77987px, -40.43958px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(248.12536px, -206.53807px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(209.83987px, -27.51451px, 0);
    opacity: 0;
  }
}
.c:nth-child(35) {
  width: 30px;
  height: 30px;
  animation: anim35 10s infinite;
  animation-delay: -5.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim35 {
  0% {
    transform: translate3d(-178.27697px, 106.55474px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-123.04126px, -110.98838px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(121.15953px, 173.13349px, 0);
    opacity: 0;
  }
}
.c:nth-child(36) {
  width: 4px;
  height: 4px;
  animation: anim36 10s infinite;
  animation-delay: -6s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim36 {
  0% {
    transform: translate3d(116.78833px, 84.45766px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(106.68181px, -7.72927px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(82.03115px, 202.92355px, 0);
    opacity: 0;
  }
}
.c:nth-child(37) {
  width: 16px;
  height: 16px;
  animation: anim37 10s infinite;
  animation-delay: -6.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim37 {
  0% {
    transform: translate3d(-2.77163px, -9.37581px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-12.91228px, -42.77754px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-12.53283px, 33.45413px, 0);
    opacity: 0;
  }
}
.c:nth-child(38) {
  width: 24px;
  height: 24px;
  animation: anim38 10s infinite;
  animation-delay: -6.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim38 {
  0% {
    transform: translate3d(-79.11758px, -235.09843px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(38.22573px, 120.81103px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(159.5476px, -70.12434px, 0);
    opacity: 0;
  }
}
.c:nth-child(39) {
  width: 26px;
  height: 26px;
  animation: anim39 10s infinite;
  animation-delay: -6.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim39 {
  0% {
    transform: translate3d(71.62979px, -31.46697px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(12.0393px, -25.57669px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-99.33054px, 30.32373px, 0);
    opacity: 0;
  }
}
.c:nth-child(40) {
  width: 4px;
  height: 4px;
  animation: anim40 10s infinite;
  animation-delay: -6.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim40 {
  0% {
    transform: translate3d(-97.04111px, 8.80757px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(38.28108px, 163.00125px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(7.65585px, 261.50374px, 0);
    opacity: 0;
  }
}
.c:nth-child(41) {
  width: 18px;
  height: 18px;
  animation: anim41 10s infinite;
  animation-delay: -6.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim41 {
  0% {
    transform: translate3d(28.17558px, -7.30671px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(35.20845px, 27.08858px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(276.63783px, 229.62596px, 0);
    opacity: 0;
  }
}
.c:nth-child(42) {
  width: 28px;
  height: 28px;
  animation: anim42 10s infinite;
  animation-delay: -7s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim42 {
  0% {
    transform: translate3d(59.39386px, -97.28671px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-19.64403px, -287.79426px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(83.90869px, -105.21279px, 0);
    opacity: 0;
  }
}
.c:nth-child(43) {
  width: 20px;
  height: 20px;
  animation: anim43 10s infinite;
  animation-delay: -7.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim43 {
  0% {
    transform: translate3d(-108.65053px, 38.2848px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-133.23777px, 75.59297px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(2.84889px, 185.94764px, 0);
    opacity: 0;
  }
}
.c:nth-child(44) {
  width: 18px;
  height: 18px;
  animation: anim44 10s infinite;
  animation-delay: -7.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim44 {
  0% {
    transform: translate3d(-109.72529px, -111.45046px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(42.36129px, -40.45912px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(15.93798px, 130.37178px, 0);
    opacity: 0;
  }
}
.c:nth-child(45) {
  width: 4px;
  height: 4px;
  animation: anim45 10s infinite;
  animation-delay: -7.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim45 {
  0% {
    transform: translate3d(241.17853px, -216.18569px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(136.72129px, -2.41519px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(177.09147px, -30.22781px, 0);
    opacity: 0;
  }
}
.c:nth-child(46) {
  width: 18px;
  height: 18px;
  animation: anim46 10s infinite;
  animation-delay: -7.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim46 {
  0% {
    transform: translate3d(11.59154px, -165.18455px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-152.75169px, -28.14281px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(49.50903px, -9.19678px, 0);
    opacity: 0;
  }
}
.c:nth-child(47) {
  width: 26px;
  height: 26px;
  animation: anim47 10s infinite;
  animation-delay: -7.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim47 {
  0% {
    transform: translate3d(97.89006px, -156.99782px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(18.4822px, -59.13902px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-29.23422px, -64.85294px, 0);
    opacity: 0;
  }
}
.c:nth-child(48) {
  width: 12px;
  height: 12px;
  animation: anim48 10s infinite;
  animation-delay: -8s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim48 {
  0% {
    transform: translate3d(-0.72002px, -187.88133px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(92.7652px, 138.13492px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-65.15146px, -6.48287px, 0);
    opacity: 0;
  }
}
.c:nth-child(49) {
  width: 4px;
  height: 4px;
  animation: anim49 10s infinite;
  animation-delay: -8.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim49 {
  0% {
    transform: translate3d(-209.13293px, 46.7733px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-48.89327px, -47.32937px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-144.81785px, -40.17641px, 0);
    opacity: 0;
  }
}
.c:nth-child(50) {
  width: 4px;
  height: 4px;
  animation: anim50 10s infinite;
  animation-delay: -8.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim50 {
  0% {
    transform: translate3d(123.54297px, 172.91704px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(15.23756px, 91.32109px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-20.85152px, -23.55466px, 0);
    opacity: 0;
  }
}
.c:nth-child(51) {
  width: 12px;
  height: 12px;
  animation: anim51 10s infinite;
  animation-delay: -8.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim51 {
  0% {
    transform: translate3d(114.52271px, 21.49423px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-58.02377px, -70.85839px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(3.50758px, -92.46665px, 0);
    opacity: 0;
  }
}
.c:nth-child(52) {
  width: 14px;
  height: 14px;
  animation: anim52 10s infinite;
  animation-delay: -8.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim52 {
  0% {
    transform: translate3d(239.1199px, -89.29578px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-2.84608px, 12.99324px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(114.21245px, -41.98374px, 0);
    opacity: 0;
  }
}
.c:nth-child(53) {
  width: 6px;
  height: 6px;
  animation: anim53 10s infinite;
  animation-delay: -8.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim53 {
  0% {
    transform: translate3d(152.66307px, 69.06202px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-44.81471px, 21.84597px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(47.04139px, -177.57481px, 0);
    opacity: 0;
  }
}
.c:nth-child(54) {
  width: 6px;
  height: 6px;
  animation: anim54 10s infinite;
  animation-delay: -9s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim54 {
  0% {
    transform: translate3d(218.75705px, -86.02676px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-76.08407px, 61.35978px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(86.64213px, -5.74548px, 0);
    opacity: 0;
  }
}
.c:nth-child(55) {
  width: 22px;
  height: 22px;
  animation: anim55 10s infinite;
  animation-delay: -9.16667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim55 {
  0% {
    transform: translate3d(24.13616px, 0.50406px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-97.42697px, 106.70882px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-54.02556px, 97.28219px, 0);
    opacity: 0;
  }
}
.c:nth-child(56) {
  width: 30px;
  height: 30px;
  animation: anim56 10s infinite;
  animation-delay: -9.33333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim56 {
  0% {
    transform: translate3d(-16.71433px, 77.01438px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(122.89805px, -125.389px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-0.42228px, 241.41023px, 0);
    opacity: 0;
  }
}
.c:nth-child(57) {
  width: 12px;
  height: 12px;
  animation: anim57 10s infinite;
  animation-delay: -9.5s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim57 {
  0% {
    transform: translate3d(-105.64192px, 59.05694px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-17.96756px, -26.03451px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(10.00156px, 56.0334px, 0);
    opacity: 0;
  }
}
.c:nth-child(58) {
  width: 18px;
  height: 18px;
  animation: anim58 10s infinite;
  animation-delay: -9.66667s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim58 {
  0% {
    transform: translate3d(-99.04026px, 169.67419px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(-5.52552px, 47.4265px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(66.01198px, 114.23561px, 0);
    opacity: 0;
  }
}
.c:nth-child(59) {
  width: 8px;
  height: 8px;
  animation: anim59 10s infinite;
  animation-delay: -9.83333s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim59 {
  0% {
    transform: translate3d(73.16417px, 23.4474px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(230.1751px, -16.29761px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-8.11032px, -1.95704px, 0);
    opacity: 0;
  }
}
.c:nth-child(60) {
  width: 6px;
  height: 6px;
  animation: anim60 10s infinite;
  animation-delay: -10s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
}
@keyframes anim60 {
  0% {
    transform: translate3d(-175.12518px, 133.12149px, 0);
    opacity: 0;
  }
  50% {
    transform: translate3d(38.52053px, 115.56293px, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-7.56166px, 11.62637px, 0);
    opacity: 0;
  }
}
@keyframes path-1 {
    0% {
      motion-offset: 0;
    }
    100% {
      motion-offset: 100%;
    }
}
@-webkit-keyframes path-1 {
    0% {
      motion-offset: 0;
    }
    100% {
      motion-offset: 100%;
    }
}
.animation-planer-1 {
    animation: path-1 5s infinite;
    -webkit-animation: path-1 5s infinite;
    motion-path: circle(100);
}

.portfolio-slider a {
    color:#fff;
    text-decoration: none;
}
.home-btn-slider:hover a, .portfolio-slider a:hover {
    color:rgba(0,0,0,0.5);
    text-decoration: none;
}
.home-btn-slider:focus a, .portfolio-slider a:focus {
    text-decoration: none;
}
.portfolio-listview .item {
    height:350px;
    display: flex!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important; 
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center; 
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
    -ms-flex-pack: center; 
}
.portfolio-listview .item img {
    display: block;
    height: 250px;
    /*margin: 0 auto;*/
    max-height: 100%;
    max-width: 100%;
	width:inherit;
}

@-moz-document url-prefix() {
	.portfolio-listview .item img {margin: 0 auto; width: inherit;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.portfolio-listview .item img {margin: 0 auto; width: inherit;}
}

.selector {
    text-align: right;
    margin-top:-30px;

}
.selector > span {
    padding:3px 15px 3px 15px;
    display: inline-block;
    background-color: #ececec;
}
.selector > span:hover, .selector > span.active {
    display: inline-block;
    color:#fff;
    background-color: #343c47;
    cursor:pointer;
}
@media (max-width:1200px) {
    .selector {
        display:none;

    }
}

.single-carousel {
    padding-top:10px;
    padding-bottom:10px;
    margin-left:-15px;
    margin-right:-15px;

}


@media (max-width:800px) {
    .portd-single-content .pcmb{
    float:none;
    width:100%!important
    position: center;
    }
    .portd-single-content .pclm{
    float:none;
    width:100%!important
    position: center;
    }
}

.portfolio-details .owl-item {
    text-align:center;
}
@media (min-width:991px){
    .portfolio-details {
        display: flex;
        display: -webkit-flex; 
        -webkit-align-items: flex-end;
        align-items: flex-end;
        justify-content: center; 
        -webkit-justify-content: center; 
    }
}

.fixed-menu {
    position: fixed;
    z-index:99999;
    background-color:#01a4c9;
    width:100%;
    height:50px;
    transition:all ease-in-out 0.5s;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.hide-fixed-menu {
    top:-50px;
}
.show-fixed-menu {
    top:0px;
}
.fixed-menu .flex {
    -webkit-align-items: center;
    align-items: center;
}
.fixed-menu .header-logo {
    width: 70px;
    margin-top: -4px;
}
.fixed-menu .main-navigation {
    padding-top:3px;
    display: flex;
    display: -webkit-flex; 
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.fixed-menu .main-navigation ul ul {
    margin-top: 5px;
    margin-left: -15px;
}
.fixed-menu .main-navigation ul ul a {
    background-color:#222;
    padding: 5px 15px 5px 15px;
    transition:all ease-in-out 0.3s;
}
.fixed-menu .main-navigation ul ul a:hover {
    background-color:#cc0000;
    transition:all ease-in-out 0.1s;
}


#portfolio-load {
    margin-top:30px;
    margin-bottom:60px;

}