/* 
==========================================================================
CSS designed for Linx© 
-----------------------
Design and Front-end by J. M. Campos - http://jmcampos.com/portfolio
==========================================================================
*/

/* Stuff */
html {}
body {background: #ebebeb;}
h1, h2, h3, h4, h5, h6, p, li, a {font-family: 'Neo-r', Helvetica, Arial, sans-serif;}

@font-face {font-family: Dosis-b;src: url(Dosis-Bold.otf);}
@font-face {font-family: Dosis-l;src: url(Dosis-Light.otf);}
@font-face {font-family: Dosis-r;src: url(Dosis-Regular.otf);}
@font-face {font-family: Neo-r;src: url(NeoSansPro-Regular.ttf);}
@font-face {font-family: Neo-i;src: url(NeoSansPro-Italic.ttf);}
@font-face {font-family: Neo-l;src: url(NeoSansPro-Light.ttf);}
@font-face {font-family: Neo-b;src: url(NeoSansPro-Bold.ttf);}
.dosis-b {font-family: 'Dosis-b', Helvetica, Arial, sans-serif;letter-spacing: 2px;}
.dosis-l {font-family: 'Dosis-l', Helvetica, Arial, sans-serif;letter-spacing: 2px;}
.dosis-r {font-family: 'Dosis-r', Helvetica, Arial, sans-serif;letter-spacing: 2px;}
.neo-r {font-family: 'Neo-r', Helvetica, Arial, sans-serif;}
.neo-i {font-family: 'Neo-i', Helvetica, Arial, sans-serif;}
.neo-l {font-family: 'Neo-l', Helvetica, Arial, sans-serif;}
.neo-b {font-family: 'Neo-b', Helvetica, Arial, sans-serif;}

.line {display: block;height: 1px; width: 100%; background: rgba(0,0,0,0.4);}
.line.white {background: rgba(255,255,255,0.3);}

.border-radius-01 {border-radius: 50px;}
.box-shadow {box-shadow:10px 20px 60px -10px rgba(0,0,0,0.32);}

.linx-btn {border-radius: 50px; color: #fff;border: none;padding: 5px 22px;text-shadow: none;font-family: 'Dosis-l', Helvetica, Arial, sans-serif;letter-spacing: 2px;-webkit-transform: background 2s ease-in-out;transform: background 2s ease-in-out;}
.linx-btn:hover {background: #60656c;}
.linx-btn-large {font-size: 22px;padding: 8px 40px;}
.linx-btn-buy {background: #00a553;webkit-transition: background 0.75s ease-in-out;transition: background 0.75s ease-in-out;}
.linx-btn-buy:hover {background: #60656c;}
.linx-btn-license {background: #ff9200;}
.linx-btn-new {background: #ea1d2c;}

.bg-01 {background: #5a2d91;}
.bg-02 {background: #2d0037;}
.bg-03 {background: #ffb900;}
.bg-04 {background: #ff9200;}
.bg-05 {background: #60656c;}
.bg-06 {background: #ebebeb;}
.color-01 {color: #5a2d91;}
.color-02 {color: #2d0037;}
.color-03 {color: #ffb900;}
.color-04 {color: #ff9200;}
.color-05 {color: #60656c;}
.color-06 {color: #ebebeb;}

.label {font-size: 14px;padding: 4px 15px;border-radius: 0;padding: 9px 12px 6px;}

.container {width: 1100px;margin: auto;}

::-webkit-input-placeholder {}
::-moz-placeholder {} 
:-ms-input-placeholder {}
input:-moz-placeholder {}

/* Icons */
.icons-large {background: url(../img/set-01-large.png) no-repeat;display: block;width: 220px;height: 220px;}
.icons-large.i01 {background-position: 0 0;}

.icons-medium {background: url(../img/set-01-medium.png) no-repeat;display: block;width: 150px;height: 120px;margin: auto;}
.icons-medium.i01 {background-position: -24px 0;}
.icons-medium.i02 {background-position: -224px 0;}
.icons-medium.i03 {background-position: -424px 0;}
.icons-medium.i04 {background-position: -624px 0;}
.icons-medium.i05 {background-position: -824px 0;}
.icons-medium.i06 {background-position: -24px -150px;}
.icons-medium.i07 {background-position: -224px -150px;}
.icons-medium.i08 {background-position: -424px -150px;}
.icons-medium.i09 {background-position: -624px -150px;}
.icons-medium.i10 {background-position: -830px -150px;}
.icons-medium.i11 {background-position: -24px -300px;}
.icons-medium.i12 {background-position: -224px -300px;}
.icons-medium.i13 {background-position: -424px -300px;}
.icons-medium.i14 {background-position: -624px -300px;}
.icons-medium.i15 {background-position: -832px -300px;}

.icons-medium-fullset {background: url(../img/fullset-icons-medium.png) no-repeat;width: 150px;height: 140px;margin: auto;display: block;}
.icons-medium-fullset.i-functional, .icons-medium-fullset.i-product {width: 100px;height: 80px;display: block;}
.icons-medium-fullset.i-cluster {width: 110px;height: 100px;display: block;}
.icons-medium-fullset.i-functional.i01 {background-position: -40px -15px;}
.icons-medium-fullset.i-functional.i02 {background-position: -220px -15px;}
.icons-medium-fullset.i-functional.i03 {background-position: -400px -15px;}
.icons-medium-fullset.i-functional.i04 {background-position: -597px -15px;}
.icons-medium-fullset.i-functional.i05 {background-position: -793px -15px;}
.icons-medium-fullset.i-functional.i06 {background-position: -978px -15px;}
.icons-medium-fullset.i-functional.i07 {background-position: -1164px -15px;}
.icons-medium-fullset.i-functional.i08 {background-position: -1350px -15px;}
.icons-medium-fullset.i-functional.i09 {background-position: -1540px -15px;}
.icons-medium-fullset.i-functional.i10 {background-position: -1736px -15px;}
.icons-medium-fullset.i-functional.i11 {background-position: -1925px -15px;}
.icons-medium-fullset.i-functional.i12 {background-position: -2117px -15px;}
.icons-medium-fullset.i-functional.i13 {background-position: -42px -162px;}
.icons-medium-fullset.i-functional.i14 {background-position: -224px -162px;}
.icons-medium-fullset.i-functional.i15 {background-position: -400px -162px;}
.icons-medium-fullset.i-functional.i16 {background-position: -597px -162px;}
.icons-medium-fullset.i-functional.i17 {background-position: -793px -162px;}
.icons-medium-fullset.i-functional.i18 {background-position: -978px -162px;}
.icons-medium-fullset.i-functional.i19 {background-position: -1164px -162px;}
.icons-medium-fullset.i-product.i20 {background-position: -1341px -162px;}
.icons-medium-fullset.i-product.i21 {background-position: -1528px -162px;}
.icons-medium-fullset.i-product.i22 {background-position: -1726px -162px;}
.icons-medium-fullset.i-product.i23 {background-position: -1909px -162px;}
.icons-medium-fullset.i-product.i24 {background-position: -2104px -162px;}
.icons-medium-fullset.i-product.i25 {background-position: -32px -350px;}
.icons-medium-fullset.i-product.i26 {background-position: -215px -162px;}
.icons-medium-fullset.i-product.i27 {background-position: -394px -162px;}
.icons-medium-fullset.i-product.i28 {background-position: -577px -350px;width: 120px;}
.icons-medium-fullset.i-product.i29 {background-position: -772px -330px;width: 120px;height: 120px;}
.icons-medium-fullset.i-product.i30 {background-position: -958px -330px;width: 120px;height: 120px;}
.icons-medium-fullset.i-product.i31 {background-position: -1144px -330px;width: 120px;height: 120px;}
.icons-medium-fullset.i-cluster.i32 {background-position: -2100px -532px;}
.icons-medium-fullset.i-cluster.i33 {background-position: -30px -762px;}
.icons-medium-fullset.i-cluster.i34 {background-position: -216px -762px;}
.icons-medium-fullset.i-cluster.i35 {background-position: -388px -762px;}
.icons-medium-fullset.i-cluster.i36 {background-position: -584px -762px;}
.icons-medium-fullset.i-cluster.i37 {background-position: -782px -762px;}
.icons-medium-fullset.i-cluster.i38 {background-position: -964px -762px;}
.icons-medium-fullset.i-cluster.i39 {background-position: -1146px -762px;}
.icons-medium-fullset.i-cluster.i40 {background-position: -1336px -762px;}
.icons-medium-fullset.i-cluster.i41 {background-position: -1526px -762px;}
.icons-medium-fullset.i-cluster.i42 {background-position: -1720px -762px;}
.icons-medium-fullset.i-cluster.i43 {background-position: -1908px -762px;}


/* Header */
header {}
.header-linx-04 {height: 90px;width: 100%;background: #2a2a2a;margin-top: -2px;position: relative;z-index: 2;}
.logo {margin: 4px 0;float: left;}
.header-linx-04  nav {float: right;height: 90px;}
.header-linx-04  nav.mobile {display: none;}
.header-linx-04  nav ul.nav-linx {height: 90px;margin: 0;line-height: 92px;float: left;}
.header-linx-04  nav ul.nav-linx li {display: inline-block;height: 100%;}
.header-linx-04  nav ul.nav-linx li a {margin: auto 14px;font-size: 18px;color: #fff;font-family: 'Neo-l', Helvetica, Arial, sans-serif;display: block;}
.header-linx-04  nav ul.nav-linx li.linx-btn-buy a:hover {text-decoration: none;}

.header-linx-04  nav ul.nav-linx li .dropdown {height: 100px;pa}
.header-linx-04  nav ul.nav-linx li .dropdown button {background: none;border: none;color: #fff;font-size: 18px;}
.header-linx-04  nav ul.nav-linx li .dropdown button:focus {outline: none;}
.header-linx-04 .dropdown-menu {border-radius: 0;padding: 0 0 30px 0;height: auto;line-height: 100%;top: 70%;border: 0;}
.header-linx-04 .open>.dropdown-menu li {height: auto;width: 100%;padding: 0;;text-align: center;border-bottom: 1px dashed #ddd;}
.header-linx-04 .open>.dropdown-menu li a {color: #333;font-family: 'Neo-r', Helvetica, Arial, sans-serif;margin: 0;width: 100%;padding: 8px 20px 6px;}
.header-linx-04 .open>.dropdown-menu li:hover {background: #60656c;color: #fff; -webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.header-linx-04 .open>.dropdown-menu li a:hover {background: none;color: #fff;}
.header-linx-04  nav ul li.products {display: inline-table;}

.header-linx-04  nav ul li.linx-btn-buy {height: 88px;}

.header-linx-04  nav .search-box {float: left;width: 200px;margin-left: 30px;padding: 30px 0;}
.header-linx-04  nav .search-box form {position: relative;}
.header-linx-04  nav .search-box input {position: relative;padding: 6px 6px 6px 12px;font-size: 14px;border: none;width: 100%;height: auto;}
.header-linx-04  nav .search-box input:focus {outline: none;/*width: 90%;position: fixed;left: 0;right: 0;box-shadow: 0 10px 100px 20px #111;margin: auto;font-size: 30px;text-indent: 22px;-webkit-transition: position 1s ease-in-out, width 1s ease-in-out;*/}
.header-linx-04  nav .search-box button {width: 40px;position: absolute;top: 0;bottom: 0;right: -1px;border: none;background: none;}
.header-linx-04  nav .search-box button:hover {background: #ff9200;border-radius: 0 50px 50px 0;}
.header-linx-04  nav .search-box button:hover .glyph-item {background-color:#ff9200;}

/* Hero */
.hero {background: url(../img/bg-01.jpg) 50% 50% / cover;height: 325px;}
.hero h1 {width: 48%;float: left;padding-top: 60px;font-size: 30px;line-height: 128%;text-align: center;}

/* Ideal */
.ideal {height: 580px;}
.ideal .carousel-inner {height: 100%;}
.ideal .carousel-inner .item {height: 100%;}
.ideal .line {background: rgba(0,0,0,0.1);margin: 10px 0;}

.ideal .ileft, .ideal .iright {width: 50%;float: left;height: 100%;position: relative;display: block;background: #fff;}
.ideal .ileft {background: #333 50% 50% / cover;}
.ideal .iright {padding: 40px 0 20px 72px;}
.ideal-01, .ideal-02, .ideal-03 {height: 100%;position: relative;}
.ideal .emblem {height: 288px;width: 288px;display: block;background: #333 no-repeat 50% 50% / 100% 100%;position: absolute;right: -32px;bottom: 40px;box-shadow: 10px 18px 40px -4px rgba(0,0,0,0.4);z-index: 1;}
.ideal .ibusiness {font-size: 23px;text-transform: uppercase;padding-top: 40px;}
.ideal .iname {font-size: 48px;line-height: 100%;padding-top: 0;padding-right: 20px;}
.ideal .iname a {color: inherit;}
.ideal .ishort {font-size: 26px;padding: 30px 20% 30px 0;color: #111;line-height: 122%;}

.ideal .carousel-control.left, .ideal .carousel-control.right {background: none;}
.ideal .glyphicon-chevron-right:before, .ideal .glyphicon-chevron-left:before {color: #111;}

.ideal-01 {}
.ideal-02 {}
.ideal-03 {}

/* Boxes */
.boxes {}
.boxes > h2 {text-align: center;padding: 22px;}
.boxes .box {height: 380px;width: 50%;display: block;position: relative;background: #333 no-repeat 50% 50% / cover;float: left;}
.boxes .box:after {content:" ";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;background: rgba(45,0,55,0.62);box-shadow: inset 0 0 90px 10px rgba(0,0,0,0.4);}
.boxes .info {z-index: 2;position: absolute;top: 0;bottom: 0;right: 0; text-align: center;padding: 30px;width: 100%;-webkit-transition:all 0.55s ease-in-out;-ms-transition:all 0.75s ease-in-out;-moz-transition:all 0.75s ease-in-out;transition:all 0.75s ease-in-out;}
.boxes .info .emblem {width: 100px;height: 100px;box-shadow: 0 5px 12px -4px rgba(0,0,0,0.52);display: block;margin: 0 auto;margin-top: 10px;}
.boxes .info .emblem img {width: 100%;height: 100%;}
.boxes .info .name {color: #fff;font-size: 26px;padding-top: 20px;line-height: 120%;-webkit-transition: all 1.6s ease-in-out;}
.boxes .info .name a {color: inherit;}
.boxes .info .short {color: #fff;font-size: 16px;padding: 20px 20%;}
.boxes .info .line {width: 40%;margin: auto;}
.boxes .info .linx-btn {margin-top: 20px;}
.boxes .box .arrow {width: 20px; height: 20px; display: none;position: absolute;top: 0;bottom: 0;left: -10px;z-index: 5;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;background: #fbfbfb;}

.boxes .box:hover {box-shadow: 0 0 60px -10px rgba(0,0,0,0.6);}
.boxes .box:hover .arrow {display: block;}
.boxes .box:hover:after {background: none; -webkit-transition: background 2s;-ms-transition: background 2s;-moz-transition: background 2s;transition: background 2s;}
.boxes .box:hover .info {position: absolute;top: 0;right: 0;bottom: 0;width: 50%;background: #fbfbfb;padding: 10px;}
.boxes .box:hover .info .name, .boxes .box:hover .info .short {color: #333;}
.boxes .box:hover .info .name {font-size: 20px;line-height: 114%;-webkit-transition:color 3s;-moz-transition:color 3s;-ms-transition:color 3s;transition:color 3s;}
.boxes .box:hover .info .emblem {margin-top: 10px;}
.boxes .box:hover .info .short {font-size: 14px;padding: 12px 10%; -webkit-transition:color 3s;-moz-transition:color 3s;-ms-transition:color 3s;transition:color 3s;}
.boxes .box:hover .info .line {background: rgba(0,0,0,0.2);}

/* Testimonials */
.testis {min-height: 820px;position: relative;margin-top: 32px;height: 100vh;}
.testis .left, .testis .right {width: 50%;height: 100%;position: absolute;}
.testis .left {left: 0;background: #fff;}
.testis .right {right: 0;}
.testis .left .container {width: 550px;margin: 0;float: right;padding: 40px 30px 40px 0;}
.testis .right .container {width: 550px;margin: 0;float: left;padding: 40px 30px 40px 0;}

.testis .left ul {}
.testis .left li {list-style: none;margin: 30% 0;height: 40%;}
.testis .line {background: rgba(0,0,0,0.14);}
.testis .left .face {width: 168px;height: 168px;display: block;background: #fff 50% 50% / cover;border-radius: 100px;border: 0;float: left;}
.testis .left .stars {float: left;clear: both;width: 100%;}
.testis .left .stars .glyphicon {font-size: 36px;margin-bottom: 20px;}
.testis .left .text {float: left; margin-left: 20px;width: 265px;padding-top: 20px;}
.testis .left .text p {font-size: 16px;color: #565656;}
.testis .left .text h5 {text-transform: uppercase;color: #898989;}

.testis .right .speak {width: 390px;display: block;height: 165px;margin: auto;box-shadow: 10px 20px 50px -10px rgba(0,0,0,0.3);position: relative;padding: 20px;text-align: center;color: #fff;font-size: 90px;line-height: 100%;margin-top: 80px;}
.testis .right .speak .shops {font-size: 20px;line-height: 0px;position: relative;top: -57px;}
.testis .right .triangle {width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 90px solid #5a2d91 ;margin: auto;position: absolute;right: 0;left: 0;top: 165px;}
.testis .right .circle {width: 270px;height: 270px;display: block;border-radius: 200px;background: #333 50% 50% / cover;margin: 50px auto;box-shadow: 0 0 0 10px rgba(255,255,255,0.1);border: 10px solid #ffc630;}
.testis .right .product {margin: auto;color: #fff;font-size: 35px;text-align: center;}
.testis .right .product a {color: inherit;}

/* Footer */
footer {padding-bottom: 0;}
footer nav {padding: 40px 0 10px;}
footer ul {text-align: center;}
footer nav li {display: inline-block;list-style: none;text-align: center;margin: 10px;}
footer nav li a, footer nav li .dropdown {color: #444;font-size: 18px;}
footer nav li .dropdown button {border: 0; background: none;}

.social-icons {text-align: center;padding: 0;margin-bottom: 20px;}
.social-icons li {display: inline-block;}
.social-icons li a {width: 30px;height: 30px;display: block;border-radius: 20px;color: #fff;font-size: 22px;background: url(../img/social-icons.png) 0 0 no-repeat;}
.social-icons li a.web {background-position: 0 0;}
.social-icons li a.web:hover {background-position: 0 -31px;}
.social-icons li a.instagram {background-position: -39px 0;;}
.social-icons li a.instagram:hover {background-position: -39px -32px;}
.social-icons li a.pint {background-position: -85px 0;}
.social-icons li a.pint:hover {background-position: -85px -32px;}
.social-icons li a.youtube {background-position: -131px 0;}
.social-icons li a.youtube:hover {background-position: -131px -32px;}
.social-icons li a.facebook {background-position: -178px 0;}
.social-icons li a.facebook:hover {background-position: -178px -32px;}
.social-icons li a.twitter {background-position: -223px 0;}
.social-icons li a.twitter:hover {background-position: -223px -32px;}

p.copyright {background: #e1e1e1; text-align: center;padding: 20px 0 40px;margin: 0;}

/*==========================================================================
==========================================================================*/
/* Novidades */
#news {background: #fff;}
#news .hero {height: 416px;background: url(../img/bg-news.jpg) 50% 50% / cover;}
#news .hero h1 {font-size: 52px;}
#news .hero .linx-btn {clear: both;box-shadow: 10px 20px 50px -10px rgba(0,0,0,0.5);float: left;margin: 20px 0;position: relative;z-index: 2;}

#news .hero2 {height: 302px;background: url(../img/linx-microvix-tef-lg.jpg) 0 0 no-repeat;}
#news .hero2 .container {margin: 0;padding: 0;background: url(../img/bg-news-wall.jpg) 300px 0 no-repeat;width: 100%;height: 100%;}
#news .hero2 .right {height: 100%; width: 50%; float: right;padding: 60px 80px 40px 80px;}
#news .hero2 h2 {font-size: 44px;text-transform: uppercase;}
#news .hero2 h2 a {color: inherit;}
#news .hero2 h3 {font-size: 21px;line-height: 125%;}

.products-list {}
.products-list .container {width: 100%;padding: 0;}
.products-list .left {width: 50%;float: left;border-right: 1px solid #ddd;}
.products-list .right {width: 50%;float: left;border-left: 1px solid #ddd;}

.products-list .panel-group {margin-bottom: 0;}
.products-list .panel-group .panel-title {text-transform: uppercase;}
.products-list .panel-group .panel-title a {width: 100%;display:block;font-size: 20px;line-height: 40px;}
.products-list .panel-group .panel-title a:hover {}
.products-list .panel-group .panel {margin: 0;border: none;}
.products-list .panel-group .panel-heading {background: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-radius: 0;}
.products-list .panel-group .panel-heading:hover, .products-list .panel-group .panel-heading:focus {background:#eee;text-decoration: none;}
.products-list .panel-group .panel-heading:hover a, .products-list .panel-group .panel-heading:focus a, .products-list .panel-group .panel-heading:active, .products-list .panel-group .panel-heading:visited {text-decoration: none;}

.products-list .panel-group .panel-body {}
.products-list .panel-group .panel-body .p-left {width: 42%;margin-right: 4%;float: left;max-width: 280px;}
.products-list .panel-group .panel-body .p-right {width: 50%;margin-right: 4%;float: left;}
.products-list .panel-group .panel-body .emblem {}
.products-list .panel-group .panel-body .emblem img {width: 100%;}
.products-list .panel-group .panel-body .linx-btn {margin: 36px auto; display: block;font-size: 18px;}
.products-list .panel-group .panel-body .line {background: rgba(0,0,0,0.12);}
.products-list .panel-group .panel-body .name {font-size: 42px;text-transform: uppercase;margin-bottom: 20px;line-height: 114%;}
.products-list .panel-group .panel-body .name a {color: inherit;}
.products-list .panel-group .panel-body .desc {font-size: 22px;line-height: 132%;margin-bottom: 28px;}
.products-list .panel-group .panel-body .desc p {line-height: 125%;}
.products-list .panel-group .panel-body .desc .read-more {font-size: 12px;color: #fff;padding: 7px 8px 4px;margin-top: 10px;float: left;line-height: 100%;}
.products-list .panel-group .panel-body .desc .read-more:hover {opacity: 0.8;text-decoration: none;}
.icons-ul {position: relative;padding: 0;}
.icons-ul li {list-style: none;position: relative;margin: 0 0 -32px 0;}
.icons-ul li .icon {font-size: 32px;width: 18%;top: 17px;position: relative;color: #888;}
.icons-ul li p {position: relative;left: 20%;top: -32px;padding-right: 20%;min-height: 60px;}

#news.news-alt {}
#news.news-alt .hero {height: 100vh;background: url(../img/bg-news-alt.jpg) 50% 50% / cover;margin-bottom: -90px;}
#news.news-alt .hero h1 {padding-top: 120px;width: 50%;text-transform: uppercase;line-height: 130%;}
#news.news-alt .hero.hero2 {height: 300px;margin: 0;}

/*==========================================================================
==========================================================================*/
/* Soluções */
#news.solutions .hero {background-image: url(../img/bg-solutions.jpg);height: 472px;max-height: 42vh; background-attachment: fixed;}
#news.solutions .hero h1 {color: #fff;text-align: center;width: 100%;padding-top: 6%;}
#news.solutions .hero .softwares {margin: auto;display: block;text-align: center;margin: 10px 20%;}
#news.solutions .hero .softwares h3 {font-size: 18px;color: #eee;line-height: 140%;padding-top: 20%;}

/*==========================================================================
==========================================================================*/
/* Compre Agora */
.buy-now {}
.buy-now .buy-now-bg {min-height: 100vh;background: url(../img/bg-buy-now.jpg) 50% 50% / cover;background-attachment: fixed;}
.buy-now .buy-now-bg .form {width: 90%;background: #fff;margin: 90px auto;box-shadow: 4px 20px 60px -10px rgba(0,0,0,0.8);}
.buy-now .buy-now-bg .form .container {width: 100%;height: 100%;padding: 10%;box-shadow: inset 0 0 100px -10px rgba(0,0,0,0.5);text-align: center;}
.buy-now .buy-now-bg .form h1 {}
.buy-now .buy-now-bg .form h4 {font-size: 20px;line-height: 132%;padding: 10px 8%;}
.buy-now .buy-now-bg .form-inline .form-group {width: 49.5%;}
.buy-now .buy-now-bg .form-inline .form-group input {width: 100%;}
.buy-now .buy-now-bg .form input, .buy-now .buy-now-bg .form textarea {color: #222;font-size: 15px;border-radius: 20px;line-height: 120%;padding: 12px 15px 8px;height: auto;}
.buy-now .buy-now-bg .form textarea {width: 100%;min-height: 100px;border: 1px solid #ccc;}
.buy-now .buy-now-bg form .sel-w {position: relative;height: 40px;margin-bottom: 18px;}
.buy-now .buy-now-bg form .sel-w  select {width: 100%;border: 0;border-radius: 0;padding: 10px;color: #fff;text-align: left;margin-bottom: 18px;position: absolute;top: 0;
bottom: 0;left: 0;right: 0;padding: 0 30px;width: 96%;margin: auto;}
.buy-now .buy-now-bg form .linx-btn {text-transform: uppercase;min-width: 60%;}
.buy-now .buy-now-bg .line {margin: 32px auto;background: rgba(0,0,0,0.12);}

/*==========================================================================
==========================================================================*/
/* Produtos */
#softwares {background: #fff;}
@-webkit-keyframes s-hero { from {height:60px;} to {height:180px;}}
@keyframes s-hero { from {height:60px;} to {height:180px;}}
#softwares .hero {height: 180px;background: url(../img/bg-softwares.jpg) no-repeat 50% 50% / cover;/*-webkit-animation:s-hero 1.8s ease-out;animation:s-hero 1.8s ease-out;*/}
#softwares .hero:after {background: none;}
#softwares .main {width: 100%;}
#softwares .main .left, #softwares .main .right {width: 50%;float: left;}
#softwares .main .left .image {width: 100%;height: 100%;display: block;position: relative;bottom: 40px;}
#softwares .main .left .image.box-shadow {box-shadow: 18px 30px 84px -10px rgba(0,0,0,0.5);}
#softwares .main .left .image .img {width: 100%;height: auto;min-height: 500px;display: block;background: #333 50% 50% / cover;}
#softwares .main .left .below {height: 132px;width: 100%;background: url(../img/bg-image-below.jpg) 100% 100%;display: block;margin-top: -40px;position: relative;}
#softwares .line {background: rgba(0,0,0,0.12);margin: 32px 0;}
#softwares .main .left .below .icon {padding: 40px 28px;float: left;}
#softwares .main .left .below .number {color: #fff;font-size: 24px;line-height: 120%;padding-top: 30px;}
#softwares .main .left .below .number span {font-size: 46px;}

#softwares .main .right {padding: 40px 0 20px 60px;position: relative;}
#softwares .main h1 {font-size: 34px;padding-right: 160px;text-transform: uppercase;}
#softwares .main h2 {padding-right: 160px;line-height: 120%;}
#softwares .main h4 {line-height: 148%;font-size: 21px;}
.buy-the-thing {width: 156px;height: 156px;display: block;border-radius: 100px;text-align: center;line-height: 130%;text-transform: uppercase;padding: 22px 0;font-size: 19px;font-family: 'Neo-l', Helvetica, Arial, sans-serif;}
.buy-the-thing:hover {color: #fff;text-decoration: none;}
.buy-the-thing:focus {color: #fff;box-shadow: 0 0 20px -4px rgba(0,0,0,0.4);outline: none;}
.buy-the-thing span {font-size: 38px;margin-bottom: 10px;}
#softwares .main .buy-the-thing {position: absolute;top: 40px;right: 0;}

#softwares .main .bottom {width: 100%;margin: 40px auto;float: left;}
#softwares .main .bottom .line {margin: 15px auto;}
#softwares .main .bottom .emblem {width:32%;float: left;}
#softwares .main .bottom .plus {width: 68%;float: left;}
#softwares .main .bottom .plus ul {width: 48%;float: left;margin-right: 1%;}
#softwares .main .bottom .plus ul li {margin-bottom: 12px;font-size: 16px;line-height: 160%;}

.tour {min-height: 200px;}
.tour h3 {text-align: center;color: #fff;padding: 32px;}
.tour .carousel {padding-bottom: 80px;}
.tour .carousel .carousel-inner {}
.tour .carousel .carousel-inner .item {width: 90%;margin: auto;padding-bottom: 72px;}
.tour .carousel .carousel-inner .item img {margin: auto;border: 5px solid #fff;box-shadow: 8px 20px 30px -8px rgba(0,0,0,0.8);}
.tour .carousel .carousel-inner .item .carousel-caption {bottom: -30px;}
.tour .carousel .carousel-control {width: 84px;height: 84px;display: block;background: url(../img/soft-arrows.png) no-repeat;opacity: 1;box-shadow: 0 10px 30px -4px rgba(0,0,0,0.4);}
.tour .carousel .carousel-control:hover {opacity: 0.88;}
.tour .carousel .carousel-control.left {background-position: 0 0;left: 46px;top: 140px;}
.tour .carousel .carousel-control.right {background-position: right 0; right: 46px;top: 140px;}

.benefits {padding: 40px 0;text-align: center;}
.benefits h2 {font-size: 46px;}
.benefits .box-wrapper {width: 100%;}
.benefits .box {width: 33.33%;height: auto;float: left;padding: 50px;}
.benefits .box h3 {line-height: 138%;}

#softwares .testis {height: 520px;width: 100%;background: url('../img/testis-bg.jpg') no-repeat 50% 50% / cover;min-height: 0;text-align: center;padding: 40px 0;background-attachment: fixed;}
#softwares .testis .frame {background: #fff;height: 342px;display: block;margin: 22px auto;box-shadow: 5px 20px 50px -8px rgba(0,0,0,0.8);}
#softwares .testis .frame .photo {width: 28%;height: 100%;background: #333 50% 50% / cover;float: left;}
#softwares .testis .frame .text {width: 72%;height: 100%;float: left;padding: 25px 40px;text-align: left;box-shadow: inset 0 0 60px -5px rgba(0,0,0,0.4);}
#softwares .testis .frame .text .stars {font-size: 35px;}
#softwares .testis .frame .text .name {font-size: 28px;text-transform: uppercase;letter-spacing: 1px;}
#softwares .testis .frame .text .name .title {font-size: 18px;position: relative;top: 4px;}
#softwares .testis .frame .text p {padding: 0;font-size: 20px;}
#softwares .testis .frame .line {margin: 16px 0;}

.try-also {text-align: center;padding: 50px 0;}
.try-also h2 {font-size: 32px;}
.try-also .boxing {width: 100%;margin: 50px auto;text-align: center;}
.try-also .box {width: 280px;background: #fff;min-height: 540px;padding-bottom: 40px;border: 1px solid #ddd;display: inline-table;margin: 0 12px 20px;position: relative;}
.try-also .box .emblem {width: 100%;}
.try-also .box .emblem img {width: 100%;}
.try-also .box .name {text-transform: uppercase;padding: 25px 20px 4px;font-size: 22px;min-height: 90px;line-height: 125%;}
.try-also .box .name a {color: inherit;}
.try-also .box p {padding: 0 20px 22px;font-size: 16px;}
.try-also .box .more {padding: 8px 20px; color: #fff;position: absolute;bottom: 20px;left: 0;right: 0;width: 120px;margin: auto;}
#softwares .try-also .box .line {margin: 10px auto;}

/* Login Screen */
#login {min-height: 100vh;height:100vh;background: url(../img/bg-login-3.jpg) 50% 50% / 100% 100%;color: #fff;}

#login .header-linx-04 {background: none;}
#login .header-linx-04 .logo {display: block;margin: 25px auto;text-align: center;float: none;}

#login footer {display: none;}

#login .buy-now-bg {background: none;min-height: 0;}
#login .content {width: 60%;min-width: 480px;margin: auto;}
#login .content .container {width: 100%;}
#login .form {background: none;box-shadow: none;}
#login .buy-now-bg .form h4 {text-align: center;padding: 10px 14%;}
#login .buy-now-bg form .linx-btn {display: block;margin: auto;}
#login .buy-now-bg .form input {margin-bottom: 22px;}
#login .buy-now-bg .line {background: rgba(255,255,255,0.18);}
















/*
==========================================================================
==========================================================================
==========================================================================
==========================================================================
==========================================================================
*/

/* Media Queries */
@media screen and (max-width: 1100px) {
    body {}
    .container {width: 100%;padding: 0;}
    
    /* Header */
    .header-linx-04 nav .search-box {display: none;}
    .logo {margin-left: 20px;}
    
    /* Hero */
    .hero h1 {margin-left: 20px;}
    
    /* Ideal */
    .ideal {}
    .ideal .ibusiness {font-size: 20px;padding-top: 20%;}
    .ideal .iname {font-size: 48px;}
    .ideal .ishort {font-size: 24px;}
    
    /* Testis */
    .testis {background: #fff;}
    .testis .left, .testis .right {width: 100%;position: relative;height: auto;}
    .testis .right {background:#ff9200;}
    .testis .left .container, .testis .right .container {width: 100%;}
    .testis .left .text {width: 100%;text-align: center;padding: 20px;margin: 0;}
    .testis .left .face {margin: auto;float: none;}
    
    /* Novidades */
    .products-list .container {width: 100%;}
    .products-list>.right {width: 100%;}
    .products-list .panel-group .panel-body .p-right {width: 100%;}
    .products-list .panel-group .panel-body .p-right .name, .products-list .panel-group .panel-body .p-right .desc {text-align: center;}
    .products-list .panel-group .panel-body .desc .read-more {float: none;}
    .products-list .panel-group .panel-body .p-left {width: 100%;float: none;margin: 20px auto;}
    
    #softwares .testis {height: auto;}
    #softwares .testis .frame {width: 90%;height: auto;display: inline-table;position: relative;}
    #softwares .testis .frame .photo {position: absolute;top: 0;right: 0; width: 35%;}
    #softwares .testis .frame .text {width: 65%;}
    #softwares .testis .frame .text .name {height: auto;padding-bottom: 20px;}
    #softwares .testis .frame .text .name .title {float: left;}
    
    #news .hero2 .container {background: url(../img/bg-news-wall.jpg) 0 0 no-repeat;}
    #news .hero2 .right {width: 64%;}
    
    /* Soluções */
    #news {}
    #news .content {}
    
    /* Softwares */
    #softwares {}
    #softwares .container {width: 100%;}
    #softwares .main .left, #softwares .main .right {width: 90%;float: none;margin: auto;display: block;max-width: 599px;text-align: center;}
    #softwares .main .right {padding: 8px;}
    #softwares .main h2, #softwares .main h1 {text-align: center;padding: 10px;}
    #softwares .main .buy-the-thing {position: fixed;margin: 0;bottom: 0;right: 0;top: initial;border-radius: 100px 0 0 0;padding: 40px 0 0 20px;z-index: 5;box-shadow: 0 0 60px -5px #444;}
    #softwares .main .bottom .emblem {margin: auto;float: none;}
    #softwares .main .bottom .emblem img {width: 100%;}
    #softwares .main .bottom .plus {float: none;margin: auto;width: 90%;}
    #softwares .main .bottom .plus h3 {text-align: center;padding-top: 34px;}
    #softwares .line {margin: 20px auto;}
    .benefits .box {width: 90%;float: none;margin: auto;padding: 30px;}
    .try-also .box {display: block;margin: 20px auto;}
    #softwares .main .left .below .number {text-align: left;}
}

@media screen and (max-width: 920px) {
    /* Hero */
    .hero h1 {font-size: 26px;width: 60%;}
    
    /* Boxes */
    .boxes .box {width: 100%;}
    
    .testis .left, .testis .right {height: auto;}
    
    /* Novidades */
    .products-list .panel-group .panel-body .linx-btn .vanish {display: none;}
    #softwares .main .left .below .number {font-size: 16px;line-height: 160%;}
    #softwares .main .left .below .number span {font-size: 34px;}
    
    #news .hero2 .right {width: 55%;}
    #news .hero2 h2 {font-size: 38px;}
    #news .hero2 h3 {font-size: 18px;}
    
    .products-list .panel-group .panel-title a {font-size: 18px;}
    
    /* Software */
    #softwares .hero {height: 140px;}
    #softwares .main .right {border: 1px solid #ddd;width: 82%;padding: 40px;margin-top: -260px;background: #fafafa;}
    #softwares .main .left .below {display: none;}
}

@media screen and (max-width: 720px) {
    /* Header */
    .header-linx-04 {height: 78px;}
    .logo img {width: 82px;}
    .header-linx-04 nav {display: none;}
    .header-linx-04 nav.mobile {display: block;padding: 20px;border: none}
    .header-linx-04 nav.mobile .dropdown-menu {width: 100%;position: fixed;top: 70px;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.9);}
    .header-linx-04 nav.mobile .dropdown-menu li {border-bottom: 1px solid rgba(255,255,255,0.15);text-align: left;}
    .header-linx-04 nav.mobile .dropdown-menu li a {color: #fff;font-size: 18px;}
    .header-linx-04 nav.mobile .dropdown button {border: 1px solid #fff;background: none;border-radius: 0;color: #fff;font-size: 18px;}
    
    /* Hero */
    .hero {background: url(../img/bg-01.jpg) 100% 50% / cover;position: relative;}
    .hero:after {background: rgba(0,0,0,0.5);position: absolute;content: " ";top: 0;bottom: 0;left: 0;right: 0;}
    .hero h1 {width: 80%;margin: auto;text-align: center;font-size: 32px;float: none;position: relative;color: #fff;z-index: 1;padding-top: 12%;}
    .hero h1 a {color: #ffb900;}
    
    .ideal {min-height: 720px;height: 100vh;text-align: center;}
    .ideal .ileft, .ideal .iright {width: 100%;height: 50vh;position: relative;float: none;}
    .ideal-01, .ideal-02, .ideal-03 {min-height: 100vh;}
    .ideal .iright {width: 88%;margin: -40px auto 0;padding: 20px;min-height: auto;}
    .ideal .ibusiness {padding-top: 10px;}
    .ideal .ishort {padding: 30px 0;}
    .ideal .emblem {display: none;}
    
    /* Home */
    .testis {height: auto;}
    .testis .right {display: none;}
    
    /* Novidades */
    .products-list .left, .products-list .right {width: 100%;overflow: hidden;}
    #news .hero {background-size: cover;}
    #news .hero .linx-btn {margin: auto;margin: 40px;float: none;display: block;}
    #news .hero2 .right {position: relative;z-index: 2;color: #fff;width: 100%;}
    #news .hero2 h3 {color: #eee;}
    
    /* Softwares */
    #softwares {}
    #softwares .main .bottom .plus ul {width: 92%;}
    
    #softwares .testis .frame .photo {display: none;}
    #softwares .testis .frame .text {width: 100%;}
}

@media screen and (max-width: 540px) {
    /* Hero */
    .hero h1 {font-size: 24px;}
    
    /* Home */
    .ideal .ibusiness {font-size: 14px;}
    .ideal .iname {font-size: 30px;}
    .ideal .ishort {font-size: 17px;line-height: 140%;}
    .linx-btn-large {font-size: 16px;}
    
    /* Novidades */
    #news .hero {height: 100vh;}
    #news .hero h1 {font-size: 40px;padding-top: 25%;}
    #news .hero2 .right {padding: 36px;text-align: center;padding-top: 50%;}
    #news .hero2 h2 {font-size: 26px;}
    #news .hero2 h3 {font-size: 18px;}
    #news .hero2 .container {background: none;}
    
    .label {font-size: 9px;}
    
    .products-list .panel-group .panel-body .p-right {overflow: hidden;}
    .products-list .panel-group .panel-title a {font-size: 17px;}
    .products-list .panel-group .panel-body .name {font-size: 28px;}
    .products-list .panel-group .panel-body .desc p {font-size: 18px;line-height: 140%;}
    
    /* Soluções */
    #news.solutions .hero {height: 50vh;}
    #news.solutions .hero:after {background: rgba(0,0,0,0.1);}
    #news.solutions .hero h1 {font-size: 42px;padding-top: 40%;}
    #news.solutions .hero .softwares {display: none;}
    
    /* Software */
    .tour .carousel .carousel-inner .item .carousel-caption {height: 110px;}
    .tour .carousel .carousel-control {display: none;}
    #softwares .main .buy-the-thing {width: 100%;height: 60px;border-radius: 0;font-size: 12px;padding: 10px 20px;}
    .buy-the-thing span {font-size: 18px;}
    #softwares .main .right {padding: 20px;margin-top: -200px;}
    #softwares .main h1 {font-size: 22px;}
    #softwares .main h2 {font-size: 18px;}
    #softwares .main h4 {font-size: 15px;}
    #softwares .main .left .image {bottom: 120px;}
    #softwares .main .left .image .img {min-height: 240px;}
    
    .benefits .box {padding: 12px;}
    .benefits .box h3 {font-size: 20px;}
    
    #softwares .testis .frame .text .stars {font-size: 30px;}
    
    #softwares .testis .frame .text .name {font-size: 24px;line-height: 120%;display: flex;}
    #softwares .testis .frame .text .name .title {font-size: 12px;line-height: 120%;}
    #softwares .testis .frame .line {display: none;}
    #softwares .testis .frame .text p {font-size: 16px;margin-top: 30px;}
    
    /* Buy */
    .buy-now .buy-now-bg .form .container {padding: 26px;}
    
    /* Login */
    #login .content {max-width: 320px;min-width: 0;width: 320px;}
    #login .buy-now-bg .form {width: 100%; margin: 0 ;}
    #login .buy-now-bg .form h4 {font-size: 17px;}
}

@media screen and (max-width: 340px) {
    /* Novidades */
    .products-list .panel-group .panel-title a {font-size: 14px;}
}









