@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900'); body { margin:70px 0 100px 0; padding:0px; font-family: 'Roboto', sans-serif; } 


/* --- NavBar --- */
.navbar { position:fixed; width:100%; top:0; left:0px; margin:0px; border: none; font-family:'Roboto', sans-serif; box-shadow:none; border-radius:0px; background:#FFF; border-bottom:1px solid #DDD; z-index:2000; } 
.navbar .navbar-brand { padding:15px; } 
.navbar .button { background:none; padding:15px 20px; } 
.navbar li button:hover { opacity:0.93; } 
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active { color:#333; } 
.navbar-default .navbar-nav>li>a:hover { color:#333; opacity:0.9; } 
.navbar-default .navbar-toggle { border:none; } 
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:rgba(0,0,0,0.1); } 
.navbar-default .navbar-toggle .icon-bar { background-color:#0C6; height:3px; border-radius:20px; } 
.navbar-default .social-buttons { float:right; margin-top:22px; height:26px; width:80px; margin-left:4px; overflow: hidden;} 
.navbar-default .social-buttons iframe { border:none !important; overflow: hidden; width:80px; } 
.navbar-default .by-postcron { position:relative; margin-left:8px; top:22px; } 
.nav .nav-item .dropdown-toggle { color:#666; padding: 24px 15px; } 
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background:#FFF; } 
.navbar-nav>li>.dropdown-menu { border:none; min-width:76px; margin-top:1px; } 
.navbar-nav>li>.dropdown-menu .dropdown-item { position:relative; display:inline-block; width:100%; padding:4px 16px; color:#666; } 
.navbar-nav>li>.dropdown-menu .dropdown-item:hover { text-decoration:none; background:#F7F7F7; } 
.navbar-nav .leng { position:relative; display:inline-block; height:16px; margin-right:4px; } 

/* --- Landing --- */
.cont-landing { padding-top:30px; } 
.cont-landing .img-mainview { width:120%; margin-left:-10%; } 
.cont-landing h1 { font-size:20px; margin-top:50px; margin-bottom:2px; font-weight:800; } 
.cont-landing .clime { font-size:12px; margin-top:2px; margin-bottom:10px; color:#888; } 
.cont-landing .title { position:relative; display:inline-block; width:100%; font-size:44px; line-height:52px; margin-top:16px; margin-bottom:10px; font-weight:800; } 
.cont-landing .subtitle { position:relative; display:inline-block; width:80%; font-size:19px; line-height:24px; margin-top:10px; margin-bottom:40px; font-weight:400; } 
.cont-landing .cta { position:relative; display:inline-block; width:70%; text-align:center; font-size:24px; margin-top:10px; background:#0C6; color:#FFF; padding:14px 30px; border-radius:50px; text-decoration:none; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } 
.cont-landing .waves { position:relative; display:inline-block; width:100%; margin:80px 0; } 
.cont-landing .section-tit { position:relative; display:inline-block; width:100%; margin:50px 0 100px 0; text-align:center; font-size:40px; font-weight:600; } 
.cont-landing .section-tit span { color:#0C6; } 

.cont-landing .block-step { position:relative; display:inline-block; vertical-align:top; text-align:center; width:24%; box-sizing: border-box; padding:0 2%; } 
.cont-landing .block-step .num { position:relative; display:inline-block; background:#0C6; font-size:24px; width:50px; height:50px; padding:10px; margin-bottom:20px; text-align:center; line-height:30px; color:#FFF; font-weight:600; border-radius:50px; } 
.cont-landing .block-step img { width:100%; margin-bottom:20px; } 
.cont-landing .block-step .tit { position:relative; display:inline-block; width:100%; margin-bottom:15px; text-align:left; font-size:22px; color:#0C6; } 
.cont-landing .block-step .desc { position:relative; display:inline-block; width:100%; text-align:left; font-size:16px; color:#666; } 
.cont-landing .block-step .desc a { color:#F60; text-decoration:underline; } 
.cont-landing .cta-2 { position:relative; display:inline-block; width:40%; text-align:center; font-size:24px; margin-top:100px; background:#0C6; color:#FFF; padding:14px 30px; border-radius:50px; text-decoration:none; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } 
.cont-landing .cont-ache2 { position:relative; display:inline-block; width:100%; text-align:center; font-size:20px; margin-top:20px; } 
.cont-landing .cont-ache2 h2 { position:relative; display:inline-block; width:auto; font-size:16px; } 
.cont-landing .cont-ache2 span { position:relative; display:inline-block; font-size:16px; } 

.cont-landing .cont-demo { float:left; width:100%; margin:40px 0 20px 0; } 
.cont-landing .cont-demo .img-demo { width:100%; } 
.cont-landing .cont-demo .tit-demo { position:relative; display:inline-block; width:100%; margin:60px 0 40px 0; text-align:left; font-size:46px; line-height:52px; font-weight:800; color:#0C6; } 
.cont-landing .cont-demo .desc-demo { position:relative; display:inline-block; width:100%; text-align:left; font-size:16px; color:#666; } 
.cont-landing .cont-demo .desc-demo a { color:#F60; text-decoration:underline; } 

.cont-landing .block-how { position:relative; display:inline-block; vertical-align:top; text-align:center; width:22%; box-sizing:border-box; padding:30px; margin:1%; box-shadow:0 2px 8px rgba(0,0,0,0.1); border-radius:6px; } 
.cont-landing .block-how:hover { box-shadow:0 8px 50px rgba(0,0,0,0.15); transition:all 1s } 
.cont-landing .block-how .tit { position:relative; display:inline-block; width:100%; height:50px; line-height:26px; margin-bottom:15px; text-align:center; font-weight:bold; font-size:22px; color:#0C6; } 
.cont-landing .block-how img { width:100%; margin-bottom:20px; } 
.cont-landing .block-how .desc { position:relative; display:inline-block; width:100%; height:70px; text-align:left; font-size:16px; color:#666; } 

.cont-landing .content-info { float:left; width:100%; margin:150px 0 60px 0; } 
.cont-landing .content-info .info-ico { position:relative; display:inline-block; width:70px; margin-right:20px; vertical-align:top; } 
.cont-landing .content-info .info-ico img { width:100%; } 
.cont-landing .content-info .info-imagesplitter { position:relative; display:inline-block; font-size:18px; width:85%; margin-bottom:60px; vertical-align:top; color:#666; } 
.cont-landing .content-info .info-imagesplitter a { color:#0C6; } 
.cont-landing .content-info .listing { float:left; width:44%; margin:0 15px 30px 15px; list-style:none; } 
.cont-landing .content-info .listing li { float:left; min-height:30px; line-height:32px; margin-bottom:4px; padding-left:36px; color:#096; background-image:url('../png/icon_list.png'); background-repeat:no-repeat; } 

.cont-landing .tagcloud { float:left; width:100%; margin-top:50px; color:#CCC; text-align:center; } 
.cont-landing .tagcloud .tagA { font-size:1em; margin:0 3px; } 
.cont-landing .tagcloud .tagB { font-size:2em; margin:0 3px; } 
.cont-landing .tagcloud .tagC { font-size:2.3em; margin:0 3px; } 



/* --- Gral --- */
.cont-editor { padding-top:70px; margin-bottom:70px; } 
.block-left { float:left; width:28%; min-height:332px; padding:30px; box-sizing:border-box; background:#FFF; border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,0.2); } 
.block-left .tit { display:inline-block; width:100%; margin-bottom:20px; font-size:28px; color:#066; font-weight:700; } 
.block-left .txt { display:inline-block; width:100%; font-size:14px; color:#666; font-weight:400; } 
.block-left .txt span { color:#0C6; } 
.block-left .cont-butt { display:inline-block; width:100%; margin:20px 0; } 
.block-left .cont-butt .butt { display:inline-block; padding:4px 18px; margin-right:6px; border-radius:50px; background:#DDD; font-size:21px; color:#666; font-weight:900; text-decoration:none; transition:all 0.3s; } 
.block-left .cont-butt .butt:hover { background:#CCC; } 
.block-left .cont-butt .butt.nohover:hover { background:#DDD; } 
.block-left .cont-butt .butt.select, .block-left .cont-butt .butt.select:hover { background:#066; color:#FFF; box-shadow: inset 0 2px 3px rgba(0,0,0,0.3); } 
.block-left .cont-butt .buttModify { display:inline-block; width:34px; height:34px; padding:1px 8px; margin-right:2px; border-radius:50px; background:#CCC; font-size:21px; transition:all 0.3s; } 
.block-left .cont-butt .buttModify:hover { background:#888; } 
.block-left .cont-butt .buttModify:active { background:#096; } 
.block-left .apart { display:inline-block; width:100%; margin:10px 0; border-bottom:1px solid #DDD; } 
.block-left .cont-butt .buttDownload { display:inline-block; width:100%; padding:10px 0; text-align:center; border-radius:50px; background:#0C6; font-size:18px; color:#FFF; font-weight:500; text-decoration:none; transition:all 0.3s; } 
.block-left .cont-butt .buttDownload:hover { background:#096; } 




.separate-img { float:left; width:100%; text-align:center; margin:100px 0; opacity:0.6; } 
.separate-img img { position:relative; display:inline-block; width:86%; } 

.big-tit { float:left; width:100%; text-align:center; font-size:30px; color:#096; } 
.sub-tit { float:left; width:100%; text-align:center; font-size:18px; font-weight:300; color:#666; } 



/* --- How to --- */
.cont-how { margin-top:140px; } 
.cont-how .article-left-menu { float:left; width:100%; padding:15px; margin-bottom:36px; box-sizing:border-box; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,0.2); list-style-type:none; } 
.cont-how .article-left-menu li { float:left; width:100%; padding:6px 0; border-bottom:1px solid #EEE; list-style-type:none; } 
.cont-how .article-left-menu li:last-child { border-bottom:1px solid #FFF; } 
.cont-how .article-left-menu li a { position: relative; display:table; width:100%; text-decoration:none; filter: grayscale(100%); } 
.cont-how .article-left-menu li a.select { filter: grayscale(0%); } 
.cont-how .article-left-menu li a:hover { opacity:0.85; } 
.cont-how .article-left-menu li a img { float:left; width:20%; margin-right:10px; } 
.cont-how .article-left-menu li a span { position:relative; display:inline-block; width:74%; margin-top:1px; height:60px; } 
.cont-how .article-left-menu li a span span { display:table; width:100%; } 
.cont-how .article-left-menu li a span span span { display:table-cell; vertical-align:middle; font-size:18px; font-weight:bold; color:#0C6; } 
.cont-how .article-content { padding:0 30px; } 
.cont-how .article-content h1 { font-size:11px; margin:4px 0; color:#888; } 
.cont-how .article-content h2 { color:#0C6; font-size:38px; margin:6px 0 30px 0; } 
.cont-how .article-content p { font-size:16px; color:#333; } 





/* --- Footer Comercial --- */
.footer-comercial { border-top:1px solid #EFEFEF; padding:80px 0 0 0; margin-top:80px; text-align:center; } 
.footer-comercial .columns { position:relative; display:inline-block; text-align:left; vertical-align:top; width:20%; margin: 0 2% 30px 2%; font-family:'Montserrat', sans-serif; box-shadow:none; } 
.footer-comercial .columns .title { position:relative; display:inline-block; width:100%; color:#666; font-size:14px; text-decoration:none; cursor:default; font-weight:500; } 
.footer-comercial .columns .title i { float:right; color:#CCC; display:none; } 
.footer-comercial .columns .in-column { height:auto; } 
.footer-comercial .columns .in-column .link,
.footer-comercial .columns .in-column span { position:relative; display:inline-block; width:100%; margin-bottom:14px; font-size:13px; color:#888; font-weight:300; } 
.footer-comercial .columns .in-column .social-link { position:relative; display:inline-block; margin:0 1px; border-radius:50px; border:1px solid #777; opacity:0.8 } 
.footer-comercial .columns .in-column .social-link i { width:26px; height:26px; font-size:14px; text-align:center; color:#777; padding:6px 0px; } 
.footer-comercial .columns .in-column .social-link:hover { opacity:1 } 
.footer-comercial .columns .in-column .device-link { position:relative; display:inline-block; width:100%; margin:8px 0; text-align:center; } 
.footer-comercial .columns .in-column .device-link img { width:150px; border-radius:3px; image-rendering:-webkit-optimize-contrast; } 








/* /// --- Media Screen --- /// */

/* LARGE DESKTOP */
@media screen and (max-width:1440px) { } 


/* DESKTOP */
@media only screen and (max-width:1024px) { } 



/* PHONES - TABLETS */
@media only screen and (max-width:768px){
 .nav>li { padding: 14px; } 
 .navbar .navbar-brand { padding:15px 10px; } 
 .navbar .navbar-toggle { padding:15px 10px; } 
 .nav .nav-item .dropdown-toggle { border-top:1px solid #DDD; margin-top: 8px; padding: 24px 15px 4px 15px; } 
 .navbar-default .social-buttons { float:left; height:26px; margin-top:0px; } 

 .cont-landing .img-mainview { width:110%; margin-left:-5%; margin-top:-20px } 
 .cont-landing .title { margin-top:30px; font-size:32px; line-height:38px; } 
 .cont-landing .subtitle { width:100%; } 
 .cont-landing .block-step { width:100%; } 
 .cont-landing .block-how { width:100%; margin-bottom:40px; } 
 .cont-landing .block-how .tit,
 .cont-landing .block-how .desc { height:auto; line-height:normal; } 
 .cont-landing .content-info .info-ico { width:100%; margin:20px 0px; text-align:center; } 
 .cont-landing .content-info .info-ico img { width:50px; } 
 .cont-landing .content-info .info-imagesplitter { font-size:16px; width:100%; margin-bottom:60px; padding:15px; } 
 .cont-landing .content-info .listing { width:90%; } 

 .cont-landing .cta { width:100%; } 
 .cont-landing .section-tit { font-size:36px; margin-top:10px; } 
 .cont-landing .block-step { margin-bottom:60px; } 
 .cont-landing .cta-2 { width:100%; margin-top:20px; } 
 .cont-landing .cont-demo { margin:0 0 20px 0; } 
 .cont-landing .cont-demo .tit-demo { font-size:40px; line-height:44px; } 
 
 
 .separate-img { margin:30px 0; } 
 .big-tit { font-size:22px; } 

 .cont-how { margin-top:100px; } 


.footer-comercial { padding:20px; margin-top:40px; } 
.footer-comercial .columns { width:98%; margin:4px 1%; } 
.footer-comercial .columns .title { font-size:16px; border-bottom:1px solid #EEE; padding:6px 0 12px 0; font-weight:300; } 
.footer-comercial .columns .title i { float:right; display:block; cursor:pointer; } 
.footer-comercial .columns .in-column .device-link img { width:60%; margin:0 20%; } 
 }



/* EXTRA SMALL PHONES */ 
@media only screen and (max-width:480px) { }