/*----------------------------------------
	Histora chilam
----------------------------------------*/
#historia {
    position: relative;
    background-image: url('../images/bg-historia.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 4%;
    padding-bottom: 4%;
}

#historia h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #cc9f52;
}

#historia p {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    color: #ffffff;
    text-align: justify;
}

#historia .dialog{
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #e1b467;
}

.slide-info-carousel .active {
    background:none;
}

.slide-info-carousel .owl-pagination{
    display: none;
}

.slide-info-carousel .owl-prev {
    background-color: transparent !important;
    left: -10%;
    position: absolute;
    top: 30%;
    width: 45px;
    height: 60px;
    line-height: 45px !important;
    font-size: 50px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}


.slide-info-carousel .owl-next {
    background-color: transparent !important;
    right: -10%;
    position: absolute;
    top: 30%;
    width: 45px;
    height: 60px;
    line-height: 45px !important;
    font-size: 50px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

#historia .slide-info-carousel p{
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    text-align: justify;
    color: #FFFFFF;
}

/*----------------------------------------
	Chilam kukulkan
----------------------------------------*/

#chilam-kukulkan{
    position: relative;
    background-image: url('../images/bg-kukulkan.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 4%;
    padding-bottom: 4%;
}

#chilam-kukulkan h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

#chilam-kukulkan p {
    text-align: justify;
}

/*----------------------------------------
	Chilam Apoya
----------------------------------------*/

#chilam-apoya{
    position: relative;
    background-image: url('../images/bg-chilam-apoya.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 4%;
    padding-bottom: 4%;
}

#chilam-apoya h3{
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #cc9f52;
}

#chilam-apoya h5{
    text-align: center;
    text-transform: uppercase;
    color: #cc9f52;
}

#chilam-apoya p {
    text-align: center;
    color: #FFFFFF;
}


/*----------------------------------------
	Chilam Empreza
----------------------------------------*/

#chilam-empresa-mv{
    position: relative;
    overflow: hidden;
    background-image: url('../images/bg-mv.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 4%;
    padding-bottom: 4%;
}


#chilam-empresa-mv h4{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #cc9f52;
}

#chilam-empresa-mv p {
    text-align: justify;
    color: #FFFFFF;
}

#chilam-empresa-mv .navbar-valores .bg-navbar{
    border-radius: 0.5rem;
    background-color: #cc9f52;
}

#chilam-empresa-mv .navbar-valores .navbar-expand-lg .navbar-nav .nav-link {
    padding-bottom: .3rem;
}

#chilam-empresa-mv .navbar-valores .linea-separadora {
    align-self: center;
    padding-bottom: 0;
}


/*----------------------------------------
	Chilam Empreza Objetivo
----------------------------------------*/

#chilam-empresa-objetivo {
    position: relative;
    overflow: hidden;
    background-image: url('../images/bg-objetivo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 4%;
    padding-bottom: 4%;
}

#chilam-empresa-objetivo h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #cc9f52;
}

#chilam-empresa-objetivo p {
    text-align: justify;
    color: #FFFFFF;
}

#chilam-empresa-objetivo .bg-capomo {
    background-image: url('../images/bg-capomo.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1.2rem;
}

/*----------------------------------------
	Chilam Empreza ciclo de vida
----------------------------------------*/

#chilam-empresa-ciclo-vida{
    position: relative;
    background: #fff2cd;
    padding-top: 4%;
    padding-bottom: 4%;
}

#chilam-empresa-ciclo-vida h3, h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #cc9f52;
}

#chilam-empresa-ciclo-vida .card{
    border: transparent;
    border-radius: 0;
}

#chilam-empresa-ciclo-vida .card .card-img-top{
    border-radius: 0;
}

#chilam-empresa-ciclo-vida .card .card-header{
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    border-bottom: transparent;
    padding: 1.5rem 1.25rem;
    color: #cc9f52;
}

#chilam-empresa-ciclo-vida .card .card-text {
    text-align: center;
    color: #4f4f4f;
}

