/*@import url(font/stylesheet.css);*/
@import url(font2/stylesheet.css);


@font-face {
  font-family: 'BASICL';
  src: url('font/BASICL.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BebasNeue-Light';
  src: url('font/BebasNeue-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'BebasNeue-Regular';
  src: url('font/BebasNeue-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nikodecs';
  src: url('font/Nikodecs.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

html{width: 100%;overflow-x: hidden;}
body {background: white;font-size: 12px;width: 100%;overflow-x: hidden;font-family: source_sans_proregular;}
a {text-decoration: none;}
a:hover{text-decoration: none;}


.btn-bars{display: none;}
header{overflow: hidden;background-color: #1a1a1a;padding: 10px 0;border-top: 5px solid #a69776;}
header .menu{height: 100%;display: flex;justify-content: center;align-items: flex-end;}
header .menu ul{list-style: none;padding: 0;margin: 0px;}
header .menu ul li{font-size: 1.4em;font-family: Nikodecs;text-align: center;display: inline-block;margin: 0px 20px;padding: 10px 0;text-transform: uppercase;}
header .menu ul li a{color: #a69776;}
header .menu ul li a:hover{color: #fff;}
header .logo {margin: auto auto;text-align: center;}
header .social{height: 100%;display: flex;justify-content: center;align-items: flex-end;}
header .social a i{background-color: #a69776;color: #1a1a1a;font-size: 1.6em;padding: 10px;border-radius: 5px;margin: 0 5px;}
header .social a:first-child i{padding: 10px 14px;}

.bloq-1{padding: 30px 0;}
.bloq-1 img{width: 100%;}


.bloq-2{padding: 30px 0;}
.bloq-2 img{width: 100%;}
.bloq-2 .image{position: relative;}
.bloq-2 .image .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.bloq-2 .image .text h3{color: #fff;font-size: 3.6em;margin: 0;text-transform: uppercase;font-family: BASICL;}
.bloq-2 .image:hover{opacity: 0.6;}

.bloq-3{padding: 30px 0;}
.bloq-3 h2{font-family: BASICL;text-align: center;font-weight: 600;font-size: 3.2em;}
.bloq-3 img{width: 100%;height: 233px;object-fit: contain;}
.bloq-3 .image{position: relative;margin-bottom: 30px;}
.bloq-3 .image .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: rgba(0, 0, 0, 0.6);opacity: 0;transition: all 0.2s ease-out;cursor: pointer;}
.bloq-3 .image .text p{color: #fff;font-size: 1.8em;margin: 0;text-transform: uppercase;font-family: BebasNeue-Light;text-align: center;}
.bloq-3 .image .text h3{color: #fff;font-size: 2.6em;margin: 0;text-transform: uppercase;font-family: BebasNeue-Regular;text-align: center;}
.bloq-3 .image:hover .text{opacity: 1;}

.btns-pagination{margin-top: 40px;}
ul.pagination{justify-content: center;}
ul.pagination li{margin: 2px;font-size: 1.2em;font-family: source_sans_probold;}
ul.pagination li a{background-color: #1a1a1a; color: #fff;}
.page-link {padding: .6rem 1.0rem;border: 1px solid #0a1569;}
.page-link:hover {background-color: #a69776;border-color: #a69776;color: #fff;}
.page-item.active .page-link {z-index: 3;color: #000;background-color: #a69776;border-color: #a69776;color: #fff;}

.info-detail .bloq p{color: #000;font-size: 1.8em;margin: 0;text-transform: uppercase;font-family: BebasNeue-Light;text-align: center;}
.info-detail .bloq h3{color: #000;font-size: 2.6em;margin: 0;text-transform: uppercase;font-family: BebasNeue-Regular;text-align: center;}
.info-detail .bloq .gallery {margin-top: 30px;}
.info-detail .bloq .gallery .bloq-img{margin-bottom:10px;}
.info-detail .bloq .gallery .bloq-img img{width: 100%;object-fit: contain;}
.img-init{width: 446px;height: 297px;object-fit: contain;}
.modal-header{border-bottom: 0;}

footer{padding: 30px 0;}
footer img{width: 100%;}
footer .info{position: relative;border-top: 1px solid #bf8d49;border-bottom: 1px solid #bf8d49;padding: 30px 0;}
footer .info .bloq{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
footer .info .bloq .text{background-color: #fff;padding: 20px 120px;}
footer .info .bloq .text p{color: #000;font-size: 1.4em;text-align: center;font-family: Nikodecs;line-height: 1.2;}
footer .info .bloq .text p strong{font-family: Nikodecs;}
footer .info .bloq .text p i{color: #bf8d49;}
footer .info .bloq .text p a{color: #000;}
footer .bottom{text-align: center;font-size: 1.6em;color: #bf8d49;font-family: BebasNeue-Light;margin-top: 20px;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  body.bg1{background: none;background-color: #fefefe;}

  header{padding: 20px 0;}
  header .logo{margin-bottom: 10px;}
  header .menu{display: none;}
  header .menu ul {float: initial;margin-top: 0px;padding-right: 0px;background-color: transparent;}
  header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
  header .menu ul li a span{background-color: #06fdf9;color: #0a1569;}
  .btn-bars{display: block;text-align: center;margin: 10px 0;}
  .btn-bars i{background-color: #a69776;color: #1a1a1a;font-size: 2.4em;padding: 10px;border-radius: 5px;}
  header .menu nav{margin: 10px 0;}

  .bloq-3 .image .text h3 {font-size: 2.0em;}
  .bloq-3 .image .text p {font-size: 1.6em;}
  .img-init{width: 100%;}

  .bloq-3 img {width: 100%;height: 117px;}
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

  header{padding: 20px 0;}
  header .logo{margin-bottom: 10px;}
  header .menu{display: none;}
  header .menu ul {float: initial;margin-top: 0px;padding-right: 0px;background-color: transparent;}
  header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
  header .menu ul li a span{background-color: #06fdf9;color: #0a1569;}
  .btn-bars{display: block;text-align: center;margin: 10px 0;}
  .btn-bars i{background-color: #a69776;color: #1a1a1a;font-size: 2.4em;padding: 10px;border-radius: 5px;}
  header .menu nav{margin: 10px 0;}

  .bloq-3 img {width: 100%;height: 140px;}
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

  header .menu nav{margin: 10px 0;}

  .bloq-3 img {width: 100%;height: 140px;}

}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

  .bloq-3 img {width: 100%;height: 193px;}

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1440px) {

  header .menu ul{padding-right: 0px;}

}


@media (min-width: 1440px) {


}