@charset "UTF-8";
/* CSS Document */

 /* Menu  */
#sidebar{
	position: fixed;
	width: 600px;
	height: 100%;
	background: #e2e2e2;

}

body{
 font-size:16px;
 font-family: 'Avenir-book';
 color: #000;
}
.txt-banner{
 color: #fff;
 font-family: 'LEMONMILK-Regular';
 font-size: 3.5em;
 line-height: 1em;
 border-left:2px solid #fff;
 padding-left: 0.5em;
}
h4{
 font-family: 'LEMONMILK-light';
 font-size: 1.75em;
}
h6{
 /* font-family: 'LEMON MILK-light-italic'; */
 font-size: 2.2em;
 line-height: 1em;
}
h5{
 font-family: 'LEMONMILK-light';
 font-size: 1.2em;
}
input[type=button]{
 background: none;
 border: 0;
 background: #221d1f;
 color: #fff;
 padding: 0.3em 1em;
 font-family: 'LEMONMILK-light';
 font-size: 1em;
}

 /* fin menu */

.item_gale{
	width: 1328px;
	margin-left: 6px;


}

.cerrar{
	min-height: 0px !important;
}

.camera_next {

    display: none !important;


}


.camera_prev {

    display: none !important;

}

.fondo-cartagena{
	background: url()
}
.pie{
	background: #fff;

}
.ana{
	max-width: 500px;
	width: auto 0;
}
.fondo-ana{
	background: url("../imagenes/due-fondo1.jpg") no-repeat bottom left;
}
.boton{
	border: 1px solid #fff;
	display: inline-block;
	color: #fff;
	padding: 0.3em 0.8em;
	 font-family: 'Quicksand-Regular';
}
.barras{
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	padding: 1em 0;
}
.barras4{
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	padding: 0.8em 0 0 0;
}
.barras3{
	border-top: 1px solid #737373;
	border-bottom: 1px solid #737373;
	padding: 0.5em 0;
	display: inline-block;
}
.barras2{
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	padding: 1em 0;
	display: inline-block;
}
.fondo-cortado{
	background: linear-gradient(-230deg, transparent 5%, #f7f7f7 5%,#f7f7f7 95%, transparent 5%);
	padding: 3em;

}
.fondo-cortado2{
	background: linear-gradient(-230deg, transparent 5%, #f7f7f7 5%,#f7f7f7 95%, transparent 5%);
	padding: 8em 6em 2em 6em;

}
.gris{
	color: #737373;
}
.contenedor-pie{
	max-width: 49.75em;
	margin: 0 auto;
}
.image-contac img{
	width: 100%;
	max-width: 300px;
}

a{
	color: #B5B5B5;
	text-decoration: none;
}
a:hover{
	color: white;
    text-decoration: none;
    color: #000!important;
}

.leer-mas:hover{
	color: #000;
}
.menu-hover:hover{
	color: #000;
}

.boda{
	width: 335px;
}

/* ==========================================================================
   Textos
   ========================================================================== */


h2{
	font-size: 4em;
	 /* font-family: 'LEMONMILK-Medium'; */
}
h3{
	font-size:2em;
	 font-family: 'LEMONMILK-Medium';
}

p{
    font-family: 'Quicksand-Regular';
    font-size: 18px!important;
}
.cursiva3{
	font-family: 'miamaregular';
	font-size: 2.5em;
	line-height: 1em;
}
.texto-bold{
	font-family: 'Quicksand-Bold';
}
/* ==========================================================================
   Textos
   ========================================================================== */

/* ==========================================================================
   banners
   ========================================================================== */

.images-fluidas img{
	width: 100%;
}
.banner-principal{

	height: 63em;
	background-size: cover;
	padding: 20em 0 0 6em;
	padding-left: 0px !important;
	margin-bottom: 4em;
}
.banner-inter{
	height: 33em;
	background-size: cover;
	margin-bottom: 1em;
}
.fondo-cuerpo{
	background: url("../imagenes/corporativo-due.jpg");
	height: 54em;
	padding: 8em 0 0 0;
	margin-bottom: 0.5em;
}
.fondo-bodas{
	background: url("../imagenes/bodas-due.jpg");
	padding: 8em 0 0 0;
	margin-bottom: 0.5em;
}

/* ==========================================================================
   banners
   ========================================================================== */


/* ==========================================================================
  inputs
   ========================================================================== */

input[type=text]{
	background: none;
	border: 0;
	border-bottom: 1px solid #bebebe;
	width: 100%;
	padding: 0.5em;
	font-size: 1.2em;

}
.area{
	background: none;
	border: 0;
	border-bottom: 1px solid #bebebe;
	width: 100%;
	height: 6em;
	padding: 0.5em;
	font-size: 1.2em;

}
input[type=button]{
	background: none;
	border: 0;
	background: #221d1f;
	color: #fff;
	padding: 0.3em 1em;
	font-family: 'DolceVitaLight';
	font-size: 1.3em;
}
/* ==========================================================================
  inputs
   ========================================================================== */


/* ==========================================================================
   font-face

   ========================================================================== */
@font-face {
    font-family: 'miamaregular';
    src: url('../recursos/fuentes/miama-webfont.woff2') format('woff2'),
         url('../recursos/fuentes/miama-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../recursos/fuentes/opensans-bold-webfont.woff2') format('woff2'),
         url('../recursos/fuentes/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Dolce Vita';
    src: url('../recursos/fuentes/DolceVita.woff2') format('woff2'),
        url('../recursos/fuentes/DolceVita.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dolce Vita';
    src: url('../recursos/fuentes/DolceVitaHeavy-Bold.woff2') format('woff2'),
        url('../recursos/fuentes/DolceVitaHeavy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DolceVitaLight';
    src: url('../recursos/fuentes/DolceVitaLight.woff2') format('woff2'),
        url('../recursos/fuentes/DolceVitaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'LEMON MILK';
    src: url('../recursos/fuentes/LEMONMILK-MediumItalic.woff2') format('woff2'),
        url('../recursos/fuentes/LEMONMILK-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'LEMON MILK-light-italic';
    src: url('../recursos/fuentes/LEMONMILK-RegularItalic.woff2') format('woff2'),
        url('../recursos/fuentes/LEMONMILK-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('../recursos/fuentes/LEMONMILK-LightItalic.woff2') format('woff2'),
        url('../recursos/fuentes/LEMONMILK-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

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

@font-face {
    font-family: 'LEMON MILK';
    src: url('../recursos/fuentes/LEMONMILK-Light.woff2') format('woff2'),
        url('../recursos/fuentes/LEMONMILK-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('../recursos/fuentes/LEMONMILK-BoldItalic.woff2') format('woff2'),
        url('../recursos/fuentes/LEMONMILK-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'LEMONMILK-Medium';
    src: url('../recursos/fuentes/LEMONMILK-Medium.woff2') format('woff2'),
        url('../recursos/fuentes/LEMONMILK-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'LEMONMILK-Bold';
    src: url('../recursos/fuentes/LEMONMILK-Bold.woff2') format('woff2'),
        url('../recursos/fuentes/LEMONMILK-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand';
    src: url('../recursos/fuentes/Quicksand-Light.woff2') format('woff2'),
        url('../recursos/fuentes/Quicksand-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../recursos/fuentes/Quicksand-LightItalic.woff2') format('woff2'),
        url('../recursos/fuentes/Quicksand-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../recursos/fuentes/Quicksand-Italic.woff2') format('woff2'),
        url('../recursos/fuentes/Quicksand-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../recursos/fuentes/Quicksand-BoldItalic.woff2') format('woff2'),
        url('../recursos/fuentes/Quicksand-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

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

@font-face {
    font-family: 'Quicksand Dash';
    src: url('../recursos/fuentes/QuicksandDash-Regular.woff2') format('woff2'),
        url('../recursos/fuentes/QuicksandDash-Regular.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand-Bold';
    src: url('../recursos/fuentes/Quicksand-Bold.woff2') format('woff2'),
        url('../recursos/fuentes/Quicksand-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'LEMONMILK-light';
    src: url('../recursos/fuentes/LEMONMILK-Light.woff2') format('woff2'),
        url('../recursos/fuentes/LEMONMILK-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}



/* ==========================================================================
  font-face
   ========================================================================== */
/* ==========================================================================
  Queris
   ========================================================================== */
@media (max-width:1200px) {
	body{
	font-size:14px;
}
	.banner-principal{
	height: 53em;
	padding: 10em 0 0 6em;
	margin-bottom: 4em;
}
	.fondo-cuerpo{
	background: url("../imagenes/corporativo-due.jpg") center;
	height: 40em;
	padding: 8em 0 0 0;
}





}
@media (max-width:1920px) {


    .item_gale {
        width: 1910px !important;
        margin-left: -9px;
    }

    }

@media (max-width:1440px) {


		    .item_gale {
		        width: 1427px !important;
		        margin-left: -9px;
		    }
}
@media (max-width:1366px) {


		    .item_gale {
		        width: 1345px !important;
		        margin-left: -9px;
		    }
}



@media (max-width:1280px) {

    .item_gale{
            width: 1208px!important;

           margin-left: 4px;

    }

}


@media (max-width:1024px) {
.boda{
	width: 300px;
	margin-left: -6px;
}

.item_gale{
	    width: 949px !important;
}

}



@media (max-width:992px) {
	body{
	font-size:12px;
}
}

@media (max-width:768px) {
	.banner-principal{
	height: 48em;
		padding: 8em 0 0 3em;
}
	.txt-banner{
	font-size: 2em;
	line-height: 1em;
	border-left:2px solid #fff;
	padding-left: 0.5em;
}
.item_gale{
	    width: 1080px !important;

margin-left: 5px;
}

.boda{
	width: 300px;
	margin-left: 13px;
}
}

@media (max-width: 768px){
.item_gale {
    width: 740px !important;
    margin-left: 5px;
}
}

@media (max-width:500px) {
	h2{
	font-size: 3em;
}
	.banner-principal{
	height: 38em;
		padding: 8em 0 0 3em;
}


}


@media (max-width:425px) {

.boda{
	width: 339px;
margin-left: 13px;
}
.item_gale {
    width: 439px !important;
    margin-left: -9px;
}

}

@media (max-width:414px) {

.boda{
	width: 339px;
margin-left: 9px;
}
.item_gale {
    width: 404px !important;
    margin-left: 4px;
}

}

@media (max-width:360px) {

.boda{
	width: 300px !important;
margin-left: 0px !important;
}
.item_gale {
    width: 351px !important;
    margin-left: -9px;
}

}



@media (max-width:375px) {

.boda{
	width: 296px;
    margin-left: 8px;
}
.item_gale {
    width: 388px !important;
    margin-left: -9px;
}

.img-due{
	width: 111px;
}

.mm-menu {
    width: 100% !important;
    min-width: 151px !important;
    max-width: 440px !important;
    text-align: center !important;
}

html.mm-pagedim-black #mm-blocker {
    background: #000;
    width: -1px;
    /* display: none; */
    width: 0px;
}

}

@media (max-width:320px) {

.boda{
	width: 243px !important;
	margin-left: 9px !important;
}
.item_gale {
    width: 309px !important;
    margin-left: 4px !important;
}

.img-due{
	width: 111px;
}

.mm-menu {
    width: 100% !important;
    min-width: 151px !important;
    max-width: 440px !important;
    text-align: center !important;
}

html.mm-pagedim-black #mm-blocker {
    background: #000;
    width: -1px;
    /* display: none; */
    width: 0px;
}


}





.servicio-cont{
	width: 427px;
	color: #000;
}

@media (max-width:992px) {
                .logo img{
                               max-width: 150px;
                }
                .banner-principal{
                background: url("../images/banner-principal-due2.jpg");
                height: 56em;

}

}

@media (max-width:768px) {
                .banner-principal{
                height: 43em;
}

}
@media (max-width:500px) {

                .banner-principal{
                height: 31em;
}

}
/*
.ug-thumb-wrapper{opacity: 1 !important} */

.camera_wrap .camera_pag .camera_pag_ul{
	text-align: center !important;
	margin-top: -46px !important;
}

.zoom:hover{-webkit-filter: brightness(50%);
filter: brightness(50%);}


/* ==========================================================================
  Queris
   ========================================================================== */



.fondo-cortado2{
    background: linear-gradient(-230deg, transparent 5%, #f7f7f7 5%,#f7f7f7 95%, transparent 5%);
    padding: 8em 4em 2em 6em;

}

/* cambio de clases */




/* clases new */

.contendor-principal{
    max-width: 1400px;
    margin: auto;
}

@font-face {
font-family: 'Avenir LT Std';
src: url('../recursos/fuentes/AvenirLTStd-Black.woff2') format('woff2'),
url('../recursos/fuentes/AvenirLTStd-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Avenir-book';
src: url('../recursos/fuentes/AvenirLTStd-Book.woff2') format('woff2'),
url('../recursos/fuentes/AvenirLTStd-Book.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Avenir LT roman';
src: url('../recursos/fuentes/AvenirLTStd-Roman.woff2') format('woff2'),
url('../recursos/fuentes/AvenirLTStd-Roman.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}


/* clases new */
/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}









.flex-gallery{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .image-rate{
    position: relative;
    overflow: hidden;
    height: 350px;
    margin: 2.5px;
    flex-grow: 1;
  }

  .image-rate img{
    width: auto;
    height: 100%;
    min-width: 100%;
    max-width: 100%;
    object-fit: cover;
    cursor: pointer;
  }

  .image-rate:after{
    content: '⤢';
    cursor: pointer;
    font-weight: bold;
    font-size: 28px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.8);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    opacity: 0;
    transition: all 300ms ease-in;
  }

  .image-rate:hover:after{opacity: 1}

  #fullimage{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    cursor: -webkit-zoom-out;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  #fullimage img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }


#btnnext{
    position: fixed;
    z-index: 1200;
		text-align: center;
	  right: 22%;
		top: 50%;
		background-color: white;
		border-radius: 13px;
		opacity: 0.5;
}

@media (min-width: 320px){
	#btnnext{
		position: fixed;
    z-index: 1200;
		right: 2%;
	  top: 50%;
	}
}
@media (min-width: 375px){
	#btnnext{
		position: fixed;
    z-index: 1200;
		right: 2%;
	 top: 50%;
	}
}
@media (min-width: 425px){
	#btnnext{
		position: fixed;
    z-index: 1200;
		right: 2%;
	 top: 50%;
	 background-color: white;
	}
}
@media (min-width: 768px){
	#btnnext{
		right: 2%;
	 top: 50%;
	}
}
@media (min-width: 1024px){
	#btnnext{
		right: 1%;
	 top: 50%;
	}
}
@media (min-width: 1280px){
	#btnnext{
		right: 4%;
	 top: 50%;
	}
}
@media (min-width: 1366px){
	#btnnext{
		right: 14%;
	 top: 50%;
	}
}
@media (min-width: 1440px){
	#btnnext{
		right: 27%;
	 top: 50%;
	}
}
@media (min-width: 1920px){
	#btnnext{
		right: 23%;
	 top: 50%;
	}
}
@media (min-width: 2560px){
	#btnnext{
		right: 27%;
	 top: 50%;
	}
}


#btnprev{
	position: fixed;
	z-index: 1200;
	text-align: center;
	left: 22%;
	top: 50%;
	background-color: white;
	border-radius: 13px;
	opacity: 0.5;
}
@media (min-width: 320px){
	#btnprev{
		left: 2%;
	 top: 50%;
	}
}
@media (min-width: 375px){
	#btnprev{
		left: 2%;
	 top: 50%;
	}
}
@media (min-width: 425px){
	#btnprev{
		left: 2%;
	 top: 50%;
	}
}
@media (min-width: 768px){
	#btnprev{
		left: 2%;
	 top: 50%;
	}
}
@media (min-width: 1024px){
	#btnprev{
		left: 1%;
	 top: 50%;
	}
}
@media (min-width: 1280px){
	#btnprev{
		left: 4%;
	 top: 50%;
	}
}
@media (min-width: 1366px){
	#btnprev{
		left: 14%;
	 top: 50%;
	}
}
@media (min-width: 1440px){
	#btnprev{
		left: 27%;
	 top: 50%;
	}
}
@media (min-width: 1920px){
	#btnprev{
		left: 23%;
	 top: 50%;
	}
}
@media (min-width: 2560px){
	#btnprev{
		left: 27%;
	 top: 50%;
	}
}
  @media (max-width: 480px){
    .image-rate{
      width: calc(50% - 5px);
      height: calc(50vw - 5px);
    }
  }

#campana{
    margin-bottom: 20px!important;
    padding: 0px 50px 0px 50px !important;
}

.ruta:hover{
    color:#B5B5B5;
    text-decoration:block;
}

.datosparrafos{
	font-size: 1.0em;
	text-align: center;
}
.primercuadro{
	margin: 0px 25px 0 30px;
	padding: 10em 2em 3em 2em;
}
.segundocuadro{
	margin: 0px 15px 0 20px;
}
.socialcontacto{
	padding: 20px;
}
.textoinincial{
	font-size: 12px;
}