.label{
    display:none;
}

/*Home section*/
.home{
    background-image: url(../images/banner.jpg);
    color: white;
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    /*background-position: 81% -31%;*/
    /*margin-top: 85px!important;*/
}

@media (max-width:500px) and (min-width: 300px){
    .home{
        
        height: 600px;
    }
}    

.slogan{
font-size: 40px;
margin-top: 6px;
margin-bottom: 12px;
}

@media (max-width: 392px) {
  .slogan{

    font-size: 30px;
  }
}


.subtitulos{
    color: #1B4869;
  margin-bottom: 20px;
}

.parrafos{

    font-size: large;
}

/*Proyectos*/
.proyectos{

    color: #1B4869;
    font-size: 65px;
    margin-top: 0px; margin-bottom: 0px
}
.space-section{
    padding: 5% 0 5% 0;
}
.space-row{
        padding-bottom: 5%;
}

.titulos-proyectos{

    /*margin-top: 80px;*/
    margin-left: 40px;
}
.titulos-proyectos-h1{
    display: inline-block;
    margin-bottom: 0px;
}
.titulos-espaciado{

    margin-top: 0px;
    margin-bottom: 0px;
}

.servicios{

    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    height: 646px;
}

@media (max-width:500px) and (min-width: 300px){
  .servicios{
       height: 350px;
  }

  .expandable{
    height: 200px;
    overflow: auto;
  }
}

@media (max-width:700px) and (min-width: 501px){
  .servicios{
       height: 550px;
  }

  .expandable{
    height: 300px;
    overflow: auto;
  }
}

.owl-carousel .owl-item img {
    display: block !important;
    -webkit-transform-style: preserve-3d!important;
    width: inherit!important;
}

@media (max-width:991px) and (min-width: 768px){
.proyectos h1{
   
    font-size: 38px!important;
  }
}

.servicios-titulo{

    padding: 20% 2% 16%;
}

@media (max-width:500px) and (min-width: 300px){
    .servicios-titulo{

    padding: 6% 2% 16%;
 }
}
/*Secciones*/

.backgorund-imagen{
  background-size: cover; 
  background-repeat:no-repeat;
}

.espaciado{
  margin-bottom: 20px;
}

#trabajos img{

  width: 40%;
}

#trabajos .col-md-3{

  padding-right: 0px;
}

@media (max-width:1500px)  {
    
     #mensaje-banner{
   margin-top: 9%!important;
}
}

@media (max-width:991px)  {
 
  #trabajos img{
      
   max-width: 100%;
 }

 #trabajos .col-md-3{

  padding-left: 0px;
}

#mensaje-banner{
   margin-top: 15%!important;
}

#mensaje-banner h1,h3{
     margin-bottom: 0px!important;
    margin-top: 0px!important;
    font-size: 37px!important;
}
}

.resaltado{

  background: #5FA199;
  color: #FFFFFF;
}

.espaciado{

  margin-bottom: 5%;
  margin-top: 5%;
}

#patrones h2{

  color: #5FA199;
}

.listas-b{

  font-size: 20px;
  color: #FFFFFF;
}

.listas-a{

  font-size: 20px;
  color: #5FA199;
}

.tamaņo-texto{

font-size: 22px;

}

@media (max-width: 500px) {
  
  .tamaņo-texto{

font-size: 18px;
margin-bottom:0px;

}

.listas-b{

  font-size: 18px;
}

.listas-a{

  font-size: 18px;
}

#beneficios h2{
  font-size: 20px;
}

#mensaje-banner{
   margin-top: 47%!important;
}

#mensaje-banner h1,h3{
     margin-bottom: 0px!important;
    margin-top: 0px!important;
    font-size: 30px!important;
}

}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    margin-top: 67px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 50px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 70px;
    right: 10px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 2;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
  /* Text weight */
#myImg,#myImg2, #myImg3{
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover,#myImg2:hover,#myImg3:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}


/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

