/* 
    Created on : Feb 12, 2018
    Author     : Diego Islas
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,400,700|Raleway:300,500,700');
html,
body {
    width: 100%;
    height: 100%;
}

section {
    padding: 70px 0px;
}

body, button, input, optgroup, select, textarea {
    font-family: 'Open Sans', sans-serif;;
}

p {
    font-weight: 200 !important;
    font-size: 16px;
}

hr.bordernav{
    height: 3px;
    background: #162633;
    border: 0;
    margin: 0;
}

@media (max-width: 970px){
  hr.bordernav{
    display: none;
  }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    /*margin-bottom: 1.5rem;*/
    font-weight: 500;
}

.heading-bold{
    font-weight: 700 !important;
}

.heading-semibold{
    font-weight: 500 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.title, .heading-light, .heading-medium, .heading-semi-bold,
.heading-bold, .heading-semi-black, .heading-black{
    font-family: 'Raleway';
}

/*----------------------------------------------
* Navigation
----------------------------------------------*/

.navbar{
    min-height: 70px;
    -webkit-box-shadow: 0 8px 8px -10px #999;
    -moz-box-shadow: 0 8px 8px -10px #999;
    box-shadow: 0 8px 8px -10px #999;
}
.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-nav .nav-item .nav-link {
    padding: .5rem 1rem !important;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 2;
}
.navbar-nav .nav-link em, .navbar-nav .nav-link i{
    font-size: 18px;
}

.dropdown-menu {
    background-color: #f9f9f9;
    padding: 10px;
    border: none;
    cursor: pointer;
}

.dropdown-item:hover {
    background-color: #f2f2f2;
}

/*----------------------------------------------
Hero
----------------------------------------------*/

.carousel-item {
  height: 80vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.section-imgheader{
    height: 80vh;
    min-height: 500px;
    position: relative;
    background-image: url(../img/header3F.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/*----------------------------------------------
Styles
----------------------------------------------*/

.title{
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 35px;
}

@media (max-width: 768px){
  .title{
    font-size: 2em;
  }
}

.cardshadow {
    background-color: white;
    box-shadow: 2px 2px 15px #e8e8e8;
    border-radius: 5px;
    padding: 20px;
}

.boxtext {
      padding-top: 20vh;
  }
@media (max-width: 768px){
    .boxtext{
        padding-top: 10vh;
    }
}

.cardpop{
    background-color: #f9f9f9;
    border-radius: 5px;
}
.cardpop:hover{ 
    box-shadow: 2px 2px 15px #e8e8e8;
    -webkit-transition: box-shadow .3s ease-in-out;
}

.socioimg{
    height: 100px;
    padding: 20px;
}

.textsmall{
    font-size: 14px;
}

.section-smheader{
    height: 70vh;
    min-height: 500px;
    background-color: #121f28;
}
.brand {
    padding-top: 24vh;
}

@media (max-width: 768px){
    .brand {
        margin-top: 0vh; 
    }
}

.socios{
    height: 150px;
    padding-top: 50px;
}

@media (max-width: 768px) 
{
    .socios
    {
        height: 200px;
        padding-top: 50px;
    }
}

@media all and (max-width:480px) {
   .btnfull { width: 100%; display:block; }
} 

/*----------------------------------------------
* Form Elements
----------------------------------------------*/

.form-control{
    font-size: 14px;
    padding: .65rem .75rem;
    transition: background 0s ease-out;
}
.form-control:focus{
    outline: none;
    box-shadow: none;
    transition-duration: 0.3s;
}
.form-control-lg{
    padding: .85rem 0.85rem;
    font-size: 16px;
}
.form-control-sm{
    padding: .45rem 0.55rem;
    font-size: 12px;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 4px);
}
.input-group .input-group-addon {
    background: transparent;
}
.input-group .input-group-addon em{
    font-size: 14px;
}

/*----------------------------------------------
Color Bg and Text
----------------------------------------------*/

.text-gold{
    color: #c58a1d !important;
}
.text-white{
    color: #fff !important;
}
.text-blue{
    color: #162633 !important;
}
.lightbg{
    background-color: #f9f9f9 !important;
}
.bluebg{
    background-color: #162633 !important;
}
.goldbg{
    background-color: #c4891d !important;
}

/*----------------------------------------------
* Utilities
----------------------------------------------*/
.icon-lg {
    height: 80px;
}

.icon-sm {
    height: 55px;
}
.border-none{
    border: none !important;
    border-color: transparent !important;
}
.textsm{
    font-size: 15px;
}
.textpad{
    line-height: 2;
}

/*----------------------------------------------
Buttons
----------------------------------------------*/

.btn{
    font-family: 'Raleway';
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    padding: .7rem 1.5rem;
    border-radius: 3px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.btn-round{
    border-radius: 50px;
    transition: all .4s ease-in-out;
}

.btn-round:hover {
  border-radius: 2px;  
  cursor: pointer;
}

/*Button White*/
.btn-white, .btn-white:hover, .btn-white:focus,
.btn-outline-white:hover, .btn-outline-white:focus, 
.btn-white.active, .btn-white:active,.btn-outline-white.active, .btn-outline-white:active, 
.show>.btn-outline-white.dropdown-toggle,
.show>.btn-white.dropdown-toggle, .btn-white.disabled,
.btn-white:disabled{
    color: #292b2c;
    background-color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}
.btn-outline-white{
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5);
}

/*Button Blue*/
.btn-blue,
.btn-outline-blue:hover, .btn-outline-blue:focus, 
.btn-blue.active, .btn-blue:active,.btn-outline-blue.active, .btn-blue-white:active, 
.show>.btn-outline-blue.dropdown-toggle,
.show>.btn-blue.dropdown-toggle, .btn-blue.disabled,
.btn-blue:disabled{
    color: #fff;
    background-color: #162633;
    border-color: #162633;

}
.btn-outline-blue{
    color: #162633;
    background-color: transparent;
    border-color: #162633;
}

.btn-blue:hover{
    background-color: #0c171e !important;

}