hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
hr {
    margin-top: -8% !important;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
/* buttons */
.btn {display: inline-block;  margin-right: 20px; letter-spacing: 2px; border:1px solid transparent }
.btn-round { border-radius:4px !important}
.btn i { margin-right:5px}
.btn.btn-large i { font-size: 24px;}

.button { margin-top:0; margin-bottom: 0}
.btn.btn-large { font-size: 18px; padding: 18px 35px;}
.btn.btn-medium { font-size: 14px; padding: 10px 22px;}
.btn.btn-small { font-size: 11px; padding: 2px 14px; letter-spacing:1px}
.btn.btn-very-small {font-size: 9px; padding: 1px 12px; letter-spacing:1px}

.highlight-button { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent;   }
.highlight-button:hover { background-color: #000; border: 2px solid #000; color:#fff}
.highlight-button i { color: #000}
.highlight-button:hover i {color:#fff}

.highlight-button-dark { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #000;  }
.highlight-button-dark:hover { background-color: transparent; border: 2px solid #000; color:#000}
.highlight-button-dark i { color: #fff}
.highlight-button-dark:hover i {color:#000}

.highlight-button-garmaz { border:2px solid #fff; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: #fff;  }
.highlight-button-garmaz:hover { background-color: transparent; border: 2px solid #fff; color:#fff}
.highlight-button-garmaz i { color: #fff}
.highlight-button-garmaz:hover i {color:#000}

.btn-small-white-background { font-size: 11px; letter-spacing: 2px; padding: 6px 23px; color: #000; margin-right: 25px; background:#fff; border: 2px solid #fff }
.btn-small-white-background:hover { background:transparent; border: 2px solid #fff; color: #fff; }
.btn-small-white-background i { color: #000}
.btn-small-white-background:hover i { color: #fff}

.btn-small-white { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #fff; color: #fff;}
.btn-small-white:hover { background-color: #FFF; color: #000}

.btn-small-contacto { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #fff !important; color: #fff !important;background-color: transparent !important;}
.btn-small-contacto:hover { background-color: #FFF; color: #000}

.btn-small-garmaz { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #00517b !important; color: #fff !important;background-color: #00517b !important;}
.btn-small-garmaz:hover { background-color: #fff !important; color: #00517b !important; border-color: #00517b !important;}

.btn-small-white-dark { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #000; background:#fff}
.btn-small-white-dark:hover { background-color:transparent; color: #fff; border: 2px solid #fff}

.btn-very-small-white { font-size: 9px; letter-spacing: 2px; padding: 2px 15px; border: 1px solid #fff; color: #fff;}
.btn-very-small-white:hover { background-color: #FFF; color: #000}

.btn-black{ border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; padding: 7px 20px 8px; width: auto;}
.btn-black:hover {border: 2px solid #000; color: #000; background-color: transparent}

.highlight-button-black-border{ border: 4px solid #000; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #000; font-weight: 700}
.highlight-button-black-border:hover { border: 4px solid #000; background-color: #000; color: #fff}

.highlight-button-orange-border{ border: 5px solid #ef824c !important; background-color: transparent; font-size: 16px;  letter-spacing: 0 !important; padding: 10px 30px; color: #000; font-weight: 700}
.highlight-button-orange-border:hover {border: 5px solid #ef824c; background-color: #ef824c; color: #fff;}

.highlight-button-white-border{ border: 4px solid #fff; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #fff; font-weight: 700}
.highlight-button-white-border:hover { border: 4px solid #fff; background-color: #fff; color: #000}

.highlight-button-black-background{ border: 4px solid #000; background-color: #000; font-size: 20px; padding: 20px 30px; color: #fff; font-weight: 700}
.highlight-button-black-background:hover { border: 4px solid #000; background-color: #fff; color: #000}

.btn-small-black-background { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #000; color: #fff; background-color: #000 }
.btn-small-black-background:hover { background-color:transparent; color: #000; border: 2px solid #000}
.btn-small-black-border-light { font-size: 10px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #000; color: #000; }
.btn-small-black-border-light:hover { background-color: #000; color: #fff}
.btn-light-black{ border: 2px solid #000; color: #000; background-color: transparent}
.btn-light-black:hover {border: 2px solid #000; background-color: #000; color: #fff}

.button-desc { font-size:30px !important; line-height: 35px; font-family: 'Open Sans', sans-serif; font-weight: 600}
.button-desc span { display: block; font-size: 18px; font-weight: 400 }

.button-3d { border-bottom:2px solid rgba(0,0,0,0.2) !important;}

/* reveal button */
.button-reveal { overflow:hidden; position: relative; transition: all 200ms linear 0s; border: 2px solid #000; font-size:16px;}
.button-reveal i { position:absolute; left:-25px; top: 30%; color: #000; font-size: 20px;}
.button-reveal span {padding: 0 45px; display: block; line-height:54px}
.button-reveal:hover span { padding: 0 30px 0 60px; transition: all 200ms linear 0s; color: #000 }
.button-reveal:hover i { left:25px}
.btn.btn-large.button-reveal { padding: 0}

.button-reveal-black { background-color: #000; color: #fff}
.button-reveal-black span { color: #fff}
.button-reveal-black i { color: #fff}
.button-reveal-black:hover span { color: #fff}

.garmaz-text {
	color: #00517b !important;
}

.separacion-items {
    margin-top: -8% !important;
    margin-bottom: 20px !important;
    border: 0 !important;
    border-top: 1px solid #00517b !important;
    width: 60%;
}

.separacion-items-mobile {
    margin-top: -0% !important;
    margin-bottom: 20px !important;
    border: 0 !important;
    border-top: 3px solid #00517b !important;
    width: 60%;
}

.titulo-call {
	color: #00517b !important;
	font-size: 24px !important;
	text-transform: uppercase !important;
}

.espaciado-items {
	letter-spacing: 7px !important;
	font-weight: 600 !important;
}
.form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #ccc;
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
}
.form-control:focus {
    border-bottom-color: #fff;
    border-top: none;
    border-right: none;
    border-left: none;
    outline: 0;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #fff;
}
.form-control::-webkit-input-placeholder {
    color: #fff;
}
.linea-contacto {
	border-bottom: solid;
    border-bottom-width: 5px;
    border-bottom-color: #fff;
    width: 6%;
    margin-top: 10px !important;
    line-height: 50px;
}
.navbar-nav > li > a {
    font-size: 14px !important;
    font-weight: 300;
    letter-spacing: 5px;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    color: #00517b !important;
}

.separacion-items-menu {
    margin-top: 2% !important;
    border: 0 !important;
    border-right: 1px solid #00517b !important;
    /*7width: 24%;*/
    padding-right: 30px;
    height: 22px;
}