@media (max-width:600px) {
    .capa {
    background-color: white;
    opacity: 0.7;
    margin-top: -30px;
    margin-bottom: -30px;
    z-index: 0;
}
}
/*.navbar-inverse {
    background-color:   #1B4869 !important;
    border-color: #1B4869 !important;
}*/
    .spacer-section { padding: 30px 0;}
  .txt-w-100 h1, .txt-w-100 h2, .txt-w-100 h3, .txt-w-100 h4, .txt-w-100 h5, .txt-w-100 h6,  .txt-w-100 ,.txt-w-100  {
    font-weight: 100 !important;
  }

  .txt-w-200 h1, .txt-w-200 h2, .txt-w-200 h3, .txt-w-200 h4, .txt-w-200 h5, .txt-w-200 h6, .txt-w-200 p, .txt-w-200{
    font-weight: 200 !important;
  }
  .txt-w-300 h1, .txt-w-300 h2, .txt-w-300 h3, .txt-w-300 h4, .txt-w-300 h5, .txt-w-300 h6, .txt-w-300 p, .txt-w-300{
    font-weight: 300 !important;
  }
  .txt-w-400 h1, .txt-w-400 h2, .txt-w-400 h3, .txt-w-400 h4, .txt-w-400 h5, .txt-w-400 h6, .txt-w-400 p, .txt-w-400{
    font-weight: 400 !important;
  }

  1.txt-w-500 h1, .txt-w-500 h2, .txt-w-500 h3, .txt-w-500 h4, .txt-w-500 h5, .txt-w-500 h6, .txt-w-500 p, .txt-w-500{
    font-weight: 500 !important;
  }
  .txt-w-600 h1, .txt-w-600 h2, .txt-w-600 h3, .txt-w-600 h4, .txt-w-600 h5, .txt-w-600 h6, .txt-w-600 p, .txt-w-600{
    font-weight: 600 !important;
  }

  .txt-w-700 h1, .txt-w-700 h2, .txt-w-700 h3, .txt-w-700 h4, .txt-w-700 h5, .txt-w-700 h6, .txt-w-700 p, .txt-w-700{
    font-weight: 700 !important;
  }
  .txt-w-800 h1, .txt-w-800 h2, .txt-w-800 h3, .txt-w-800 h4, .txt-w-800 h5, .txt-w-800 h6, .txt-w-800 p, .txt-w-800{
    font-weight: 800 !important;
  }

/*Banner text spacer*/


.banner-text-spacer {
    padding: 10px 0;
}

