body{
	background-color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
}


.titulo1{
    text-align: -webkit-center;
}
.conamanali {
    text-align: center;
    font-family: 'Quicksand', sans-serif;
	font-weight: 500;
    text-transform: uppercase;
    font-size: 70px;
    margin-bottom: -0.1em;
    
}

.container2 {
    text-align: center;
    max-width: 100rem;
    margin: 0 auto;
    padding: 0 2rem 2rem;
    background-color: #000;
    }


.vive{
    text-align: center;
    font-family: 'Gupter', serif;
	font-weight: 800;
    text-transform: uppercase;
    font-size: 4vw;  
}

h1 {
	font-family: 'Gupter', serif;
	font-weight: 800;
    text-transform: uppercase;
   
}
.intro1 p{
    color: #242424;
    text-align: center;
    font-size: 20;
}

h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
    text-transform: uppercase;
	margin: 0;
}
h6{
	font-size: 10px;
}



p{
	margin: 0;
	line-height: 1.9;
	font-size: 20px;
    font-weight: 500;
    text-align: justify;
}
li{
    float: left;
	margin: 0;
	line-height: 1.9;
	font-size: 18px;
	font-weight: 400!important;
}

.row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.foot{
   
padding-top: 1%;
padding-bottom: 1%;
border-style: solid;
border-color: #ED1D24;

}

.foot p{
    text-align: justify;
  
}

a{
    color: #179dcd;
}

a:hover{
    text-decoration: none;
    color: #ed1c24;
}

/**********Interactivo pasos***********/

.tabs{
	text-align: center;
}
.tabs .tabs-container {
	max-width: 90%;
	
	text-align: center;
	
	
}
.tabs .tabs-container ul{
	text-align: center;
	
}
.tabs .nav-tabs {
	text-align: center;
	justify-content: center;
	margin-bottom: 1.125rem;
	border-bottom: none;
}

.tabs .nav-link {
	margin-right: 1.625rem;
	margin-bottom: 0.875rem;
	padding: 0;
	border: none;
	border-radius: 0.25rem;
	color: #c1cace;
	font: 700 1.375rem/1.375rem "Montserrat", sans-serif;
	text-decoration: none;
	transition: all 0.2s ease;
}

.tabs .nav-link:hover,
.tabs .nav-link.active {
	color: #ED1D24;
}

.tabs .nav-link .fas {
	margin-right: 0.125rem;
	font-size: 0.875rem;
	vertical-align: 20%;
}

.tabs  p{
	
	text-align: center;
}


.tabs .tabs-container {
	max-width: 60%;
	text-align: center;
	justify-content: center;
}
@media (min-width: 368px) {
	.tabs .tabs-container {
		max-width: 100%;
		
		padding-top: 1.75rem;
		padding-bottom: 0;
	}

}

@media (min-width: 768px) {
		.tabs .tabs-container {
			max-width: 100%;
			padding-top: 1.75rem;
			padding-bottom: 0;
		}
	}
	
@media (min-width: 992px) {
	.tabs {
		height: auto;
	}

	.tabs .area-1 {
		width: 70%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}
	.tabs .tabs-container {
		max-width: 100%;
		
		padding-top: 1.75rem;
		padding-bottom: 0;
	}

	.tabs .nav-tabs {
		text-align: center;
		justify-content: center;
	}
}

@media (min-width: 1200px) {
	.tabs .tabs-container {
		max-width: 100%;	
	}
	
}

/**********interactivo pasos end*****/


/********************* MENÚ - BOTONERA ******************/

.redes{ 
  opacity: 1;
  max-width: 40px !important;
  transition: transform .3s; /* Animation */
}
.redes:hover{
  opacity: 0.8;
  transform: scale(1.2);
}

.head_exp{
    top:0;
    background-color: #000;
    padding: 0.4em;
    position: fixed;
    display: block;
    width: 100%;
    border-bottom-color: #000;
    border-right-width: 2px;
    border-bottom-style:solid;
    z-index: 99;
    -webkit-transition: background-color 0.5s ease-out; -moz-transition: 
  background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;
}
.head_exp:hover{
    background-color: #000;
}

.logocc img {
    max-width: 0%;
    padding-top: 3em;
}

.logocc2 img {
    max-width: 80%;
    padding-top: 3em;
    padding-bottom: 3em;
}

.op-0{
  opacity: 0;
  transition: all 0.5s;
}
.op-1{
  opacity: 1;
  transition: all 0.5s;
}

/********************* / INICIO ******************/

.oper{
    background-image: url(../img/atardecer-en-alberca-me-cabo.jpg);
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top;
    min-height: 700px;
    margin-top: 10px;
}
.title {
	background-color: #fff;
    padding: 40px 0;
    text-align: -webkit-center;
}

.title h1{
	color: #000;
	margin-bottom: 0.5em;
    line-height: 1;
    font-size: 6vw;
}

.pie-foto{
	position: relative;
    text-align: right;
	bottom:0;
	left: 0;
	color: #666;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	padding: 0.5em 1em;
}
.pie-foto p{
	font-size: 0.8rem;
	font-weight: 200;
}

.video iframe
{
padding-top: 2em;
padding-bottom: 2em;
 width: 100%;
 height: 500px;
}

.s-1{
    padding-top: 3em;
    
}
.s-1 p{
    text-align: justify;
    
}

.s-1 li{
    
margin-top: 15px;
line-height: 1.9;
	
    font-weight: bold;
    text-align: justify;
}
.s-1-{
    padding-top: 1em;
    padding-bottom: 1em;
}
.s-1 h2{
	color: #242424;
    text-align: justify;
    font-size: 20px;
}

.s-2{
	padding: 2em;
}
.s-2 h2{
	color: #000000;
    text-align: center;
    padding: 0.5em 0;
    line-height: 1.3;
    font-size: 1.3em;
    font-weight: 500;
    text-transform: none;
}
.s-2 h2 span{
	font-family: 'Georgia', serif;
    font-weight: 800;
}

.s-3{
    text-align: center;
}
.s-3 h2{
	color: #000000;
    text-align: center;
    padding: 1em 0;
    line-height: 1.3;
    font-size: 2.5em;
    font-weight: 800;
    text-transform: none;
}
.s-3 h3 {
    font-family: 'Georgia', serif;
    color: #ed1c24;
    text-align: center;
    font-size: 2em;
    font-weight: 800;
    text-transform: none;
}

.foto_horizontal{
    padding: 2em 0;
}

.foto_horizontal2{
    padding: 2em 0;
}

.foto_horizontal img {
    transition: all 0.5s ease-in-out;
}

.foto_horizontal img:hover {
      transform: scale(1.03,1.03)
}

.frase2{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    line-height: 0.5;
}
.frase2 p{
	line-height: 1.5;
}

.frase2 h2{
	color: #000;
    text-transform: none;
    font-size: 2.5em;
}
.vertical-row {
    Float:left;
    margin: 1em;
    height:150px;
    width:1px; 
    background-color: #000;
   }

   .vertical-row2 {
    Float:left;
    margin: 1em;
    height:400px;
    width:1px; 
    background-color: #000;
   }

.icono{
    color: #ed1c24;
    border-right: solid #999 1px;
    padding-right: 0.5rem;
}
.negro{
    background: rgba(0,0,0,0.7);
    padding: 1rem;
}

.red{
    background: rgba(255, 255, 255, 0.8);
    color:  #000;
    padding: 1rem;
}
.btn{
    border: 1px solid #fff;
    padding: 10px 1.5rem;
}
.link{
    color: #fff;
}

footer{
	height: 10px;
	color: #fff;
}
footer p{
	flex-basis: 100%;
	text-align: center;
}


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

@media screen and (max-width: 1024px) {
	.redes .nav{
		width: auto;
	}
    .oper{
    background-image: url(../img/atardecer-en-alberca-me-cabo.jpg);
	background-attachment: fixed;
    background-size: 100% auto;
    background-repeat: no-repeat;
	background-position: top;
    min-height: 450px;
    padding-top: 40px;
}
}

