@import url("navigation-1.css");html{font-size:100%;}
body{background:#ffffff;font-family:'Roboto', sans-serif;font-size:16px;font-weight:300;color:#99999;line-height:28px;text-align:center;overflow-x:hidden !important;margin:auto !important;}
@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}
a{-webkit-transition:all ease 0.25s;transition:all ease 0.25s;cursor:pointer;}
a:hover{text-decoration:none;color:#fff}
.btn:focus,
.btn:active{outline:inherit;}
textarea:focus,
input:focus{color:#ffffff;}
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul,
ol{padding-left:0 !important;}
li{list-style:none;}
*{outline:0px;}
::-webkit-input-placeholder{color:#FFFFFF}
:-moz-placeholder{color:#FFFFFF}
::-moz-placeholder{color:#FFFFFF}
:-ms-input-placeholder{color:#FFFFFF}
@font-face{font-family:'Lane';src:url('fonts/lanenar_Lane.eot');src:url('fonts/lanenar_Lane.eot?#iefix') format('embedded-opentype'), url('fonts/lanenar_Lane.woff') format('woff'), url('fonts/lanenar_Lane.ttf') format('truetype'), url('fonts/lanenar_Lane.svg#Lane') format('svg');font-weight:normal;font-style:normal;}
@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:'Lane';src:url('fonts/lanenar_Lane.svg#Lane') format('svg');}
}
h1,
h2,
h3{font-family:'Lane', sans-serif;font-weight:normal;}
h1{font-size:3.75rem;line-height:4.688rem;}
h2{font-size:2.5rem;line-height:3.6rem;}
h3{font-size:1.7rem;line-height:2.25rem;}
h4{font-size:1rem;line-height:1.625rem;}
h5{font-size:0.8125rem;line-height:1rem;font-weight:300;}
h1.color,
h2.color,
h3.color,
h4.color,
h5.color,
h6.color,
p.color,
a.color,
span.color{color:#7266BA;}
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark,
h6.dark,
p.dark,
a.dark,
span.dark{color:#212121;}
h1.grey,
h2.grey,
h3.grey,
h4.grey,
h5.grey,
h6.grey,
p.grey,
a.grey,
span.grey{color:#8b99a5;}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
p.white,
a.white,
span.white{color:#ffffff;}
.button{color:#ffffff;display:inline-block;font-size:12px;text-transform:uppercase;padding:6px 12px 5px;border-radius:5px;margin:25px 5px;border:2px solid white;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
.button:hover{background:rgba(255,255,255,0.5);color:#333333;}
.button-large{color:#ffffff;display:inline-block;font-size:16px;text-transform:uppercase;padding:11px 18px 10px;border-radius:5px;margin:25px 5px;border:2px solid white;outline:-2px;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
.button-large:hover{background:rgba(255,255,255,0.5);color:#333333;}
.button.color-border,
.button.white-border,
.button.dark-border,
.button.white-bg,
.button.dark-bg,
.button.color-bg{padding:6px 12px 5px;}
.button-large.color-border,
.button-large.white-border,
.button-large.dark-border,
.button-large.white-bg,
.button-large.dark-bg,
.button-large.color-bg{padding:11px 18px 10px;}
i.icon-left,
i.icon-left{margin-right:8px;}
i.icon-right,
i.icon-right{margin-left:8px;}
input[type="button"].button,
input[type="submit"].button,
button.button{padding:6px 12px 5px;}
input[type="button"].button-large,
input[type="submit"].button-large,
button.button-large{padding:11px 18px 10px;}
input[type="button"].button.color-border,
input[type="button"].button.white-border,
input[type="button"].button.dark-border,
input[type="submit"].button.color-border,
input[type="submit"].button.white-border,
input[type="submit"].button.dark-border,
button.button.color-border,
button.button.white-border,
button.button.dark-border{padding:6px 12px 5px;}
input[type="button"].button-large.color-border,
input[type="button"].button-large.white-border,
input[type="button"].button-large.dark-border,
input[type="submit"].button-large.color-border,
input[type="submit"].button-large.white-border,
input[type="submit"].button-large.dark-border,
button.button-large.color-border,
button.button-large.white-border,
button.button-large.dark-border{padding:11px 18px 10px;}
.color-bg{background:#7266BA;color:#ffffff;border:2px solid transparent;outline:-2px;}
.color-bg:hover{background:0;color:#7266BA;border:2px solid #7266BA;}
.white-bg{background:#ffffff;color:#1a1a1a;}
.white-bg:hover{background:0;color:#ffffff;border:2px solid #ffffff;}
.dark-bg{background:#212121;color:#ffffff;border:2px solid transparent;outline:-2px;}
.dark-bg:hover{background:0;color:#212121;border:2px solid #212121;}
.color-border{background:0;color:#7266BA;border:2px solid #7266BA;outline:-2px;}
.color-border:hover{background:#7266BA;color:#ffffff;}
.white-border{background:0;color:#ffffff;border:2px solid #ffffff;outline:-2px;}
.white-border:hover{color:#212121;background:#ffffff;border:2px solid #ffffff;}
.dark-border{background:0;color:#212121;border:2px solid #212121;}
.dark-border:hover{background:#212121;color:#ffffff;border:2px solid #212121;}
.bg-primary{background-color:#ffffff;color:#333333}
.bg-secondary{background-color:#f7f7f7;color:#333333}
.bg-dark{background-color:#212121;color:#fff}
.bg-color{background-color:#7266BA;color:#333}
.bortb{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;}
section{padding:3rem 0 5rem;position:relative;display:block;}
p{color:#8b99a5;font-size:1rem;}
.section-intro{padding-bottom:5%;}
.overlay:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;min-height:100%;opacity:0.7;background:#1ad6fd;background:-moz-linear-gradient(-45deg, #1ad6fd 0%, #5856d6 60%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#1ad6fd), color-stop(60%,#5856d6));background:-webkit-linear-gradient(-45deg, #1ad6fd 0%,#5856d6 60%);background:-o-linear-gradient(-45deg, #1ad6fd 0%,#5856d6 60%);background:-ms-linear-gradient(-45deg, #1ad6fd 0%,#5856d6 60%);background:linear-gradient(135deg, #1ad6fd 0%,#5856d6 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ad6fd', endColorstr='#5856d6',GradientType=1);}
.cover:before{position:absolute;width:100%;height:100%;content:'';top:0;left:0;background:url(../images/cover.png);}
.rtl{text-align:right;}
.ltr{text-align:left;}
.uppercase{text-transform:uppercase;}
h4{color:#7266BA}
hr{position:relative;border-top:2px solid rgba(0,0,0,0.2);width:100px;}
.hideme{opacity:0;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fefefe;z-index:99999;height:100%;width:100%;overflow:hidden !important;}
.loading{width:40px;height:40px;position:absolute;left:50%;top:50%;background-image:url(../images/preloader.gif);background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;margin:-20px 0 0 -20px;}
#home{width:100%;height:100%;color:#ffffff;display:block;position:relative;min-height:750px;}
#home.solid{background:#7C3AA4;}
#home.pattern{background:url(../images/pattern.png)repeat center top fixed;}
#home.image{background:url(../images/img.jpg) no-repeat center top fixed;-webkit-background-size:cover;background-size:cover;}
.home.video{overflow:hidden;}
#home video{width:100%;position:absolute;top:0px;left:0px;z-index:-1;}
.video-fallback{background:url(../media/video.jpg);background-repeat:no-repeat;background-size:cover;z-index:-1;position:absolute;top:0px;left:0px;width:100%;height:100%;}
.home .logo{padding-top:5%;}
.home .intro{padding-top:15%;}
.home .intro .buttons{padding-top:5%}
.home p{color:#ffffff;opacity:0.8;}
.home-screenshot img{width:100%;max-width:350px;vertical-align:middle;}
.home form{}
.home form input{background:none;padding:7px 18px 8px;color:#ffffff;border:2px solid #ffffff;border-radius:5px;vertical-align:middle;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
input:focus ,
textarea:focus{box-shadow:inset 0 0 10px rgba(255, 255, 255,.9);transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
.home .contact form input{border-radius:0px}
.home .contact{background:rgba(0,0,0,0.5);padding:25px 25px 0;}
#features{}
.iconbox{display:inline-block;width:100%;margin-bottom:10px;}
.iconbox .icon{vertical-align:middle;display:table-cell;padding-top:10px;direction:ltr;}
.iconbox .icon i{padding:1.7rem;text-align:center;border-radius:100%;font-size:2rem;transition:box-shadow .2s;-moz-transition:box-shadow .2s;-o-transition:box-shadow .2s;-webkit-transition:box-shadow .2s;position:relative;color:#7266BA;margin:2px;width:95px;height:95px;}
.iconbox:hover i{color:#ffffff!important;box-shadow:inset 0px 0px 0px 5px white,0 0 0 2px #7266BA;background:#7266BA;}
.iconbox .icon i:after{box-shadow:0 0 0 2px #7266BA;left:0;padding:0;top:0;transition:transform .2s, opacity .2s;-moz-transition:-moz-transform .2s, opacity .2s;-o-transition:-o-transform .2s, opacity .2s;-webkit-transition:-webkit-transform .2s, opacity .2s;content:'';height:100%;position:absolute;width:100%;border-radius:100%;}
.iconbox:hover i:after{transform:scale(0.84);-moz-transform:scale(0.84);-ms-transform:scale(0.84);-o-transform:scale(0.84);-webkit-transform:scale(0.84);}
.iconbox .content{text-align:left;vertical-align:middle;display:table-cell;padding-left:20px;}
.rtl.iconbox{direction:rtl;}
.rtl.iconbox .content{text-align:right;direction:ltr;padding-right:20px;padding-left:0px;}
.iconbox h3{margin:0px;}
.phone-image{max-width:250px;margin:auto;margin-top:-40px;}
.phone-image img{width:100%}
#explain1{}
#explain2{}
#explain3{}
.backimage,
.frontimage{position:absolute;top:0;left:0;max-width:100%;display:block;height:auto;}
.backimage{position:relative}
#testimonials{color:#fff;padding:6rem 0;background:url(../images/testimonials.jpg) 50% 0 no-repeat fixed;background-size:cover;}
.quote-symbol{font-size:50px;}
.testimonials p{color:rgba(255, 255, 255, 0.7);}
.testimonials span{color:gold}
.testimonials:hover .quote-arrow-prev,
.testimonials:hover .quote-arrow-next{opacity:1;}
.quote-arrow-prev,
.quote-arrow-next{display:block;width:40px;height:40px;color:#ffffff;font-size:28px;line-height:38px;position:absolute;bottom:46%;z-index:211;opacity:0;}
.quote-arrow-next{text-indent:2px;right:0;}
#services{}
.services i{font-size:80px;color:#7266BA;}
#newsletter{}
.newsletter{padding:2rem 0 2rem;}
.newsletter input{background:none;border:2px solid #ffffff;line-height:47px;height:47px;right:1%;text-transform:uppercase;font-weight:bold;outline:0;font-size:30px;color:#fff}
.newsletter button{margin:0}
.newsletter input:focus ,
.newsletter{box-shadow:none;}
.message{display:none}
.message p{font-size:1.5rem;color:#fff;font-weight:bold;text-transform:uppercase;}
.waiting{margin:20px auto;border-radius:60px;border:3px solid #fff;height:50px;width:50px;position:relative;overflow:hidden;display:none;}
.arrow_sec{position:absolute;height:15px;width:2px;top:50%;left:50%;margin:-15px 0 0 -1px;background:#ffffff;-webkit-animation:clockwise 1s linear 0s infinite;-moz-animation:clockwise 1s linear 0s infinite;animation:clockwise 1s linear 0s infinite;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom;}
.arrow_min{position:absolute;height:10px;width:2px;top:50%;left:50%;margin:-10px 0 0 -1px;background:#ffffff;-webkit-animation:clockwise 6s linear 0s infinite;-moz-animation:clockwise 6s linear 0s infinite;animation:clockwise 6s linear 0s infinite;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom;}
@keyframes clockwise{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes clockwise{0%{-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);}
}
@-o-keyframes clockwise{0%{-o-transform:rotate(0deg);}
100%{-o-transform:rotate(360deg);}
}
@-ms-keyframes clockwise{0%{-ms-transform:rotate(0deg);}
100%{-ms-transform:rotate(360deg);}
}
#screenshots{}
.screenshots .shot{margin:10px;padding:10px;background:rgba(0,0,0,0.1);border-radius:5px;}
.shot a:hover{cursor:url(../images/cursor.png), auto;}
.owl-page .active span{color:black}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:#7266BA;}
#plans{}
.plan{background:#ffffff;border:2px solid rgba(0,0,0,0.1);transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;padding:0 0 5px 0;border-radius:5px;}
.plan:hover,
.plan.highlight{border:2px solid #7266BA;}
.plan .title{color:#333333;font-size:2em;font-weight:bold;padding:30px 20px 10px;text-align:center;text-transform:uppercase;}
.plan .illustration img{max-width:100%;}
.plan .description{color:#777777;font-weight:normal;line-height:1.4;text-align:center;padding-bottom:20px;}
.plan .price{color:#777777;font-size:50px;font-weight:900;margin:0 auto;padding:3rem 0 0;}
.plan .price span{color:#cccccc;font-size:12px;font-weight:normal;}
.plan ul li{color:#888;padding:10px 0px;list-style:none;line-height:18px;border-bottom:1px solid #efefef;}
.plan ul li:nth-child(2n){}
.plan ul li:first-child{}
.plan ul li:last-child{border-bottom:none;}
.plan .price-features{margin:0 25px;text-align:left;}
.plan .order-button,
.plan .order-button,
.plan .title,
.plan .title,
.plan .description,
.plan .description,
.plan .illustration,
.plan .illustration,
.plan .price,
.plan .price{background:#eeeeee;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;}
.plan:hover .price-features i,
.plan.highlight .price-features i{color:#7266BA;}
.plan:hover .price span,
.plan.highlight .price span{color:rgba(255,255,255,0.7);}
.plan:hover .order-button,
.plan.highlight .order-button,
.plan:hover .title,
.plan.highlight .title,
.plan:hover .description,
.plan.highlight .description,
.plan:hover .illustration,
.plan.highlight .illustration,
.plan:hover .price,
.plan.highlight .price{color:#ffffff;background:#7266BA;}
#download{color:#fff;background:url(../images/separator.jpg) center no-repeat fixed #42AAA9;background-size:cover;}
.download p{color:rgba(255,255,255,0.7);}
.download .mobile{background:url(../images/tablet2.png) center no-repeat;height:100%;max-width:100%;min-width:800px;position:absolute;top:0;right:0;}
.store-button{min-width:150px;}
.store-button .wrap{float:right;text-align:left;}
.store-button i{font-size:30px;float:left;display:block;line-height:30px;margin:0px 20px 0px 0;}
.store-button .first-line{font-size:11px;display:block;line-height:15px;text-transform:none;}
.store-button .second-line{font-weight:400;display:block;line-height:17px;}
#address{padding:3rem 0 1rem;}
.address .phone-button{display:block;width:82px;height:82px;color:#7266BA;margin:0 auto;line-height:85px;font-size:35px;}
.social{display:inline-block;text-align:center;font-size:22px;color:#ffffff;background:#7266BA;border-radius:100%;padding:10px 10px;line-height:1rem;border:2px solid #7266BA;}
.social:hover{color:#7266BA;background:0;}
#contact{background:url(../images/contact.jpg) center no-repeat fixed #42AAA9;color:#ffffff;background-size:cover;height:100%;}
.contact p{color:#ffffff;}
.contact form input,
.contact form textarea{width:100%;border:2px solid #ffffff;line-height:40px;padding:5px 10px;color:#ffffff;background:rgba(255,255,255,0.5);}
.contact form input{border-bottom:0;}
.contact form textarea{border-radius:0 0 5px 5px;min-height:150px;}
.contact form input:first-child{border-radius:5px 5px 0 0;}
.contact .submit{background:rgba(255,255,255,0.5);}
.contact .submit:hover{background:#fff;}
#footer{padding:2rem 0 1rem;position:relative;display:block;}
.backtotop{top:-25px;position:absolute;left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;text-align:center;font-size:25px;color:#7266BA;border-radius:100%;border:2px solid #7266BA;padding:10px 10px;line-height:1rem;box-shadow:0px 0px 0px 4px #f7f7f7;-moz-box-shadow:0px 0px 0px 4px #f7f7f7;-webkit-box-shadow:0px 0px 0px 4px #f7f7f7;}
.backtotop:hover{background:#7266BA;color:#ffffff;}
.agile{text-align:left;}
@media (max-width:400px){.newsletter input{font-size:16px;}
}
.lang1{background-image:url('../images/es_p.png');}
.lang1_activo{background-image:url('../images/es_n.png') !important;;}
.lang1:hover{background-image:url('../images/es_p.png') !important;border-bottom:solid 1px #ddd;}
.lang2{background-image:url('../images/uk_p.png');}
.lang2_activo{background-image:url('../images/uk_n.png') !important;;}
.lang2:hover{background-image:url('../images/uk_o.png') !important;border-bottom:solid 1px #ddd;}
.lang3{background-image:url('../images/fr_p.png');}
.lang3_activo{margin-left:-80px;background-image:url('../images/fr_p.png');border-bottom:solid 1px #ffffff;}
.lang3:hover{background-image:url('../images/fr_o.png') !important;border-bottom:solid 1px #ddd;}
.lang4{margin-left:-40px;background-image:url('../images/it_n.png');}
.lang4_activo{margin-left:-40px;background-image:url('../images/it_p.png');border-bottom:solid 1px #ffffff;}
.lang4:hover{background-image:url('../images/it_o.png') !important;border-bottom:solid 1px #ddd;}
.lang4{margin-left:-40px;background-image:url('../images/it_n.png');}
.rubsan-top-bar>li:nth-child(-1n+4).active{background-color:#6dd1d8;}
.rubsan-top-bar>li:nth-child(-1n+4).active>a{color:#fff;}
.rubsan-top-bar>li:nth-child(1n+5).active{background-color:rgba(228,45,59,0.5);}
.rubsan-top-bar>li:nth-child(1n+5).active>a{color:#fff;}

#privacyPolicyAcceptance{width: 5%;}

.modal-body{
	text-align: left;
}

#okCookie{
  background-color:#F2F2F2;
  color:#8b99a5;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:10px;
  font-family:sans-serif;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  border-top:1px solid #ccc;
  z-index:10;
}

#okCookie p{margin:0 0 10px 0; float:left; padding:5px 0px;}

#okCookie #okClose, #okCookie #okCprivacy{
  padding:5px 20px;
  float:right;
  margin-left:10px;
  text-decoration:none;
  border-radius:3px;
  color:white;
}

#okCookie #okClose{
  background-color:#7266BA;
  text-shadow:0px 1px 1px #507F2B;
  box-shadow:inset 0px -1px 1px #507F2B;
}

#okCookie #okClose:hover{background-color:#ffffff; color:#8b99a5; border:2px solid #7266BA; }

#okCookie #okCprivacy{
  background-color:#8D9499;
  text-shadow:0px 1px 1px #63666B;
  box-shadow:inset 0px -1px 1px #63666B;
}

#okCookie #okCprivacy:hover{background-color:#a0a8ae}

.okcBeginAnimate{
    -webkit-animation: myfirst 2s; 
    animation: myfirst 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
} 

