/*Oswald*/
@font-face {
  font-family: Oswald-VariableFont_wght;
  src: url(../font/Oswald/Oswald-VariableFont_wght.ttf);
}
@font-face {
  font-family: Oswald-Regular;
  src: url(../font/Oswald/Oswald-Regular.ttf);
}
@font-face {
  font-family: Oswald-Medium;
  src: url(../font/Oswald/Oswald-Medium.ttf);
}
@font-face {
  font-family: Oswald-Bold;
  src: url(../font/Oswald/Oswald-Bold.ttf);
}

/*Montserrat*/
@font-face {
  font-family: Montserrat-Regular;
  src: url(../font/Montserrat/Montserrat-Regular.ttf);
}
@font-face {
  font-family: Montserrat-Medium;
  src: url(../font/Montserrat/Montserrat-Medium.ttf);
}
@font-face {
  font-family: Montserrat-SemiBold;
  src: url(../font/Montserrat/Montserrat-SemiBold.ttf);
}
@font-face {
  font-family: Montserrat-Bold;
  src: url(../font/Montserrat/Montserrat-Bold.ttf);
}

html, body {
    height:100%;
    background-color: black;
}

img, video {
	width: 100%;
}

img.text-icon{
	width: 30px!important;
    height: auto!important;
}

.navbar-nav > li{
 	margin: 5% 10px;
}
.nav-link {
	font-weight: 700;
	font-size: 19px;
	color: white;
}
.navbar-text{
    width: 190px;
	margin: -5% 0;
}

.text-white{
	color: white;
}

.nav-link:focus, .nav-link:hover{
    color: #0a4376;
}

.layer-black{
    box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 50%);
}


.layer-black-bt {
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent -30%, black 100%);
}
.layer-black-st {
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, transparent 91%, black 100%);
}
.layer-blue-bt {
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent -30%, #0a4376 100%);
}

.shadow-box-1{
	box-shadow: 10px -10px #ebbf66;
}

.shadow-box-2{
	background-color: #e91718;
	box-shadow: 10px -10px #0a4376;

}

.shadow-box-3{
	background-color: #ebbf66;
	box-shadow: 10px -10px #0a4376;
	color: #0a4376;

}

/*PAGES 1*/
.bg-pages1-section-1{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-image: url("	../image/1.jpg");
}
.pages1 .section-1 > h1{
	font-size: 66px;
    margin-bottom: 1.12em;
    margin-top: 2.22em;
    font-family: Oswald-Medium;
}
.pages1 .section-1 > span{
	font-size: 30px;
	background: #e91718;
	font-weight: 600;
	padding: 4px;
	font-family: Montserrat-Regular;
}

.bg-pages1-section-2{
	margin-top: -1px;
	background-color: black;
}
.pages1 .section-2 > h3{
	font-size: 33px;
	font-family: Montserrat-Medium;
}

.bg-pages1-section-3{
	background-color: #0a4376;
	color: white;
}
.pages1 .section-3 > h1{
	font-size: 47px;
    font-family: Oswald-Medium;
}

.bg-pages1-section-4{
	background-color: white;
}
.pages1 .section-4 img{
	border: 5px solid #0a4376;
}
.pages1 .section-4 > h1{
	font-weight: 700;
	font-size: 60px;
	color: red;
	font-family: Oswald-Regular;
}
.pages1 .section-4 > h2{
	font-family: Montserrat-Medium;
}
.pages1 .section-4 > h4{
	word-break: break-word;
	font-family: Montserrat-Bold;
}

.bg-pages1-section-5{
	background-size: cover;
	background-image: linear-gradient(to top, transparent 65%, white 100%), url("../image/2.jpg");
	background-repeat: no-repeat;
}
.pages1 .section-5 h3{
    margin-top: 20%;
    color: white;
    font-family: Montserrat-Medium;
}

