/* * Template Name: Appkit Landing - Responsive Website Template for Developers * Version: 1.0 * Author: Xiaoying Riley * Website: http://themes.3rdwavemedia.com/ * Twitter: @3rdwave_themes * License: Creative Commons Attribution 3.0 License */
/* Theme default */
 h1,h2,h3,h4,h5{
     font-family: 'Bebas Neue', cursive;
}
 body {
     font-family: 'Montserrat', sans-serif;
     color: #494d55;
     font-size: 14px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     max-width: 1440px;
     margin: 0 auto;
}
 p {
     margin-bottom: 5px;
     line-height: 1.5;
}
 hr{
     border-top: 0px solid #eee;
}
 a {
     color: #3aa7aa;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}
 a:hover {
     text-decoration: underline;
     color: #339597;
}
 a:active {
     text-decoration: none;
}
 a:focus {
     text-decoration: none;
}
 .btn, a.btn {
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     font-weight: 600;
     font-size: 14px;
     line-height: 1.5;
}
 .btn .fa, a.btn .fa {
     margin-right: 5px;
}
 .btn-cta, a.btn-cta {
     font-weight: bold;
     font-size: 16px;
     padding: 10px 30px;
}
 .btn-primary {
     background: #40babd;
     border: 1px solid #40babd;
     color: #fff;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.hover {
     background: #3aa7aa;
     color: #fff;
     border: 1px solid #3aa7aa;
}
 .carousel-fade .carousel-inner .item {
     transition-property: opacity;
}
 .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
     opacity: 0;
}
 .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
     opacity: 1;
}
 .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
     left: 0;
     transform: translate3d(0, 0, 0);
}
 .carousel-fade .carousel-control {
     z-index: 2;
}
 .carousel-indicators {
     bottom: 30px;
     margin-bottom: 0;
}
 .carousel-indicators li {
     background-color: rgba(255, 255, 255, 0.4);
     border: none;
     width: 11px;
     height: 11px;
     margin: 0;
     margin-right: 5px;
}
 .carousel-indicators li.active {
     background-color: #40babd;
     width: 11px;
     height: 11px;
     margin: 0;
     margin-right: 5px;
}
/* ======= Header ======= */
 .header {
     position: fixed;
     width: 100%;
     z-index: 30;
     height: 50px;
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
     display: none;
    left: 0;
    top: 0;
}
 .navbar-collapse {
     padding-right: 0px;
     padding-left: 0px;
}
 .header.header-scrolled {
     background: #f49800;
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
     display: block;
}
 .header.header-scrolled a {
     color: #494d55;
}
 .header.header-scrolled .logo {
     color: #40babd;
     padding-top: 3px;
     padding-left: 15px 
}
 .header.header-scrolled .logo .logo-icon-wrapper {
     background: #40babd;
     width: 40px;
     height: 40px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     text-align: center;
}
 .header.header-scrolled .logo .logo-icon {
     width: 20px;
     height: 20px;
     margin-right: 0;
}
 .header.header-scrolled .main-nav .nav .nav-item a {
     color: #a2a6af;
}
 .header.header-scrolled .main-nav .nav .nav-item.active a {
     color: #494d55;
     border-bottom: 4px solid #40babd;
}
 .header a {
     color: #fff;
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
}
 .header a:hover {
     text-decoration: none;
}
 .nav>li>a:focus, .nav>li>a:hover {
     text-decoration: none;
     background-color: #00BCF1;
}
 .header .logo {
     margin: 0;
     display: inline-block;
     float: left;
}
 .header .logo img{
     width: 100px 
}
 .header .logo .logo-icon-wrapper {
     margin-right: 3px;
     position: relative;
     display: inline-block;
     top: -3px;
}
 .header .logo .logo-icon {
     width: 30px;
     height: 30px;
}
 .header .logo .highlight {
     font-weight: 800;
}
 .main-nav {
     margin-top: 30px;
     background-color: #F49801;
}
 .main-nav .navbar-toggle {
     margin-right: 0;
     margin-top: 0;
     background: none;
     position: absolute;
     right: 10px;
     top: 10px;
     background: #26282c;
}
 .main-nav .navbar-toggle:focus {
     outline: none;
}
 .main-nav .navbar-toggle .icon-bar {
     background-color: #fff;
     height: 3px;
}
 .main-nav .navbar-toggle:hover .icon-bar {
     background-color: #fff;
}
 .main-nav .nav .nav-item {
     font-weight: normal;
     font-size: 14px;
     margin-right: 25px;
}
 .main-nav .nav .nav-item.active a {
     background: none;
     color: #fff;
}
 .main-nav .nav .nav-item a {
     color: rgba(255, 255, 255, 0.65);
     font-weight: 700;
}
 .main-nav .nav .nav-item a:hover {
     color: #fff;
     background: none;
}
 .main-nav .nav .nav-item a:focus {
     outline: none;
     background: none;
}
 .main-nav .nav .nav-item a:active {
     outline: none;
     background: none;
}
 .main-nav .nav .nav-item:last-child {
     margin-right: 0;
}
 .main-nav .nav.active {
     position: relative;
}
 .item-content {
     background-color: #f49800;
     width: 25%;
     float: left;
     position: absolute;
}
 .item-content .logo-desktop{
     width: 100%;
     padding-right: 15px 
}
 .item-content-inner{
     padding-left: 30px 
}
 .nav > li > a {
     padding-left: 5px;
     padding-right: 5px;
}
/* ====== Footer ====== */
 .footer {
     background: #26282c;
     color: rgba(255, 255, 255, 0.6);
     padding: 15px 0;
}
 .footer a {
     color: #40babd;
}
 .footer .fa-heart {
     color: #EA5395;
}
 .form-control {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fad393;
     background-image: none;
     border: 0px solid #fff;
     border-radius: 0px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
 .control-group p{
     text-align: left;
    font-size: 16px;
}
/* ======= Hero Section ======= */
 .hero-section {
     min-height: 560px;
     background: #494d55;
     position: relative;
}
 .hero-section .figure-holder-wrapper {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     overflow: hidden;
}



    .content-slider h2{
    font-size: 70px;
    color: #00BCF1;
    line-height: 74px;
}

.content-slider hr {
    border-top: 4px solid #00BCF1;
    margin-top: 0px;
    margin-bottom: 15px;
}

.content-slider{
    padding-left: 30px;
    width: 50%;
}

.content-slider h1 {
    font-size: 45px;
    color: #f49800;
}

.item{
    display: flex;
   align-items: center;
}

 .hero-section .figure-holder {
     position: relative;
     height: 560px;
}
 .hero-section .figure-holder .figure-image {
     position: absolute;
     bottom: 0;
     right: 0;
     z-index: 10;
}
 .hero-carousel {
     height: 560px;
     color: #fff;
}
 .hero-carousel .carousel-inner .item {
     height: 560px;
     background-position: center center;
}
 .slider {
     width: 100%;
     float: right;
     position: relative;
     margin-bottom: 60px;

}
 .item-content {
     height: 594px;
}
 .header .nav{
     float: right;
}
#slider{
    float: right;
    width: 75%;
    }

    #slider .owl-dots{

    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;

    }
 .header .nav li a{
     color: #fff;
     padding-left: 15px;
     padding-right: 15px;
     font-size: 16px;

}
 .slider .nav{
    margin-top: 30px;
    background-color: #f49800;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 5;
}
 .slider .nav li a{
     color: #fff;
     padding-left: 15px;
     padding-right: 15px;
     font-size: 16px;
}
 .slider h2{
     font-size: 78px;
     color: #00BCF1;
     line-height: 74px;
}
 .slider hr {
     border-top: 4px solid #00BCF1;
     margin-top: 0px;
     margin-bottom: 15px;
}
 .slider h1{
     font-size: 45px;
     color: #f49800;
}
 .redes-slider{
        position: absolute;
    right: 15px;
    bottom: 0px;
    z-index: 5;
}
 .redes-slider img{
     background-color: #00bcf1;
     width: 45px;
     padding: 5px 5px 30px 5px;
     margin-left: 15px;
}
 .tit-intro-text{
     font-size: 14px;
     margin-top: 45px;
     color: #fff;
}
 .intro-text{
     font-size: 15px;
     margin-top: 0px;
     margin-bottom: 0px;
     color: #fff;
     line-height: 24px;
}
 .intro-text img{
     height: 16px;
     margin-right:8px;
}
 .item{
     -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
     -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
     box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
 .item .description{
     position: absolute;
     left: 15px;
     right: 15px;
     bottom: 0;
     margin: auto;
}
 #quienes-somos{
     background-color: #00bcf1 
}
 #quienes-somos h2{
     color: #fff;
     font-size: 60px;
}
 #quienes-somos hr {
     margin-top: 0px;
     margin-bottom: 20px;
     border: 0;
     border-top: 2px solid #fff;
}
 #quienes-somos p{
     font-size: 17px;
     color: #fff;
}
 #tecnicos-multimarca{
     background-color: #00bcf1 
}
 #tecnicos-multimarca h2 {
     color: #fff;
     font-size: 40px;
     background-color: #0083EF;
     width: 350px;
     margin: -75px auto 15px auto;
     padding-top: 10px;
}
 #tecnicos-multimarca p{
     font-size: 17px;
     color: #fff;
}
 .item .btn-product{
     background: #f49800;
     font-size: 13px;
     padding: 5px 15px;
     margin: 0 auto;
     display: block;
     border-radius: 0px;
     border: 0px 
}
 .btn-cta{
     background-color: #00BCF1;
     margin-bottom: 30px;
     width: 80%;
     margin: 0 auto 30px auto;
     display: block;
}
 .logo-vimec{
     width: 100%;
     margin-bottom: 45px;
}
 .item-1 {
     background-image: url('../images/hero-1.jpg');
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     height: 593px;
}


 .item-2 {
     background-image: url('../images/hero-2.jpg');
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     height: 593px;
}


 .item-3 {
     background-image: url('../images/hero-3.jpg');
     -webkit-background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     height: 593px;
}


 .item-4 {
     background-image: url('../images/hero-4.jpg');
     -webkit-background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     height: 593px;
     background-position-x: right;
}
.flex-caption { 
  background: tomato; 
  color: white;
  position: absolute;
  bottom: 0;
  padding: 1em;
}
 .hero-carousel .carousel-inner .item-2 {
     background-image: url('../images/hero-2.jpg');
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;

}
 .hero-carousel .carousel-inner .item-3 {
     background-image: url('../images/hero-3.jpg');
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .hero-carousel .carousel-inner .heading {
     font-size: 30px;
     line-height: 1.4;
     font-weight: bold;
     margin-top: 0;
     margin-bottom: 15px;
}
 .hero-carousel .carousel-inner .intro {
     font-size: 18px;
}
 .hero-carousel .carousel-inner .intro + .btn {
     margin-top: 15px;
}
/* ======= About Section ======= */
 .about-section {
     padding-top: 90px;
     clear:both;
}
 .about-section .section-title {
     margin: 0;
     margin-bottom: 15px;
     font-size: 36px;
     font-weight: 600;
}
 .about-section .intro {
     color: #a2a6af;
     font-size: 16px;
     max-width: 760px;
     margin: 0 auto;
     margin-bottom: 60px;
}
 .about-section .items-wrapper {
     margin-bottom: 60px;
}
 .about-section .items-wrapper .figure-holder {
     min-height: 170px;
     margin-bottom: 15px;
     vertical-align: bottom;
}
 .about-section .items-wrapper .item-inner {
     padding: 30px;
}
 .about-section .items-wrapper .item-title {
     color: #40babd;
     font-size: 18px;
     font-weight: bold;
     margin: 0;
     margin-bottom: 15px;
}
 .about-section .items-wrapper .item-desc {
     color: #616670;
}
 .technologies {
     margin-bottom: 90px;
}
 .technologies li {
     margin-right: 10px;
}
 .technologies li:last-child {
     margin-right: 0;
}
 .testimonials {
     background: #40babd;
}
 .testimonials-inner {
     padding: 60px 30px;
     position: relative;
     max-width: 800px;
}
 .testimonials-inner .profile-holder {
     position: absolute;
     left: 30px;
     text-align: center;
}
 .testimonials-inner .profile-image {
     display: inline-block;
     margin: 0 auto;
}
 .testimonials-inner .quote {
     background: rgba(0, 0, 0, 0.2);
     color: #fff;
     margin-left: 130px;
     border-left: none;
     margin-bottom: 0;
     font-size: 14px;
     min-height: 100px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     border-radius: 4px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     position: relative;
     padding: 15px;
}
 .testimonials-inner .quote:before {
     position: absolute;
     left: -10px;
     top: 30px;
     content: "";
     width: 0;
     height: 0;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-right: 10px solid rgba(0, 0, 0, 0.2);
}
/* ======= Testimonials Section ======= */
 .testimonials-section {
     background: #40babd url('../images/map.png') no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     padding-top: 90px;
     padding-bottom: 90px;
}
 .testimonials-section .section-title {
     margin: 0;
     margin-bottom: 30px;
     font-size: 36px;
     font-weight: 300;
     color: #fff;
}
 .testimonials-section .item {
     position: relative;
     max-width: 800px;
     padding: 30px;
}
 .testimonials-section .item:last-child {
     margin-bottom: 0;
}
 .testimonials-section .item.item-reversed .profile-holder {
     left: inherit;
     right: 30px;
}
 .testimonials-section .item.item-reversed .quote {
     margin-left: 0;
     margin-right: 105px;
}
 .testimonials-section .item.item-reversed .quote:before {
     left: inherit;
     right: -10px;
     content: "";
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-left: 10px solid rgba(0, 0, 0, 0.2);
     border-right: inherit;
}
 .testimonials-section .item .profile-holder {
     position: absolute;
     left: 30px;
     text-align: center;
}
 .testimonials-section .item .profile-image {
     display: inline-block;
     margin: 0 auto;
     width: 80px;
     height: 80px;
}
 .testimonials-section .item .quote {
     background: rgba(0, 0, 0, 0.2);
     color: #fff;
     margin-left: 105px;
     border-left: none;
     margin-bottom: 0;
     font-size: 14px;
     min-height: 80px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     border-radius: 4px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     position: relative;
     padding: 30px;
}
 .testimonials-section .item .quote:before {
     position: absolute;
     left: -10px;
     top: 30px;
     content: "";
     width: 0;
     height: 0;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-right: 10px solid rgba(0, 0, 0, 0.2);
}
 .testimonials-section .item .quote-source {
     color: rgba(0, 0, 0, 0.6);
}
/* ======= Features Section ======= */
 .features-section {
     padding-top: 60px;
     padding-bottom: 60px;
}
 .features-section .section-title {
     margin: 0;
     margin-bottom: 15px;
     font-size: 40px;
     font-weight: 600;
}
 .features-section .intro {
     color: #a2a6af;
     font-size: 16px;
     max-width: 760px;
     margin: 0 auto;
     margin-bottom: 60px;
}
 .feature-nav {
     text-align: center;
     margin-bottom: 30px;
}
 .feature-nav > li {
     position: relative;
}
 .feature-nav > li .fa {
     margin-right: 5px;
}
 .feature-nav > li.active > a {
     color: #40babd;
     background: none;
     padding: 8px 0;
}
 .feature-nav > li > a {
     background: none;
     padding: 8px 0;
     color: #616670;
}
 .feature-nav > li > a:hover {
     background: none;
     color: #40babd;
}
/* ======= Pricing Section ======= */
 .pricing-section {
     padding-top: 90px;
     padding-bottom: 90px;
}
 .pricing-section .section-title {
     margin: 0;
     margin-bottom: 15px;
     font-size: 36px;
     font-weight: 300;
}
 .pricing-section .intro {
     color: #a2a6af;
     font-size: 16px;
     max-width: 760px;
     margin: 0 auto;
     margin-bottom: 60px;
}
 .pricing-wrapper {
     max-width: 900px;
     margin: 0 auto;
}
 .pricing-wrapper .item {
     margin-bottom: 30px;
}
 .pricing-wrapper .item-inner {
     color: #fff;
     padding: 30px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
     border-radius: 8px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     background: #40babd;
     min-height: 390px;
}
 .pricing-wrapper .item-inner a {
     color: rgba(0, 0, 0, 0.4);
}
 .pricing-wrapper .item-1 .item-inner {
     background: #75c181;
}
 .pricing-wrapper .item-2 .item-inner {
     background: #58bbee;
}
 .pricing-wrapper .item-3 .item-inner {
     background: #F8A13F;
}
 .pricing-wrapper .item-heading {
     font-weight: 800;
     font-size: 18px;
     margin: 0;
     min-height: 60px;
}
 .pricing-wrapper .price-figure {
     font-size: 46px;
     margin-bottom: 15px;
}
 .pricing-wrapper .price-figure .currency {
     vertical-align: super;
     font-size: 26px;
     -webkit-opacity: 0.6;
     -moz-opacity: 0.6;
     opacity: 0.6;
}
 .pricing-wrapper .price-figure .number {
     font-weight: 500;
}
 .pricing-wrapper .price-desc {
     margin-bottom: 30px;
     min-height: 120px;
}
 .pricing-wrapper a.btn {
     background: rgba(0, 0, 0, 0.2);
     color: #fff;
}
 .pricing-wrapper a.btn:hover {
     background: rgba(0, 0, 0, 0.4);
}
/* ======= Team Section ======= */
 .team-section {
     padding-top: 90px;
     padding-bottom: 90px;
     background: #f5f5f5;
}
 .team-section .section-title {
     margin: 0;
     margin-bottom: 15px;
     font-size: 36px;
     font-weight: 300;
}
 .team-section .intro {
     color: #a2a6af;
     font-size: 16px;
     max-width: 760px;
     margin: 0 auto;
     margin-bottom: 60px;
}
 .team-section .story {
     margin: 0 auto;
     margin-bottom: 60px;
     max-width: 800px;
}
 .team-section .profile-image {
     width: 120px;
     height: 120px;
}
 .team-section .members-wrapper {
     max-width: 800px;
     margin: 0 auto;
}
 .team-section .item-inner {
     padding: 30px;
     background: #fff;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
     border-radius: 8px;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
}
 .team-section .member-name {
     font-size: 18px;
     font-weight: 700;
     color: #40babd;
}
 .team-section .member-title {
     font-size: 16px;
     margin-top: 0;
     margin-bottom: 15px;
     color: #616670;
}
 .team-section .social {
     margin-bottom: 30px;
}
 .team-section .social a {
     display: inline-block;
     width: 32px;
     height: 32px;
     font-size: 18px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     -moz-background-clip: padding;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     background: #40babd;
     padding-top: 4px;
     color: #fff;
}
 .team-section .social a.google {
     background: #dd4b39;
}
 .team-section .social a.google:hover {
     background: #d73925;
}
 .team-section .social a.twitter {
     background: #55acee;
}
 .team-section .social a.twitter:hover {
     background: #3ea1ec;
}
 .team-section .social a.facebook {
     background: #3b5998;
}
 .team-section .social a.facebook:hover {
     background: #344e86;
}
 .team-section .social a.linkedin {
     background: #1E6FBA;
}
 .team-section .social a.linkedin:hover {
     background: #1a62a4;
}
 .team-section .social a.github {
     background: #444;
}
 .team-section .social a.github:hover {
     background: #373737;
}
 .team-section .social a.dribbble {
     background: #EC4D8B;
}
 .team-section .social a.dribbble:hover {
     background: #ea367c;
}
 .team-section .member-desc {
     color: #616670;
}
/* ======= Contact Section ======= */
 .contact-section {
     padding-top: 0px;
     padding-bottom: 60px;
     background: #f49800;
     color: #fff;
}
 .contact-title {
     margin-top: 60px;
     font-size: 60px;
     margin-bottom: 0px;
     line-height: 33px;
     text-align: right;
     color: #f49800;
}
 .btn-block {
     display: block;
     width: 200px;
     color: #00bcf1;
     font-size: 18px!important;
     padding: 5px;
}
 .footer-logo{
     margin: 30px auto 0 auto;
     width: 90px;
     display: block;
}
 .contact-section .section-title {
     margin: 0;
     margin-bottom: 15px;
     font-size: 45px;
     font-weight: 600;
}
 .contact-content {
     margin: 0 auto 
}
 .tit-footer-text {
     font-size: 22px;
     color: #fff;
}
/* Extra small devices (phones, less than 768px) */
 @media (max-width: 767px) {

     .item-1, .item-2, .item-3, .item-4 {
     height: 300px;
     background-position-x: right;
}
     .navbar-collapse {
         border-top: none;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
         width: 100%;
         left: 0;
         top: 60px;
         position: absolute;
         background: #26282c;
         z-index: 40;
    }
     .features-section {
         padding-top: 35px;
         padding-bottom: 35px;
    }
     #tecnicos-multimarca {
         padding-top: 60px;
    }
     .contact-section .section-title {
         font-size: 35px;
    }
     #quienes-somos h2 {
         font-size: 40px;
    }
     .item-1 .tit-intro-text{
         padding-left: 15px 
    }
     .item-1 .intro-text{
         padding-left: 15px 
    }
     .item-content-inner {
         padding-left: 0px;
    }
     .item-content {
         background-color: #f49800;
         width: 100%;
         height: auto;
         position: relative;
         padding: 15px 15px 0px 15px;
    }
    #slider{
        width: 100%;
    }

    .content-slider{
        width: 100%;
    background: #00000073;
    padding: 15px;

    }

     .row{
         margin-left: 0px;
         margin-right: 0px 
    }
     .col-md-6{
         margin-left: 0px;
         margin-right: 0px 
    }
     .slider {
         height: auto;
         width: 100%;
         padding-left: 0px;
         margin-bottom: 40px;
    }
     .slider h2, .content-slider .tit-slider {
             font-size: 33px;
    width: 100%;
    line-height: 35px;
    margin: 0px;
    }
    .content-slider r {

    padding-left: 30px;
    }

     .slider h1, .content-slider h1 {
         font-size: 30px;
    color: #f49800;
    width: 100%;
    margin: 0px;
    }
     .redes-slider {
         display: none;
    }
     .redes-slider {
         display: none;
    }
     .slider hr {
         margin-left: 0px;
         border-top: 4px solid #00BCF1;
         width: 100%;
         margin-right: 15px;
         margin-top: 0px;
         margin-bottom: 15px;
    }
     .slider .nav{
         display: none 
    }
     .header .main-nav .navbar-collapse .nav-item.active a {
         color: #40babd;
    }
     .header.header-scrolled .main-nav .navbar-collapse .nav-item.active a {
         border: none;
         color: #40babd;
    }
     .main-nav .navbar-collapse .nav-item {
         margin-right: 0;
    }
     .main-nav .navbar-collapse .nav-item a {
         text-align: center;
    }
     .pricing-wrapper .item-inner {
         min-height: inherit;
    }
     .pricing-wrapper .price-desc {
         min-height: inherit;
    }
     .hero-section .figure-image {
         width: 300px;
    }
     .hero-carousel .carousel-inner .heading {
         font-size: 26px;
    }
     .hero-carousel .carousel-inner .item-content-inner {
         padding-top: 100px;
    }
     .hero-section .figure-holder .figure-image {
         width: inherit;
         bottom: 0;
         top: inherit;
         right: inherit;
         left: 15px;
         max-width: 320px;
    }
     .technologies li {
         margin-bottom: 15px;
    }
     .members-wrapper .item {
         margin-bottom: 30px;
    }
     .members-wrapper .item:last-child {
         margin-bottom: 0;
    }
     .hero-carousel {
         height: 660px;
    }
     .hero-section .carousel-inner {
         height: 660px;
    }
     .hero-carousel .carousel-inner .item {
         height: 660px;
    }
     .testimonials-section .item .profile-image {
         width: 60px;
         height: 60px;
    }
     .testimonials-section .item .quote {
         margin-left: 85px;
         padding: 15px;
    }
     .testimonials-section .item.item-reversed .quote {
         margin-right: 85px;
    }
     .team-section .item-inner {
         min-height: inherit;
    }
}
/* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .feature-nav {
         text-align: left;
         padding-left: 30px;
    }
     .feature-nav > li {
         font-size: 15px;
    }
     .hero-section .figure-holder .figure-image {
         width: 400px;
         bottom: inherit;
         top: 130px;
    }
     .hero-carousel .carousel-inner .item-content-inner {
         max-width: 300px;
         padding-top: 120px;
    }
     .team-section .item-inner {
         min-height: 515px;
    }
}
/* Medium devices (desktops, 992px and up) */
 @media (min-width: 992px) {
     .feature-nav {
         margin-top: 30px;
         padding-left: 15px;
    }
     .feature-nav > li {
         font-size: 16px;
    }
     .feature-nav > li > a {
         padding: 15px 0;
    }
     .feature-nav > li.active > a {
         padding: 15px 0;
    }
     .hero-section .figure-holder .figure-image {
         width: 420px;
         bottom: inherit;
         top: 130px;
    }
     .hero-carousel .carousel-inner .item-content-inner {
         max-width: 500px;
    }
     .team-section .item-inner {
         min-height: 490px;
    }
}
/* Large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
     .hero-section .figure-holder .figure-image {
         width: 570px;
         bottom: 0;
         top: inherit;
    }
}