.banner-img-left {
    max-width: 75%;
    padding-top: 15px;
}
.media-heading-middle{
    position: relative;
    top: 0px;
    transform: translateY(170%);

}
.visible-xs.media-heading-middle{
    position: relative;
    top: 0%;
    transform: translateY(0%);

}

  /* TEXT COLORS */
    .text-white {color: white;}

    /* BG COLORS */
    .bg-yellow{background:#eae546;}
    .bg-gray{background: #dedede;}

    /* SECTION SPACER */




    /* MSCLICS PRICING STYLES */
        .panel.price,
        .panel.price>.panel-heading{
            border-radius:0px;
             -moz-transition: all .3s ease;
            -o-transition:  all .3s ease;
            -webkit-transition:  all .3s ease;
        }
        .panel.price:hover{
            box-shadow: 0px 0px 30px rgba(0,0,0, .2);
        }
        .panel.price:hover>.panel-heading{
            box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
        }


        .panel.price>.panel-heading{
            box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
            text-shadow:0px 3px 0px rgba(50,50,50, .6);
        }

        .price .list-group-item{
            border-bottom-:1px solid rgba(250,250,250, .5);
        }

        .panel.price .list-group-item:last-child {
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }
        .panel.price .list-group-item:first-child {
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
        }

        .price .panel-footer {
            color: #fff;
            border-bottom:0px;
            background-color:  rgba(0,0,0, .1);
            box-shadow: 0px 0px 3px rgba(0,0,0, .3);
        }


        .panel.price .btn{
            box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
            border:0px;
        }

    /* green panel */


        .price.panel-green>.panel-heading {
            color: #fff;
            background-color: #57AC57;
            border-color: #71DF71;
            border-bottom: 1px solid #71DF71;
        }


        .price.panel-green>.panel-body {
            color: #fff;
            background-color: #65C965;
        }


        .price.panel-green>.panel-body .lead{
                text-shadow: 0px 3px 0px rgba(50,50,50, .3);
        }

        .price.panel-green .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }

        /* blue panel */


        .price.panel-blue>.panel-heading {
            color: #fff;
            background-color: #608BB4;
            border-color: #78AEE1;
            border-bottom: 1px solid #78AEE1;
        }


        .price.panel-blue>.panel-body {
            color: #fff;
            background-color: #73A3D4;
        }


        .price.panel-blue>.panel-body .lead{
                text-shadow: 0px 3px 0px rgba(50,50,50, .3);
        }

        .price.panel-blue .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }

        /* red price */


        .price.panel-red>.panel-heading {
            color: #fff;
            background-color: #D04E50;
            border-color: #FF6062;
            border-bottom: 1px solid #FF6062;
        }


        .price.panel-red>.panel-body {
            color: #fff;
            background-color: #EF5A5C;
        }




        .price.panel-red>.panel-body .lead{
                text-shadow: 0px 3px 0px rgba(50,50,50, .3);
        }

        .price.panel-red .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }

        /* grey price */


        .price.panel-grey>.panel-heading {
            color: #fff;
            background-color: #6D6D6D;
            border-color: #B7B7B7;
            border-bottom: 1px solid #B7B7B7;
        }


        .price.panel-grey>.panel-body {
            color: #fff;
            background-color: #808080;
        }



        .price.panel-grey>.panel-body .lead{
                text-shadow: 0px 3px 0px rgba(50,50,50, .3);
        }

        .price.panel-grey .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }

        /* white price */


        .price.panel-white>.panel-heading {
            color: #333;
            background-color: #f9f9f9;
            border-color: #ccc;
            border-bottom: 1px solid #ccc;
            text-shadow: 0px 2px 0px rgba(250,250,250, .7);
        }

        .panel.panel-white.price:hover>.panel-heading{
            box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
        }

        .price.panel-white>.panel-body {
            color: #fff;
            background-color: #dfdfdf;
        }

        .price.panel-white>.panel-body .lead{
                text-shadow: 0px 2px 0px rgba(250,250,250, .8);
                color:#666;
        }

        .price:hover.panel-white>.panel-body .lead{
                text-shadow: 0px 2px 0px rgba(250,250,250, .9);
                color:#333;
        }

        .price.panel-white .list-group-item {
            color: #333;
            background-color: rgba(50,50,50, .01);
            font-weight:600;
            text-shadow: 0px 1px 0px rgba(250,250,250, .75);
        }


        /* FONT-SIZES */
        /* 1em = 16px  */
        .fsize1{font-size: 1em;}
        .fsize2{font-size: 1.5em;}
        .fsize3{font-size: 2em;}
        .fsize4{font-size: 2.5em;}
        .fsize5, .fsize5 h1 {font-size: 3em;}
        .fsize6{font-size: 3.5em;}
        .fsize7{font-size: 4em;}
        .titlesize3 h1{
            font-size: 2.7em;
        }

        /* BTN SPACERS */
        .btn-spacer-top {margin-top: 2.5%;}
        .btn-spacer-bottom {margin-bottom: 2.5%;}
        .btn-spacer-left {margin-left: 2.5%;}
        .btn-spacer-right {margin-left: 2.5%;}

@media (min-width:320px) and (max-width:500px), screen and (device-aspect-ratio: 2/3) , screen and (device-aspect-ratio: 40/71) {

    .feature-icon{
      font-size: 60px !important;
    }

section#banner {
    padding: 45px 0 !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100% !important;
    background-image: url(../images/banner.png);
}