/*PAGES 2*/
.bg-pages2-section-2{
	background-position-x: 35em;
	background-size: cover;
	background-image: linear-gradient(to left, transparent 91%, black 100%), url("../image/3.jpg");
	background-repeat: no-repeat;
}
.pages2 .shadow-box-1 > h1{
	font-family: Oswald-Bold;
}
.pages2 .shadow-box-1 > h3{
	font-family: Montserrat-Medium;
}
.pages2 .section-2 h1{
    padding-top: 26%;
    color: white;
}
.pages2 .section-2 h5{
	font-size: 44px;
    color: white;
}

/*VIDEO*/
.bg-video {
	background-color: #ebbf66;
	padding: 6% 7% 6% 7%;
}

.bg-video .shadow-box-1{
	padding: 7% 36% 7% 36%;
	font-family: Montserrat-Medium;
}

.bg-pages2-section-4{
	background-size: cover;
	background-image: url("../image/4.jpg");
	background-repeat: no-repeat;
	background-position: unset;
	font-family: Montserrat-SemiBold;
	color: white;
}

.bg-pages2-section-4 .container{
	padding: 15% 0 15% 0;
}

.bg-pages2-section-5{
	background-position-x: 35em;
	background-size: cover;
	background-image: linear-gradient(to left, transparent 80%, black 99%), url("../image/5.jpg");
	background-repeat: no-repeat;
	font-family: Montserrat-SemiBold;
	color: white;
}

.pages2 .section-5 span{
	font-size: 115px;
}

/*PAGES 3*/

.pages3{
	font-family: Montserrat-SemiBold;
	color: white;
}
.bg-pages3-section-1{
	background-size: 50em;
	background-image: url("../image/foto-rey.png");
	background-repeat: no-repeat;
	background-color: #0a4376;
	background-position: center;
}
.pages3-section-1 .container .row{
	padding: 10% 0;
}
.pages3-section-1 span{
	color: black;
	background-color: #ebbf66;
}
.bg-pages3-section-1 .layer-black-bt{
  background: linear-gradient(to bottom, transparent 60%, black 80%);
}

.pages3-section-2{
	font-family: Oswald-Medium;
}

.pages3-section-2 img{
	height: 350px;
}

.bg-pages3-section-3{
	background-position: 6em;
	background-size: cover;
	background-image: linear-gradient(to left, transparent 0%, black 90%), url("../image/6.jpg");
	background-repeat: no-repeat;
	font-family: Montserrat-Medium;
}

.pages3-section-3 .container .row{
	padding: 10% 0;
}

.pages4{
	font-family: Montserrat-Medium;
	color: white;
}

.pages3 .section-4 h1 {
	font-size: 51px;
}

.pages3 .section-4 span {
	text-shadow: 2px -2px #fff;
	color: #E91718;
	font-size: 56px;
}

/*.pages3 .section-4 .row:nth-child(1) .cross{
	margin: 1.7em 0 0 0;
}
.pages3 .section-4 .row:nth-child(2) .cross{
	margin: 0.6em 0 0 0;
}
.pages3 .section-4 .row:nth-child(3) .cross{
	margin: 3em 0 0 0;
}*/

/*PAGES 4*/
.bg-pages4-section-1{
	background-size: cover;
	background-image: url("../image/7.jpg");
	background-repeat: no-repeat;
	font-family: Oswald-Medium;
}
.bg-pages4-section-1 .container{
	padding-bottom: 6em;
}
.bg-pages4-section-1 .pages4-content1{
	padding: 10em 7em 20em  7em;
}
.bg-pages4-section-1 .pages4-content1 > h1{
	font-size: 11em;
}
.bg-pages4-section-1 .pages4-content2 > span{
	font-size: 3em;
}

.bg-pages4-section-3 {
	color: white;
	font-family: Montserrat-Medium;
	background-color: #0a4376;
}

