/*-------------------------------------------------------------- MOBILE STYLES // MOBILE STYLES // MOBILE STYLES // MOBILE STYLES ---------------------------------------------------------------*/ /*general*/ body{font-family: 'Roboto', sans-serif; color:#2a2b2f; background: #fff;} h1,h2,h3,h4,h5,h6{font-weight:700!important; color: #000;} a:link, a:visited, a:focus {color: #525252;} .light-grey {color: #A0A0A0;} .orange-text {color: #B36E0F;} .mobish {line-height: 23px; font-family: Helvetica;} .mobish1 {font-size: 23px;} .mobish3 {font-size: 17px;} .mobish4 {font-size: 18px;} html body .force-display {display: block !important;} /*header*/ nav {box-shadow: none !important;} .navbar-header {padding-top: 10px; padding-bottom: 10px;} .navbar-brand {margin-top: 10px;} .navbar-collapse .navbar-nav {margin-top: 0; margin-bottom: 0;} .navbar-collapse .navbar-nav > li {padding-left: 9px;} button.navbar-toggle {border: none;} /*productos content*/ li a:focus {font-weight:bold;} /*home content*/ hr {margin-top: 15px !important; margin-bottom: 15px !important; border-top: 1px solid #808080 !important;} .products-row li {text-align: center;} .products-row li:nth-of-type(1) {margin-top: 30px;} .products-row li:nth-of-type(4) {margin-top: 35px;} .moreproducts-row {margin-top: 50px; text-align: center;} .moreproducts-row li:nth-of-type(n+2) {margin-top: 50px;} .moreproducts-row li:nth-of-type(n+2) img {width: 100%;} .Home-page .products-row h2 {font-size: 23px; font-weight: 300 !important;} /*soluciones content*/ .Soluciones-page .first-row div:nth-of-type(2) div:nth-of-type(n+2) {margin-top: 20px;} .Soluciones-page .first-row > hr {margin-top: 0!important;} .Soluciones-page .first-row img {text-align: center; width: 100%;} /*proyectos content*/ .Proyectos-page .second-row, .Proyectos-page .third-row, .Proyectos-page .fourth-row, .Proyectos-page .fifth-row {text-align: center;} .Proyectos-page .second-row, .Proyectos-page .third-row, .Proyectos-page .fourth-row, .Proyectos-page .fifth-row {margin-top: 25px;} .Proyectos-page .third-row div:nth-of-type(n+5) {margin-top: 20px;} .Proyectos-page .first-row .no-display-upto-768 + div div {margin-top: 25px;} .Proyectos-page .first-row .no-display-upto-768 + div div img {width: 100%;} .first-row > .no-display-upto-768 > hr {margin-bottom: 0 !important;} .first-row > .no-display-upto-768 li {border-bottom: 1px solid #808080; padding-top: 12px; padding-bottom: 10px;} .caret, .caret-right {margin-left: 20px;} /*contacto content*/ label {display: block;} input {padding: 10px 15px;} input[type="submit"] {margin-top: 20px; padding: 2px 15px; color: #fff;border: none; background: #777575;} .form .row div:nth-of-type(n+2), .Contacto-page .second-row div:nth-of-type(2) {margin-top: 20px;} /*footer*/ footer {margin-top: 40px; text-align: center;} footer .extra-links a:nth-of-type(1) {margin-right: 10px;} footer .extra-links a:nth-of-type(2) {margin-left: 10px;} .social li {display: inline-block;} footer .social p, footer .footer-right, footer .extra-links {margin-top: 15px;} .social li:nth-of-type(n+2) {margin-left: 20px;} .social-icon {width: 45px; height: 45px; display: block;} .social-icon.googleplus {background: transparent url('../img/googleplus.jpg') 0 0 no-repeat;} .social-icon.twitter {background: transparent url('../img/twitter.jpg') 0 0 no-repeat;} .social-icon.facebook {background: transparent url('../img/facebook.jpg') 0 0 no-repeat;} .social-icon.instagram {background: transparent url('../img/instagram.jpg') 0 0 no-repeat;} /*---------------------------------------------------------------- MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES -----------------------------------------------------------------*/ @media (min-width:500px) { .Proyectos-page .first-row .no-display-upto-768 + div div img {width: 70%;} } @media (min-width:600px) { .Proyectos-page .first-row .no-display-upto-768 + div div img {width: 60%;} } @media (min-width:768px) { /*sm*/ /*header*/ nav {padding-top: 30px; padding-bottom: 30px;} .navbar-header, .navbar-brand {margin-top: 0;} .collapse .nav li {border-left: 1px solid #000;} .collapse .nav li:nth-of-type(5) {border-right: 1px solid #000;} /*content*/ .products-row ul {margin-top: 30px;} .moreproducts-row ul {margin-top: 50px;} .products-row h2 {font-size: 30px;} .products-row li:nth-of-type(1), .products-row li:nth-of-type(4) {margin-top: 0;} .moreproducts-row {margin-top: 0;} .moreproducts-row li:nth-of-type(n+2) {margin-top: 0;} .Soluciones-page .first-row .no-display-upto-768 + div > h4 {margin-top: 0px;} .Proyectos-page h5.vertical-text {transform: rotate(-90deg); transform-origin: left top 0; float: left;} .Proyectos-page .second-row .vertical-text {margin-top: 80px;} .Proyectos-page .third-row .vertical-text {margin-top: 230px;} .Proyectos-page .fourth-row .vertical-text {margin-top: 155px;} .Proyectos-page .fifth-row .vertical-text {margin-top: 127px;} .mln63 {margin-left: -63px;} .mln183 {margin-left: -183px;} .mln167 {margin-left: -167px;} .mln150 {margin-left: -150px;} .mln120 {margin-left: -120px;} .Proyectos-page .first-row .no-display-upto-768 + div div img {width: 100%;} .Proyectos-page .third-row div:nth-of-type(4) {margin-left: -183px;} .Proyectos-page .first-row .no-display-upto-768 + div div div:nth-of-type(5) {margin-left: 0px;} .form .row div:nth-of-type(n+2):not(.mt20), .Contacto-page .second-row div:nth-of-type(2):not(.mt20) {margin-top: 0;} /*footer*/ footer {text-align: left;} footer .social p {margin-top: 15px;} .footer-right {float: right; text-align: right; margin-top: 5px;} .footer-right .extra-links {display: block; margin-top: 25px;} } @media (min-width:992px) { /*md*/ /*header*/ /*content*/ .left-content + div {float: right; width: 66.66666667%;} .left-content p {font-size: 18px; font-weight: 700; color: #333333;} .left-content a {color: #525252; font-size: 14px;} .sorter li {display: inline-block; margin-top: 0;} .sorter li:nth-of-type(n+2) {margin-left: 10px;} .sorter ul {text-align: left;} .total {float: right;} .arrow-controls {top: 90px;} .Proyectos-page .first-row .no-display-upto-768 + div div div:nth-of-type(4) {margin-left: -1px;} .Proyectos-page .first-row .no-display-upto-768 + div div div:nth-of-type(5) {margin-left: -181px;} .Proyectos-page .first-row .no-display-upto-768 + div div div:nth-of-type(8) {margin-left: -2px;} /*footer*/ } @media (min-width:1200px) { /*lg*/ /*header*/ /*content*/ .arrow-controls {top: 110px;} /*footer*/ } #goback { position: absolute; right: 40px; top: 20px; z-index: 100; color: white; font-size: 25px; cursor: pointer; font-weight: bold; }