.cloud{}


/** section.MAIN **/
.cloud section.main{}
.cloud section.main .container{
    height:70vh;
    padding-top:25vh;
    padding-bottom:0;
}
.cloud section.main .carousel{margin-top:0; padding:0; position:relative;}
.cloud section.main .carousel .carousel-inner{position:absolute; height:100%;}
.cloud section.main .carousel .item{width:100%; height:100%; background-size:cover; background-position:center;}
.cloud section.main .carousel .item.item-p1{background-image:url(/img/lp/cloud/carousel-p1.jpg)}
.cloud section.main .carousel .item.item-p2{background-image:url(/img/lp/cloud/carousel-p2.jpg)}
.cloud section.main .carousel .item.item-p3{background-image:url(/img/lp/cloud/carousel-p3.jpg)}
.cloud section.main .carousel .item.item-p4{background-image:url(/img/lp/cloud/carousel-p4.jpg)}
.cloud section.main .carousel .item.item-p5{background-image:url(/img/lp/cloud/carousel-p5.jpg)}
.cloud section.main .carousel .carousel-text{background-color: rgba(0, 0, 0, .5); padding:0; position:relative; text-align:center;}
.cloud section.main .carousel .carousel-text .carousel-indicators{bottom:6px;}
.cloud section.main .carousel .carousel-text .carousel-indicators li{background-color:rgba(255,255,255,.3); height:5px; margin:0 10px; width:5px;}
.cloud section.main .carousel .carousel-text .carousel-indicators li.active{background-color:rgba(255,255,255,1);}
.cloud section.main .carousel .carousel-caption{bottom:-28px; left:60px; right:auto; top:auto; opacity:.8; text-shadow:none; white-space:nowrap;}
.cloud section.main .carousel .carousel-caption h5{
    background-image:url(/img/lp/cloud/icon-location.png);
    background-position:left;
    background-repeat:no-repeat;
    background-size:contain;
    padding-left:20px;
}
.cloud section.main .carousel .carousel-caption h5 img{height:20px; margin-right:5px;}
@media screen and (max-width:767px){
    .cloud section.main .container{height:auto; padding-bottom:10vh; padding-top:10vh;}
    .cloud section.main .carousel .carousel-caption{display:none;}
}


/** section.ADVANTAGES **/
.cloud section.advantages{text-align:center;}
.cloud section.advantages .item{margin:5px auto; padding:25px 5px 5px; text-align:center;}
.cloud section.advantages .item .icon{
    background-size:cover;
    height:80px;
    margin:0 auto;
    width:80px;
}
.cloud section.advantages .icon.iconset-a{background-image:url(/img/lp/cloud/iconset-advantages-a.png);}
.cloud section.advantages .icon.iconset-a.icon-1{background-position:0 0;}
.cloud section.advantages .icon.iconset-a.icon-2{background-position:-80px 0;}
.cloud section.advantages .icon.iconset-a.icon-3{background-position:-160px 0;}
.cloud section.advantages .icon.iconset-a.icon-4{background-position:-240px 0;}
.cloud section.advantages .icon.iconset-b{background-image:url(/img/lp/cloud/iconset-advantages-b.png);}
.cloud section.advantages .icon.iconset-b.icon-1{background-position:0 0;}
.cloud section.advantages .icon.iconset-b.icon-2{background-position:16.7% 0;}
.cloud section.advantages .icon.iconset-b.icon-3{background-position:33.3% 0;}
.cloud section.advantages .icon.iconset-b.icon-4{background-position:50.0% 0;}
.cloud section.advantages .icon.iconset-b.icon-5{background-position:66.6% 0;}
.cloud section.advantages .icon.iconset-b.icon-6{background-position:83.3% 0;}
.cloud section.advantages .icon.iconset-b.icon-7{background-position:100% 0;}


/** section.HOW_IT_WORKS **/
.cloud section.how_it_works{}
.cloud section.how_it_works .item{
    background:#fff;
    margin:50px 0;
    padding:40px 40px 40px 100px;
    position:relative;
    text-align:left;
    transition:.4s ease;
    z-index:100;
}
.cloud section.how_it_works .item .btn img{margin-left:10px; width:20px;}

