@font-face {
    font-family: 'dinpro';
    src: url('../fonts/DINPro.woff2') format('woff2'),
         url('../fonts/DINPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinpro-light';
    src: url('../fonts/DINPro-Light.woff2') format('woff2'),
         url('../fonts/DINPro-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'garamond';
    src: url('../fonts/EBGaramond-Regular.woff2') format('woff2'),
         url('../fonts/EBGaramond-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

::selection { 
    background: #c33037; /*Color naranja para el fondo*/
    color:#fff;  /*Color blanco para el texto seleccionado*/
}

body {
    background-color: #000000;
	font-family: 'garamond';
}

.garamond {
    font-family: 'garamond';
}

.height100 {
    height: 100hv!important;
}

.inicio {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:200px;
    z-index:-2;
}

.margin-leon {
    margin-left: 160px;
}

.margin-portada {
    margin-left: -160px;
}

.fauna-magica {
    width: 350px;
}

.texto-inicial {
    line-height: 20px!important;
    font-size: 17px!important;
}

.titulo-escultura {
    width: 70%;
}

.font-light {
	font-family: 'dinpro-light';
}

#content {
    background-color: #FFFFFF;
}

h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {
    color: #c33037;
}

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

.bgcolor,
.bgcolor #header-wrap { background-color: #c33037 !important; }

.color { color: #c33037 !important; }

.border-color { border-color: #c33037 !important; }

.logo-herve {
	height: 180px!important;
}

#header.dark:not(.transparent-header) {
    background-color: #000000;
}

#header.sticky-header #header-wrap {
    background-color: #000000;
}

#footer.dark, .dark #footer {
    background-color: #565759;
    color: #FFFFFF;
    border-top-color: #565759;
}

.dark label {
    color: #fff;
    font-size: 8px;
    font-family: 'dinpro-light';
    font-weight: 100;
    text-transform: none;
    margin-top: auto;
    margin-bottom: auto;
}

.dark .button.button-border:not(.button-light) {
    border-color: rgb(255 255 255);
    color: rgb(255 255 255);
}

.border-bwhite {
	border-bottom: solid 1px #FFFFFF;
}

.label-form {
	font-size: 13px!important;
    letter-spacing: 0px!important;
}

strong {
    color: #EE4136;
}

.rojo-color {
	color: #EE4136;
}

.borde-ficha-bottom {
	border-bottom: solid 1px #2C2C2D;
}

.borde-ficha-right {
	border-right: solid 1px #2C2C2D;
}

.galeria {
    padding: 100px 0;
    background-image: url('../images/galeria-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.zoom {
    bottom: 0!important;
    position: absolute;
    margin-left: 42%;
    text-align: center;
    border: solid 1px #EE4136;
    padding: 10px;
    margin-top: 30px;
}

#header {
    height: 135px;
    position: relative;
    background-color: #e3e4e5;
    border-bottom: 1px solid #F5F5F5;
}

#header.sticky-header #header-wrap {
    background-color: #e3e4e5;
}

#header.full-header #logo {
    border-right: none;
}

#header.full-header #primary-menu > ul {
    border-right: none;
}

#primary-menu ul li > a {
    font-family: 'garamond';
}

#header.sticky-header:not(.static-sticky) #header-wrap {
    height: 90px;
}

.dark #top-bar, #top-bar.dark {
    border-bottom-color: #c2aa84;
    border-bottom: solid 5px #c2aa84;
    background-color: #565759;
}

.top-links li > a {
    border: solid 2px #c2aa84;
    color: #c2aa84!important;
}

.hvr-underline-from-center:before {
    background: #c2aa84;
}

#primary-menu ul li.current > a { color: #c2aa84; }

#primary-menu ul li > a:hover {
    color: #c2aa84;
}

.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #c2aa84;
    display: block;
    line-height: 40px;
    text-align: center;
}

.dorado {
    color: #c2aa84!important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(194 170 132);
}

.border-bottomnone {
    border-bottom: none!important;
}

.visible {
    display: block;
}

.oculto {
    display: none;
}

.borde-descripcion {
    border-bottom: solid 1px rgb(194 170 132);
}

.borde-medidas {
    border: solid 1px rgb(194 170 132);
}

#primary-menu ul li > a {
    padding: 35px 15px 10px;
}


h1, h2, h3 {
    letter-spacing: .5rem;
}

.owl-carousel .owl-dots .owl-dot {
    background-color: #c5aa81;
}

.coleccion-index {
    background-color: white!important;
    position: relative;
    padding: 0 40px;
    display: inline;
    margin-right: auto;
    margin-left: 32%;
}

.hr-index {
    margin-top: -26px;
}

.medios-index {
    background-color: white!important;
    position: relative;
    padding: 0 40px;
    display: inline;
    margin-right: auto;
    margin-left: 40%;
}

.sombra-slide {
    text-shadow: 0 2px 1px #000;
}

.logo-movil {
    margin-left: auto;
}

.margin-body {
    margin-left: -20px;
}


.margin-precio {
    margin-left: -15px;
}

.navs-escalas {
    margin-top: -125px;
    position: inherit;
}


.sm-form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: 'garamond';
  opacity: 1; /* Firefox */
}

.sm-form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: 'garamond';
}

.sm-form-control::-ms-input-placeholder { /* Microsoft Edge */
  font-family: 'garamond';
}