@media (min-width: 200px) and (max-width: 768px){

    
    .title h1 {
	    font-size: 3em;
    }
    .conamanali {
        text-align: center;
        font-family: 'Quicksand', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 30px;
        margin-bottom: -0.1em;
        
    }
    p{
        margin: 0;
        line-height: 1.9;
        font-size: 14px;
        font-weight: 500;
        text-align: justify;
    }
    .intro1 h2{
        color: #242424;
        text-align: center;
        font-size: 16px;
    }

    .s-1 h2{
        color: #242424;
        text-align: left;
        font-size: 16px;
    }
    
    .vive{
        text-align: center;
        font-family: 'Gupter', serif;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 2em;  
    }
	.cita2 {
	    margin-left: 25%;
	}
	footer {
	    padding: 12% 15px;
	}
    .oper {
        background-image: url(../img/atardecer-en-alberca-me-cabo.jpg);
        
        background-attachment: scroll;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 300px;
    }
   
    .s-3 h2 {
        font-size: 1.5em;
    }
    .s-3 p {
        line-height: 1.2;
    }
    .frase2 h2 {
        font-size: 1.5em;
    }
}
/* Spotlight (transitions) */

    .spotlight.onload-content-fade-up .content {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

    body.is-preload .spotlight.onload-content-fade-up .content {
        -moz-transform: translateY(1rem);
        -webkit-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        transform: translateY(1rem);
        opacity: 0;
    }

    .spotlight.onload-content-fade-down .content {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

    body.is-preload .spotlight.onload-content-fade-down .content {
        -moz-transform: translateY(-1rem);
        -webkit-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        transform: translateY(-1rem);
        opacity: 0;
    }

    .spotlight.onload-content-fade-left .content {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

    body.is-preload .spotlight.onload-content-fade-left .content {
        -moz-transform: translateX(1rem);
        -webkit-transform: translateX(1rem);
        -ms-transform: translateX(1rem);
        transform: translateX(1rem);
        opacity: 0;
    }

    .spotlight.onload-content-fade-right .content {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

    body.is-preload .spotlight.onload-content-fade-right .content {
        -moz-transform: translateX(-1rem);
        -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        transform: translateX(-1rem);
        opacity: 0;
    }

    .spotlight.onload-content-fade-in .content {
        -moz-transition: opacity 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out;
    }

    body.is-preload .spotlight.onload-content-fade-in .content {
        opacity: 0;
    }

    .spotlight.onload-image-fade-up .image {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

        .spotlight.onload-image-fade-up .image img {
            -moz-transition: opacity 0.75s ease-in-out;
            -webkit-transition: opacity 0.75s ease-in-out;
            -ms-transition: opacity 0.75s ease-in-out;
            transition: opacity 0.75s ease-in-out;
            -moz-transition-delay: 0.5625s;
            -webkit-transition-delay: 0.5625s;
            -ms-transition-delay: 0.5625s;
            transition-delay: 0.5625s;
        }

    body.is-preload .spotlight.onload-image-fade-up .image {
        -moz-transform: translateY(1rem);
        -webkit-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        transform: translateY(1rem);
        opacity: 0;
    }

        body.is-preload .spotlight.onload-image-fade-up .image img {
            opacity: 0;
        }

    .spotlight.onload-image-fade-down .image {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

        .spotlight.onload-image-fade-down .image img {
            -moz-transition: opacity 0.75s ease-in-out;
            -webkit-transition: opacity 0.75s ease-in-out;
            -ms-transition: opacity 0.75s ease-in-out;
            transition: opacity 0.75s ease-in-out;
            -moz-transition-delay: 0.5625s;
            -webkit-transition-delay: 0.5625s;
            -ms-transition-delay: 0.5625s;
            transition-delay: 0.5625s;
        }

    body.is-preload .spotlight.onload-image-fade-down .image {
        -moz-transform: translateY(-1rem);
        -webkit-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        transform: translateY(-1rem);
        opacity: 0;
    }

        body.is-preload .spotlight.onload-image-fade-down .image img {
            opacity: 0;
        }

    .spotlight.onload-image-fade-left .image {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

        .spotlight.onload-image-fade-left .image img {
            -moz-transition: opacity 0.75s ease-in-out;
            -webkit-transition: opacity 0.75s ease-in-out;
            -ms-transition: opacity 0.75s ease-in-out;
            transition: opacity 0.75s ease-in-out;
            -moz-transition-delay: 0.5625s;
            -webkit-transition-delay: 0.5625s;
            -ms-transition-delay: 0.5625s;
            transition-delay: 0.5625s;
        }

    body.is-preload .spotlight.onload-image-fade-left .image {
        -moz-transform: translateX(1rem);
        -webkit-transform: translateX(1rem);
        -ms-transform: translateX(1rem);
        transform: translateX(1rem);
        opacity: 0;
    }

        body.is-preload .spotlight.onload-image-fade-left .image img {
            opacity: 0;
        }

    .spotlight.onload-image-fade-right .image {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

        .spotlight.onload-image-fade-right .image img {
            -moz-transition: opacity 0.75s ease-in-out;
            -webkit-transition: opacity 0.75s ease-in-out;
            -ms-transition: opacity 0.75s ease-in-out;
            transition: opacity 0.75s ease-in-out;
            -moz-transition-delay: 0.5625s;
            -webkit-transition-delay: 0.5625s;
            -ms-transition-delay: 0.5625s;
            transition-delay: 0.5625s;
        }

    body.is-preload .spotlight.onload-image-fade-right .image {
        -moz-transform: translateX(-1rem);
        -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        transform: translateX(-1rem);
        opacity: 0;
    }

        body.is-preload .spotlight.onload-image-fade-right .image img {
            opacity: 0;
        }

    .spotlight.onload-image-fade-in .image img {
        -moz-transition: opacity 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out;
    }

    body.is-preload .spotlight.onload-image-fade-in .image img {
        opacity: 0;
    }

    .spotlight.onscroll-content-fade-up .content {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

    .spotlight.onscroll-content-fade-up.is-inactive .content {
        -moz-transform: translateY(1rem);
        -webkit-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        transform: translateY(1rem);
        opacity: 0;
    }

    .spotlight.onscroll-content-fade-down .content {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

    .spotlight.onscroll-content-fade-down.is-inactive .content {
        -moz-transform: translateY(-1rem);
        -webkit-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        transform: translateY(-1rem);
        opacity: 0;
    }

    .spotlight.onscroll-content-fade-left .content {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

    .spotlight.onscroll-content-fade-left.is-inactive .content {
        -moz-transform: translateX(1rem);
        -webkit-transform: translateX(1rem);
        -ms-transform: translateX(1rem);
        transform: translateX(1rem);
        opacity: 0;
    }

    .spotlight.onscroll-content-fade-right .content {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

    .spotlight.onscroll-content-fade-right.is-inactive .content {
        -moz-transform: translateX(-1rem);
        -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        transform: translateX(-1rem);
        opacity: 0;
    }

    .spotlight.onscroll-content-fade-in .content {
        -moz-transition: opacity 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out;
    }

    .spotlight.onscroll-content-fade-in.is-inactive .content {
        opacity: 0;
    }

    .spotlight.onscroll-image-fade-up .image {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

        .spotlight.onscroll-image-fade-up .image img {
            -moz-transition: opacity 0.75s ease-in-out;
            -webkit-transition: opacity 0.75s ease-in-out;
            -ms-transition: opacity 0.75s ease-in-out;
            transition: opacity 0.75s ease-in-out;
            -moz-transition-delay: 0.5625s;
            -webkit-transition-delay: 0.5625s;
            -ms-transition-delay: 0.5625s;
            transition-delay: 0.5625s;
        }

    .spotlight.onscroll-image-fade-up.is-inactive .image {
        -moz-transform: translateY(1rem);
        -webkit-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        transform: translateY(1rem);
        opacity: 0;
    }

        .spotlight.onscroll-image-fade-up.is-inactive .image img {
            opacity: 0;
        }

    .spotlight.onscroll-image-fade-down .image {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

        .spotlight.onscroll-image-fade-down .image img {
            -moz-transition: opacity 0.75s ease-in-out;
            -webkit-transition: opacity 0.75s ease-in-out;
            -ms-transition: opacity 0.75s ease-in-out;
            transition: opacity 0.75s ease-in-out;
            -moz-transition-delay: 0.5625s;
            -webkit-transition-delay: 0.5625s;
            -ms-transition-delay: 0.5625s;
            transition-delay: 0.5625s;
        }

    .spotlight.onscroll-image-fade-down.is-inactive .image {
        -moz-transform: translateY(-1rem);
        -webkit-transform: translateY(-1rem);
        -ms-transform: translateY(-1rem);
        transform: translateY(-1rem);
        opacity: 0;
    }

        .spotlight.onscroll-image-fade-down.is-inactive .image img {
            opacity: 0;
        }

    .spotlight.onscroll-image-fade-left .image {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

        .spotlight.onscroll-image-fade-left .image img {
            -moz-transition: opacity 0.75s ease-in-out;
            -webkit-transition: opacity 0.75s ease-in-out;
            -ms-transition: opacity 0.75s ease-in-out;
            transition: opacity 0.75s ease-in-out;
            -moz-transition-delay: 0.5625s;
            -webkit-transition-delay: 0.5625s;
            -ms-transition-delay: 0.5625s;
            transition-delay: 0.5625s;
        }

    .spotlight.onscroll-image-fade-left.is-inactive .image {
        -moz-transform: translateX(1rem);
        -webkit-transform: translateX(1rem);
        -ms-transform: translateX(1rem);
        transform: translateX(1rem);
        opacity: 0;
    }

        .spotlight.onscroll-image-fade-left.is-inactive .image img {
            opacity: 0;
        }

    .spotlight.onscroll-image-fade-right .image {
        -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
    }

        .spotlight.onscroll-image-fade-right .image img {
            -moz-transition: opacity 0.75s ease-in-out;
            -webkit-transition: opacity 0.75s ease-in-out;
            -ms-transition: opacity 0.75s ease-in-out;
            transition: opacity 0.75s ease-in-out;
            -moz-transition-delay: 0.5625s;
            -webkit-transition-delay: 0.5625s;
            -ms-transition-delay: 0.5625s;
            transition-delay: 0.5625s;
        }

    .spotlight.onscroll-image-fade-right.is-inactive .image {
        -moz-transform: translateX(-1rem);
        -webkit-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        transform: translateX(-1rem);
        opacity: 0;
    }

        .spotlight.onscroll-image-fade-right.is-inactive .image img {
            opacity: 0;
        }

    .spotlight.onscroll-image-fade-in .image img {
        -moz-transition: opacity 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out;
    }

    .spotlight.onscroll-image-fade-in.is-inactive .image img {
        opacity: 0;
    }

/* Spotlight (style1) */

    .spotlight.style1 {
        -moz-align-items: -moz-stretch;
        -webkit-align-items: -webkit-stretch;
        -ms-align-items: -ms-stretch;
        align-items: stretch;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -moz-justify-content: -moz-flex-end;
        -webkit-justify-content: -webkit-flex-end;
        -ms-justify-content: -ms-flex-end;
        justify-content: flex-end;
        position: relative;
        overflow-x: hidden;
        text-align: left;
    }

        .spotlight.style1 .content {
            padding: 7rem 7rem 5rem 7rem ;
            -moz-align-self: center;
            -webkit-align-self: center;
            -ms-align-self: center;
            align-self: center;
            -moz-flex-grow: 1;
            -webkit-flex-grow: 1;
            -ms-flex-grow: 1;
            flex-grow: 1;
            -moz-flex-shrink: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-shrink: 1;
            flex-shrink: 1;
            width: 65%;
            max-width: 64rem;
            margin: 0 auto;
        }

        .spotlight.style1 .image {
            -moz-flex-grow: 0;
            -webkit-flex-grow: 0;
            -ms-flex-grow: 0;
            flex-grow: 0;
            -moz-flex-shrink: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-shrink: 0;
            flex-shrink: 0;
            width: 35%;
            min-width: 25rem;
            border-radius: 0;
        }

            .spotlight.style1 .image img {
                -moz-object-fit: cover;
                -webkit-object-fit: cover;
                -ms-object-fit: cover;
                object-fit: cover;
                -moz-object-position: center;
                -webkit-object-position: center;
                -ms-object-position: center;
                object-position: center;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 0;
            }

        @media screen and (max-width: 1680px) {

            .spotlight.style1 .content {
                padding: 5rem 5rem 3rem 5rem ;
            }

        }

        @media screen and (max-width: 1280px) {

            .spotlight.style1 .content {
                padding: 4rem 4rem 2rem 4rem ;
            }

        }

        @media screen and (max-width: 980px) {

            .spotlight.style1 .content {
                padding: 3.75rem 3rem 1.75rem 3rem ;
                width: 50%;
                min-width: 0;
            }

            .spotlight.style1 .image {
                width: 50%;
                min-width: 0;
            }

        }

        @media screen and (max-width: 736px) {

            .spotlight.style1 .content {
                padding: 2.5rem 2rem 0.5rem 2rem ;
            }

        }

    @media screen and (max-width: 736px) and (orientation: portrait) {

        .spotlight.style1 {
            -moz-flex-direction: column-reverse;
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
            text-align: center !important;
        }

            .spotlight.style1 .content {
                width: 100%;
            }

            .spotlight.style1 .image {
                width: 100%;
            }

                .spotlight.style1 .image img {
                    position: relative;
                }

    }

        .spotlight.style1.orient-right {
            -moz-flex-direction: row-reverse;
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

    @media screen and (max-width: 736px) and (orientation: portrait) {

        .spotlight.style1.orient-right {
            -moz-flex-direction: column-reverse;
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

    }

        .spotlight.style1.content-align-center {
            text-align: center;
        }

        .spotlight.style1.content-align-right {
            text-align: right;
        }

        .spotlight.style1.image-position-left .image img {
            -moz-object-position: left;
            -webkit-object-position: left;
            -ms-object-position: left;
            object-position: left;
        }

        .spotlight.style1.image-position-right .image img {
            -moz-object-position: right;
            -webkit-object-position: right;
            -ms-object-position: right;
            object-position: right;
        }

/* Spotlight (style2) */

    .spotlight.style2 {
        padding: 7rem 7rem 5rem 7rem ;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        position: relative;
        overflow-x: hidden;
        text-align: left;
    }

        .spotlight.style2 .content {
            width: 44.5rem;
            max-width: 100%;
        }

        .spotlight.style2 .image {
            -moz-flex-grow: 0;
            -webkit-flex-grow: 0;
            -ms-flex-grow: 0;
            flex-grow: 0;
            -moz-flex-shrink: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-shrink: 0;
            flex-shrink: 0;
            width: 21rem;
            height: 21rem;
            border-radius: 100%;
            margin: 0 3.5rem 2rem 0;
        }

            .spotlight.style2 .image img {
                -moz-object-fit: cover;
                -webkit-object-fit: cover;
                -ms-object-fit: cover;
                object-fit: cover;
                -moz-object-position: center;
                -webkit-object-position: center;
                -ms-object-position: center;
                object-position: center;
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 100%;
            }

        @media screen and (max-width: 1680px) {

            .spotlight.style2 {
                padding: 5rem 5rem 3rem 5rem ;
            }

        }

        @media screen and (max-width: 1280px) {

            .spotlight.style2 {
                padding: 4rem 4rem 2rem 4rem ;
            }

        }

        @media screen and (max-width: 980px) {

            .spotlight.style2 {
                padding: 3.75rem 3rem 1.75rem 3rem ;
            }

                .spotlight.style2 .image {
                    width: 18.375rem;
                    height: 18.375rem;
                }

        }

        @media screen and (max-width: 736px) {

            .spotlight.style2 {
                padding: 2.5rem 2rem 0.5rem 2rem ;
                -moz-align-items: -moz-flex-start;
                -webkit-align-items: -webkit-flex-start;
                -ms-align-items: -ms-flex-start;
                align-items: flex-start;
            }

                .spotlight.style2 .image {
                    width: 15.75rem;
                    height: 15.75rem;
                    margin: 0 2rem 2rem 0;
                }

        }

        @media screen and (orientation: portrait) {

            .spotlight.style2 {
                -moz-align-items: center;
                -webkit-align-items: center;
                -ms-align-items: center;
                align-items: center;
                -moz-flex-direction: column-reverse;
                -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
                text-align: center !important;
            }

                .spotlight.style2 .content {
                    width: 34rem;
                    max-width: 100%;
                }

                .spotlight.style2 .image {
                    margin-right: 0;
                }

        }

        .spotlight.style2.orient-left {
            -moz-flex-direction: row;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .spotlight.style2.orient-left .image {
                margin: 0 0 2rem 3.5rem;
            }

            @media screen and (max-width: 736px) {

                .spotlight.style2.orient-left .image {
                    margin: 0 0 2rem 2rem;
                }

            }

            @media screen and (orientation: portrait) {

                .spotlight.style2.orient-left {
                    -moz-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                    .spotlight.style2.orient-left .image {
                        margin-left: 0;
                    }

            }

        .spotlight.style2.content-align-center {
            text-align: center;
        }

        .spotlight.style2.content-align-right {
            text-align: right;
        }

        .spotlight.style2.image-position-left .image img {
            -moz-object-position: left;
            -webkit-object-position: left;
            -ms-object-position: left;
            object-position: left;
        }

        .spotlight.style2.image-position-right .image img {
            -moz-object-position: right;
            -webkit-object-position: right;
            -ms-object-position: right;
            object-position: right;
        }

/* Spotlight (style3) */

    .spotlight.style3 {
        padding: 7rem 7rem 5rem 7rem ;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        position: relative;
        overflow-x: hidden;
        text-align: left;
    }

        .spotlight.style3 .content {
            width: 44.5rem;
            max-width: 100%;
        }

        .spotlight.style3 .image {
            -moz-flex-grow: 0;
            -webkit-flex-grow: 0;
            -ms-flex-grow: 0;
            flex-grow: 0;
            -moz-flex-shrink: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-shrink: 0;
            flex-shrink: 0;
            border-radius: 0;
            border: solid 1px;
            width: 13rem;
            height: 23.11111rem;
            margin-top: 2.5rem;
            margin-bottom: 5rem;
            margin-right: 3.5rem;
        }

            .spotlight.style3 .image img {
                -moz-object-fit: cover;
                -webkit-object-fit: cover;
                -ms-object-fit: cover;
                object-fit: cover;
                -moz-object-position: center;
                -webkit-object-position: center;
                -ms-object-position: center;
                object-position: center;
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 0;
            }

            .spotlight.style3 .image:before {
                content: '';
                display: block;
                background-position: center;
                background-repeat: no-repeat;
                border: solid 1px;
                border-bottom: 0;
            }

            .spotlight.style3 .image:after {
                content: '';
                display: block;
                background-position: center;
                background-repeat: no-repeat;
                border: solid 1px;
                border-top: 0;
            }

            .spotlight.style3 .image:before {
                height: 2.5rem;
                background-size: 64px 32px;
                margin-top: -2.5rem;
                border-radius: 1rem 1rem 0 0;
            }

            .spotlight.style3 .image:after {
                height: 3rem;
                background-size: 64px 32px;
                margin-bottom: -3rem;
                border-radius: 0 0 1rem 1rem;
            }

        @media screen and (max-width: 1680px) {

            .spotlight.style3 {
                padding: 5rem 5rem 3rem 5rem ;
            }

        }

        @media screen and (max-width: 1280px) {

            .spotlight.style3 {
                padding: 4rem 4rem 2rem 4rem ;
            }

        }

        @media screen and (max-width: 980px) {

            .spotlight.style3 {
                padding: 3.75rem 3rem 1.75rem 3rem ;
            }

                .spotlight.style3 .image {
                    width: 11.375rem;
                    height: 20.22222rem;
                    margin-top: 2.1875rem;
                    margin-bottom: 4.625rem;
                }

                    .spotlight.style3 .image:before {
                        height: 2.1875rem;
                        background-size: 56px 28px;
                        margin-top: -2.1875rem;
                        border-radius: 0.875rem 0.875rem 0 0;
                    }

                    .spotlight.style3 .image:after {
                        height: 2.625rem;
                        background-size: 56px 28px;
                        margin-bottom: -2.625rem;
                        border-radius: 0 0 0.875rem 0.875rem;
                    }

        }

        @media screen and (max-width: 736px) {

            .spotlight.style3 {
                padding: 2.5rem 2rem 0.5rem 2rem ;
                -moz-align-items: -moz-flex-start;
                -webkit-align-items: -webkit-flex-start;
                -ms-align-items: -ms-flex-start;
                align-items: flex-start;
            }

                .spotlight.style3 .image {
                    width: 8.125rem;
                    height: 14.44444rem;
                    margin-top: 1.5625rem;
                    margin-bottom: 3.875rem;
                }

                    .spotlight.style3 .image:before {
                        height: 1.5625rem;
                        background-size: 40px 20px;
                        margin-top: -1.5625rem;
                        border-radius: 0.625rem 0.625rem 0 0;
                    }

                    .spotlight.style3 .image:after {
                        height: 1.875rem;
                        background-size: 40px 20px;
                        margin-bottom: -1.875rem;
                        border-radius: 0 0 0.625rem 0.625rem;
                    }

        }

        @media screen and (orientation: portrait) {

            .spotlight.style3 {
                -moz-align-items: center;
                -webkit-align-items: center;
                -ms-align-items: center;
                align-items: center;
                -moz-flex-direction: column-reverse;
                -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
                text-align: center !important;
            }

                .spotlight.style3 .content {
                    width: 34rem;
                    max-width: 100%;
                }

                .spotlight.style3 .image {
                    margin-right: 0;
                    margin-left: 0;
                }

        }

        .spotlight.style3.orient-left {
            -moz-flex-direction: row;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .spotlight.style3.orient-left .image {
                margin-right: 0;
                margin-left: 3.5rem;
            }

            @media screen and (orientation: portrait) {

                .spotlight.style3.orient-left {
                    -moz-flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse;
                }

                    .spotlight.style3.orient-left .image {
                        margin-right: 0;
                        margin-left: 0;
                    }

            }

        .spotlight.style3.content-align-center {
            text-align: center;
        }

        .spotlight.style3.content-align-right {
            text-align: right;
        }

        .spotlight.style3.image-position-left .image img {
            -moz-object-position: left;
            -webkit-object-position: left;
            -ms-object-position: left;
            object-position: left;
        }

        .spotlight.style3.image-position-right .image img {
            -moz-object-position: right;
            -webkit-object-position: right;
            -ms-object-position: right;
            object-position: right;
        }

/* Spotlight (style4) */

    .spotlight.style4 {
        padding: 7rem 5.25rem 5rem 5.25rem ;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        background-color: inherit;
        position: relative;
        overflow-x: hidden;
        text-align: center;
    }

        .spotlight.style4 .content {
            padding: 3.5rem 3.5rem 1.5rem 3.5rem ;
            position: relative;
            width: 40rem;
            max-width: 50%;
            background-color: inherit;
            border-radius: 0.5rem;
            margin-bottom: 2rem;
            z-index: 1;
        }

        .spotlight.style4 .image {
            -moz-flex-grow: 0;
            -webkit-flex-grow: 0;
            -ms-flex-grow: 0;
            flex-grow: 0;
            -moz-flex-shrink: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-shrink: 0;
            flex-shrink: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-radius: 0;
        }

            .spotlight.style4 .image img {
                -moz-object-fit: cover;
                -webkit-object-fit: cover;
                -ms-object-fit: cover;
                object-fit: cover;
                -moz-object-position: center;
                -webkit-object-position: center;
                -ms-object-position: center;
                object-position: center;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 0;
            }

        @media screen and (max-width: 1680px) {

            .spotlight.style4 {
                padding: 5rem 3.75rem 3rem 3.75rem ;
            }

                .spotlight.style4 .content {
                    padding: 2.5rem 2.5rem 0.5rem 2.5rem ;
                }

        }

        @media screen and (max-width: 1280px) {

            .spotlight.style4 {
                padding: 4rem 3rem 2rem 3rem ;
            }

                .spotlight.style4 .content {
                    padding: 3rem 3rem 1rem 3rem ;
                }

        }

        @media screen and (max-width: 980px) {

            .spotlight.style4 {
                padding: 3rem 2.25rem 1rem 2.25rem ;
            }

                .spotlight.style4 .content {
                    padding: 2.25rem 2.25rem 0.25rem 2.25rem ;
                }

        }

        @media screen and (max-width: 736px) {

            .spotlight.style4 {
                padding: 2rem 1.5rem 0.1rem 1.5rem ;
            }

                .spotlight.style4 .content {
                    padding: 1.5rem 1.5rem 0.1rem 1.5rem ;
                }

        }

        @media screen and (max-width: 480px) {

            .spotlight.style4 .content {
                max-width: 80%;
            }

        }

        .spotlight.style4.fullscreen {
            min-height: 100vh;
        }

        .spotlight.style4.halfscreen {
            min-height: 50vh;
        }

        .spotlight.style4.orient-left {
            -moz-justify-content: -moz-flex-start;
            -webkit-justify-content: -webkit-flex-start;
            -ms-justify-content: -ms-flex-start;
            justify-content: flex-start;
            padding-left: 0;
        }

            .spotlight.style4.orient-left .content {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

        .spotlight.style4.orient-right {
            -moz-justify-content: -moz-flex-end;
            -webkit-justify-content: -webkit-flex-end;
            -ms-justify-content: -ms-flex-end;
            justify-content: flex-end;
            padding-right: 0;
        }

            .spotlight.style4.orient-right .content {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

        .spotlight.style4.content-align-left {
            text-align: left;
        }

        .spotlight.style4.content-align-right {
            text-align: right;
        }

        .spotlight.style4.image-position-left .image img {
            -moz-object-position: left;
            -webkit-object-position: left;
            -ms-object-position: left;
            object-position: left;
        }

        .spotlight.style4.image-position-right .image img {
            -moz-object-position: right;
            -webkit-object-position: right;
            -ms-object-position: right;
            object-position: right;
        }

/* Spotlight (style5) */

    .spotlight.style5 {
        padding: 7rem 5.25rem 5rem 5.25rem ;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        background-color: inherit;
        position: relative;
        overflow-x: hidden;
        text-align: center;
    }

        .spotlight.style5 .content {
            padding: 3.5rem 3.5rem 1.5rem 3.5rem ;
            position: relative;
            width: 40rem;
            max-width: 52.5%;
            background-color: inherit;
            border-radius: 0.5rem;
            margin-bottom: 2rem;
            z-index: 1;
        }

        .spotlight.style5 .image {
            -moz-flex-grow: 0;
            -webkit-flex-grow: 0;
            -ms-flex-grow: 0;
            flex-grow: 0;
            -moz-flex-shrink: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-shrink: 0;
            flex-shrink: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-radius: 0;
        }

            .spotlight.style5 .image img {
                -moz-object-fit: cover;
                -webkit-object-fit: cover;
                -ms-object-fit: cover;
                object-fit: cover;
                -moz-object-position: center;
                -webkit-object-position: center;
                -ms-object-position: center;
                object-position: center;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border-radius: 0;
            }

        @media screen and (max-width: 1680px) {

            .spotlight.style5 {
                padding: 5rem 3.75rem 3rem 3.75rem ;
            }

                .spotlight.style5 .content {
                    padding: 2.5rem 2.5rem 0.5rem 2.5rem ;
                }

        }

        @media screen and (max-width: 1280px) {

            .spotlight.style5 {
                padding: 4rem 3rem 2rem 3rem ;
            }

                .spotlight.style5 .content {
                    padding: 3rem 3rem 1rem 3rem ;
                }

        }

        @media screen and (max-width: 980px) {

            .spotlight.style5 {
                padding: 3rem 2.25rem 1rem 2.25rem ;
            }

                .spotlight.style5 .content {
                    padding: 2.25rem 2.25rem 0.25rem 2.25rem ;
                }

        }

        @media screen and (max-width: 736px) {

            .spotlight.style5 {
                padding: 2rem 1.5rem 0.1rem 1.5rem ;
            }

                .spotlight.style5 .content {
                    padding: 1.5rem 1.5rem 0.1rem 1.5rem ;
                }

        }

        @media screen and (max-width: 480px) {

            .spotlight.style5 .content {
                max-width: 80%;
            }

        }

        .spotlight.style5.fullscreen {
            min-height: 100vh;
        }

        .spotlight.style5.halfscreen {
            min-height: 50vh;
        }

        .spotlight.style5.orient-left {
            -moz-justify-content: -moz-flex-start;
            -webkit-justify-content: -webkit-flex-start;
            -ms-justify-content: -ms-flex-start;
            justify-content: flex-start;
        }

        .spotlight.style5.orient-right {
            -moz-justify-content: -moz-flex-end;
            -webkit-justify-content: -webkit-flex-end;
            -ms-justify-content: -ms-flex-end;
            justify-content: flex-end;
        }

        .spotlight.style5.content-align-left {
            text-align: left;
        }

        .spotlight.style5.content-align-right {
            text-align: right;
        }

        .spotlight.style5.image-position-left .image img {
            -moz-object-position: left;
            -webkit-object-position: left;
            -ms-object-position: left;
            object-position: left;
        }

        .spotlight.style5.image-position-right .image img {
            -moz-object-position: right;
            -webkit-object-position: right;
            -ms-object-position: right;
            object-position: right;
        }

    .spotlight .image {
        background-color: rgba(0, 0, 0, 0.125);
    }

    .spotlight.invert .image {
        background-color: rgba(255, 255, 255, 0.125);
    }

    .spotlight.style3 .image {
        border-color: rgba(0, 0, 0, 0.2);
        background-color: rgba(0, 0, 0, 0.2);
        border-width: 0;
    }

        .spotlight.style3 .image:before {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: rgba(0, 0, 0, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='11' y='12' width='42' height='8' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
            border-color: rgba(0, 0, 0, 0.2);
            width: 100%;
        }

        .spotlight.style3 .image:after {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: rgba(0, 0, 0, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Ccircle cx='32' cy='16' r='14' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
            border-color: rgba(0, 0, 0, 0.2);
            width: 100%;
        }

    .spotlight.style3.android .image:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: rgba(0, 0, 0, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='6' y='4' width='52' height='24' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    }

    .spotlight.style3.invert .image {
        border-color: white;
        background-color: white;
        border-width: 1px;
    }

        .spotlight.style3.invert .image:before {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='11' y='12' width='42' height='8' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
            border-color: white;
            width: calc(100% + 2px);
            margin-left: -1px;
        }

        .spotlight.style3.invert .image:after {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Ccircle cx='32' cy='16' r='14' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
            border-color: white;
            width: calc(100% + 2px);
            margin-left: -1px;
        }

    .spotlight.style3.invert.android .image:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='6' y='4' width='52' height='24' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    }

/* Gallery (transitions) */

    .gallery.onload-fade-in article .image img {
        -moz-transition: opacity 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out;
        -moz-transition-delay: 4.8s;
        -webkit-transition-delay: 4.8s;
        -ms-transition-delay: 4.8s;
        transition-delay: 4.8s;
    }

    .gallery.onload-fade-in article:nth-child(1) .image img {
        -moz-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
    }

    .gallery.onload-fade-in article:nth-child(2) .image img {
        -moz-transition-delay: 0.15s;
        -webkit-transition-delay: 0.15s;
        -ms-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }

    .gallery.onload-fade-in article:nth-child(3) .image img {
        -moz-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -ms-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .gallery.onload-fade-in article:nth-child(4) .image img {
        -moz-transition-delay: 0.45s;
        -webkit-transition-delay: 0.45s;
        -ms-transition-delay: 0.45s;
        transition-delay: 0.45s;
    }

    .gallery.onload-fade-in article:nth-child(5) .image img {
        -moz-transition-delay: 0.6s;
        -webkit-transition-delay: 0.6s;
        -ms-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .gallery.onload-fade-in article:nth-child(6) .image img {
        -moz-transition-delay: 0.75s;
        -webkit-transition-delay: 0.75s;
        -ms-transition-delay: 0.75s;
        transition-delay: 0.75s;
    }

    .gallery.onload-fade-in article:nth-child(7) .image img {
        -moz-transition-delay: 0.9s;
        -webkit-transition-delay: 0.9s;
        -ms-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }

    .gallery.onload-fade-in article:nth-child(8) .image img {
        -moz-transition-delay: 1.05s;
        -webkit-transition-delay: 1.05s;
        -ms-transition-delay: 1.05s;
        transition-delay: 1.05s;
    }

    .gallery.onload-fade-in article:nth-child(9) .image img {
        -moz-transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
        -ms-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }

    .gallery.onload-fade-in article:nth-child(10) .image img {
        -moz-transition-delay: 1.35s;
        -webkit-transition-delay: 1.35s;
        -ms-transition-delay: 1.35s;
        transition-delay: 1.35s;
    }

    .gallery.onload-fade-in article:nth-child(11) .image img {
        -moz-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        -ms-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }

    .gallery.onload-fade-in article:nth-child(12) .image img {
        -moz-transition-delay: 1.65s;
        -webkit-transition-delay: 1.65s;
        -ms-transition-delay: 1.65s;
        transition-delay: 1.65s;
    }

    .gallery.onload-fade-in article:nth-child(13) .image img {
        -moz-transition-delay: 1.8s;
        -webkit-transition-delay: 1.8s;
        -ms-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }

    .gallery.onload-fade-in article:nth-child(14) .image img {
        -moz-transition-delay: 1.95s;
        -webkit-transition-delay: 1.95s;
        -ms-transition-delay: 1.95s;
        transition-delay: 1.95s;
    }

    .gallery.onload-fade-in article:nth-child(15) .image img {
        -moz-transition-delay: 2.1s;
        -webkit-transition-delay: 2.1s;
        -ms-transition-delay: 2.1s;
        transition-delay: 2.1s;
    }

    .gallery.onload-fade-in article:nth-child(16) .image img {
        -moz-transition-delay: 2.25s;
        -webkit-transition-delay: 2.25s;
        -ms-transition-delay: 2.25s;
        transition-delay: 2.25s;
    }

    .gallery.onload-fade-in article:nth-child(17) .image img {
        -moz-transition-delay: 2.4s;
        -webkit-transition-delay: 2.4s;
        -ms-transition-delay: 2.4s;
        transition-delay: 2.4s;
    }

    .gallery.onload-fade-in article:nth-child(18) .image img {
        -moz-transition-delay: 2.55s;
        -webkit-transition-delay: 2.55s;
        -ms-transition-delay: 2.55s;
        transition-delay: 2.55s;
    }

    .gallery.onload-fade-in article:nth-child(19) .image img {
        -moz-transition-delay: 2.7s;
        -webkit-transition-delay: 2.7s;
        -ms-transition-delay: 2.7s;
        transition-delay: 2.7s;
    }

    .gallery.onload-fade-in article:nth-child(20) .image img {
        -moz-transition-delay: 2.85s;
        -webkit-transition-delay: 2.85s;
        -ms-transition-delay: 2.85s;
        transition-delay: 2.85s;
    }

    .gallery.onload-fade-in article:nth-child(21) .image img {
        -moz-transition-delay: 3s;
        -webkit-transition-delay: 3s;
        -ms-transition-delay: 3s;
        transition-delay: 3s;
    }

    .gallery.onload-fade-in article:nth-child(22) .image img {
        -moz-transition-delay: 3.15s;
        -webkit-transition-delay: 3.15s;
        -ms-transition-delay: 3.15s;
        transition-delay: 3.15s;
    }

    .gallery.onload-fade-in article:nth-child(23) .image img {
        -moz-transition-delay: 3.3s;
        -webkit-transition-delay: 3.3s;
        -ms-transition-delay: 3.3s;
        transition-delay: 3.3s;
    }

    .gallery.onload-fade-in article:nth-child(24) .image img {
        -moz-transition-delay: 3.45s;
        -webkit-transition-delay: 3.45s;
        -ms-transition-delay: 3.45s;
        transition-delay: 3.45s;
    }

    .gallery.onload-fade-in article:nth-child(25) .image img {
        -moz-transition-delay: 3.6s;
        -webkit-transition-delay: 3.6s;
        -ms-transition-delay: 3.6s;
        transition-delay: 3.6s;
    }

    .gallery.onload-fade-in article:nth-child(26) .image img {
        -moz-transition-delay: 3.75s;
        -webkit-transition-delay: 3.75s;
        -ms-transition-delay: 3.75s;
        transition-delay: 3.75s;
    }

    .gallery.onload-fade-in article:nth-child(27) .image img {
        -moz-transition-delay: 3.9s;
        -webkit-transition-delay: 3.9s;
        -ms-transition-delay: 3.9s;
        transition-delay: 3.9s;
    }

    .gallery.onload-fade-in article:nth-child(28) .image img {
        -moz-transition-delay: 4.05s;
        -webkit-transition-delay: 4.05s;
        -ms-transition-delay: 4.05s;
        transition-delay: 4.05s;
    }

    .gallery.onload-fade-in article:nth-child(29) .image img {
        -moz-transition-delay: 4.2s;
        -webkit-transition-delay: 4.2s;
        -ms-transition-delay: 4.2s;
        transition-delay: 4.2s;
    }

    .gallery.onload-fade-in article:nth-child(30) .image img {
        -moz-transition-delay: 4.35s;
        -webkit-transition-delay: 4.35s;
        -ms-transition-delay: 4.35s;
        transition-delay: 4.35s;
    }

    .gallery.onload-fade-in article:nth-child(31) .image img {
        -moz-transition-delay: 4.5s;
        -webkit-transition-delay: 4.5s;
        -ms-transition-delay: 4.5s;
        transition-delay: 4.5s;
    }

    .gallery.onload-fade-in article:nth-child(32) .image img {
        -moz-transition-delay: 4.65s;
        -webkit-transition-delay: 4.65s;
        -ms-transition-delay: 4.65s;
        transition-delay: 4.65s;
    }

    .gallery.onload-fade-in article:nth-child(33) .image img {
        -moz-transition-delay: 4.8s;
        -webkit-transition-delay: 4.8s;
        -ms-transition-delay: 4.8s;
        transition-delay: 4.8s;
    }

    body.is-preload .gallery.onload-fade-in article .image img {
        opacity: 0;
    }

    .gallery.onscroll-fade-in article .image img {
        -moz-transition: opacity 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out;
        -moz-transition-delay: 4.8s;
        -webkit-transition-delay: 4.8s;
        -ms-transition-delay: 4.8s;
        transition-delay: 4.8s;
    }

    .gallery.onscroll-fade-in article:nth-child(1) .image img {
        -moz-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
    }

    .gallery.onscroll-fade-in article:nth-child(2) .image img {
        -moz-transition-delay: 0.15s;
        -webkit-transition-delay: 0.15s;
        -ms-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }

    .gallery.onscroll-fade-in article:nth-child(3) .image img {
        -moz-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        -ms-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }

    .gallery.onscroll-fade-in article:nth-child(4) .image img {
        -moz-transition-delay: 0.45s;
        -webkit-transition-delay: 0.45s;
        -ms-transition-delay: 0.45s;
        transition-delay: 0.45s;
    }

    .gallery.onscroll-fade-in article:nth-child(5) .image img {
        -moz-transition-delay: 0.6s;
        -webkit-transition-delay: 0.6s;
        -ms-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .gallery.onscroll-fade-in article:nth-child(6) .image img {
        -moz-transition-delay: 0.75s;
        -webkit-transition-delay: 0.75s;
        -ms-transition-delay: 0.75s;
        transition-delay: 0.75s;
    }

    .gallery.onscroll-fade-in article:nth-child(7) .image img {
        -moz-transition-delay: 0.9s;
        -webkit-transition-delay: 0.9s;
        -ms-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }

    .gallery.onscroll-fade-in article:nth-child(8) .image img {
        -moz-transition-delay: 1.05s;
        -webkit-transition-delay: 1.05s;
        -ms-transition-delay: 1.05s;
        transition-delay: 1.05s;
    }

    .gallery.onscroll-fade-in article:nth-child(9) .image img {
        -moz-transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
        -ms-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }

    .gallery.onscroll-fade-in article:nth-child(10) .image img {
        -moz-transition-delay: 1.35s;
        -webkit-transition-delay: 1.35s;
        -ms-transition-delay: 1.35s;
        transition-delay: 1.35s;
    }

    .gallery.onscroll-fade-in article:nth-child(11) .image img {
        -moz-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        -ms-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }

    .gallery.onscroll-fade-in article:nth-child(12) .image img {
        -moz-transition-delay: 1.65s;
        -webkit-transition-delay: 1.65s;
        -ms-transition-delay: 1.65s;
        transition-delay: 1.65s;
    }

    .gallery.onscroll-fade-in article:nth-child(13) .image img {
        -moz-transition-delay: 1.8s;
        -webkit-transition-delay: 1.8s;
        -ms-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }

    .gallery.onscroll-fade-in article:nth-child(14) .image img {
        -moz-transition-delay: 1.95s;
        -webkit-transition-delay: 1.95s;
        -ms-transition-delay: 1.95s;
        transition-delay: 1.95s;
    }

    .gallery.onscroll-fade-in article:nth-child(15) .image img {
        -moz-transition-delay: 2.1s;
        -webkit-transition-delay: 2.1s;
        -ms-transition-delay: 2.1s;
        transition-delay: 2.1s;
    }

    .gallery.onscroll-fade-in article:nth-child(16) .image img {
        -moz-transition-delay: 2.25s;
        -webkit-transition-delay: 2.25s;
        -ms-transition-delay: 2.25s;
        transition-delay: 2.25s;
    }

    .gallery.onscroll-fade-in article:nth-child(17) .image img {
        -moz-transition-delay: 2.4s;
        -webkit-transition-delay: 2.4s;
        -ms-transition-delay: 2.4s;
        transition-delay: 2.4s;
    }

    .gallery.onscroll-fade-in article:nth-child(18) .image img {
        -moz-transition-delay: 2.55s;
        -webkit-transition-delay: 2.55s;
        -ms-transition-delay: 2.55s;
        transition-delay: 2.55s;
    }

    .gallery.onscroll-fade-in article:nth-child(19) .image img {
        -moz-transition-delay: 2.7s;
        -webkit-transition-delay: 2.7s;
        -ms-transition-delay: 2.7s;
        transition-delay: 2.7s;
    }

    .gallery.onscroll-fade-in article:nth-child(20) .image img {
        -moz-transition-delay: 2.85s;
        -webkit-transition-delay: 2.85s;
        -ms-transition-delay: 2.85s;
        transition-delay: 2.85s;
    }

    .gallery.onscroll-fade-in article:nth-child(21) .image img {
        -moz-transition-delay: 3s;
        -webkit-transition-delay: 3s;
        -ms-transition-delay: 3s;
        transition-delay: 3s;
    }

    .gallery.onscroll-fade-in article:nth-child(22) .image img {
        -moz-transition-delay: 3.15s;
        -webkit-transition-delay: 3.15s;
        -ms-transition-delay: 3.15s;
        transition-delay: 3.15s;
    }

    .gallery.onscroll-fade-in article:nth-child(23) .image img {
        -moz-transition-delay: 3.3s;
        -webkit-transition-delay: 3.3s;
        -ms-transition-delay: 3.3s;
        transition-delay: 3.3s;
    }

    .gallery.onscroll-fade-in article:nth-child(24) .image img {
        -moz-transition-delay: 3.45s;
        -webkit-transition-delay: 3.45s;
        -ms-transition-delay: 3.45s;
        transition-delay: 3.45s;
    }

    .gallery.onscroll-fade-in article:nth-child(25) .image img {
        -moz-transition-delay: 3.6s;
        -webkit-transition-delay: 3.6s;
        -ms-transition-delay: 3.6s;
        transition-delay: 3.6s;
    }

    .gallery.onscroll-fade-in article:nth-child(26) .image img {
        -moz-transition-delay: 3.75s;
        -webkit-transition-delay: 3.75s;
        -ms-transition-delay: 3.75s;
        transition-delay: 3.75s;
    }

    .gallery.onscroll-fade-in article:nth-child(27) .image img {
        -moz-transition-delay: 3.9s;
        -webkit-transition-delay: 3.9s;
        -ms-transition-delay: 3.9s;
        transition-delay: 3.9s;
    }

    .gallery.onscroll-fade-in article:nth-child(28) .image img {
        -moz-transition-delay: 4.05s;
        -webkit-transition-delay: 4.05s;
        -ms-transition-delay: 4.05s;
        transition-delay: 4.05s;
    }

    .gallery.onscroll-fade-in article:nth-child(29) .image img {
        -moz-transition-delay: 4.2s;
        -webkit-transition-delay: 4.2s;
        -ms-transition-delay: 4.2s;
        transition-delay: 4.2s;
    }

    .gallery.onscroll-fade-in article:nth-child(30) .image img {
        -moz-transition-delay: 4.35s;
        -webkit-transition-delay: 4.35s;
        -ms-transition-delay: 4.35s;
        transition-delay: 4.35s;
    }

    .gallery.onscroll-fade-in article:nth-child(31) .image img {
        -moz-transition-delay: 4.5s;
        -webkit-transition-delay: 4.5s;
        -ms-transition-delay: 4.5s;
        transition-delay: 4.5s;
    }

    .gallery.onscroll-fade-in article:nth-child(32) .image img {
        -moz-transition-delay: 4.65s;
        -webkit-transition-delay: 4.65s;
        -ms-transition-delay: 4.65s;
        transition-delay: 4.65s;
    }

    .gallery.onscroll-fade-in article:nth-child(33) .image img {
        -moz-transition-delay: 4.8s;
        -webkit-transition-delay: 4.8s;
        -ms-transition-delay: 4.8s;
        transition-delay: 4.8s;
    }

    .gallery.onscroll-fade-in.is-inactive article .image img {
        opacity: 0;
    }

/* Gallery (style1) */

    .gallery.style1 {
        background-color: #000000;
        color: #ffffff;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        position: relative;
        width: 100%;
        background-color: transparent;
    }

        .gallery.style1 input, .gallery.style1 select, .gallery.style1 textarea {
            color: #ffffff;
        }

        .gallery.style1 a {
            color: #ffffff;
        }

            .gallery.style1 a:hover {
                color: #47D3E5;
            }

        .gallery.style1 strong, .gallery.style1 b {
            color: #ffffff;
        }

        .gallery.style1 h1, .gallery.style1 h2, .gallery.style1 h3, .gallery.style1 h4, .gallery.style1 h5, .gallery.style1 h6 {
            color: #ffffff;
        }

        .gallery.style1 blockquote {
            border-left-color: white;
        }

        .gallery.style1 code {
            background: rgba(255, 255, 255, 0.125);
            border-color: white;
        }

        .gallery.style1 hr {
            border-bottom-color: white;
        }

        .gallery.style1 input[type="submit"],
        .gallery.style1 input[type="reset"],
        .gallery.style1 input[type="button"],
        .gallery.style1 button,
        .gallery.style1 .button {
            background-color: transparent;
            box-shadow: inset 0 0 0 1px white;
            color: #ffffff !important;
        }

            .gallery.style1 input[type="submit"]:hover,
            .gallery.style1 input[type="reset"]:hover,
            .gallery.style1 input[type="button"]:hover,
            .gallery.style1 button:hover,
            .gallery.style1 .button:hover {
                box-shadow: inset 0 0 0 1px #47D3E5;
                color: #47D3E5 !important;
            }

            .gallery.style1 input[type="submit"]:active,
            .gallery.style1 input[type="reset"]:active,
            .gallery.style1 input[type="button"]:active,
            .gallery.style1 button:active,
            .gallery.style1 .button:active {
                background-color: rgba(71, 211, 229, 0.2);
                box-shadow: inset 0 0 0 1px #47D3E5;
                color: #47D3E5 !important;
            }

            .gallery.style1 input[type="submit"].primary,
            .gallery.style1 input[type="reset"].primary,
            .gallery.style1 input[type="button"].primary,
            .gallery.style1 button.primary,
            .gallery.style1 .button.primary {
                background-color: #ffffff;
                box-shadow: none;
                color: #000000 !important;
            }

                .gallery.style1 input[type="submit"].primary:hover,
                .gallery.style1 input[type="reset"].primary:hover,
                .gallery.style1 input[type="button"].primary:hover,
                .gallery.style1 button.primary:hover,
                .gallery.style1 .button.primary:hover {
                    background-color: #47D3E5;
                }

                .gallery.style1 input[type="submit"].primary:active,
                .gallery.style1 input[type="reset"].primary:active,
                .gallery.style1 input[type="button"].primary:active,
                .gallery.style1 button.primary:active,
                .gallery.style1 .button.primary:active {
                    background-color: #1ebdd1;
                }

        .gallery.style1 > .forward, .gallery.style1 > .backward {
            display: none;
        }

        .gallery.style1 > .inner {
            -moz-align-items: inherit;
            -webkit-align-items: inherit;
            -ms-align-items: inherit;
            align-items: inherit;
            display: inherit;
            -moz-flex-wrap: inherit;
            -webkit-flex-wrap: inherit;
            -ms-flex-wrap: inherit;
            flex-wrap: inherit;
            -moz-justify-content: inherit;
            -webkit-justify-content: inherit;
            -ms-justify-content: inherit;
            justify-content: inherit;
        }

        .gallery.style1 article {
            overflow: hidden;
            position: relative;
            width: 25%;
        }

            .gallery.style1 article .image {
                -moz-transition: opacity 0.2s ease-in-out;
                -webkit-transition: opacity 0.2s ease-in-out;
                -ms-transition: opacity 0.2s ease-in-out;
                transition: opacity 0.2s ease-in-out;
                display: block;
                width: 100%;
                border-radius: 0;
            }

                .gallery.style1 article .image img {
                    display: block;
                    width: 100%;
                    border-radius: 0;
                }

            .gallery.style1 article .caption {
                -moz-align-items: center;
                -webkit-align-items: center;
                -ms-align-items: center;
                align-items: center;
                display: -moz-flex;
                display: -webkit-flex;
                display: -ms-flex;
                display: flex;
                -moz-flex-direction: column;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                -ms-justify-content: center;
                justify-content: center;
                pointer-events: none;
                -moz-transition: opacity 0.2s ease-in-out;
                -webkit-transition: opacity 0.2s ease-in-out;
                -ms-transition: opacity 0.2s ease-in-out;
                transition: opacity 0.2s ease-in-out;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                opacity: 0;
                padding: 2rem;
                z-index: 1;
                font-size: 0.8rem;
            }

                .gallery.style1 article .caption a {
                    pointer-events: auto;
                }

                .gallery.style1 article .caption h2, .gallery.style1 article .caption h3, .gallery.style1 article .caption h4, .gallery.style1 article .caption h5, .gallery.style1 article .caption h6 {
                    font-size: 1.25rem;
                    margin-bottom: 0.25rem;
                }

                .gallery.style1 article .caption > * {
                    max-width: 100%;
                    margin-bottom: 1rem;
                }

                .gallery.style1 article .caption > :last-child {
                    margin-bottom: 0;
                }

            .gallery.style1 article:hover .caption {
                opacity: 1;
            }

        @media screen and (max-width: 1280px) {

            .gallery.style1 article {
                width: 33.33333%;
            }

                .gallery.style1 article .caption {
                    padding: 1rem;
                }

        }

        @media screen and (max-width: 980px) {

            .gallery.style1 article {
                width: 50%;
            }

                .gallery.style1 article .caption {
                    padding: 1rem;
                }

        }

        @media screen and (max-width: 480px) {

            .gallery.style1 article {
                width: 100%;
            }

                .gallery.style1 article .caption {
                    padding: 1rem;
                }

        }

        .gallery.style1.small article {
            width: 20%;
        }

            .gallery.style1.small article .caption {
                padding: 1rem;
            }

        @media screen and (max-width: 1280px) {

            .gallery.style1.small article {
                width: 25%;
            }

                .gallery.style1.small article .caption {
                    padding: 1rem;
                }

        }

        @media screen and (max-width: 980px) {

            .gallery.style1.small article {
                width: 33.33333%;
            }

                .gallery.style1.small article .caption {
                    padding: 1rem;
                }

        }

        @media screen and (max-width: 480px) {

            .gallery.style1.small article {
                width: 50%;
            }

                .gallery.style1.small article .caption {
                    padding: 1rem;
                }

        }

        .gallery.style1.big article {
            width: 33.33333%;
        }

            .gallery.style1.big article .caption {
                padding: 3rem;
            }

        @media screen and (max-width: 1280px) {

            .gallery.style1.big article {
                width: 50%;
            }

                .gallery.style1.big article .caption {
                    padding: 2rem;
                }

        }

        @media screen and (max-width: 980px) {

            .gallery.style1.big article {
                width: 50%;
            }

                .gallery.style1.big article .caption {
                    padding: 2rem;
                }

        }

        @media screen and (max-width: 480px) {

            .gallery.style1.big article {
                width: 100%;
            }

                .gallery.style1.big article .caption {
                    padding: 1rem;
                }

        }

/* Gallery (style2) */

    .gallery.style2 {
        background-color: #000000;
        color: #ffffff;
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-overflow-scrolling: touch;
        position: relative;
        background-color: transparent;
    }

        .gallery.style2 input, .gallery.style2 select, .gallery.style2 textarea {
            color: #ffffff;
        }

        .gallery.style2 a {
            color: #ffffff;
        }

            .gallery.style2 a:hover {
                color: #47D3E5;
            }

        .gallery.style2 strong, .gallery.style2 b {
            color: #ffffff;
        }

        .gallery.style2 h1, .gallery.style2 h2, .gallery.style2 h3, .gallery.style2 h4, .gallery.style2 h5, .gallery.style2 h6 {
            color: #ffffff;
        }

        .gallery.style2 blockquote {
            border-left-color: white;
        }

        .gallery.style2 code {
            background: rgba(255, 255, 255, 0.125);
            border-color: white;
        }

        .gallery.style2 hr {
            border-bottom-color: white;
        }

        .gallery.style2 input[type="submit"],
        .gallery.style2 input[type="reset"],
        .gallery.style2 input[type="button"],
        .gallery.style2 button,
        .gallery.style2 .button {
            background-color: transparent;
            box-shadow: inset 0 0 0 1px white;
            color: #ffffff !important;
        }

            .gallery.style2 input[type="submit"]:hover,
            .gallery.style2 input[type="reset"]:hover,
            .gallery.style2 input[type="button"]:hover,
            .gallery.style2 button:hover,
            .gallery.style2 .button:hover {
                box-shadow: inset 0 0 0 1px #47D3E5;
                color: #47D3E5 !important;
            }

            .gallery.style2 input[type="submit"]:active,
            .gallery.style2 input[type="reset"]:active,
            .gallery.style2 input[type="button"]:active,
            .gallery.style2 button:active,
            .gallery.style2 .button:active {
                background-color: rgba(71, 211, 229, 0.2);
                box-shadow: inset 0 0 0 1px #47D3E5;
                color: #47D3E5 !important;
            }

            .gallery.style2 input[type="submit"].primary,
            .gallery.style2 input[type="reset"].primary,
            .gallery.style2 input[type="button"].primary,
            .gallery.style2 button.primary,
            .gallery.style2 .button.primary {
                background-color: #ffffff;
                box-shadow: none;
                color: #000000 !important;
            }

                .gallery.style2 input[type="submit"].primary:hover,
                .gallery.style2 input[type="reset"].primary:hover,
                .gallery.style2 input[type="button"].primary:hover,
                .gallery.style2 button.primary:hover,
                .gallery.style2 .button.primary:hover {
                    background-color: #47D3E5;
                }

                .gallery.style2 input[type="submit"].primary:active,
                .gallery.style2 input[type="reset"].primary:active,
                .gallery.style2 input[type="button"].primary:active,
                .gallery.style2 button.primary:active,
                .gallery.style2 .button.primary:active {
                    background-color: #1ebdd1;
                }

        .gallery.style2 > .forward, .gallery.style2 > .backward {
            text-decoration: none;
            -moz-transition: opacity 0.2s ease-in-out;
            -webkit-transition: opacity 0.2s ease-in-out;
            -ms-transition: opacity 0.2s ease-in-out;
            transition: opacity 0.2s ease-in-out;
            position: absolute;
            top: 0;
            width: 5rem;
            height: 100%;
            cursor: pointer;
            opacity: 0;
            z-index: 2;
        }

            .gallery.style2 > .forward:before, .gallery.style2 > .backward:before {
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                line-height: 1;
                text-transform: none !important;
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
            }

            .gallery.style2 > .forward:before, .gallery.style2 > .backward:before {
                display: block;
                top: calc(50% - 1.5rem);
                width: 4rem;
                height: 3rem;
                line-height: 1em;
                font-size: 3rem;
                position: absolute;
                text-align: center;
            }

        .gallery.style2:hover > .forward, .gallery.style2:hover > .backward {
            opacity: 1;
        }

        .gallery.style2 > .forward {
            right: 0;
            background-image: linear-gradient(to left, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0));
        }

            .gallery.style2 > .forward:before {
                content: '\f105';
                right: 0;
            }

        .gallery.style2 > .backward {
            left: 0;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0));
        }

            .gallery.style2 > .backward:before {
                content: '\f104';
                left: 0;
            }

        .gallery.style2 > .inner {
            display: inherit;
            overflow-x: auto;
            overflow-y: hidden;
            position: relative;
            width: 100%;
        }

        .gallery.style2 article {
            -moz-flex-grow: 0;
            -webkit-flex-grow: 0;
            -ms-flex-grow: 0;
            flex-grow: 0;
            -moz-flex-shrink: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-shrink: 0;
            flex-shrink: 0;
            display: block;
            position: relative;
            overflow: hidden;
            width: 22.5rem;
            max-width: 75vw;
        }

            .gallery.style2 article .image {
                display: block;
                width: 100%;
                border-radius: 0;
            }

                .gallery.style2 article .image img {
                    display: block;
                    width: 100%;
                    border-radius: 0;
                }

            .gallery.style2 article .caption {
                -moz-align-items: center;
                -webkit-align-items: center;
                -ms-align-items: center;
                align-items: center;
                display: -moz-flex;
                display: -webkit-flex;
                display: -ms-flex;
                display: flex;
                -moz-flex-direction: column;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                -ms-justify-content: center;
                justify-content: center;
                pointer-events: none;
                -moz-transition: opacity 0.2s ease-in-out;
                -webkit-transition: opacity 0.2s ease-in-out;
                -ms-transition: opacity 0.2s ease-in-out;
                transition: opacity 0.2s ease-in-out;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                opacity: 0;
                padding: 3rem;
                z-index: 1;
                font-size: 0.8rem;
            }

                .gallery.style2 article .caption a {
                    pointer-events: auto;
                }

                .gallery.style2 article .caption h2, .gallery.style2 article .caption h3, .gallery.style2 article .caption h4, .gallery.style2 article .caption h5, .gallery.style2 article .caption h6 {
                    font-size: 1.25rem;
                    margin-bottom: 0.25rem;
                }

                .gallery.style2 article .caption > * {
                    max-width: 100%;
                    margin-bottom: 1rem;
                }

                .gallery.style2 article .caption > :last-child {
                    margin-bottom: 0;
                }

            .gallery.style2 article:hover .caption {
                opacity: 1;
            }

        @media screen and (max-width: 980px) {

            .gallery.style2 article .caption {
                padding: 2rem;
            }

        }

        @media screen and (max-width: 736px) {

            .gallery.style2 article .caption {
                padding: 2rem;
            }

        }

        .gallery.style2.small article {
            width: 17.5rem;
        }

            .gallery.style2.small article .caption {
                padding: 2rem;
            }

        @media screen and (max-width: 980px) {

            .gallery.style2.small article .caption {
                padding: 2rem;
            }

        }

        @media screen and (max-width: 736px) {

            .gallery.style2.small article .caption {
                padding: 2rem;
            }

        }

        .gallery.style2.big article {
            width: 30rem;
        }

            .gallery.style2.big article .caption {
                padding: 4rem;
            }

        @media screen and (max-width: 980px) {

            .gallery.style2.big article .caption {
                padding: 3rem;
            }

        }

        @media screen and (max-width: 736px) {

            .gallery.style2.big article .caption {
                padding: 2rem;
            }

        }

/* Gallery (lightbox) */

    @-moz-keyframes gallery-modal-spinner {
        0% {
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes gallery-modal-spinner {
        0% {
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-ms-keyframes gallery-modal-spinner {
        0% {
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes gallery-modal-spinner {
        0% {
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .gallery.lightbox .modal {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        pointer-events: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -moz-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
        -webkit-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
        -ms-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
        transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: 0;
        background-color: rgba(0, 0, 0, 0.75);
        visibility: none;
        opacity: 0;
        z-index: 0;
    }

        .gallery.lightbox .modal:before {
            -moz-animation: gallery-modal-spinner 1s infinite linear;
            -webkit-animation: gallery-modal-spinner 1s infinite linear;
            -ms-animation: gallery-modal-spinner 1s infinite linear;
            animation: gallery-modal-spinner 1s infinite linear;
            -moz-transition: opacity 0.25s ease;
            -webkit-transition: opacity 0.25s ease;
            -ms-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;
            -moz-transition-delay: 0.5s;
            -webkit-transition-delay: 0.5s;
            -ms-transition-delay: 0.5s;
            transition-delay: 0.5s;
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 4rem;
            height: 4rem;
            margin: -2rem 0 0 -2rem;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96px' height='96px' viewBox='0 0 96 96' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: %23ffffff%3B stroke-width: 1.5px%3B %7D%3C/style%3E%3Cdefs%3E%3CclipPath id='corner'%3E%3Cpolygon points='0,0 48,0 48,48 96,48 96,96 0,96' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23corner)'%3E%3Ccircle cx='48' cy='48' r='32'/%3E%3C/g%3E%3C/svg%3E");
            background-position: center;
            background-repeat: no-repeat;
            background-size: 4rem;
            opacity: 0;
        }

        .gallery.lightbox .modal:after {
            content: '';
            display: block;
            position: absolute;
            top: 0.5rem;
            right: 0.5rem;
            width: 4rem;
            height: 4rem;
            cursor: pointer;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='64px' viewBox='0 0 64 64' zoomAndPan='disable'%3E%3Cstyle%3Eline %7Bstroke: %23ffffff%3Bstroke-width: 1.5px%3B%7D%3C/style%3E%3Cline x1='20' y1='20' x2='44' y2='44' /%3E%3Cline x1='20' y1='44' x2='44' y2='20' /%3E%3C/svg%3E");
            background-position: center;
            background-repeat: no-repeat;
            background-size: 3rem;
        }

        .gallery.lightbox .modal .inner {
            -moz-transform: translateY(0.75rem);
            -webkit-transform: translateY(0.75rem);
            -ms-transform: translateY(0.75rem);
            transform: translateY(0.75rem);
            -moz-transition: opacity 0.25s ease, -moz-transform 0.25s ease;
            -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
            -ms-transition: opacity 0.25s ease, -ms-transform 0.25s ease;
            transition: opacity 0.25s ease, transform 0.25s ease;
            opacity: 0;
        }

            .gallery.lightbox .modal .inner img {
                display: block;
                max-width: 90vw;
                max-height: 85vh;
                box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.35);
            }

        .gallery.lightbox .modal.visible {
            pointer-events: auto;
            visibility: visible;
            opacity: 1;
            z-index: 10001;
        }

            .gallery.lightbox .modal.visible:before {
                opacity: 1;
            }

        .gallery.lightbox .modal.loaded .inner {
            -moz-transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
            -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
            -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
            transition: opacity 0.5s ease, transform 0.5s ease;
            opacity: 1;
        }

        .gallery.lightbox .modal.loaded:before {
            -moz-transition-delay: 0s;
            -webkit-transition-delay: 0s;
            -ms-transition-delay: 0s;
            transition-delay: 0s;
            opacity: 0;
        }

    @media screen and (max-width: 980px) {

        .gallery.lightbox .modal .inner img {
            max-width: 100vw;
        }

    }

    .gallery article .image {
        background-color: rgba(0, 0, 0, 0.125);
    }
    .gallery.style2
@media screen and (max-width: 575px) {
	.title h1 {
	    font-size: 3rem;
	}
	.cita2 {
	    margin-left: 0;
	}
}
	footer {
	    padding: 15% 15px;
	}
  
}

@media screen and (max-width: 479px) {
 
  
}



@media screen and (max-width: 340px) {
	
}