.fsize2 {
    font-size: 1em !important;
}
.fsize7 {
    font-size: 2.5em !important;
}

.h1, h1 {
    font-size: 29px !important;
}

.btn-getting-started {
    padding: 7px 20px !important;
    font-size: 14pt !important;
}

span.btn-price-value {
    font-size: 42pt !important;
    font-weight: 700;
    color: #5cb85c;
}

button.btn.btn-lg.btn-default.dropdown-toggle {
    padding: 12px !important;
}


.btn-price-value:after {
    content: "00";
    font-size: 10pt !important;
    color: #5cb85c;
    font-weight: 800;
    position: relative;
    top: -5px !important;
}

h1.price-home:after {
    content: "00.";
    font-size: 18pt !important;
    position: relative;
    top: -14px !important;
}

}


.btn-inverse {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
   /* padding: 7px 50px; */
    font-size: 1.3em;
}

.btn-inverse:hover {
    color: #ffffff;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 600 !important;
    line-height: 1.1;
    color: inherit;
}

/*   HELPER END        */
body{
    font-family: 'Roboto-Thin';
    font-size: large;
    font-weight: 600;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{

}
strong{
   font-family: 'Roboto-Bold';
}
.head {
    position: relative;
    z-index: 10
}

.logo {
    clear: both;
    padding: 9px 0;
}
.logo-xs {
 
}
.logo-xs > a > img {
    max-width: 148px;
    padding: 2%;
}
.top-right {
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 20pt;
    padding: 20px 0;
    margin-right: 60px;
}

.top-right > a {
    color: #FFFFFF;
    font-size: 20pt;
    margin: 15px
}

.top-right > a:hover {
    color: #AEADB3;
    text-decoration: none;
    cursor: pointer
}

.navbar-fixed-top {
    border: none;
    background: #5FA199;
    position: fixed;
    z-index: 5;
}
  
}

.radios > input {
    margin-bottom: 15px;
    font-size: 12pt
}

.radios {
    font-size: 12pt
}

section#banner {

    padding: 281px 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 775px;
    

}

.texto-slider {
    margin: 130px 0;
}

.title {
    text-transform: uppercase;
    font-size: 18pt;
    color: #000;
    line-height: 1.5;
}

.img-container{
    position: relative;
    top: 20px;
    /* left: 8px; */
    /* max-width: 300px; */
    margin: 0 auto;
}

.img-box-services{
    position: relative;
    top: 20px;
}
.box-services{
    background:#fff;
    min-height: 296px;
    padding: 25px 5px 5px 5px;
    border-radius: 2px;
}
.box-services > ul >li {
    font-size: large;
}

#contact-form {
    max-width: 290px;
    color: #000;
    padding: 25px 15px 5px;
    margin: auto;
    clear: both;
    background: #2c5ba7;
    border: 10px solid rgba(113, 164, 60, 0.89);
    border-radius: 5px;
}

.title-form {
    padding: 10px;
    font-size: 17pt;
    font-weight: 600;
    text-align: center;
}

.form-control {
    height: 30px;
}

.input-group{
    width: 100%;
}
.form-control {
    border-radius: 5px !important;
    border: none;
    color: #002e82;
    font-weight: bold;
}

label {
    cursor: pointer
}

::-webkit-input-placeholder {
   color: #5B5B5F !important;
}

.modal {
    top: 0;
    z-index: 9;
}

.modal-header {
    padding: 5px 10px
}

.modal-content {
 
    color: #fff;
}

.modal-body.content-popup > #Formu > .btn-send {
    background-color: #0055a5;
    color: #fff;
    font-weight: 600;
    border: none
}

.btn-warning {
    background-color: #2c4a46 !important;
    color: #FFFFFF !important;
    font-size: medium;
    font-weight: bold;
    border: none;
    position: relative;
    z-index: 2;
}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {
    background: #ffffff !important;
    border-color: #ffffff;
    color: #000 !important;
     border:none;
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
    background-color: #FFFFFF!important;
    color: #009BDB;
    font-weight: bold;
    border: none;
}


