@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,800');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,600i');
body {
    font-family: 'Raleway', sans-serif;    font-size: 18px;
}
.text-center {
    text-align: center;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@media only screen and (min-width: 768px) {

    center{float: left;text-align: center;margin: 20px 0 0 10%;}
    .more-info{
            color: white;
    font-weight: 300;
    padding: 0;
    
    font-size: 18px;
    letter-spacing: 2px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 500;
    }
    .more-info i{
            font-size: 24px;
    position: relative;
    top: 3px;
    }
    .more-info:hover{color: white;text-decoration: none;}

    #ModalForm .modal-dialog{max-width: 280px;}
    #ModalForm .modal-body {
        position: relative;
        padding: 15px;
        float: left;
        width: 100%;padding-bottom: 0;
    }
    .form-horizontal label{ margin-top: 0px;
    font-weight: 400;
    letter-spacing: 1px;}
    .form-horizontal label{text-align: center;}
    #ModalForm .input-form{
        text-align: center;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.75);
        font-size: 15px;
        font-weight: 300;
        height: 36px;
    }
    #ModalForm .form-group{
        margin-bottom: 20px;
        float: left;
        width: 100%;    
    }
    .modal-header .close {
        margin-top: -15px;
    }
    .modal-header .close span{ font-size: 35px;}
    .modal-footer{text-align: center;}
    #ModalForm .form-group.margin0{margin-bottom: 0;}
    #ModalForm .btn-primary{background: #00AFEF;border:none;    width: 85%;}

    .btn-login{-webkit-transition: all .3s ease-in-out;border:none;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        position: absolute;top: 15px;right: 15px;background: transparent;color: black;border: none;font-size: 16px;font-weight: 600;letter-spacing: 1px;}
    .btn-login blue{color: #00AFEF;font-weight: 800;}
    .btn-login:hover{background: black;color: #00AFEF;border:none;}
    .btn-login:hover blue{color: white;}
    .btn-login.btn-primary.focus, .btn-login.btn-primary:focus{outline:none;border:none !important;background: transparent;color: black;font-size: 16px;font-weight: 600;letter-spacing: 1px;}

    .modal-title{text-align: center;}
    .modal-title img{width: 140px;}
    body, html{overflow-x: hidden;}
    section {
        padding: 50px 0 60px;
    }
    section#experience{
            padding: 60px 0 90px;
    }
    .imgService{cursor: pointer;}
    .img-header{    margin-top: 80px;width: 320px;}
    .intro-header {
        background-image: url('../img/background-desk.png');
        background: center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        margin-bottom: 50px;
    }
    .element strong{color: #00AEEE;}
    .intro-header:before {
        content: '';
        position: absolute;
        width: 100%;
        top: 0;
        background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
        opacity: .6;
    }
    .section__h1,
    .section__h1-brand {
        color: #363a3e;letter-spacing: 1px;font-family: 'Nunito', sans-serif;font-style: italic;
        font-size: 46px;
        font-weight: 300;
        padding: 0px 0;text-align: center;
        margin: 60px 0 45px;
    }
    .text-brand-color-dark {
        color: #145379;
        text-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        font-size: 18px;
        line-height: 38px;
        margin-bottom: 30px;
    }
    .island-bottom,
    .island {
        margin-bottom: 66px;
    }
    .islet {
        margin: 20px 0 40px;
        float: left;
        width: 100%;
    }
    .list-inline>li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }
    .list-inline>li img {
        height: 80px;
    }
    .list-inline--bottom {
        float: left;
        width: 74%;
        margin-left: 13%;
    }
    .list-inline--bottom>li {
        width: 25%;
        float: left;
        text-align: center;
    }
    .intro-header {
        text-align: center;
        background-position: 22% bottom;
        margin-top: 0;background-color: #E6ECF0;
        padding-top: 0;    background-size: inherit;min-height: 700px;
    }
    .text-center.island.wow a {
        opacity: 1;
        font-size: 18px;
        margin-right: 40px;
        border: none;
        font-weight: 500;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        color: white;
        visibility: hidden;
    }
    .text-center.island.wow a:hover {
        opacity: 0.7;
    }
    .text-center.island.wow a.blue {
        background: #00AAE8;
    }
    .text-center.island.wow a.black {
        background: #000;
    }
    header {
        padding: 35px 0 85px;
    }
    .tabs {
        float: left;
        width: 100%;
        margin: 20px 0 25px;
    }
    .tabs div {
        float: left;
        width: 100%;
        margin-bottom: 27px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        cursor: pointer;
    }
    .tabs div.opacitylow {
        opacity: 0.6;
    }
    .tabs div:hover {
        opacity: 0.6;
    }
    .tabs img {
        float: left;
        width: 40px;
        margin-right: 15px;
    }
    .tabs h3 {
       float: left;
        margin-top: 10px;
        font-weight: 400;
        letter-spacing: 1.5px;
        font-size: 20px;
    }
    .tabs div.current h3 {
        font-weight: 400;
    }
    .equipo h2:after {
        content: "";
        background-color: #3398D8;
        position: absolute;
        bottom: -25px;
        left: 0;
        height: 3px;
        width: 50px;
        transition: width 0.3s ease-in-out;
    }
    .equipo h2 {
        font-weight: 400;
        letter-spacing: 1.5px;
        font-size: 34px;
        margin-bottom: 50px;
        position: relative;
    }
    .equipo p {
        font-size: 17px;
    }
    .tab-content {
        display: none;
    }
    .tab-content img {
        width: 100%;
    }
    #tab-1 {
        display: block;
    }
    .large-header {
        background: linear-gradient(to bottom, #0a1535 0%, #103566 37%, #163a75 61%, #0c528e 100%);
        text-align: center
    }
    #x-canvas {
        opacity: 0.5
    }
    #pocos {
        background: url(../img/bg/happy.jpeg) center /cover no-repeat #EEF6FB;
        position: relative;display: none;
    }
    .overlay-20:after {
        background-color: rgba(0, 0, 0, 0.2);
        bottom: 0;
        left: 0;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        border-radius: inherit;
        transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        -webkit-transition: background 0.3s ease-in-out;
    }
    .since {
        color: white;
        position: absolute;
        font-size: 20px;
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
        right: calc(100% + 10px);
        bottom: 25px;
    }
    .year-countdown {
        font-size: 150px;
        font-weight: bold;
        color: white;
    }
    .providing {
        color: white;
        position: absolute;
        font-size: 20px;
        font-weight: normal;
        white-space: nowrap;
        right: -195px;
        bottom: -80px;
    }
    #pocos .dark-background {
        text-align: center;
        padding: 30px 0 100px;
    }
    .row.services{    padding: 40px 0 75px;position: relative;}

    .row.services.first{    padding: 60px 0 75px;background: rgba(6, 202, 117, 0.5);}
    .row.services.second{    background: rgba(0, 173, 238, 0.5);}
       .row.services.third{    background: rgba(201, 48, 44, 0.73);    padding: 80px 0 85px;} 
    .row.services.fourth{    padding: 40px 0 85px;background: rgba(38, 84, 124, 0.5);} 

    .row.services .col-sm-6 {
        padding: 0 30px;
        margin-bottom: 30px;
    }
    .row.services .col-sm-6 .content-service {
        background: #eceeef;
        border-radius: 1px;
        padding-bottom: 10px;
        -webkit-transition: all 0.25s ease 0s;
                transition: all 0.25s ease 0s;
    }
    .row.services .col-sm-6.columnAngosta{padding-left: 20%;}
    .row.services .col-sm-6 .content-service:hover{
        -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
    } 
    .activeOpacity{opacity: 0.7;}
    #services {
        padding: 0;
        background: #3F4D6B;
    }
    .triangle-left-bottom-blue{
            position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5vw 0 0 99.1vw;
        border-color: transparent transparent transparent #207DAD;
        z-index: 499;

    }   

    .triangle-right-bottom-red{
            position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 5.1vw 99.1vw;
        border-color: transparent transparent #A3383D transparent;
        z-index: 499;
    }
    .triangle-right-bottom-last{
            position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 5.1vw 99.1vw;
        border-color: transparent transparent #eceeef transparent;
        z-index: 499;
    }

    .triangle-right-bottom-gris{
            position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5vw 0 0 99.1vw;
        border-color: transparent transparent transparent #335174;
        z-index: 499;

    }  
    
    .row.services h1 {
        font-weight: 300;
        letter-spacing: 1px;
        font-size: 41px;
        color: white;
        margin-top: 0;
    }
    .row.services p {
        color: white;
        font-size: 20px;
        letter-spacing: 0.5px;
        line-height: 36px;
    }
    .row.services ul {

    }
    .row.services li {
        color: white;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 0.3px;
    }
    #services .container {
        margin-top: -250px;
        background: white;
        z-index: 99;
        position: relative;
        padding-top: 20px;
        border-radius: 5px;
    }
    .intro {
        padding: 0 20px;
        margin-bottom: 30px;
    }
    .intro h1 {
        margin-bottom: 30px;
        font-size: 42px;
        font-weight: 300;
        letter-spacing: 1px;
    }
    .img-service {
        float: left;
        width: 100%;
        height: 230px;
        background-position: center center;
        background-size: cover;
        margin-bottom: 25px;
    }

    .img-tab {
        float: left;
        width: 100%;
        height: 275px;
        background-position: center center;
        background-size: cover;
        margin-bottom: 25px;
    }

    /*
    * ----------------------------------------------------------------------------------------
    * 17.START CONTACT FORM DESIGN
    * ----------------------------------------------------------------------------------------
    */
    .get_touch{    margin-bottom: 30px;
    font-size: 42px;
    font-weight: 300;
    letter-spacing: 1px;}
    .contact-us {
        background: #eceeef;
        padding: 80px 0 100px !important
    }
    .contact {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 35px;
    }
    .form-control {
        background: #fbfbfb none repeat scroll 0 0;
        border: 0 solid #eee;
        border-radius: 0; 
        box-shadow: none;
        color: #333;
        font-family: "Montserrat",sans-serif;
        height: 50px;
        padding-left: 10px;
        -webkit-transition: all 0.2s ease 0s;
                transition: all 0.2s ease 0s;
    }
    .form-control:focus {
        border-radius: 0;
        box-shadow: none;
        outline: 0 none;
        border-bottom:1px solid #083c5a;
    }
    .mbnone { margin-bottom: 0px }
    .actions {
        margin-top: 30px;
    }

    @media only screen and (max-width:480px) { 
    .actions {margin-bottom: 30px;}
    }

    .btn-contact-bg {
    background: #3F4D6B;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;

    transition: all 0.2s ease 0s;
    }
    .btn-contact-bg:hover,
    .btn-contact-bg:focus {
        background: #00AEEE;
        color: #fff;
    }
    .success {
        background: #fff none repeat scroll 0 0;
        color: #379bbc;
        font-weight: 700;
        padding: 20px;
        text-align: center;
    }
    .single_address{margin-bottom: 26px;
    overflow: hidden;}
    .single_address i{
    border-radius: 100px;
    color: #fff;
    float: left;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    margin-right: 20px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 60px;
    }
    .single_address h4{
    text-transform: capitalize;
    font-weight: 500;
    }
    .single_address p {
    font-size: 16px;
    font-weight: 400;
}
    .single_address_mbnone{margin-bottom: 0px;}
    .color-one {
    background: #26547c;
    color: #fff;
    }
    .color-two {
        background: #06ca75;
        color: #fff;
    }
    .color-three {
        background: #00ADEE;
        color: #fff;
    }
    .color-four {
        background: #c9302c;
        color: #fff;
    }
    #description{height: auto;}

   section#footer {
        padding: 10px 0 0;
        background: white;
    }
    #footer{text-align: center;}
    #footer img{margin-bottom: 10px;width: 100px;}
    #footer span{
    font-size: 15px;
    letter-spacing: 1px;color: black;
    margin-top: 10px;
}
    #footer h4{font-weight: 300;}

    #footer h3{font-weight: 500;line-height: 42px;}
    #footer h3 a{color: #00AFEF;margin: 5px 0 10px;}
    .fadeout {
        top: 0;
        height: 4em;
        background: linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
        );
        position: absolute;
        width: 100%;
    } 
    .text-brand {
        color: #00ADEE;
        font-weight: bold;
    }
    .section-heading{ 
    font-size: 42px;
    font-weight: 300;
    letter-spacing: 1px;}
    .separator {
        display: inline-block;
        width: 60px;
        height: 4px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        background-color: #3F4D6B;
        margin: 20px 0 40px;
    }
    .section-subheading{font-size: 24px;
    font-weight: 300;
    line-height: 36px;}
    .imgService{width: 35%;
    max-width: 290px;
    display: inline-block;
    margin: 0 auto;}
    .text-center{text-align: center !important;}
    .row.services .col-sm-6.text-left{text-align: left !important;padding-left: 5%;padding-top: 100px;}
    .imgService.chica{max-width: 180px;}

    .row.services .col-sm-6.text-right{text-align: right !important;padding-right: 5%;padding-top: 35px;}
    .visible-xs{display: none;}
}



