body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@font-face {
    font-family:'Lato';
    src:url(fonts/Lato-Regular.ttf);
}

@font-face {
    font-family:'Lato-Black';
    src:url(fonts/Lato-Black.ttf)
}

.text-muted {
        color: #777777;
}

p {
    font-size: 14px;
    line-height: 1.75;
}
p.large {
    font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
    outline: none;
    
}

a:hover,
a:focus,
a:active,

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.light_title{
    font-weight: 100;
}

.full-screen{
    height: 100vh;
    width: 100vw;
    padding: 0;
    margin: 0;
}

section{
    overflow-x: hidden;
}


/* -- Nav Bar -- */


.navbar-custom {
    border-color: transparent;
    margin-left: 31%;
    border-radius: 5px;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
    font-size: 1.5em;
    background-color: transparent;
    padding: 0 0;
    margin-top: 9%;
    position: absolute;
    z-index: 1
}
.navbar-nav {
    margin-top: 3%;
    border-radius: 5px;
    background-color: rgba(0, 99, 121, .40);
}
.navbar-custom .nav li a {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
    color: white;
    border-bottom: solid 1px;

}

/*
Menu responsivo
*/

.navbar-custom .navbar-collapse {
    border-color: #fcfefe;
    margin-top:11.5%;
}
.navbar-custom .navbar-toggle {
    border-color: white;
    color: white;
    font-size: 12px;
    background-color: rgba(0, 99, 121, .40);
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: rgba(0, 99, 121, .40);
}



/* -- Header -- */


#mycarousel .img_logo_header{
    width: 100%
}
#mycarousel > div > div > img{
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-position: center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     width: 100vw;
     height:100vh;
     text-align: right;
 }



.carousel-caption{
    left: 0;
    top: 0;
}
#page-top  .container{
    width: 100%;
}
.carousel-caption .intro-heading{
   text-align: center;

    z-index: 1;


}
#mycarousel .carousel-indicators{
     margin-bottom: 7%;
 }
#mycarousel .carousel-indicators li{
width: 25px;
height: 25px;
}
#mycarousel .carousel-indicators .active {
    background-color: rgba(0,21,4,.70);
     border: transparent}
 .header_directions{
    font-size: 12px;
     font-family: 'Lato',"sans-serif";
}

#mycarousel a,
#mycarousel a:hover,
#mycarousel  a:focus,
#mycarousel  a:active,
#mycarousel a.active {
color:white;
}
    header .intro-text {
        padding-top: 129px;
        margin-left: 35%;

    }
    header .intro-text .intro-lead-in {
        font-family: 'Montserrat', sans-serif;    font-style: italic;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 25px;

    }
    header .intro-text .intro-heading {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 50px;
        text-shadow: 2px 2px 4px #000000;
    }


.logo-background{
    background-color:rgba(255,255,255,.2);
    border-radius: 5px;
    margin-left:2.5%;
}








/*section*/


.section-title {

    text-align: center;
    margin-top: 5%;
}
.section-title-bold{
    font-size: 35px;
    line-height: 10px;
    font-weight: 600;
    color: #14475a;
    text-align: center;
    margin-bottom: 1%;
}
.section-title-light{
    font-size: 28px;
    font-weight: 700;
    margin-left: 15%;

    color: #3B4042;

}

#header-form{
    margin-left: -60%;
    margin-top: -18%;
    width: 50%;
}
#header-form ::-webkit-input-placeholder {
    color: white !important;
}

#header-form input:-moz-placeholder { /* Firefox 18- */
    color: white !important;
}

#header-form input::-moz-placeholder {  /* Firefox 19+ */
    color: white !important;
}

#header-form input:-ms-input-placeholder {
    color: white !important;
}

.showBtn{
    margin-left: -60%;
    /* margin-top: -37%; */
    position: absolute;
    width: 50%;
    background-color: rgba(0, 99, 121, .40);
    }





.showBtn:hover{
background-color: rgba(0, 99, 121, .40);
}

.form-inicio {
    margin-top:50%;
}

#header-form .header-field {
    background: transparent;
    border-radius: 5px;
    margin-top: 2%;
    color:white;
    position: relative;
}

#header-form select option{
    background-color:rgb(88,114,117);
}
/*Nosotros*/


#Nosotros{
    background-image: url('../img/banner.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}





.tituloIdentidad{
    font-family: 'Lato-Black', sans-serif;
    text-align: center;
}

 .identidad{
     color: #757E81;
     text-align: justify;
     font-size:1.1em;
     font-family: 'Lato',sans-serif;
 }

 #Nosotros_2{
     margin-top:5%;
 }

