/*
=============
CONVOCATORIA
=============

/*
==============
Custom Styles
==============
*/

* {
     box-sizing: border-box !important;
}

.container {
     max-width: 1170px;
}

html {
     scroll-behavior: smooth;
}

body {
     color: #4E3629;
     font-size: 15px;
     font-family: 'Mr Eaves XL San Nar OT', sans-serif;
     line-height: 1.80857;
     font-weight: normal;
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #4E3629;
     margin: 0
}

h1 {
     font-size: 24px;
     font-family: 'Mr Eaves XL San Nar OT', sans-serif;
}



h3 {
     font-size: 18px;
     font-family: 'Mr Eaves XL San Nar OT', sans-serif;
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #4E3629;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

/*--
p {
     margin: 0px;
     font-weight: 500;
     font-size: 15px;
     line-height: 24px;
}
--*/
a {
     color: #4E3629;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}


 :focus {
     outline: 0;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

input[type=submit]{
    background-color:#E57200;
    color: #fff;
    padding: 15px 40px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
}


/*---------------------------- preloader area ----------------------------*/

.loader_bg {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     width: 100%;
     height: 100%;
}

.loader {
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}

.loader img {
     width: 280px;
}

/*---------------------------- ends preloader area ----------------------------*/

.questions {
    display: flex;
    flex-direction: column;
    margin: 20px 30px;
    align-content: center;
    align-items: center;
    font-size: 18px;
}

label {
    margin-bottom: 0px;
}

input {
    padding: 5px;
}


/*========================================
 Footer
==========================================*/

.footer {
  display: flex;
  justify-content: center;
  background-color: #fcf6f0;
  padding: 25px 50px;
}

.footer a{
  color:#E57200;
}

.footer a:hover{
  color:#E57200;
}

.footer #left-footer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.museo-logo-footer {
    width: 30%;
    height: auto;
    margin: 20px 0px;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/* sections */
.sections {
  display: flex;
  color: #DB7474;
  padding: 20px 180px;
}

.footer-left-sections {
  display: flex;
  flex-direction: column;
  margin: 10px 10px 10px 40px;
}

#social-media-footer {
  justify-content: flex-end;
}

/* address */

.address a {
  font-size: 18px;
}

.address {
  font-size: 18px;
  color: #4E3629;
}

/* social media*/

.footer .social-media i {
  margin: 25px 35px 0px 0px;
}

.footer .social-media {
  display: flex;
  flex-direction: row;
}

.footer .social-media a {
 list-style: none;
}

/* --------------------------------- */

/*================================
 Bottom Footer
==================================*/

#bottom-footer{
  text-align: center;
  font-size: 10px;
  font-family: "PT Sans", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  background-color: #4E3629;
  color: #fcf6f0;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0px;
}


/* --------------------------------- */



/***********************************************************************************/


/*======================================
                 Media Query
=========================================*/


/* ============== Mobile ============== */


@media screen and (max-width: 320px) {
    input[type=firstname],
    input[type=lastname],
    input[type=tel],
    input[type=email],
    input[type=submit],
    input[type=text], select, textarea {
        font-size: 15px;
        margin-bottom: 1px;
        width: 100%;
    }
    
    .museo-logo-footer {
        padding-left: 25px;
    }

}


@media screen and (min-width: 321px) and (max-width: 767px) {
        input[type=firstname],
        input[type=lastname],
        input[type=tel],
        input[type=email],
        input[type=submit],
        input[type=text], select, textarea {
        font-size: 15px;
        margin-bottom: 1px;
        width: 100%;
  }
  
  .museo-logo-footer {
        padding-left: 25px;
    }
    
    
}

/* ============== Tablet ============== */

@media screen and (min-width: 768px) and (max-width: 1023px) {
        input[type=firstname],
        input[type=lastname],
        input[type=tel],
        input[type=email],
        input[type=submit],
        input[type=text], select, textarea {
        font-size: 15px;
        margin-bottom: 1px;
        width: 100%;
    }
  
    
}

@media screen and (min-width: 1024px) and (max-width: 1366px)  {
        input[type=firstname],
        input[type=lastname],
        input[type=tel],
        input[type=email],
        input[type=submit],
        input[type=text], select, textarea {
        font-size: 15px;
        margin-bottom: 1px;
        width: 100%;
    }

}

/*============== Laptop ==============*/

@media screen and (min-width: 1367px) and (max-width: 1400px)  {
        input[type=firstname],
        input[type=lastname],
        input[type=tel],
        input[type=email],
        input[type=submit],
        input[type=text], select, textarea {
            font-size: 15px;
            margin-bottom: 1px;
            width: 100%;
    }
  
        .questions {
        margin: 20px 400px;
    }
}

@media screen and (min-width: 1401px) and (max-width: 1656px) {
        input[type=firstname],
        input[type=lastname],
        input[type=tel],
        input[type=email],
        input[type=submit],
        input[type=text], select, textarea {
            font-size: 15px;
            margin-bottom: 1px;
            width: 100%;
      }
      
        .questions {
        margin: 20px 500px;
    }
}

/*============== Desktop ==============*/

@media screen and (min-width: 1657px) and (max-width: 2143px) {
        input[type=firstname],
        input[type=lastname],
        input[type=tel],
        input[type=email],
        input[type=submit],
        input[type=text], select, textarea {
            font-size: 15px;
            margin-bottom: 1px;
            width: 100%;
    }
    
        .questions {
        margin: 20px 500px;
    }
}

@media screen and (min-width: 2144px){
    input[type=firstname],
    input[type=lastname],
    input[type=tel],
    input[type=email],
    input[type=submit],
    input[type=text], select, textarea {
        font-size: 15px;
        margin-bottom: 1px;
        width: 100%;
    }
    
        .questions {
        margin: 20px 500px;
    }
}

/***********************************************************************************/