#slide {position:relative;}
#slide .swiper-container {height:400px;background-color:#F3F2F3;}
#slide .swiper-slide {padding-top:60px;overflow:hidden;}
#slide .swiper-slide .layer > .row {position:relative;}
#slide .pagination {position:absolute;bottom:30px;left:0px;width:100%;}
#slide .swiper-pagination {position:relative;}
#slide .swiper-pagination-bullet {margin:0px 10px;background:transparent !important;width:auto !important;Height:auto !important;}
#slide .bg_container {opacity:0.2;-webkit-filter:blur(1px);}
#slide .bg_container canvas,#slide .bg_container video {top:73%}
#slide .wrap {    margin-left: 580px;}
#slide h1 {font-weight: 700;color: #4EB5D3;margin:80px 0px 20px;line-height: 52px;font-size: 40px;}
#slide h1 > span {display:block;width:100%;}
#slide h1 i {    font-style: initial;position: relative;left: 3px;top: -3px;}
#slide .button {margin-left:10px;}
html[lang='en'] #slide h1  {    height: 44px;margin-top: 126px;}
html[lang='en'] #slide h1 > span.t2 {margin-top: -98px;}

.socialAnimation{width: 400px;height: 300px;margin: 12px auto;list-style:none;position: absolute;left: -16px;}
.socialAnimation li{position: absolute;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 2px solid #fff;list-style-type: none;-webkit-animation: scaleLi 4s ease-in-out infinite;-moz-animation: scaleLi 4s ease-in-out infinite;-o-animation: scaleLi 4s ease-in-out infinite;-ms-animation: scaleLi 4s ease-in-out infinite;animation: scaleLi 4s ease-in-out infinite;  }
.socialAnimation .person{width: 82px;height: 82px;margin: 110px 0 0 160px;z-index: 9;  }
.socialAnimation .person img{width: 70px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin: 5px;background-color: #fff;  }
.socialAnimation li div.connector{position: absolute;background-color: #fff;height: 5px;  }
.socialAnimation li div.connector span{display: block;width: 15px;height: 15px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #fff;margin: -5px 0 0 0;position: absolute;-webkit-animation: connections 4s ease-in-out infinite;-moz-animation: connections 4s ease-in-out infinite;-o-animation: connections 4s ease-in-out infinite;-ms-animation: connections 4s ease-in-out infinite;animation: connections 4s ease-in-out infinite;  }
.socialAnimation li div.connector span.two{-webkit-animation: connections 4s ease-in-out infinite 1s;-moz-animation: connections 4s ease-in-out infinite;-o-animation: connections 4s ease-in-out infinite;-ms-animation: connections 4s ease-in-out infinite;animation: connections 4s ease-in-out infinite 1s;}
.socialAnimation li .containerImg{position: absolute;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #fff;-webkit-transition: background 0.3s linear;-moz-transition: background 0.3s linear;-o-transition: background 0.3s linear;-ms-transition: background 0.3s linear;transition: background 0.3s linear;z-index: 10;background-repeat: no-repeat;  background-size: cover;}
.socialAnimation .facebook{width: 94px;height: 92px;      z-index: 2;}
.socialAnimation .facebook .containerImg{background-image: url("https://randomuser.me/api/portraits/men/97.jpg");  }
.socialAnimation .facebook .containerImg{width: 80px;height: 80px;margin: 5px;  }
.socialAnimation .facebook div.connector{position: absolute;background-color: #fff;height: 5px;width: 150px;margin: 105px 0 0 65px;transform:rotate(-115deg);-webkit-transform:rotate(-145deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-115deg);}
.socialAnimation .googlePlus{width: 89px;height: 89px;margin: 20px 0 0 240px;      z-index: 4;}
.socialAnimation .googlePlus .containerImg{background-image: url("https://randomuser.me/api/portraits/women/44.jpg");  }
.socialAnimation .googlePlus .containerImg{width: 75px;height: 75px;margin: 5px;  }
.socialAnimation .googlePlus div.connector{position: absolute;background-color: #fff;height: 5px;width: 70px;margin: 90px 0 0 -35px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);  }
.socialAnimation .twitter{width: 64px;height: 64px;margin: 120px 0 0 300px;  }
.socialAnimation .twitter .containerImg{background-image: url("https://randomuser.me/api/portraits/men/75.jpg");  }
.socialAnimation .twitter .containerImg{width: 50px;height: 50px;margin: 5px;  }
.socialAnimation .twitter div.connector{position: absolute;background-color: #fff;height: 5px;width: 90px;margin: 25px 0 0 -85px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);  }
.socialAnimation .linkedin{width: 54px;height: 54px;margin: 150px 0 0 40px;  }
.socialAnimation .linkedin .containerImg{background-image: url("https://randomuser.me/api/portraits/women/26.jpg");  }
.socialAnimation .linkedin .containerImg{width: 40px;height: 40px;margin: 5px;  }
.socialAnimation .linkedin div.connector{position: absolute;background-color: #fff;height: 5px;width: 150px;margin: 8px 0 0 25px;transform:rotate(-190deg);-webkit-transform:rotate(-190deg);-moz-transform:rotate(-190deg);-ms-transform:rotate(-190deg);-o-transform:rotate(-190deg);  }
.socialAnimation .yt{width: 84px;height: 84px;margin: 232px 0 0 150px;z-index:2;}
.socialAnimation .yt .containerImg{background-image: url("https://randomuser.me/api/portraits/men/58.jpg");  }
.socialAnimation .yt .containerImg{width: 70px;height: 70px;margin: 5px;  }
.socialAnimation .yt div.connector{position: absolute;background-color: #fff;height: 5px;width: 80px;margin: -5px 0 0 5px;transform:rotate(100deg);-webkit-transform:rotate(100deg);-moz-transform:rotate(100deg);-ms-transform:rotate(100deg);-o-transform:rotate(100deg);  }
.socialAnimation .x1 {width: 54px;height: 54px;margin:108px 0 0 -62px;  }
.socialAnimation .x1 .containerImg{background-image: url("https://randomuser.me/api/portraits/women/94.jpg");  }
.socialAnimation .x1 .containerImg{width: 40px;height: 40px;margin: 5px;  }
.socialAnimation .x1 div.connector{position: absolute;background-color: #fff;height: 5px;width: 80px;margin:-20px 0 0 29px;transform:rotate(134deg);-webkit-transform:rotate(134deg);-moz-transform:rotate(134deg);-ms-transform:rotate(134deg);-o-transform:rotate(134deg);  }
.socialAnimation .x2 {width: 74px;height: 74px;margin:80px 0 0 452px;z-index: 3;}
.socialAnimation .x2 .containerImg{background-image: url("https://randomuser.me/api/portraits/men/46.jpg");  }
.socialAnimation .x2 .containerImg{width: 60px;height: 60px;margin: 5px;  }
.socialAnimation .x2 div.connector{position: absolute;background-color: #fff;height: 5px;width: 160px;margin:8px 0 0 -143px;transform:rotate(14deg);-webkit-transform:rotate(14deg);-moz-transform:rotate(14deg);-ms-transform:rotate(14deg);-o-transform:rotate(14deg);  }
.socialAnimation .x3 {width: 64px;height: 64px;margin:212px 0 0 -60px;  }
.socialAnimation .x3 .containerImg{background-image: url("https://randomuser.me/api/portraits/men/87.jpg");  }
.socialAnimation .x3 .containerImg{width: 50px;height: 50px;margin: 5px;  }
.socialAnimation .x3 div.connector{position: absolute;background-color: #fff;height: 5px;width: 170px;margin:41px 0 0 52px;transform:rotate(7deg);-webkit-transform:rotate(7deg);-moz-transform:rotate(7deg);-ms-transform:rotate(7deg);-o-transform:rotate(7deg);  }

.socialAnimation .x4 {width: 64px;height: 64px;margin:252px 0 0 350px;  }
.socialAnimation .x4 .containerImg{background-image: url("https://randomuser.me/api/portraits/men/66.jpg");  }
.socialAnimation .x4 .containerImg{width: 50px;height: 50px;margin: 5px;  }
.socialAnimation .x4 div.connector{    position: absolute;background-color: #fff;height: 5px;width: 170px;margin: 26px 0 0 -126px;transform: rotate(2deg);-webkit-transform: rotate(2deg);-moz-transform: rotate(2deg);-ms-transform: rotate(2deg);-o-transform: rotate(2deg);}
.socialAnimation .x4 div.connector.p2 {margin: 100px 0 0 -71px;transform: rotate(8deg);-webkit-transform: rotate(102deg);-moz-transform: rotate(8deg);-ms-transform: rotate(8deg);-o-transform: rotate(8deg);}

.socialAnimation .x5 {width: 64px;height: 64px;margin:334px 0 0 26px;  }
.socialAnimation .x5 .containerImg{background-image: url("https://randomuser.me/api/portraits/men/51.jpg");  }
.socialAnimation .x5 .containerImg{width: 50px;height: 50px;margin: 5px;  }
.socialAnimation .x5 div.connector{position: absolute;background-color: #fff;height: 5px;width: 170px;    margin: -19px 0 0 13px;transform:rotate(-35deg);-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);  }

.socialAnimation .x6 {width: 84px;height: 84px;margin:294px 0 0 490px;  z-index: 2;}
.socialAnimation .x6 .containerImg{background-image: url("https://randomuser.me/api/portraits/men/44.jpg");  }
.socialAnimation .x6 .containerImg{width: 70px;height: 70px;margin: 5px;  }
.socialAnimation .x6 div.connector {position: absolute;background-color: #fff;height: 5px;    width: 193px;margin: -85px 0 0 -84px;transform: rotate(79deg);-webkit-transform: rotate(79deg);-moz-transform: rotate(79deg);-ms-transform: rotate(79deg);-o-transform: rotate(79deg);}

.socialAnimation .x7 {width: 64px;height: 64px;margin:270px 0 0 680px;}
.socialAnimation .x7 .containerImg{background-image: url("https://randomuser.me/api/portraits/men/22.jpg");  }
.socialAnimation .x7 .containerImg{width: 50px;height: 50px;margin: 5px;  }
.socialAnimation .x7 div.connector {position: absolute;background-color: #fff;height: 5px;    width: 154px;margin: 42px 0 0 -141px;transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg);}
.socialAnimation .x7 div.connector.p2 {    margin: 73px 0 0 10px;width:170px;transform: rotate(40deg);-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);}


@-webkit-keyframes connections {
  0% { left: 0}
  80% { left: 100%; }
}
@-moz-keyframes connections {
  0% { left: 0}
  80% { left: 100%; }
}
@-o-keyframes connections {
  0% { left: 0}
  80% { left: 100%; }
}
@-ms-keyframes connections {
  0% { left: 0}
  80% { left: 100%; }
}
@keyframes connections {
  0% { left: 0}
  80% { left: 100%; }
}
@-webkit-keyframes scaleLi {
  0% {
    -webkit-transform: scale(1);
  }
  45% {
    -webkit-transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes scaleLi {
  0% {
    -moz-transform: scale(1);
  }
  45% {
    -moz-transform: scale(1);
  }
  60% {
    -moz-transform: scale(1.1);
  }
  75% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes scaleLi {
  0% {
    -o-transform: scale(1);
  }
  45% {
    -o-transform: scale(1);
  }
  60% {
    -o-transform: scale(1.1);
  }
  75% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@-ms-keyframes scaleLi {
  0% {
    -ms-transform: scale(1);
  }
  45% {
    -ms-transform: scale(1);
  }
  60% {
    -ms-transform: scale(1.1);
  }
  75% {
    -ms-transform: scale(1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@keyframes scaleLi {
  0% {
    transform: scale(1);
  }
  45% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}


#features {background: #f9f9f9;    padding: 30px 0px 36px;}
#features > div {margin:auto;max-width:1160px;}
#features .feature {position:relative;border-left: solid 1px #f2f2f2;overflow:hidden;}
#features .feature.f1 {}
#features .feature.f2 {}
#features .feature.f3 {}
#features .feature:first-child {border-left:0px;}
#features .feature > div {}
#features .feature .bg {position:absolute;top:4px;right:0px;width:34%;height:100%;    background-position: 0px 0px !important;}
#features .feature:first-child .bg {top:8px}
#features .feature .layer {position:relative;z-index: 2;    padding:10px 40% 18px 0px;}
#features .feature .layer b {}
#features .feature .layer p {    margin: 4px 0px 14px;}
#features .feature .layer a {font-size: 14px;border: solid 1px #2ba6cb;border-radius: 2px;padding: 5px 16px 6px;overflow:hidden;}
body.desktop #features .feature .layer a:hover,
#features .feature .layer a:active {background-color:#2ba6cb;color:#FFF;}

#customers {background:#FFF;    padding: 34px 0px 54px;}
#customers h3 {    text-align: center;font-size: 26px;color: #999;    margin-top: 16px;    position: relative;top:0px;}
#customers ul {list-style: none;margin:16px 0px 0px;}
#customers:hover h3 {opacity:0.7;    top: -26px;}
#customers li {}
#customers li {position:relative;width: 20%;display: inline-block;height: 70px;padding: 20px;margin-right: -4px;vertical-align: top;}
#customers li > img {    height: auto;margin: 0 auto;max-width: 100%;max-height: 100%;opacity: .4;display: block;}
#customers li:hover > img {opacity:0;}
#customers li a {position:absolute;    top: -37px;left: 0px;z-index:2;visibility:hidden;opacity:0;    width: 100%;}
#customers li:hover a {visibility:visible;opacity:1;}
#customers li a img {max-height: 150px;    margin: auto;display: block;}
#customers .button {    display: none;margin: 20px auto;text-align: center;max-width: 180px;}


.morphext > .animated {
  display: inline-block;
}

@media only screen and (max-width: 40.063em) {
  section {    padding: 0px 3px 0px !important;}
  #slide .bg_container canvas,#slide .bg_container video {top:50%}
  #slide .swiper-container {height:auto;}
  .socialAnimation {opacity:0.4}
  #slide .wrap {margin:0px 0px 26px 10px;position: relative;}
  #slide h1 {margin-top:24px;}
  #slide .button {    margin-left: 0px;}
  #features .feature {border-top: solid 1px #f2f2f2;border-left:0px;}
  #features .feature:first-child {border-top:0px;}
  #customers ul {display:none;}
  #customers .button {display:block;}
}