.copyright,
.copyright > a {
    font-size: 10pt;
    color: white;
    padding: 5px 0;
    text-decoration: none;
    font-weight: bold;
}

.item-footer, .item-footer a {
    padding: 20px 0 0 0;
    color: #fff;
    text-decoration: none;
}
.footer {
    background: #D90080
}

.bg-bottom-menu {
       background: #5FA199;
}

div#bottomNav div a {
    color: white;
    font-size: 23pt;
   /* padding: 6px 28px;*/
}

div#bottomNav div {border-right: 1px solid #fff;box-shadow: inset 0px 0px 91px rgba(0, 0, 0, 0.23);}

div#bottomNav div:last-child {
    border: none;
}

/*scrollbar*/

::-webkit-scrollbar {
    width: 8px;
    background: rgb(218, 218, 218);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

::-webkit-scrollbar-thumb {
    background:#04293D;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2)
}

::-webkit-scrol#292929;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border-radius: 10px
}
.section-description p {
    font-size: 10pt;
}
.section-description h3 {
    font-size: 12pt;
}

.mfp-figure:after {
    background: transparent !important;
    box-shadow: 5px 5px transparent !important;
}

/*Gallery*/
ul.rig {
    list-style: none;
    font-size: 0px;
    margin-left: -2.5%
}

ul.rig li {
    display: inline-block;
    margin: 0 0 3% 1.8%;
    background: transparent;
    font-size: 16px;
    vertical-align: top;
    -moz-box-sizing: border-box
}

ul.rig li img {
    max-width: 100%;
    width: 80%;
    height: auto;
}

ul.rig li h2 {
    /*margin: -10px 0 0px;
    font-size: 11pt;
    text-align: center;
    font-weight: 600;
    background: rgba(0, 0, 0, .7);
    padding: 5px*/
    color: #000;
    text-decoration: none;
}

ul.rig li p {
    font-size: .9em;
    line-height: 1.5em;
    color: #999
}

ul.rig.columns-2 li {
    width: 47.5%
}

ul.rig.columns-3 li {
    width: 30.83%
}

ul.rig.columns-4 li {
    width: 22.5%
}
a.overlay:hover, a.overlay:focus, a.overlay:active {
    outline: none !important;
}

@media (max-width: 480px) {

    ul.grid-nav li {
        display: block;
        margin: 0 0 5px
    }
    ul.grid-nav li a {
        display: block
    }
    ul.rig {
        margin-left: -40px
    }
    ul.rig li {
        width: 100% !important;
        margin: 0 0 20px
    }
    .copyright, .copyright > a {
    margin-bottom: 48px;
    }
}


.btn-primary {
    color: #fff;
    background-color: #4a72b2;
    border-color: #4a72b2;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1c4c98;
    border-color: #4a72b2;
}



@media (min-width: 320px) and (max-width: 580px) and (orientation: portrait){
/*
.home-image{
    position: relative;
    top: -100px;
    left: -12%;
    max-width: 50%;
    height: 396px;
}*/
    .home-image{
    position: relative;
    top: -53px;
    left: -22%;
    max-width: 100%;
}

}

@media (min-width: 1000px) and (orientation: portrait) {
.home-image{
    position: relative;
    top: -140px;
    left: -22%;
    max-width: 50%;
    height: 519px;
}
}

@media (min-width: 500px) and (orientation: landscape) {

.home-image {
    position: relative;
    top: -62px;
    left: -6%;
    max-width: 50%;
    height: 297px;
}

}

/* IPADS */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

    .home-image {
    position: relative;
    top: -62px;
    left: -6%;
    max-width: 38%;
    height: 297px;
}

}


 @media screen and (min-width: 1030px){
    .home-image {
    position: relative;
    top: -109px;
    left: -15%;
    max-width: 39%;
    height: 358px;
}
  }


.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}


/*New css*/
.logo-dark{

    margin-top: -24px;
}

