@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;
}

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

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

.height100 {
    height: 100hv!important;
}

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

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

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

.titulo-escultura {
    width: 70%;
}

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

#content {
    background-image: url('../images/greek-bg.jpg');
    margin-top: -100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

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; }


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

#header.sticky-header #header-wrap {
    background-color: #000000b5;
    height: 65px!important;
}

#footer.dark, .dark #footer {
    background-color: #000000;
    color: #FFFFFF;
    border-top-color: rgba(0,0,0,0.2);
}

.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;
    font-family: 'dinpro-light'!important;
    letter-spacing: 0px!important;
}

strong {
    color: #d9308a;
}

.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;
}

.container-slide {
  display: flex;
  justify-content: center;
}

.thumbnails {
  flex-direction: column;
  line-height: 0;
  margin-top:  0%;
  z-index: 9999;
}
.thumbnails li {
  flex: auto;
  list-style: none;
  z-index: 999;
}
.thumbnails a {
  display: block;
}
.thumbnails svg {
  width: 35px;
  height: 30px;
  margin-bottom: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.slides {
  overflow: hidden;
  width: 57vmin;
  height: 63vmin;
  margin-left: 79px;
}
.slides li {
  width: 75vmin;
  height: 100vmin;
  position: absolute;
  z-index: 1;
}
.slides img {
  height: 75vmin;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.slides li:target {
  z-index: 3;
  -webkit-animation: slide 1s 1;
}

.slides li:not(:target) {
  -webkit-animation: hidden 1s 1;
}

@-webkit-keyframes slide {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes slide {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes hidden {
  0% {
    z-index: 2;
  }
  100% {
    z-index: 2;
  }
}
@keyframes hidden {
  0% {
    z-index: 2;
  }
  100% {
    z-index: 2;
  }
}


.polygon-active {
    fill: #ff0088;
}

#copyrights {
    padding: 40px 0 0;
}

.dd-m-whatsapp {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 75px;
  height: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #25d366;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
  text-decoration: none;
  color: #25d366;
  z-index: 99999;
}

.dd-m-whatsapp:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: 0 5px 15px 2px rgba(37, 211, 102, 0.3);
  -moz-box-shadow: 0 5px 15px 2px rgba(37, 211, 102, 0.3);
  box-shadow: 0 5px 15px 2px rgba(37, 211, 102, 0.3);
}

.dd-m-whatsapp .icon {
  width: 50%;
  height: 50%;
  display: block;
  fill: #fff;
  -webkit-transform: translateX(1px);
  -moz-transform: translateX(1px);
  -ms-transform: translateX(1px);
  -o-transform: translateX(1px);
  transform: translateX(1px);
}

.dd-m-whatsapp .icon {
  width: 70%;
  height: 70%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 39'%3E%3Cpath d='M10.7 32.8l.6.3c2.5 1.5 5.3 2.2 8.1 2.2 8.8 0 16-7.2 16-16 0-4.2-1.7-8.3-4.7-11.3s-7-4.7-11.3-4.7c-8.8 0-16 7.2-15.9 16.1 0 3 .9 5.9 2.4 8.4l.4.6-1.6 5.9 6-1.5z' fill='%2325d366'/%3E%3Cpath d='M32.4 6.4C29 2.9 24.3 1 19.5 1 9.3 1 1.1 9.3 1.2 19.4c0 3.2.9 6.3 2.4 9.1L1 38l9.7-2.5c2.7 1.5 5.7 2.2 8.7 2.2 10.1 0 18.3-8.3 18.3-18.4 0-4.9-1.9-9.5-5.3-12.9zM19.5 34.6c-2.7 0-5.4-.7-7.7-2.1l-.6-.3-5.8 1.5L6.9 28l-.4-.6c-4.4-7.1-2.3-16.5 4.9-20.9s16.5-2.3 20.9 4.9 2.3 16.5-4.9 20.9c-2.3 1.5-5.1 2.3-7.9 2.3zm8.8-11.1l-1.1-.5s-1.6-.7-2.6-1.2c-.1 0-.2-.1-.3-.1-.3 0-.5.1-.7.2 0 0-.1.1-1.5 1.7-.1.2-.3.3-.5.3h-.1c-.1 0-.3-.1-.4-.2l-.5-.2c-1.1-.5-2.1-1.1-2.9-1.9-.2-.2-.5-.4-.7-.6-.7-.7-1.4-1.5-1.9-2.4l-.1-.2c-.1-.1-.1-.2-.2-.4 0-.2 0-.4.1-.5 0 0 .4-.5.7-.8.2-.2.3-.5.5-.7.2-.3.3-.7.2-1-.1-.5-1.3-3.2-1.6-3.8-.2-.3-.4-.4-.7-.5h-1.1c-.2 0-.4.1-.6.1l-.1.1c-.2.1-.4.3-.6.4-.2.2-.3.4-.5.6-.7.9-1.1 2-1.1 3.1 0 .8.2 1.6.5 2.3l.1.3c.9 1.9 2.1 3.6 3.7 5.1l.4.4c.3.3.6.5.8.8 2.1 1.8 4.5 3.1 7.2 3.8.3.1.7.1 1 .2h1c.5 0 1.1-.2 1.5-.4.3-.2.5-.2.7-.4l.2-.2c.2-.2.4-.3.6-.5s.4-.4.5-.6c.2-.4.3-.9.4-1.4v-.7s-.1-.1-.3-.2z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}



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


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

    .borde-movil {
        height: 136px;
    }

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

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

    .galeria {
        padding: 100px 10px;
    }

    .slides {
        height: 60vmin;
        margin-top: 130px!important;
        margin-left: 55px;
    }
}

@media screen and (min-width: 1500px) {

    .slides {
        height: 67vmin;
    }

}




/* 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: #000000;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}