#Nosotros_2 .row{
    margin-top: 25px;
}
#Nosotros_2 .col-sm-3{
    height: 200px;
    width: 300px;
    margin-right: 5%;
}
#Nosotros_2 .img-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}




#Nosotros_2 .img-responsive{
    width: 50%;
    display: block;
    margin: auto;
    height:auto;

}



/*Seguros*/


#Seguros .section-content-text{
    margin-bottom: 7%;
    color:#262626;
    margin-top: 3%;
    font-family:'Lato',sans-serif;
}

.seguros_brief{
    font-size: 1em;
}

#Seguros .img-container-1{
    width: 100px;
    height: 70px;
padding-left: 0px;
padding-right: 0px;
}
#Seguros .img-container{
    position: relative;
    height: 100%;
    width: 100%;
}
#Seguros img{
    position: absolute;
    width: 100px;
    height: 70px;
}






#Seguros .col-sm-8{
    padding: 0;
}
#Seguros {
    background-image: url('../img/banner_Seguros.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 4% 0;
    overflow-x: hidden;

}

#Seguros .row{
    margin-left:10%;
}

#Seguros a ,#Seguros  {
    color: #262626;
}

#Seguros .margins-icon {
    margin:7% 0 5% 0;
}

#Seguros .margins-text {
    margin:10% 0 5% 0;
}




#Seguros .tipos_seguros-fianzas{
    font-family: 'Lato', "sans-serif";
    margin-top: 25%;
    margin-left:0%;
}
/*banner_2*/

.img-slider{
    max-width: 250px;
    max-height: 75px;
    }
.img-expecial{
      height: 50px;
    }
.banner_2 .col-sm-12{
    width: 100px;
    height: 335px;
}
.banner_2 .img-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 5%;
    height: 100%;
    width: 100%;
}
.banner_2 .section-title-bold{
    margin: 7% 25% 0 0 ;
    line-height: 40px;
    color: white;
    font-size: 40px;
}
.banner_2 .section-title-light{
    font-size: 40px;
    color: white;
     margin: 0;
}
.banner_2  img
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}


/*
Cotiza
*/

#Cotiza{
    background-image: url('../img/banner.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


#Cotiza  .btn-submit{
    background-color: #2e6da4;
    color: #FFFFFF;
}
#Cotiza .col-sm-12{
    margin-top: 5%;
}
#Cotiza  textarea{
    height: 80px;
}

/*Fianzas*/

#Fianzas{
    background-image: url('../img/banner_Seguros.jpg');

    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#Fianzas .section-content-text{
    margin-bottom: 7%;
    color:#262626;
    margin-top: 3%;
    font-family:'Lato',sans-serif;
    margin-left:15%;
}

#texto_fianzas{
    margin: 50px 0 0 0;
    color:#757E81;
    margin-left: 7%;
    font-weight: 700;
}
#Fianzas .tipos_seguros-fianzas {
    font-family: 'Lato', "sans-serif";
    color: black;
}
#Fianzas img{
    height: 100px;
    width: 100px;
    margin-bottom: 15px;
}

#Fianzas .text-center {
    margin:10% 0 5% 0;
}


/*Contactanos*/


#Contactanos{

    background-image: url('../img/O68BK101.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;;

    padding: 4% 0;

}
#mail_contactanos{
    background-color: #00bff3;
    color: white;
    border-radius: 5px;
    padding: 2% 0;
}


#Contactanos .border-down {
    background-color: transparent;
    border: 0px;
    border-color: transparent;
    border-bottom: solid 1px;
    color: white;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 4%;
}

#no-border{
    color: white;
    text-decoration: underline;
}

#Contactanos input::-webkit-input-placeholder {color: #FFFFFF;}
#Contactanos input::-moz-placeholder          {color:#FFFFFF;}
#Contactanos input:-moz-placeholder           {color:#FFFFFF;}
#Contactanos input:-ms-input-placeholder      {color:#FFFFFF;}

#mail_contactanos-derecha{
    padding: 2% 0;
}
#mail_contactanos-derecha .margin-4{
    margin-bottom: 4%;

}
#mail_contactanos-derecha img {
    height: 30px;
    width: 30px;
}


.footer{
 margin: 0% 0 15% 0;
    color: #a68237;

}
#logo{
    width:100%;
    border-right: solid 3px;
    border-color: #745334;
    margin-top: 25%;
}