.bg-pages4-section-4{
	color: black;
	background-size: cover;
	background-image: linear-gradient(to right, transparent 0%, #ebbf66 78%), url("../image/10.jpg");
	background-repeat: no-repeat;
	font-family: Montserrat-SemiBold;
}

.bg-pages4-section-4 .container{
	padding: 10em 0;
}

.bg-pages4-section-4 .container .text-end > h1{
	font-size: 37px;
}

.bg-pages4-section-5{
	color: white;
	background-size: cover;
	background-image: linear-gradient(to left, transparent 0%, black 78%), 
					  linear-gradient(to bottom, transparent 0%, black 95%), url("../image/11.jpg");
	background-repeat: no-repeat;
	font-family: Montserrat-SemiBold;
}

.bg-pages4-section-6{
	color: white;
	background-size: cover;
	background-image: linear-gradient(to right, transparent 0%, black 65%), url("../image/12.jpg");
	background-repeat: no-repeat;
	font-family: Montserrat-SemiBold;
}

.bg-pages4-section-6 .container{
	padding: 7em 0;
}

.bg-pages4-section-6 .container h2 > span{
	color: black;
	background-color: #ebbf66;
}

/*PAGES 5*/
.pages5{
	color: white;
	font-family: Montserrat-regular;
}
.bg-pages5-section-1{
	background-size: cover;
	background-image: linear-gradient(to bottom, transparent 30%, #0a4376 80%), url("../image/13.jpg");
	background-repeat: no-repeat;
}

.bg-pages5-section-1 .container{
	padding-top: 20%;
}

.bg-pages5-section-1 .container > h2{
	font-size: 38px
}

.bg-pages5-section-1 .container h2 > span{
	color: black;
	background-color: #ebbf66;
	font-family: Montserrat-medium;
}

.bg-pages5-section-2{
	background-color: #0a4376;
}

.bg-pages5-section-3{
	background-size: cover;
	background-image: url("../image/14.jpg");
	background-repeat: no-repeat;
	font-family: Montserrat-medium;
}

.bg-pages5-section-3 .container{
	padding: 10em 0;
}
.bg-pages5-section-4{
	background-position-y: -10em;
	background-position-x: 11em;
	background-size: cover;
	background-image: url("../image/20.jpg");
	background-repeat: no-repeat;
	font-family: Montserrat-medium;
}
.pages5-section-4{
	background: linear-gradient(to left, transparent 40%, black 60%);
}
.bg-pages5-section-4 .container h1{
	font-size: 5em;
	font-family: Oswald-bold;
}
.bg-pages5-section-4 .container h2{
	font-size: 2.1em;
}
.bg-pages5-section-4 .container h2 > span{
	color: black;
	background-color: #ebbf66;
	font-family: Montserrat-medium;
}

.bg-pages5-section-5{
	background-position-x: center;
	background-size: cover;
	background-image: url("../image/21.jpg");
	background-repeat: no-repeat;
	color: black;
	font-family: Montserrat-medium;
}
.pages5-section-5{
	background: linear-gradient(to left, transparent 40%, #ebbf66 60%);
}


/*PAGES 6*/
.bg-pages6-section-1{
	background-position: center center;
	background-size: cover;
	background-image: url("../image/22.jpg");
	background-repeat: no-repeat;
	box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 50%);
}

.pages6{
	font-family: oswald-bold;
	color: white;
}

.pages6 .container{
	padding: 5% 0 0 0;
}
.pages6 .container h1{
	margin-bottom: 14%;
	font-size: 5em;
}
.pages6 .container section.shadow-box-3{
	font-size: 2.4em;
	color: black;
	font-family: Montserrat-bold;
}

.pages6 button {
	float: none;
	display: inline-block;
	max-width: 100%!important;
}

button.button--moema {
	font-size: 3em;
	font-family: Montserrat-bold;
	background-color: #e91718!important;
	box-shadow: 6px -6px #0a4376!important;
	border-radius: 20px;
	padding: 1%;
}

.pages6 .container h2{
	font-size: 3em;
	font-family: Oswald-VariableFont_wght;
}








/*SLIDER*/
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	font-size: 500%;
	color: grey;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: #000;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav button:focus {
    outline: none;
}

.owl-stage-outer { margin: -5px; padding: 15px 0; }

.vjs-poster {
	background-size: cover!important;
}