@media only screen and (max-width: 768px) {
    .btn-login{display: none;}
    body, html{overflow-x: hidden;}
    section {
        padding: 50px 0 60px;
    }
    section#experience{
            padding: 20px 0 60px;
    }
    .padding0mobile{padding-left: 0 !important;padding-right: 0 !important;}
    .img-header{margin-top: 35px;width: 160px;}
    .intro-header {
        background-image: url('../img/background-desk.png');
        background: center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        margin-bottom: 50px;
    }
    .element strong{color: #00AEEE;}
    .intro-header:before {
        content: '';
        position: absolute;
        width: 100%;
        top: 0;
        background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
        opacity: .6;
    }
    .section__h1,
    .section__h1-brand {
        color: #363a3e;
        letter-spacing: 1px;
        font-family: 'Nunito', sans-serif;
        font-style: italic;
        font-size: 22px;
        font-weight: 300;
        padding: 0px 0;
        text-align: center;
        margin: 20px 0 10px;
    }
    .text-brand-color-dark {
        color: #145379;
        text-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        font-size: 18px;
        line-height: 38px;
        margin-bottom: 30px;
    }
    .island-bottom,
    .island {
        margin-bottom: 66px;
    }
    .islet {
        margin: 20px 0 40px;
        float: left;
        width: 100%;
    }
    .list-inline>li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }
    .list-inline>li img {
        height: 80px;
    }
    .list-inline--bottom {
        float: left;
        width: 74%;
        margin-left: 13%;
    }
    .list-inline--bottom>li {
        width: 25%;
        float: left;
        text-align: center;
    }
    .intro-header {
        text-align: center;
        background-position: 38% bottom;
        margin-top: 0;
        background-color: #E6ECF0;
        padding-top: 0;
        background-size: cover;
        height: 454px;
    }
    .text-center.island.wow a {
        opacity: 1;
        font-size: 18px;
        margin-right: 40px;
        border: none;
        font-weight: 500;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        color: white;
        visibility: hidden;
    }
    .text-center.island.wow a:hover {
        opacity: 0.7;
    }
    .text-center.island.wow a.blue {
        background: #00AAE8;
    }
    .text-center.island.wow a.black {
        background: #000;
    }
    header {
        padding: 35px 0 85px;
    }
    .tabs {
        float: left;
        width: 100%;
        margin: 20px 0 25px;
    }
    .tabs div {
        float: left;
        width: 100%;
        margin-bottom: 27px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        cursor: pointer;
    }
    .tabs div.opacitylow {
        opacity: 0.6;
    }
    .tabs div:hover {
        opacity: 0.6;
    }
    .tabs img {
        float: left;
        width: 40px;
        margin-right: 15px;
    }
    .tabs h3 {
       float: left;
        margin-top: 10px;
        font-weight: 400;
        letter-spacing: 1.5px;
        font-size: 20px;
    }
    .tabs div.current h3 {
        font-weight: 400;
    }
    .equipo h2:after {
        content: "";
        background-color: #3398D8;
        position: absolute;
        bottom: -25px;
        left: 0;
        height: 3px;
        width: 50px;
        transition: width 0.3s ease-in-out;
    }
    .equipo h2 {
        font-weight: 400;
        letter-spacing: 1.5px;
        font-size: 34px;
        margin-bottom: 50px;
        position: relative;
    }
    .equipo p {
        font-size: 17px;
    }
    .tab-content {
        display: none;
    }
    .tab-content img {
        width: 100%;
    }
    #tab-1 {
        display: block;
    }
    .large-header {
        background: linear-gradient(to bottom, #0a1535 0%, #103566 37%, #163a75 61%, #0c528e 100%);
        text-align: center
    }
    #x-canvas {
        opacity: 0.5
    }
    #pocos {
        background: url(../img/bg/happy.jpeg) center /cover no-repeat #EEF6FB;
        position: relative;display: none;
    }
    .overlay-20:after {
        background-color: rgba(0, 0, 0, 0.2);
        bottom: 0;
        left: 0;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        border-radius: inherit;
        transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        -webkit-transition: background 0.3s ease-in-out;
    }
    .since {
        color: white;
        position: absolute;
        font-size: 20px;
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
        right: calc(100% + 10px);
        bottom: 25px;
    }
    .year-countdown {
        font-size: 150px;
        font-weight: bold;
        color: white;
    }
    .providing {
        color: white;
        position: absolute;
        font-size: 20px;
        font-weight: normal;
        white-space: nowrap;
        right: -195px;
        bottom: -80px;
    }
    #pocos .dark-background {
        text-align: center;
        padding: 30px 0 100px;
    }
    .row.services{    padding: 40px 0 75px;position: relative;}

    .row.services.first{padding: 15px 0 30px;background: rgba(6, 202, 117, 0.5);}
    .row.services.second{    background: rgba(0, 173, 238, 0.5);}
       .row.services.third{background: rgba(201, 48, 44, 0.73);padding: 20px 0 30px;} 
    .row.services.fourth{padding: 35px 0 20px;background: rgba(38, 84, 124, 0.5);} 

    .row.services .col-sm-6 {
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .row.services .col-sm-6 .content-service {
        background: #eceeef;
        border-radius: 1px;
        padding-bottom: 10px;
        -webkit-transition: all 0.25s ease 0s;
                transition: all 0.25s ease 0s;
    }
    .row.services .col-sm-6.columnAngosta{padding-left: 10px;}
    .row.services .col-sm-6 .content-service:hover{
        -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
    } 
    .activeOpacity{opacity: 0.7;}
    #services {
        padding: 0;
        background: #3F4D6B;
    }
    .triangle-left-bottom-blue{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5vw 0 0 100vw;
            border-color: transparent transparent transparent #207DAD;
            z-index: 499;
    }   

    .triangle-right-bottom-red{
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 5.1vw 100vw;
            border-color: transparent transparent #A3383D transparent;
            z-index: 499;
    }
    .triangle-right-bottom-last{
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 5.1vw 100vw;
            border-color: transparent transparent #eceeef transparent;
            z-index: 499;
    }

    .triangle-right-bottom-gris{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5vw 0 0 100vw;
            border-color: transparent transparent transparent #335174;
            z-index: 499;
    }  
    
    .row.services h1 {
        font-weight: 300;
        letter-spacing: 1px;
        font-size: 28px;
        color: white;
        margin-top: 0;
    }
    .row.services p {
        color: white;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 28px;
        font-weight: 300;
    }
    .row.services ul {

    }
    .row.services li {
        color: white;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 0.3px;
    }
    #services .container {
        margin-top: -250px;
        background: white;
        z-index: 99;
        position: relative;
        padding-top: 20px;
        border-radius: 5px;
    }
    .intro {
        padding: 0 20px;
        margin-bottom: 30px;
    }
    .intro h1 {
        margin-bottom: 30px;
        font-size: 42px;
        font-weight: 300;
        letter-spacing: 1px;
    }
    .img-service {
        float: left;
        width: 100%;
        height: 230px;
        background-position: center center;
        background-size: cover;
        margin-bottom: 25px;
    }

    .img-tab {
        float: left;
        width: 100%;
        height: 275px;
        background-position: center center;
        background-size: cover;
        margin-bottom: 25px;
    }

    /*
    * ----------------------------------------------------------------------------------------
    * 17.START CONTACT FORM DESIGN
    * ----------------------------------------------------------------------------------------
    */
    .get_touch{
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 1px;
    }
    .contact-us {
        background: #eceeef;
        padding: 80px 0 100px !important
    }
    .contact {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 35px;
    }
    .form-control {
        background: #eceeef none repeat scroll 0 0;
        border: 0 solid #eee;
        border-radius: 0;
        box-shadow: none;
        color: #333;
        font-family: "Montserrat",sans-serif;
        height: 50px;
        padding-left: 10px;
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
        font-weight: 300;
    }
    .form-control:focus {
        border-radius: 0;
        box-shadow: none;
        outline: 0 none;
        border-bottom:1px solid #083c5a;
    }
    .mbnone { margin-bottom: 0px }
    .actions {
        margin-top: 30px;
    }

    @media only screen and (max-width:480px) { 
    .actions {margin-bottom: 30px;}
    }

    .btn-contact-bg {
    background: #3F4D6B;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;

    transition: all 0.2s ease 0s;
    }
    .btn-contact-bg:hover,
    .btn-contact-bg:focus {
        background: #00AEEE;
        color: #fff;
    }
    .success {
        background: #fff none repeat scroll 0 0;
        color: #379bbc;
        font-weight: 700;
        padding: 20px;
        text-align: center;
    }
    .single_address{margin-bottom: 26px;
    overflow: hidden;}
    .single_address i{
    border-radius: 100px;
    color: #fff;
    float: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 40px;
    }
    .single_address h4{
    text-transform: capitalize;
    font-weight: 400;
    font-size: 20px;
    }
    .single_address p{
    font-weight: 300;
    font-size: 16px;
}
    .single_address_mbnone{margin-bottom: 0px;}
    .color-one {
    background: #26547c;
    color: #fff;
    }
    .color-two {
        background: #06ca75;
        color: #fff;
    }
    .color-three {
        background: #00ADEE;
        color: #fff;
    }
    .color-four {
        background: #c9302c;
        color: #fff;
    }
    #description{height: auto;}

   section#footer {
        padding: 10px 0 0;
        background: white;
    }
    #footer{text-align: center;}
    #footer img{margin-bottom: 10px;width: 100px;}
    #footer span{
    font-size: 15px;
    letter-spacing: 1px;color: black;
    margin-top: 10px;
}
    #footer h4{font-weight: 300;}

    #footer h3{font-weight: 500;line-height: 42px;}
    #footer h3 a{color: #00AFEF;margin: 5px 0 10px;}
    .fadeout {
        top: 0;
        height: 4em;
        background: linear-gradient(
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%
        );
        position: absolute;
        width: 100%;
    } 
    .text-brand {
        color: #00ADEE;
        font-weight: bold;
    }
    .section-heading{
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 1px;
    }
    .separator {
        display: inline-block;
        width: 60px;
        height: 4px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        background-color: #3F4D6B;
        margin: 20px 0 40px;
    }
    .section-subheading{
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: justify;
    }
    .imgService{width: 35%;
    max-width: 290px;
    display: inline-block;
    margin: 0 auto;}
    .text-center{text-align: center !important;}
    .row.services .col-sm-6.text-left{text-align: center !important;padding-left: 0;padding-top: 0;}
    .imgService.chica{max-width: 110px;}

    .row.services .col-sm-6.text-right{text-align: center !important;padding-right: 5%;padding-top: 35px;}
    .hidden-xs{display: none;}
    .visible-xs{display: block;}


}