#chilam-empresa-ciclo-vida .card .card-footer {
    padding: 0.4rem 1.25rem;
    background-color: #cc9f52;
    border-radius: 0;
    border-top: transparent;
}

#chilam-empresa-ciclo-vida .n-bulled{
    font-size: 2.5rem;
    line-height: 0.5;
    color: #cc9f52;
}

/*----------------------------------------
    Chilam Cerveza Detalles
----------------------------------------*/

#chilam-cerveza-detalles{
    position: relative;
    overflow: hidden;
    background-image: url('../images/bg-detalles.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 13%;
    padding-bottom: 13%;
}

#chilam-cerveza-detalles p {
    text-align: center;
    font-size: 1.2rem;
    color: #ffffff;
}

#chilam-cerveza-detalles span {
    padding: 0.8rem 0;
    display: block;
    margin: 0 auto;
    text-align: center;
}

/*----------------------------------------
    Chilam Cerveza Propiedades
----------------------------------------*/

#chilam-cerveza-propiedades{
    position: relative;
    overflow: hidden;
    background-image: url('../images/bg-propiedades.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 4%;
    padding-bottom: 4%;
}


#chilam-cerveza-propiedades h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #cc9f52;
}

#chilam-cerveza-propiedades p {
    text-align: center;
    color: #FFFFFF;
}


/*----------------------------------------
    Chilam Seccion Contacto
----------------------------------------*/

#chilam-contacto-banner{
    position: relative;
    overflow: hidden;
    background-image: url('../images/banner/04.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 4%;
    padding-bottom: 4%;
}

#chilam-contacto-banner .h-custom{
    height: 260px;
}


#chilam-contacto{
    position: relative;
    overflow: hidden;
    background-image: url('../images/bg-contacto.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 4%;
    padding-bottom: 1%;
}

#chilam-contacto h3 {
    font-family: "karimunregular", sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: .8;
    color: #000000;
}

#chilam-contacto .brand{
    border: 1px solid #000000;
    border-radius: 0.5rem;
    width: 38%;
    text-align: center;
}

#chilam-contacto .brand ul {
    list-style-type:none;
    display:-ms-flexbox;
    display:flex;
    padding: 0;
    margin: 0;
}

#chilam-contacto .brand ul li {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #000000;
}


#chilam-contacto .info-contacto ul {
    list-style-type:none;
    padding: 0;
    margin: 0;
}

#chilam-contacto .info-contacto ul li{
    display:list-item;
    padding:5px 7px;
    margin:0 3px;
    color: #000000;
}
#chilam-contacto .info-contacto ul li a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: #000000;
}
#chilam-contacto .info-contacto ul li a i {
    color:#000000;
    font-size:1.2rem;
}

#chilam-contacto .fb-custom-sz,
#chilam-contacto .inst-custom-sz,
#chilam-contacto .twi-custom-sz{
    font-size: 2rem;
}

#chilam-contacto .form-group {
    margin-bottom: 0.5rem;
}

#chilam-contacto .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #393734;
}
#chilam-contacto .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #393734;
}
#chilam-contacto .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #393734;
}
#chilam-contacto .form-control:-moz-placeholder { /* Firefox 18- */
    color: #393734;
}

#chilam-contacto .form-control {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #393734;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius:.2rem;
}

#chilam-contacto .btn-send {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: #393734;
    width: 100%;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
    margin-top: 13px;
}

#chilam-contacto .successMsg p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #9e1f0a;
    padding: 0;
    margin-top: -30px;
    text-align: center;
}

#chilam-contacto div #recaptchaContacto {
    margin: 0 auto;
    width: 304px;
    border: 0;
}

#chilam-contacto #recaptchaContacto {
    -ms-transform: scale(0.90);
    transform: scale(0.63);
    -webkit-transform: scale(0.90);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}



#chilam-contacto .social-media {
    list-style-type:none;
    display:-ms-flexbox;
    display:flex;
    }

#chilam-contacto .social-media li{
    padding:5px 7px;
    margin:0 3px;
}

#chilam-contacto .social-media li a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: #000000;
}
#chilam-contacto  .social-media li a i {
    color: #000000;
}
