/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 14, 2016, 10:31:53 AM
    Author     : grupohost
*/

div.header{
}

a{
    color:#BCBEC0;
}

a:hover{
    text-decoration:none !important;
    color:#333;
}

.headerlogo{
    padding:5px 0;
}

.red{
    color:#E21E2C;
}

ul.dropdown-menu li ul li{
    line-height: 120% !important;
}

.bgred{
    background:#E21E2C;
    color:#fff;
}

.block{
    display:block;
    width:100%;
}

img{
    max-width: 100%;
}

.width100{
    width: 100%;
}

body{
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    line-height: 150%;
    color: #414042;
}

.border-bottom{
    border-bottom:8px solid #E6E7E8;
}

.border-top{
    border-top:8px solid #E6E7E8;
}

.border{
    border:1px solid #efefef;
}

.height200{
    height:200px;
}

.height150{
    height:150px;
}

.bggrey{
    background: #F1F2F2;
}

.grey, a.grey{
    color:#333;
}

.align-center{
    text-align: center;
}

.align-left{
    text-align: left;
}

.align-right{
    text-align: right;
}

a.bgred{
    color:#fff;
}

a.bgred:hover{
    color:#fff;
}

.menufooter li{
    display:inline-flex;
}

.italic{
    font-style: italic;
    font-weight: 400;
}

strong{
    font-weight: 800;
}

.letter{
    display:inline-block;
}

.padding-vertical{
    padding:75px 0;
}

.padding-small{
    padding:25px;
}

.padding-xsmall{
    padding:15px;
}

.padding-xxsmall{
    padding:5px;
}

.inline-block{
    display:inline-block
}
.margin-top{
    margin:75px 0 0 0;
}

.margin-top-small{
    margin-top:25px;
}

.margin-bottom-small{
    margin-bottom:25px;
}

.margin-vertical{
    margin:75px 0;
}

.padding-vertical-small{
    padding:25px 0;
}

.padding-vertical-xsmall{
    padding:10px;
}

.margin-vertical-small{
    margin:25px 0;
}

.padding{
    padding: 50px;
}

.relative{
    position:relative;
}

.z-index1{
    z-index: 1;
}

.z-index2{
    z-index: 2;
}

.z-index3{
    z-index: 3;
}

.z-index4{
    z-index: 4;
}

.bgimg{
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}

.bgimgd{
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}

.bgimgh{
    background-size:134% auto !important;
}

.listing_img_medium{
    width:120px;
    height:120px;
    background-color: #fff;
    border: 1px solid #efefef;
    margin: 0 25px 0 0;
}
footer a{
    color:#333;
}
#map {
  height: 300px;
}

.arrow-right-grey::after {
  width: 0;
  content: '';
  height: 0;
  position:absolute;
  top:0;
  right:-13px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 13px solid #F1F2F2;
}

.no-margin-padding{
    margin: 0;
    padding: 0;
}

.greyinput{
    padding: 10px;
    background:#F1F2F2;
    height: auto;
}

.whiteinput{
    padding: 3px;
    background:#F1F2F2;
    border:1px solid #ccc;
}


.float-left{
    float:left;
}

.float-right{
    float:right;
}

.circleimg{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Default Style*/

.bgcolor1{
    background-color:#E21E2C;
}

.white{
    color:#fff !important;
}

.menumain a{
    font-size:16px;
}

.menumain .nav{
    padding: 1px;
    border-radius: 5px;
}

.headerhome .navhome a.nav-link{
    font-size: 16px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color:#E21E2C;
    color:#fff !important;
}

.content_img_medium{
    height:270px;
}

.thumbpre div{
    background-size: auto 100%;
    margin: 0 auto;
}

.imgnosotros{
    height:420px;
    margin-left:-75px;
}

.nosotrosblock{
    margin-right:-25px;
}


.equis{
    background:url("../img/deco.png") no-repeat center center;
    width:18px;
    height:52px;
    margin:0 50px;
    display:inline-flex;
}

h1{
    font-size:68px;
    text-transform: uppercase;
    color: #A7A9AC;
    font-weight: 800;
    letter-spacing: 5px;
    margin:0 0 10px 0;
    padding: 0;
}

h4{
    font-size:28px;
    text-transform: uppercase;
    color: #BCBEC0;
    font-weight: 800;
    letter-spacing: 2px;
    margin:0 0 10px 0;
    padding: 0;
}


h2{
    font-size:22px;
    text-transform: uppercase;
    color: #BCBEC0;
    font-weight: 800;
    letter-spacing: 2px;
    margin:0 0 10px 0;
    padding: 0;
}

h5{
    font-size:14px;
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
    letter-spacing: 1px;
    margin:0 0 10px 0;
    padding: 0;
}

.header #logohome{
    margin: 0 auto;
    padding:10px 0;
}
.header #logohomed {

}


.header .logo{
    max-width:550px;
}

.logo-small{
    max-width:250px;

}


#togglemenu{
    display:block;
    font-size: 34px;
}

#clickaqui{
    margin: 0px 0 0 105px;
}

.parallax {
    /* The image used */
    /* Set a specific height */
    /* Create the parallax scrolling effect */
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
}

header.header{
    background-image:url("../img/bg_header.jpg");
    background-repeat:no-repeat;
    background-size: cover;
    height:80vh;
    text-align:center;
    positon:relative;
}

.footer a{
    color:#333;
}

.listingscolumns{
    column-count: 5
}

.navbar-toggler{
    margin:0 auto;
}

.card-img-top.bgimgh{
    height:250px;
}

.rightside{
    text-align: right;
}
@media (max-width: 1400px) {
    .header .logo {
        max-width: 480px;
    }

    .card-img-top.bgimgh {
        height: 173px;
    }

    .listingscolumns{
        column-count: 4
    }
}

@media (min-width: 1400px) {

    .imgnosotros {
        height: 490px;
    }
}