/* Slider Styles */
@import url('flexslider.css');

.flexslider {
    margin: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
}

.flexslider .slides img {
    max-width: inherit;
    width: auto;
    margin-left: -841.5px;
    left: 50%;
    position: relative;
}

.flex-direction-nav a {
    width: 55px;
    height: 55px;
}

.flex-direction-nav a:before, .flex-direction-nav a:after {
    content: none!important;
}

.flex-direction-nav .flex-next {
    background: url(images/next-slide.png);
}

.flex-direction-nav .flex-prev {
    background: url(images/prev-slide.png);
}

.flexslider:hover .flex-prev {
    left: 70px;
}
.flexslider:hover .flex-next {
    right: 70px;
}

/* STYLE HOME */

.home section {
    padding: 40px 0;
}

#slider {
    position: relative;
    height: 440px;
    overflow: hidden;
}

#caption {
    position: absolute;
    z-index: 10;
    width: 100%;
    color: #FFF;
    top: 50%;
    margin-top: -88.5px;
    text-align: center;
}

#caption p {
    color: #FFF;
    font-size: 24px;
    font-weight: 200;
    text-shadow: 1px 1px 2px #666;
    line-height: 130%;
}

#caption .container {
    width: 830px;
}

#slider h1 {
    font-size: 60px;
    text-shadow:1px 1px 2px #666;
    margin-bottom: 0px;
}

body h3{
    font-weight: 300;
    font-size: 30px;
    line-height: 115%;
    margin-top: 0;
}

#empresa h3 {
    width: 75%;
}

.empresa-row {
    margin: 30px 0;
}

.empresa-row h4 {
    color: #B82746;
    font-size: 18px;
}

#vision {
    background: url(images/bg-vision.jpg) center no-repeat;
    background-size: cover;
}

#vision h3 {
    color: #FFF;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 115%;
}

.section-subtitle {
    font-weight: 600;
    color: #1F3B66;
    font-size: 20px;
    width: 29%;
}

#vision .section-subtitle {
    width: 26%;
    color: #FFF;
    font-weight: 400;
    margin-top: 10px;
}

#vision .section-subtitle:after, #vision .section-subtitle:before {
    border-top: 1px solid #FFF;
}

#servicios h3 {
    margin-bottom: 35px;
}

#clientes {
    background: #FFF;
    border-top: 1px solid #CCC;
}

#clientes .section-subtitle {
    color: #7E8890;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
    width: 29%;
}

/* Responsive Styles */
@media (max-width: 767px) {
	
	.section-subtitle {
    font-size: 18px;
}
	
    #caption .container {
        width: 100%!important;
    }
    h1 {
        font-size: 30px!important;
        margin-bottom: 25px;
    }
    h3 {
        font-size: 24px!important;
    }
    .flex-direction-nav a {
        width: 40px;
        height: 40px;
    }
    .flex-direction-nav li a {
        background-size: cover!important;
    }
    #vision h3 {
        font-size: 32px;
    }
    #servicios h3 {
        margin-bottom: 35px;
    }
    #vision .section-subtitle:before, #vision .section-subtitle:after, #servicios .section-subtitle:before, #servicios .section-subtitle:after  {
        width: 50px;
    }
    #servicios .section-subtitle span {
        display: block;
        width: 70%;
        text-align: center;
        margin: auto;
    }
    #vision .section-subtitle {
        width: 84%!important;
    }
    .home .section-subtitle {
        width: 98%!important;
    }
    .servicios .serv {
        margin-bottom: 25px;
    }
    .servicios-blocks {
        padding-bottom: 15px;
    }
    .home .servicios .section-subtitle.desarrollo {
        width: 98%!important;
        line-height: 100%;
    }
    .section-subtitle.desarrollo:before, .section-subtitle.desarrollo:after {
        width: 35px;
    }
}

@media (max-width: 991px) {
	
    #caption p {
    font-size: 18px !important;
    width: 80% !important;
    margin: auto !important;
    }
    #slider h1 {
    font-size: 60px;
    text-shadow: 1px 1px 2px #666;
    margin-bottom: 0px;
    width: 80%;
    margin: auto;
    }
    #caption .container {
        width: 670px;
    }
    h1 {
        font-size: 43px;
    }
    h3 {
        font-size: 26px;
    }
    .flexslider:hover .flex-prev {
        left: 10px;
    }
    .flexslider:hover .flex-next {
        right: 10px;
    }
    .empresa-row .col-md-4 {
        margin-bottom: 25px;
    }
    .home #vision .section-subtitle {
        width: 43%;
    }
    .section-subtitle {
        width: 49%!important;
    }
    .servicios .section-subtitle.desarrollo {
    width: 70%!important;
    }
    #vision h3 {
        font-size: 36px;
    }
    #empresa h3 {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .section-subtitle {
        width: 35%;
    }
    #clientes .section-subtitle {
        width: 56%;
    }
}

@media (min-width: 1200px) {

}