h1.price-home:before {content: "Bs. ";font-size: 26pt;}
h1.price-home:after {content: "00.";    font-size: 26pt; position: relative; top: -24px;}
.price-period:before {
    color: #5cb85c;
    font-size: 20pt;
    font-weight: bold;
    position: absolute;
    top: 72%;
    left: 17%;
    /*content: "Por Aņo";*/
}
.btn-getting-started {
         padding: 4px 21px;
    font-size: 17pt;
}

.btn-price-value:before {    content: "Bsf. ";
    font-size: 24pt;
    color: #51A42E;
    font-weight: 800;}
.btn-price-value:after {content: "00"; font-size: 14pt; color: #5cb85c; font-weight: 800; position: relative; top: -15px;}
span.btn-price-value {
    font-size: 55pt;
    font-weight: 700;
    color: #51A42E;
}

ul.feature-list > li {
    padding-top: 10px;
}

ul.feature-list > li:before {
    content: "\f111";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14pt;
    color: #5cb85c;
    position: relative;
    right: 10px;
}
span.free-text {
    color: #5cb85c;
    font-size: larger;
}


.media-list-spacer {
    padding: 12px;
}
.fondo-texto{
    background-color:rgba(108, 159, 82,0.8); color:white; font-size: 40px; 
        padding-right: 14px;
}
}
.btn-success {
    color: #fff;
    background-color: #009BDB;
    border-color: #009BDB;
}
#numero-verde{

    font-size: 225px;
}
#text-numero-verde{
   font-size: 48px;
    margin-left: 20%;
    margin-top: -45%;
    line-height: 1;
    color: #444242;

}
#resaltado-verde{
    color: #51A42E;
}
 #img-girl{

        margin-top: -305px;
    }


.btn-danger {
    color: #fff;
    background-color: #009BDB;
    border-color: #009bdb;
    border-width: 2px;
}
.btn-danger:hover {
    color: #fff;
    background-color: #009BDB;
     border-color: #009bdb;
}

.btn-danger:active {
    color: #fff !important;
    background-color: #009BDB !important;
    border-color: #009bdb !important;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #009BDB;
    border-color: white;
}
.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #009BDB;
    border-color: white;
}

.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #009bdb;
    border-color: white;
}

#l img{
    position: absolute;
  top: 50px; 
  left: 50px;
}

section#BG-2 {
     padding: 90px 0;
    background: url(../images/BG-2.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 78vh;
}
section#BG-4 {
     padding: 90px 0;
    background: url(../images/BG-2.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 78vh;
        margin-top: 20%;
}
s
.sabores-tex1{
    font-size: 50px; margin-top: 5%; margin-left: 5%;
}

.sabores-tex2{
    font-size: 28px;margin-left: 19%;line-height: 0.2;
}
#word{
font-size: 20px;
    margin-top: 4px;

}
.btn-cotiza{
    width: 160px; height: 40px;
}
.btn-contact{
    width: 168px;
    height: 39px;

}

.img{
   background-image: url(../images/9_1.png);background-size: cover; background-repeat: no-repeat;padding: 40px;border-bottom-right-radius: 10px; border-top-right-radius: 21px; 
}
.triangulo{
  width: 0;
    height: 0;
    border-top: 20px solid white;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: 703px;
    margin-top: -90px;

}
.triangulo2{
  width: 0;
    height: 0;
    border-top: 20px solid #D90080;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: 703px;
    margin-top: -90px;

}
.down-elements{
    padding-top: 178px;
    margin-left: 187px;
}

@media (max-width: 800px) {
    .img2{
            width: 180px;
    }
    section#banner {
        padding: 82px 0 !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 321px;
   background-position: 43%;
}
.move-left{
        margin-left: -60px;

}
.fondo-black{
    height: 550px;
    background-color: rgba(0,0,0,0.4);
    margin-top: -69px;
}
.fondo-black2{
   height: 639px;
    background-color: rgba(0,0,0,0.4);
}