.cloud section.how_it_works .vid{margin-left:-200px; z-index:10;}
@media screen and (min-width:1201px){
    .cloud section.how_it_works:hover .item{margin-right:200px; margin-top:0;}
}
@media screen and (max-width:1200px){
    .cloud section.how_it_works .item{margin-top:0; padding:0 20px 0 80px;}
    .cloud section.how_it_works .vid{margin-left:0;}
}
@media screen and (max-width:768px){
    .cloud section.how_it_works .item{padding:0 20px;}
}
@supports (-ms-ime-align:auto){
    .cloud section.how_it_works .vid{margin-left:0;}
    .cloud section.how_it_works .item{margin-top:0; padding:20px 40px 40px 100px;}
    .cloud section.how_it_works:hover .item{margin-right:0; margin-top:0;}
}


/** section.CHANNELS **/
.cloud section.channels{background-image:url(/img/lp/cloud/channels-2.png); background-repeat:no-repeat; background-size:contain;}
.cloud section.channels .item{padding:40px; text-align:left;}
.cloud section.channels .item h2 span{white-space:nowrap;}
.cloud section.channels .item h2 strong{
    border:3px solid #ddd; border-radius:50%;
    display:inline-block;
    font-size:40px; line-height:49px;
    margin-right:10px; padding:22px 12.5px;
    vertical-align:middle;
}
.cloud section.channels img{width:100%;}
.cloud section.channels .btn img{margin-left:10px; width:20px;}
@media screen and (max-width:768px){
    .cloud section.channels{background:none;}
}