.footer_1
{
    color: #a68237;
    font-weight: 700;
}
.no-margin{
    margin: 0%;
    padding: 0%;
}
.slick-next{
    margin-right: 0;
}

.lemon{

    background-color:#00bff3;
    margin-top: 5%;
    text-align: center;
    color:white;
}

/*MEDIA QUERRIES*/


@media (max-width: 768px){
    #Nosotros_2 .img-responsive {
        display: block;
        margin-bottom: 5%;
        height: auto;
    }

    .section-title-bold{
        line-height: 0px;
        font-size:30px;
    }

    .mail_contactanos {
        width: 96%;
    }
    #mail_contactanos-derecha{
        margin-left: 5%;
    }

    #Seguros .margins-icon {
        margin:7% 0 5% 33%;
    }

    #Seguros .margins-text {
        margin:20% 0 5% 0;
        text-align: center;
    }

    .section-title {
        margin-top: 10%;
    }

    header .intro-text .intro-heading {
        font-size: 25px;
        line-height: 40px;
    }
    header .intro-text {
        padding-top: 60px;
        margin-left: 25%;
    }
    .carousel-caption .intro-heading{
        margin: 0;
    }

    #mycarousel > div > div > img{

        height:90vh;

    }

    .navbar-custom{
        margin-left: 70%;
    }

    #mycarousel .logo-background{
        background-color: transparent;
    }
    #Seguros .tipos_seguros-fianzas {

        margin-left: 21%;
    }
    #Seguros img {
        margin-left: 18%;
    }
}

@media (max-width: 900px){
    .showBtn{
        display:none;
    }
}

@media (max-width: 1080px){
    .logo-background{
        margin-left:4.5%;
    }
}

@media (min-width: 1200px){
    .showBtn {
        margin-top: -17%;
    }
    #header-form{
        margin-top:-27%
    }
}

@media (min-width: 1300px){

   .logo-background{
        margin-left:.5%
    }
}

@media (min-width: 1360px){

    .logo-background{
        margin-left:-.5%
    }
}

@media (min-width: 1400px){
    .logo-background{
        margin-left:-1.5%;
    }

    .showBtn {
        margin-left: -70%;
    }
    #header-form{
        margin-left:-70%
    }
}


@media (min-width: 1500px){
    .showBtn {
        margin-top: -17%;
        margin-left: -80%;
    }
    #header-form{
        margin-top:-27%;
        margin-left: -80%;

    }
}


@media (min-width: 1600px) {
    .navbar-custom {
        margin-left: 39%;
    }
    header .intro-text{
        margin-left:  15% !important;
    }

    #Nosotros_2 .col-sm-3{
        margin-right: 12%;

    }

}

@media (min-width: 1900px) {
    .logo-background{
        margin-left:-2.5%;
    }
    .navbar-custom .navbar-collapse {
        border-color: #fcfefe;
        margin-top: 14.5%;
        margin-left: -19%;
    }

    .showBtn{
        margin-top: -35%;
        margin-left: -126%;
    }

    #header-form{
        margin-top: -58%;
        margin-left: -126%;
    }
}


@media (min-width: 2000px){
    .showBtn {
        margin-left: -131%;
        margin-top: -8%;
    }
    #header-form{
        margin-left: -131%;
        margin-top: -42%;

    }

    .navbar-custom{
        margin-top:11%
    }
}


@media (min-width: 2500px){
    .logo-background{
        margin-left:-1.5%;
    }

    .showBtn {
        margin-left: -163%;
        margin-top: -39%;
    }

    #header-form{
        margin-left: -162%;
        margin-top: -58%;
    }
    .navbar-custom .navbar-collapse {
        margin-left: 0%;
        margin-top: 14.5%;
        }
    .header_directions{
        font-size: 25px;
    }
     .section-title-bold{
        font-size: 6em;
    }
  .section-title-light{
        font-size: 5em;
    }
    #Nosotros .tituloIdentidad{
        font-size:4.5em ;
    }
    #Nosotros .identidad{
        font-size:2.5em ;
    }

    #Seguros img{
        width:200px;
        height:150px;
    }
    #Seguros .tipos_seguros-fianzas{
        font-size: 1.5em;
        margin-left: 8%;
    }
     .seguros_brief {
        font-size: 2em;
    }

     #Fianzas img{
         width:170px;
         height:170px;
     }

     #Fianzas p{
         font-size:30px;
     }

     .footer_1{
         font-size: 1.4em;
         line-height: 200%;
     }

     .footer_1 h4{
         font-size:1.4em;
     }
}