label {
    font-family: 'garamond';
}

#primary-menu ul ul li > a {
    font-family: 'garamond';
    text-transform: capitalize;
    font-size: 14px;
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url('../images/next.png')!important;
    background-color: transparent;
    padding-top: 70px!important;
    border-radius: 2px;
    padding: 0 15px;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url('../images/prev.png')!important;
    background-color: transparent;
    padding-top: 70px!important;
    border-radius: 2px;
    padding: 0 15px;
}


#primary-menu ul ul li:hover > a {
    color: #c2aa84;
}

#primary-menu ul li.current > a { color: #c2aa84; }

#primary-menu ul li.active > a { color: #c2aa84; }

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
    border-top: 2px solid #c2aa84;
}

#primary-menu ul ul li:hover > a {
    color: #c2aa84;
}

.text-black {
    color: #000000!important;
}

.compartir-whatsapp {
    background-color: #0C9F59;
    color: #FFFFFF!important;
    border-radius: 10%;
    padding: 10px;
    text-align: center;
    align-items: center;
}

.compartir-whatsapp a{
    color: #FFFFFF!important;
}


.compartir-facebook {
    background-color: #296DB1;
    color: #FFFFFF!important;
    border-radius: 10%;
    padding: 10px;
}

.compartir-facebook a{
    color: #FFFFFF!important;
}


.compartir-link {
    background-color: #eeeeee;
    color: #FFFFFF!important;
    border-radius: 10%;
    padding: 10px;
    text-align: center;
    align-items: center;
}

.compartir-link a{
    color: #FFFFFF!important;
}

.button-copy-link {
  background-color: #eeeeee;
  border-radius: 10%;
  padding: 10px;
  color: #c2aa84;
  cursor: pointer;
  width: 35px;
  float: right;
}

.button-copy-link:hover {
  letter-spacing: 0.25em;
  transform: scaleX(1.05);
}

.button-copy-link:active {
  transform: scale(1);
  letter-spacing: normal;
}

.button-copy-link span {
  position: absolute;
  color: #c2aa84;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.05em;
  visibility: hidden;
  opacity: 0;
  transform: scale(1) translateY(10px);
  transition: transform 0.25s ease, opacity 0.15s ease, visibility 0.15s ease;
}

.button-copy-link span.visible {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(15px);
}


/* @Media Query
---------------------------------------------------------------------------- */


@media screen and (max-width: 992px) {
    .margin-leon {
        margin-left: 20px;
        margin-top: 115px;
    }
    .margin-portada {
        margin-left: 25px;
        margin-top: 15px;
    }

    .fauna-magica {
        width: 315px;
    }

    .borde-movil {
        height: 136px;
    }

    .texto-inicial {
        line-height: 20px!important;
        font-size: 13px!important;
    }

    .zoom {
        bottom: 0!important;
        position: absolute;
        margin-left: 0px;
        text-align: center;
        border: solid 1px #EE4136;
        padding: 10px;
        margin-top: 30px;
        top: 90%;
        display: inline-table;
        right: 28%;
    }

    .titulo-escultura {
        width: 100%;
    }

    .p-5 {
        padding: .5rem!important;
    }

    .galeria {
        padding: 100px 10px;
    }

    #header .container {
        position: relative;
        background-color: #c5c5c5;
        padding: 10px 0 0px;
    }

    .coleccion-index {
        background-color: white!important;
        position: relative;
        padding: 0;
        display: inline;
        margin-right: auto;
        margin-left: 0;
    }

    .hr-index {
        margin-top: 0;
    }

    .medios-index {
        background-color: white!important;
        position: relative;
        padding: 0 40px;
        display: inline;
        margin-right: auto;
        margin-left: 13%;
    }

    #header, #header-wrap, #logo img {
        height: 70px;
    }

    #primary-menu-trigger {
        background-color: #FFFFFF;
        border-radius: 50%;
        position: absolute;
        color: #c2aa84;
        display: inline-block;
        top: -25px!important;
        margin-right: -65px!important;
    }

    #primary-menu-trigger {
        width: 45px;
        height: 45px;
    }

    .top-links, .top-links > ul > li {
        float: right!important;
    }

    .sombra-slide {
        text-shadow: 0 0px 0px #FFFFFF;
    }

    .logo-movil {
        margin-left: -160px;
    }

    #primary-menu-trigger {
        left: 0px!important;
        margin-top: 25px!important;
        margin-right: 50%!important;
    }

    .margin-body {
        margin-left: 15px;
    }


    .margin-precio {
        margin-left: 15px;
    }

    .navs-escalas {
        margin-top: 15px;
        position: absolute;
    }
}





/* Border Form Design
---------------------------------------------------------------------------- */

.border-form-control {
	height: 48px;
	padding: 8px 4px;
	font-size: 21px;
	letter-spacing: 1px;
	background-color: transparent !important;
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	border-bottom: solid 2px #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
}

.sm-form-control {
    border-bottom: 1px solid #6D6E71!important;
}

.border-form-control::-moz-placeholder { font-weight: 300; }
.border-form-control:-ms-input-placeholder { font-weight: 300; }
.border-form-control::-webkit-input-placeholder { font-weight: 300; }

textarea.border-form-control {
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
}

.dark #copyrights {
    background-color: #565759;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}