section#BG-2 {
      
 padding: 81px 0;
    background: url(../images/BG-2.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 1338px;
    background-position: 25%;
}
section#BG-3 {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 1242px;
    background-position: 73%;
}
section#BG-4 {
  padding: 50px 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 538px;
    background-position: 16%;
    margin-top: 0%;
}
.triangulo{
     width: 0; 
     height: 0; 
     border-left: 100px solid #f0ad4e;
     border-top: 50px solid transparent;
     border-bottom: 50px solid transparent; 
}


}
.title-center{
    margin-left: 70px;
    margin-top: 50px;
}
#sidebar-wrapper {
    margin-right: -250px;
    right: 0;
    width: 250px;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
  }

  .sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .sidebar-nav li {
    line-height: 50px;
    text-indent: 20px;
  }

  .sidebar-nav li a {
    color: #999999;
    display: block;
    text-decoration: none;
  }

  .sidebar-nav li a:hover {
    color: #fff;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
  }

  .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
  }

  .sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }

  .sidebar-nav > .sidebar-brand a {
    color: #999999;
  }

  .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
  }

  #menu-toggle {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1;
  }

  #sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    z-index: 5;
  }

  .toggle {
    margin: 5px 5px 0 0;
  }
hr.small {
    max-width: 323px;
    color: white;
    margin-top: -5px;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid white;
}
.intro-text {
    position: relative;
    padding: 20% 0 15% 0;
}
.b {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid white 2px;
  text-decoration: none;
}

.btns {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid white 2px;
  text-decoration: none;
}

.btns:hover {
  background: white;
  text-decoration: none;
}
.icon {
    margin-top: 8px;
    margin-left: -38px;
}
.imgs{
 margin-left: -70px;
 margin-top: -2px;"
}

.imgs {
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0%;
    font-size: 72%;
}

@media screen and (max-width: 450px) and (min-width: 425px) {
.redes-sociales {
    padding-left: 0;
    margin-left: -95px!important;
    list-style: none;
 }
}

@media screen and (max-width: 450px) and (min-width: 425px) {
.list-inline {
    padding-left: 0;
    margin-left: 16px;
    list-style: none;
 }
}

@media screen and (min-width: 760px) {
.redes-sociales {
    width: 515px;
 }
}

@media screen and (max-width: 325px) and (min-width: 300px){
 
 .contacto{

        margin-left: 40px;
        width: 400px;
        padding-left: 0px;
 }

}

@media screen and (max-width: 770px) and (min-width: 750px){
 
 .contacto-fila1{

        margin-left: 35%;
 }

}

@media screen and (max-width: 380px) and (min-width: 350px){
 
 .contacto-fila1{

    margin-left: 70px!important;
 }

}

@media screen and (max-width: 340px) and (min-width: 299px){
 
 .contacto-fila1{
    
    margin-left: 45px!important;
    
 }

}

@media screen and (max-width: 770px) and (min-width: 750px){
 
 .contacto-fila2{

        width: 400px;
        margin-left: 34%;
        padding-left: 0px;
 }

}

@media screen and (max-width: 450px) and (min-width: 400px){
 
 .contacto-fila2{

        margin-left: 40px;
 }

}

@media screen and (max-width: 380px) and (min-width: 350px){
 
 .contacto-fila2{

        margin-left: 40px;
 }

}

@media screen and (max-width: 340px) and (min-width: 299px){
 
 .contacto-fila2{
        margin-left: 20px;
 }

}

@media screen and (max-width: 770px) and (min-width: 750px){
 
 .contacto-fila3{

        margin-left: 25%;
 }

}

@media screen and (max-width: 380px) and (min-width: 350px){
 
 .contacto-fila3{

    width: 390px;
    margin-left: 0px;
    padding-left: 0px;
 }

}

@media screen and (max-width: 340px) and (min-width: 299px){
 
 .contacto-fila3{

    width: 370px;
    padding-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    border-right-width: 40px;
    right: 28px;

 }

}