/** section.NUMBERS **/
.cloud section.numbers{background-color:#F9FAFB; margin-top:100px;}
.cloud section.numbers .item h1{font-size:56px;}
.cloud section.numbers .item.item-3 h1 span{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAqCAMAAAD79pkTAAABfVBMVEUAAAD//////4D//6r/v4D/zGb/223/xnH/0V3/xGL/yFv/w2n/xmP/wmH/v2D/wlz2xl72wWH3vWP3v2D3wV34w2L4v1z4vlz5wV35wlv5vl/6vlz6wV71wFv2wl73vV/3wF73vlv4wFz4vVv4wF74vl34v171wF31vlz1vl71v1z2vlz2v1v2vV32v172v133v1z3v1v3vV33vlz3v1z1vl31vVz1vlv2vVv2v1v2vl32vVz2vlz2vl33vl33vV33vlz1vVz1v1v1vV31vlv2v132vlz2vVz2vlz3vlz3vlz1vlz1vlv1vlz1vl31vlz1vVv1vlz1vlz2vlv2vVz2vlv2vlz2vVz2vlv2vVz2vVz2vlz1vlv2vlz2vlz2vlv2vlz2vlv2vlz2vVv2vlz2vlz2vVv2vVz2vlz1vlv1vVz1vVz1vlz1vlv2vVv2vVz1vlz1vVz1vlv1vVv1vVv2vlv2vlv2vVz2vVv2vlz2vlv2vVv2vVz2vlv1vVtP3MzRAAAAfnRSTlMAAQIDBAUHCQsNDhESFRgZGx0fICEiJCcpKisvMTU2PkFDRUZJSkxNTk9QU1RVV1hbXF1eZGZpam1wcXR1dnl8fYCDhIaHipCVlpiZmpydnp+goaKjpaanra6vsbu8v8HDxMXGx8jJysvMztHT1N3k5unr7fDz9vj5+vv8/f5pN9elAAABcklEQVQ4y5XV51fCQAwAcEBwLxwoDhS3FffAhbgFBRfujQMXbkQZ5m+3LaO15mjIt+R+797dJX3VaLCo7dVkE3tBbRa6Jg62LPgOwCN9e1MMADgy3+Q1PFB1dVTg0EnkXlHDHU1XRBIc2kl8NanhhqKN3ykOrQTuSmvwq+vyL4mDVU0XemQaLkpYLr/eNrPhfwNFhG535wYsRZLLNXPTnrMXyBjvV9vOvoYCni8BOY71vJ+n6gODeBwnTe/rk8d3ULQvJ33dCXXt1cme0f6jot1/P66ReEa9omzTcCyDXv7f1v4oUy9gY9ATYehZfGy68Ps6GVNWjG/ezOBNOB9ncDvO1xjcjfNLBj/HeYjBPxgPaUR1GatLbShvkYl4WJZMoXxSAofmUpfU4y2Ur6eWTxqFtMqXGtJ7lAcSi9fpLtYdJSphHaK1n8JSsFtes5yK3oTwSr7+PKjcyBpg/Hc64HXMgNS5J3QmRx15ePd0Q4tS8gsSy4dBbTEacQAAAABJRU5ErkJggg==);
    background-size:cover;
    display:inline-block;
    height:22px;
    margin-bottom:10px;
    vertical-align:middle;
    width:22px;
}


/** section.TESTIMONIALS **/
.cloud section.testimonials{margin-bottom:-40px; overflow:hidden; position:relative;}
.cloud section.testimonials .items{padding-top:50px;}
.cloud section.testimonials .items .item{background-color:#fff; border-radius:24px; box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.05); margin:20px; padding:50px 30px; text-align:center; width:350px;}
.cloud section.testimonials .items .item img{border-radius:100%; height:100px; margin-top:-125px; width:100px;}
@media screen and (max-width:768px){
    .cloud section.testimonials .items .item{width:320px;}
}
.cloud .flipster.flipster--flat .flipster__button{
    background-color:#fff;
    border-radius:100%;
    bottom:20px;
    box-shadow:0 6px 14px 0 rgba(0, 0, 0, 0.15);
    font-size:0;
    height:60px;
    margin:0;
    opacity:1;
    top:auto;
    width:60px;
}
.cloud .flipster.flipster--flat .flipster__button.flipster__button--prev{display:none; left:60px;}
.cloud .flipster.flipster--flat .flipster__button.flipster__button--next{right:90px;}
.cloud .flipster.flipster--flat .flipster__button svg{color:#000; stroke-width:2; width:15px;}
.cloud .flipster.flipster--flat .flipster__item{vertical-align:top;}
.cloud .flipster.flipster--flat .flipster__item:before{display:none;}
.cloud .flipster.flipster--flat .flipster__item--past,
.cloud .flipster.flipster--flat .flipster__item--future{opacity:1;}
.cloud .flipster.flipster--flat .flipster__item--past .flipster__item__content,
.cloud .flipster.flipster--flat .flipster__item--future .flipster__item__content{transform:none;}
@media screen and (min-width:1280px){
    .cloud .flipster.flipster--flat .flipster__button{display:none;}
}
@media screen and (max-width:768px){
    .cloud .flipster.flipster--flat .flipster__button.flipster__button--next{bottom:15px; right:15px;}
}


/** section.CONNECT **/
.cloud section.connect{color:#fff; padding:25px 0 100px;}
.cloud section.connect .container{text-align:center;}
.cloud section.connect .container .box{
    background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(/img/lp/cloud/connect-1.jpg);
    background-size:cover;
    background-position:center;
    box-shadow:0px 15px 25px -10px rgba(0,0,0,.5);
    margin:0 auto;
    max-width:940px;
    padding:48px;
}
.cloud section.connect .form{max-width:450px; margin:30px auto 0;}
.cloud section.connect .form input[type="text"]{
    background:#fff;
    border-color:transparent !important;
    box-sizing:border-box;
    font-size:13px;
    height:auto;
    line-height:15px;
    padding:10px;
    width:100%;
}
.cloud section.connect .form .row>div{margin:5px auto;}
.cloud section.connect .form .row.buttons>div{margin-top:30px;}
@media screen and (max-width:768px){
    .cloud section.connect .container .box{padding:48px 24px;}
}