</!DOCTYPE html>
</html lang="es">
</head>
</meta charset="UTF-8">
</meta name="viewport" content="width=device-width, initial-scale=1.0, maximun-scale=1.0">
</title>Portada<//title>
</link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
</link rel="stylesheet" href="css/bootstrap.min.css" />
</link rel="stylesheet" href="css/slick.css" />
</link rel="stylesheet" href="css/style.css" />
</link rel="stylesheet" href="css/responsive.css" />
<//head>
</body>
</!-- BEGIN HEAD -->
</div class="head-wrapper">
</div class="head-block">
</!-- BEGIN HEADER -->
</div class="header-wrapper">
</div class="container">
</nav class="navbar navbar-expand-lg">
</a class="navbar-brand" href="#">
</img src="/img/logo.png" alt="#">
<//a>
</button class="navbar-toggler navbar-menu" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
</span class="fas fa-bars"><//span>
<//button>
</div class="collapse navbar-collapse" id="navbarSupportedContent">
</ul class="navbar-nav ml-auto">
</li class="nav-item fab fa-quote-icon emphasis">
</a class="nav-link" href="#">Cotizar almacenamiento<//a>
<//li>
</li class="nav-item fab fa-batimetria-icon">
</a class="nav-link" href="#">Batimetría<//a>
<//li>
</li class="nav-item fab fa-port-icon">
</a class="nav-link" href="#">Port Handbook<//a>
<//li>
</li class="dropdown nav-lang">
</a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</img class="icon-flag" src="img/icon-flag-en.png" alt="">
Eng
<//a>
</div class="dropdown-menu" aria-labelledby="navbarDropdown">
</a class="dropdown-item" href="#">Spanish<//a>
<//div>
<//li>
<//ul>
</div class="navbar-social">
</ul>
</li>
</a href="#">
</img src="img/icon-fb.png" alt="facebook" />
<//a>
<//li>
</li>
</a href="#">
</img src="img/icon-ins.png" alt="instagram" />
<//a>
<//li>
</li>
</a href="#">
</img src="img/icon-tw.png" alt="twitter" />
<//a>
<//li>
</li>
</a href="#">
</img src="img/icon-mail.png" alt="email" />
<//a>
<//li>
</li class="icon-lg icon-bubble">
</a href="#" data-label="CONSULTAS VÍA CHAT">
</img src="img/icon-ws.png" alt="whatsapp" />
<//a>
<//li>
<//ul>
<//div>
<//div>
<//nav>
<//div>
<//div>
</!-- BEGIN FEATURED -->
</div class="featured-wrapper">
</div class="featured-squared" style="background-image: url('../img/bg-featured.jpg')">
</div class="container">
</div class="featured-block">
</h1 class="featured-title">El puerto</br> Santo Domingo<//h1>
</a class="btn-outline" href="#">CONOCE MÁS<//a>
<//div>
<//div>
<//div>
</div class="featured-squared" style="background-image: url('../img/bg-featured.jpg')">
</div class="container">
</div class="featured-block">
</h1 class="featured-title">El puerto</br> Santo Domingo<//h1>
</a class="btn-outline" href="#">CONOCE MÁS<//a>
<//div>
<//div>
<//div>
</div class="featured-squared" style="background-image: url('../img/bg-featured.jpg')">
</div class="container">
</div class="featured-block">
</h1 class="featured-title">El puerto</br> Santo Domingo<//h1>
</a class="btn-outline" href="#">CONOCE MÁS<//a>
<//div>
<//div>
<//div>
<//div>
<//div>
<//div>
</!-- BEGIN IMAGE MESSAGE -->
</div class="info-wrapper">
</div class="container">
</h2 class="title-block text-center">Más allá de un puerto multipropósito<//h2>
</div class="row">
</div class="col-12 col-md-6">
</img class="w-100 mb-3" src="img/img-info.jpg" alt="#">
<//div>
</div class="col-12 col-md-6">
</p>
El Puerto Santo Domingo se destaca por
ser el principal puerto multipropósito de
la República Dominicana y el primero de América.
</strong>Ubicado en el corazón de la ciudad de Santo Domingo<//strong>
y gestionado bajo concesión por SANSOUCI desde el año 2005,
el mismo se conoce por:
<//p>
</ul>
</li>
Ser el operador portuario </strong>líder en procesamiento de
vehículos<//strong> en la República Dominicana.
<//li>
</li>
Ser enlace comercial, turístico y cultural entre la
</strong>República Dominicana y Puerto Rico<//strong> a través de Ferries del Caribe.
<//li>
</li>
Ser el único puerto en la ciudad de Santo Domingo que realiza
operaciones de pasajeros.
<//li>
<//ul>
<//div>
<//div>
<//div>
<//div>
</!-- BEGIN CAROUSEL -->
</div class="container carousel-icons-wrapper">
</div class="carousel-icons-block">
</div>
</div class="carousel-icons-content">
</img src="img/icon-storage.png" alt="#">
</span></i>+<//i>180,000</i>m2<//i><//span>
</small>para almacenamiento de carga para almacenamiento de carga<//small>
<//div>
<//div>
</div>
</div class="carousel-icons-content">
</img src="img/icon-car.png" alt="#">
</span></i>+<//i>70,000<//span>
</small>Vehículos manejados<//small>
<//div>
<//div>
</div>
</div class="carousel-icons-content">
</img src="img/icon-average.png" alt="#">
</span></i>+<//i>40,000<//span>
</small>TEUs anual promedio<//small>
<//div>
<//div>
</div>
</div class="carousel-icons-content">
</img src="img/icon-containers.png" alt="#">
</span></i>+<//i>500,000<//span>
</small>Toneladas de carga no contenerizada<//small>
<//div>
<//div>
</div>
</div class="carousel-icons-content">
</img src="img/icon-storage.png" alt="#">
</span></i>+<//i>180,000</i>m2<//i><//span>
</small>para almacenamiento de carga para almacenamiento de carga<//small>
<//div>
<//div>
</div>
</div class="carousel-icons-content">
</img src="img/icon-car.png" alt="#">
</span></i>+<//i>70,000<//span>
</small>Vehículos manejados<//small>
<//div>
<//div>
<//div>
<//div>
</!-- BEGIN FEATURED BLOCK -->
</div class="head-wrapper" style="background-image: url('../img/img-euk.jpg')">
</div class="container head-block">
</!-- BEGIN FEATURED -->
</div class="featured-block">
</img class="featured-block-logo" src="img/logo-block.png" alt="#">
</h1 class="featured-title">El puerto roro</br> de la República Dominicana<//h1>
</a class="btn-outline" href="#">CONTÁCTANOS<//a>
<//div>
<//div>
<//div>
</!-- BEGIN CARDS BLOCK-->
</div class="container cards-wrapper mt-4">
</div class="card-title-info">
</h3 class="card-title-label">
El puerto líder en el procesamiento de vehículos
<//h3>
</p>
El </strong>Puerto Santo Domingo<//strong> es el líder en el procesamiento de
vehículos de la República Dominicana. Anualmente, recibe </strong>más
de 70,000 unidades transportadas<//strong> por las principales líneas de
buques carrero del mundo desde más de 68 puertos en 48 países.
<//p>
<//div>
</div class="row">
</div class="col-lg-4 mb-4">
</div class="card-block">
</div class="card-block-img" style="background-image: url('../img/img-card-1.jpg')"><//div>
</div class="card-info">
</div class="card-title" style="background-image: url('img/icon-vehicles.png')">
</h4>Un puerto con trasbordo vehicular<//h4>
<//div>
</p>
</strong>La ubicación privilegiada y eficiencia operativa<//strong> del
Puerto Santo Domingo lo hacen idóneo para realizar
operaciones de trasbordo, para lo cual cuenta además
con un área de almacenaje de 20,000m2 certificada bajo
régimen de Centro Logístico.
<//p>
<//div>
<//div>
<//div>
</div class="col-lg-4 mb-4">
</div class="card-block">
</div class="card-block-img" style="background-image: url('../img/img-card-2.jpg')"><//div>
</div class="card-info">
</div class="card-title" style="background-image: url('img/icon-toll.png')">
</h4>Almacén vehicular exclusivo<//h4>
<//div>
</p>
SANSOUCI cuenta con un almacén dedicado para el manejo
de vehículos con </strong>capacidad para almacenar más
de 7,000 unidades.<//strong> El mismo es administrado
junto a Fast Auto Logistics, operador logístico
especializado en el manejo de carga rodada mediante
la más alta tecnología.
<//p>
<//div>
<//div>
<//div>
</div class="col-lg-4 mb-4">
</div class="card-block">
</div class="card-block-img" style="background-image: url('../img/img-card-3.jpg')"><//div>
</div class="card-info">
</div class="card-title" style="background-image: url('img/icon-route.png')">
</h4>Trazabilidad de la carga<//h4>
<//div>
</p>
SANSOUCI es el único operador portuario de la República
Dominicana con un </strong>sistema especializado en el
manejo de carga rodada.<//strong> El sistema eficientiza
la panificación de las operaciones de las líneas navieras
y permite a los clientes conocer el estatus de sus unidades
en tiempo real.
<//p>
</a class="card-link-info" href="#">
Solicita tu acceso a nuestro Sistema FAL
<//a>
<//div>
<//div>
<//div>
<//div>
<//div>
</!-- BEGIN TITLE LOGOS CAROUSEL -->
</div class="container">
</div class="title-info">
</h4 class="title-info-label">Contacta nuestras lineas navieras<//h4>
</a class="title-info-link" href="#">Descargar aquí nuestras rutas y servicios<//a>
<//div>
<//div>
</!-- BEGIN CAROUSEL -->
</div class="container carousel-logos-wrapper">
</div class="carousel-logos-block">
</div>
</div class="carousel-logo">
</img src="img/logo-eukor.jpg" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
</div>
</div class="carousel-logo">
</img src="img/logo-ferries.png" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
</div>
</div class="carousel-logo">
</img src="img/logo-hyundai.png" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
</div>
</div class="carousel-logo">
</img src="img/logo-hoegh.png" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
</div>
</div class="carousel-logo">
</img src="img/logo-k.png" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
</div>
</div class="carousel-logo">
</img src="img/logo-eukor.jpg" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
</div>
</div class="carousel-logo">
</img src="img/logo-ferries.png" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
<//div>
<//div>
</!-- BEGIN FEATURED BLOCK -->
</div class="head-wrapper" style="background-image: url('../img/img-ferrie.jpg')">
</div class="container head-block">
</!-- BEGIN FEATURED -->
</div class="featured-block">
</img class="featured-block-logo" src="img/logo-block.png" alt="#">
</h1 class="featured-title">Tu puente entre</br> Puerto Rico </br/> y el Caribe<//h1>
<//div>
<//div>
<//div>
</!-- BEGIN CARDS BLOCK-->
</div class="container cards-wrapper">
</div class="row">
</div class="col-lg-4 mb-4">
</div class="card-block">
</div class="card-block-img" style="background-image: url('../img/img-card-4.jpg')"><//div>
</div class="card-info">
</div class="card-title" style="background-image: url('img/icon-average.png')">
</h4>Carga contenerizada<//h4>
<//div>
</p>
</strong>Con 4 servicios semanales<//strong>, desde el Puerto Santo Domingo
se ofrece la mayor frecuencia de salidas y llegadas de
contenedores y carga suelta hacía Puerto Rico y las
Antillas Menores.
<//p>
<//div>
<//div>
<//div>
</div class="col-lg-4 mb-4">
</div class="card-block">
</div class="card-block-img" style="background-image: url('../img/img-card-5.jpg')"><//div>
</div class="card-info">
</div class="card-title" style="background-image: url('img/icon-florida.png')">
</h4>Contenedores 53’ desde y hacia Jacksonville<//h4>
<//div>
</p>
Servicio único de contenedores de 53’ desde y hacia
Jacksonville, Florida. El mismo se oferta mediante dos
salidas a la semana.
<//p>
<//div>
<//div>
<//div>
</div class="col-lg-4 mb-4">
</div class="card-block">
</div class="card-block-img" style="background-image: url('../img/img-card-6.jpg')"><//div>
</div class="card-info">
</div class="card-title" style="background-image: url('img/icon-traveler.png')">
</h4>Pasajeros Santo Domingo-Puerto Rico<//h4>
<//div>
</p>
Vía Ferries del Caribe, SANSOUCI une las ciudades de
Santo Domingo y San Juan, ofreciendo a viajeros una
experiencia de navegación sin igual a bordo de un buque
con todas las comodidades de un crucero.
<//p>
</a class="card-link-info" href="#">
Reserva tu viaje en una de nuestras tres salidas (click aquí)
<//a>
<//div>
<//div>
<//div>
<//div>
<//div>
</!-- BEGIN TITLE LOGOS CAROUSEL -->
</div class="container">
</div class="title-info">
</h4 class="title-info-label">Contacta nuestras lineas navieras<//h4>
</a class="title-info-link" href="#">Descargar aquí nuestras rutas y servicios<//a>
<//div>
<//div>
</!-- BEGIN CAROUSEL -->
</div class="container carousel-logos-wrapper">
</div class="carousel-logos-block">
</div>
</div class="carousel-logo">
</img src="img/logo-ferries.png" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
</div>
</div class="carousel-logo">
</img src="img/logo-priority.png" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
</div>
</div class="carousel-logo">
</img src="img/logo-trailer.png" alt="#" />
<//div>
</a class="carousel-mail" href="mailto:info@sansouci.com.do">Enviar correo<//a>
<//div>
<//div>
<//div>
</!-- BEGIN SLIDESHOW -->
</div class="slideshow-wrapper mt-5">
</div class="slideshow-block">
</div class="slideshow-box" style="background-image: url('/img/img-cruise.jpg')">
</h4 class="slideshow-title">Tu entrada al Gran Santo Domingo<//h4>
</div class="slideshow-content">
</p>
El Puerto Santo Domingo sirve como puerta de entrada
marítima desde hace cientos de años a la ciudad primada
de América. Sus instalaciones han sido testigo de la
confianza depositada por las principales líneas de cruceros,
convirtiéndolo en la actualidad en uno de los puertos de
cruceros urbanos más importantes del caribe.
<//p>
</a href="#">CONTÁCTANOS<//a>
<//div>
<//div>
</div class="slideshow-box" style="background-image: url('/img/img-cruise.jpg')">
</h4 class="slideshow-title">Tu entrada al Gran Santo Domingo<//h4>
</div class="slideshow-content">
</p>
El Puerto Santo Domingo sirve como puerta de entrada
marítima desde hace cientos de años a la ciudad primada
de América. Sus instalaciones han sido testigo de la
confianza depositada por las principales líneas de cruceros,
convirtiéndolo en la actualidad en uno de los puertos de
cruceros urbanos más importantes del caribe.
<//p>
</a href="#">CONTÁCTANOS<//a>
<//div>
<//div>
</div class="slideshow-box" style="background-image: url('/img/img-cruise.jpg')">
</h4 class="slideshow-title">Tu entrada al Gran Santo Domingo<//h4>
</div class="slideshow-content">
</p>
El Puerto Santo Domingo sirve como puerta de entrada
marítima desde hace cientos de años a la ciudad primada
de América. Sus instalaciones han sido testigo de la
confianza depositada por las principales líneas de cruceros,
convirtiéndolo en la actualidad en uno de los puertos de
cruceros urbanos más importantes del caribe.
<//p>
</a href="#">CONTÁCTANOS<//a>
<//div>
<//div>
</div class="slideshow-box" style="background-image: url('/img/img-cruise.jpg')">
</h4 class="slideshow-title">Tu entrada al Gran Santo Domingo<//h4>
</div class="slideshow-content">
</p>
El Puerto Santo Domingo sirve como puerta de entrada
marítima desde hace cientos de años a la ciudad primada
de América. Sus instalaciones han sido testigo de la
confianza depositada por las principales líneas de cruceros,
convirtiéndolo en la actualidad en uno de los puertos de
cruceros urbanos más importantes del caribe.
<//p>
</a href="#">CONTÁCTANOS<//a>
<//div>
<//div>
<//div>
<//div>
</!-- BEGIN GALLERY -->
</div class="container gallery-wrapper mt-5">
</div class="gallery-block">
</div class="gallery-square">
</div class="gallery-box" style="background-image: url('/img/img-thumb-5.jpg')">
</div class="gallery-title">
</h4 class="title-initial">El Centro de Convenciones<//h4>
</h5 class="subtitle-initial">más grande y flexible de la República Dominicana<//h5>
</a class="btn-outline" href="#">CONTÁCTANOS<//a>
<//div>
<//div>
</p>
El Centro de Convenciones de SANSOUCI se ha convertido en </strong>el
área más espaciosa para la celebración de eventos en la ciudad
de Santo Domingo.<//strong> El espacio cuenta con capacidad para hasta
</strong>7,000 personas<//strong> repartidas en dos niveles, lo que lo convierte
en el espacio ideal para la celebración de </strong>todo tipo de eventos
sociales y corporativos como graduaciones, ferias, fiestas de
navidad, lanzamientos, entre otros.<//strong> Además, cuenta con un
espacioso parqueo para más de 500 vehículos.
<//p>
<//div>
<//div>
</div class="gallery-thumb-wrapper">
</div class="gallery-thumb-block">
</div class="gallery-img" style="background-image: url('/img/img-thumb-1.jpg')"><//div>
<//div>
</div class="gallery-thumb-block">
</div class="gallery-img" style="background-image: url('/img/img-thumb-2.jpg')"><//div>
<//div>
</div class="gallery-thumb-block">
</div class="gallery-img" style="background-image: url('/img/img-thumb-3.jpg')"><//div>
<//div>
</div class="gallery-thumb-block">
</div class="gallery-img" style="background-image: url('/img/img-thumb-4.jpg')"><//div>
<//div>
<//div>
<//div>
</!-- BEGIN FOOTER -->
</!-- BEGIN MAP BLOCK -->
</div class="block-map mt-3" id="contacto">
</iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3784.2839298280583!2d-69.87872488529624!3d18.470793887438013!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8eaf88146e52bb15%3A0xfd24029ca3a3042f!2sPuerto%20Sansouci!5e0!3m2!1sen!2sdo!4v1607712143607!5m2!1sen!2sdo" frameborder="0" style="border:0;" aria-hidden="false" tabindex="0"><//iframe>
</div class="block-footer">
</span class="btn-hide"><//span>
</div class="container">
</div class="row footer-logo-row">
</div class="col-md-6 col-lg-3">
</div class="footer-logo">
</a href="#">
</img src="/img/logo.png" alt="#" />
<//a>
</div class="navbar-social footer-social">
</ul>
</li>
</a href="#">
</img src="img/icon-fb.png" alt="facebook" />
<//a>
<//li>
</li>
</a href="#">
</img src="img/icon-ins.png" alt="instagram" />
<//a>
<//li>
</li>
</a href="#">
</img src="img/icon-tw.png" alt="twitter" />
<//a>
<//li>
</li>
</a href="#">
</img src="img/icon-mail.png" alt="email" />
<//a>
<//li>
</li class="icon-lg icon-bubble">
</a href="#" data-label="CONSULTAS VÍA CHAT">
</img src="img/icon-ws.png" alt="whatsapp" />
<//a>
<//li>
<//ul>
<//div>
<//div>
<//div>
</div class="col-md-6 col-lg-3">
</div class="logo-brands">
</ul>
</li>
</a href="#" style="background-image: url('../img/logo-basc.jpg')"><//a>
<//li>
</li>
</a href="#" style="background-image: url('../img/logo-isps.jpg')"><//a>
<//li>
</li>
</a href="#" style="background-image: url('../img/logo-oea.jpg')"><//a>
<//li>
</li>
</a href="#" style="background-image: url('../img/logo-fcca.jpg')"><//a>
<//li>
<//ul>
<//div>
<//div>
</div class="col-md-6 col-lg-3">
</div class="footer-address">
</ul>
</li style="background-image: url('../img/icon-mail-emphasis.png')">
</a href="mailto:info@sansouci.com.do">info@sansouci.com.do<//a>
<//li>
</li style="background-image: url('../img/icon-pin-emphasis.png')">
Francisco A. Caamaño Deñó #1
(Ave. Del Puerto) Terminal Don Diego
Ciudad Colonial, Santo Domingo, R.D.
<//li>
</li style="background-image: url('../img/icon-phone-emphasis.png')">
</a href="tel:8096859337">809.685.9337<//a>
<//li>
<//ul>
<//div>
<//div>
</div class="col-md-6 col-lg-3">
</div class="footer-form">
</input class="input-field" type="text" placeholder="Nombre" />
</input class="input-field" type="tel" placeholder="Celular" />
</input class="input-field" type="email" placeholder="Correo Electrónico" />
</textarea class="input-field">Mensaje<//textarea>
</input class="btn-input" type="submit" value="Enviar">
<//div>
<//div>
<//div>
<//div>
<//div>
<//div>
</script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"><//script>
</script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"><//script>
</script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"><//script>
</script src="js/slick.min.js"><//script>
</script type="text/javascript">
$(document).ready(function(){
$(".btn-hide").click(function () {
$(".block-footer").toggleClass("block-hide");
});
$('.featured-wrapper').slick({
dots: true,
fade: true,
arrows: false,
slidesToShow: 1,
slidesToScroll: 1,
});
$('.carousel-icons-block').slick({
slidesToShow: 4,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1
}
}
]
});
$('.carousel-logos-block').slick({
slidesToShow: 5,
responsive: [
{
breakpoint: 1199,
settings: {
slidesToShow: 4,
}
},
{
breakpoint: 991,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1
}
}
]
});
$('.slideshow-block').slick({
arrows: true,
slidesToShow: 1,
centerMode: true,
autoplay: false,
responsive: [
{
breakpoint: 991,
settings: {
variableWidth: false
}
},
{
breakpoint: 768,
settings: {
centerMode: false
}
}
]
});
$(".nav-item a").hover(function(){
$('.emphasis a').removeClass('emphasis');
$('.fa-quote-icon').toggleClass('emphasis');
})
});
<//script>
<//body>
<//html>
@font-face {
font-family: 'Conv_Poppins-Bold';
src: url('../fonts/Poppins-Bold.eot');
src: local('☺'), url('../fonts/Poppins-Bold.woff') format('woff'),
url('../fonts/Poppins-Bold.ttf') format('truetype'),
url('../fonts/Poppins-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Poppins-Light';
src: url('../fonts/Poppins-Light.eot');
src: local('☺'), url('../fonts/Poppins-Light.woff') format('woff'),
url('../fonts/Poppins-Light.ttf') format('truetype'),
url('../fonts/Poppins-Light.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Poppins-ExtraBold';
src: url('../fonts/Poppins-ExtraBold.eot');
src: local('☺'), url('../fonts/Poppins-ExtraBold.woff') format('woff'),
url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
url('../fonts/Poppins-ExtraBold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Poppins-SemiBold';
src: url('../fonts/Poppins-SemiBold.eot');
src: local('☺'), url('../fonts/Poppins-SemiBold.woff') format('woff'),
url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
url('../fonts/Poppins-SemiBold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Poppins-Regular';
src: url('../fonts/Poppins-Regular.eot');
src: local('☺'), url('../fonts/Poppins-Regular.woff') format('woff'),
url('../fonts/Poppins-Regular.ttf') format('truetype'),
url('../fonts/Poppins-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'Conv_Poppins-Bold';
}
a {
outline: none;
}
ul {
margin: 0;
padding: 0;
}
p, ul {
font-size: 1.1rem;
color: #666666;
font-family: Helvetica, sans-serif;
}
a:hover {
color: initial;
text-decoration: none;
}
.head-wrapper {
width: 100%;
position: relative;
display: inline-block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.head-wrapper::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
display: block;
position: absolute;
background-color: rgba(0, 0, 0, .5);
}
.head-block,
.gallery-wrapper {
position: relative;
}
.header-wrapper {
top: 0;
left: 0;
right: 0;
z-index: 2;
position: absolute;
background-color: #0183c7;
}
.header-wrapper .navbar {
padding-left: 0;
padding-right: 0;
}
.navbar-brand img {
max-width: 190px;
}
.nav-item > a {
padding-left: 35px !important;
}
.nav-lang > a {
padding-left: 0 !important;
margin: 5px 0 10px !important;
font-family: 'Conv_Poppins-Bold';
}
.navbar-menu {
width: auto;
color: #fff;
padding: 7px 12px;
border: 1px solid #fff;
}
/* -- begin social block -- */
.navbar-social {
margin-top: 5px;
border-top: 2px solid #fff;
padding-top: 10px;
margin-bottom: 12px;
}
.navbar-social li {
display: inline-block;
}
.navbar-social li a {
color: #fff;
font-size: 21px;
margin-left: 15px;
position: relative;
display: inline-block;
}
.navbar-social img {
max-width: 20px;
max-height: 20px;
}
.navbar-social li:first-child a {
margin-left: 0;
}
.navbar-social li::before {
left: 0;
font-size: 21px;
position: absolute;
}
.fab.fa-quote-icon a {
background-image: url('../img/icon-quote-initial.png');
}
.fab.fa-quote-icon a:hover {
background-image: url('../img/icon-quote-hover.png');
}
.fab.fa-batimetria-icon a {
background-image: url('../img/icon-batimetria-initial.png');
}
.fab.fa-batimetria-icon a:hover {
background-image: url('../img/icon-batimetria-hover.png');
}
.fab.fa-port-icon a {
background-image: url('../img/icon-port-initial.png');
}
.fab.fa-port-icon a:hover {
background-image: url('../img/icon-port-hover.png');
}
.nav-item > a {
font-size: 14px;
font-weight: 700;
line-height: 20px;
background-size: 20px;
color: #fff !important;
background-repeat: no-repeat;
background-position: 0px center;
font-family: 'Conv_Poppins-Bold';
padding-right: 15px !important;
}
.icon-lg img {
max-width: 30px !important;
max-height: 30px !important;
}
.nav-item a:hover,
.dropdown > a:hover {
border-radius: 5px;
color: #fff !important;
background-color: #F48026;
}
.dropdown > a {
color: #fff;
font-size: 14px;
}
.icon-flag {
max-height: 20px;
margin-right: 12px;
}
.nav-lang > a {
margin: 0;
}
.nav-lang a:hover {
background-color: transparent !important;
}
.fab {
display: flex;
position: relative;
align-items: center;
}
.navbar-nav .fab::before {
left: 10px;
font-size: 20px;
color: #F48026;
position: absolute;
}
.navbar-nav .fab:hover::before {
color: #fff !important;
}
/* -- begin featured block -- */
.featured-block {
color: #fff;
position: relative;
padding: 30vw 0 20vw;
}
.featured-squared {
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.featured-squared::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
display: block;
position: absolute;
background-color: rgba(0, 0, 0, .5);
}
.featured-block .featured-title {
font-size: 10vw;
max-width: initial;
}
.btn-outline,
.featured-block a {
margin-top: 20px;
color: #fff;
padding: 3px 20px;
display: inline-block;
border: 3px solid #fff;
}
.btn-outline {
margin: 0;
}
.featured-block-logo {
display: block;
max-height: 23px;
}
.slick-dots {
left: 0;
right: 0;
bottom: 0;
position: absolute;
text-align: center;
padding-bottom: 20px;
}
.slick-dots li {
display: inline-block;
}
.slick-dots li button {
padding: 0;
width: 12px;
height: 12px;
border: none;
margin: 0 5px;
outline: none;
border-radius: 50%;
text-indent: -9999em;
background-color: rgba(255,255,255,.5);
}
.slick-dots li.slick-active button {
background-color: rgba(244,128,38,.5);
}
/* -- begin info block -- */
.title-block {
color: #0183C7;
margin: 25px 0;
font-size: 6vw;
font-family: 'Conv_Poppins-ExtraBold';
}
.info-wrapper b,
.info-wrapper strong {
color: #0183C7;
}
/* begin icons carousel */
.carousel-icons-wrapper,
.carousel-logos-wrapper {
position: relative;
margin: 30px auto;
padding: 0 50px;
overflow: hidden;
}
.carousel-icons-wrapper {
padding: 0 15px !important;
}
.carousel-icons-block {
text-align: center;
border: 3px solid #0183C7;
border-left: none;
position: relative;
}
.carousel-icons-block::before {
top: 0;
left: 0;
width: 3px;
content: "";
bottom: -3px;
display: block;
position: absolute;
background-color: #0183C7;
}
.slick-next {
right: -60px;
left: auto;
background: url('../img/arrow-next.png') center no-repeat;
}
.slick-prev {
left: -60px;
background: url('../img/arrow-back.png') center no-repeat;
}
.slick-arrow {
top: 50%;
width: 50px;
height: 50px;
border: none;
margin-top: -25px;
position: absolute;
text-indent: -9999em;
background-size: 20px;
}
.slick-arrow:focus {
outline: none;
}
.carousel-icons-block .slick-track {
display: flex;
}
.carousel-icons-block .slick-slide {
height: auto;
border-left: 3px solid #0183C7;
}
.carousel-icons-content {
color: #4D4D4D;
padding: 30px 15px;
}
.carousel-icons-content img {
margin: 0 auto;
max-height: 60px;
}
.carousel-icons-content p {
padding: 0;
display: block;
font-size: 30px;
line-height: 20px;
margin: 15px 0 8px;
font-family: 'Conv_Poppins-SemiBold';
}
.carousel-icons-content em {
color: #0183C7;
font-style: normal;
}
.carousel-icons-content small {
display: block;
line-height: 16px;
font-family: 'Conv_Poppins-Regular';
}
.carousel-logos-wrapper {
margin-top: 30px;
}
.carousel-logos-block .slick-slide {
padding: 0 15px;
}
.carousel-logo {
width: 200px;
height: 200px;
display: flex;
margin: 0 auto;
border-radius: 50%;
align-items: center;
justify-content: center;
border: 3px solid #0183C7;
box-shadow: 3px 3px 5px rgba(0,0,0,.5);
}
.carousel-logo img {
height: auto;
display: block;
max-width: 160px;
}
.carousel-logos-wrapper .slick-arrow {
margin-top: -50px;
}
.slick-slide:focus {
outline: none;
}
.carousel-logos-block a img {
display: block;
margin: 0 auto;
max-width: 30px;
}
.carousel-icons-block .slick-next {
right: -48px;
}
.carousel-icons-block .slick-prev {
left: -45px;
}
.carousel-logos-block .slick-next {
right: -45px;
}
.carousel-logos-block .slick-prev {
left: -45px;
}
.carousel-mail {
width: 100%;
margin: 15px 0 0;
font-size: 14px;
color: #0183C7;
text-align: center;
padding-bottom: 30px;
display: inline-block;
font-family: 'Conv_Poppins-Light';
background: url(../img/icon-mail-color.png) center bottom no-repeat;
background-size: 32px;
}
/* -- begin cards -- */
.cards-wrapper {
padding-bottom: 50px;
}
.card-block {
height: 100%;
margin-top: 30px;
box-shadow: 5px 5px 10px rgb(0 0 0 / 13%);
}
.card-title-label {
margin: 0 0 0;
color: #0183C7;
font-family: 'Conv_Poppins-ExtraBold';
background: url('../img/icon-car.png') left top no-repeat;
background-size: 50px;
padding-left: 75px;
}
.card-title-block::before {
top: 0;
right: 0;
bottom: 0;
width: 80px;
content: "";
display: block;
position: absolute;
border-right: 3px solid #0183C7;
border-bottom: 3px solid #0183C7;
background: url(../img/icon-car.png) 50% 85% no-repeat;
background-size: 50px;
}
.card-title {
font-size: 18px;
color: #0183C7;
margin-bottom: 0;
padding-right: 50px;
padding-bottom: 10px;
background-size: 40px;
background-repeat: no-repeat;
background-position: right top;
}
.card-title-info p {
margin: 15px 0 0;
}
.card-info {
padding: 15px;
}
.card-link-info {
display: flex;
margin: 0 auto;
font-size: 12px;
color: #808080;
min-height: 40px;
max-width: 200px;
padding-left: 45px;
align-items: center;
background: url(../img/icon-info.png) 0px 2px no-repeat;
background-size: 32px;
}
.card-block-img {
height: 50vw;
background-size: cover;
}
.title-info {
margin-top: 10px;
text-align: center;
font-family: 'Conv_Poppins-Regular';
}
.title-info-label {
color: #0183C7;
}
.title-info-link {
font-size: 12px;
color: #808080;
padding: 10px 10px 5px 25px;
font-family: 'Conv_Poppins-Bold';
background: url('../img/icon-download.png') left center no-repeat;
background-size: 20px;
}
/* -- begin slideshow -- */
.slideshow-block .slick-slide {
position: relative;
}
.slideshow-content {
left: 0;
right: 0;
bottom: 0;
text-align: center;
position: absolute;
padding: 20px 20px 0;
-webkit-transition-: .5s bottom ease-in-out;
-moz-transition-: .5s bottom ease-in-out;
-ms-transition-: .5s bottom ease-in-out;
-o-transition-: .5s bottom ease-in-out;
transition: .5s bottom ease-in-out;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.72) 47%, rgba(0,0,0,0.75) 49%, rgba(0,0,0,0.73) 71%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 47%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.73) 71%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 47%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.73) 71%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.slideshow-content p {
color: #fff;
font-size: 16px;
overflow: hidden;
line-height: 20px;
font-family: 'Helvetica';
display: -webkit-box;
display: -moz-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
line-clamp: 7;
box-orient: vertical;
line-height: 23px;
padding: 0 15px;
}
.slideshow-content a {
color: #fff;
padding: 5px 15px;
margin-bottom: 20px;
display: inline-block;
border: 3px solid #0183C7;
font-family: 'Conv_Poppins-ExtraBold';
}
.slideshow-title {
top: 0;
left: 0;
right: 0;
padding: 20px;
color: #fff;
display: block;
position: absolute;
text-align: center;
-webkit-transition-: .2s bottom ease-in-out;
-moz-transition-: .2s bottom ease-in-out;
-ms-transition-: .2s bottom ease-in-out;
-o-transition-: .2s bottom ease-in-out;
transition: .2s bottom ease-in-out;
font-family: 'Conv_Poppins-ExtraBold';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.slideshow-box , .gallery-box{
margin: 0 15px;
min-height: 42vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gallery-box {
margin: 0;
min-height: 50vw;
}
.gallery-square p {
margin: 15px 0 40px;
}
.gallery-title {
color: #fff;
padding: 30px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.title-initial {
margin: 0;
padding: 0;
position: static;
text-align: initial;
}
.subtitle-initial {
color: #fff;
font-size: 16px;
font-family: 'Conv_Poppins-Regular';
}
.gallery-thumb-wrapper {
top: 32vw;
left: 15px;
right: 15px;
position: absolute;
text-align: center;
}
.gallery-img {
width: 12vw;
height: 12vw;
margin: .5vw;
background-size: cover;
border: 4px solid #fff;
transition: transform .2s;
background-position: center;
background-repeat: no-repeat;
box-shadow: 3px 4px 6px rgba(0,0,0,.1);
}
.gallery-img:hover {
transform: scale(1.5);
}
.gallery-thumb-block {
display: inline-block;
}
/* -- begin footer -- */
.block-map {
overflow: hidden;
position: relative;
}
.block-map iframe {
width: 100%;
height: 40vw;
display: block;
}
.block-footer {
padding: 65px 0 35px;
background-color: rgba(0,0,0,.9);
-webkit-transition: 1s all;
transition: 1s all;
}
.footer-social {
text-align: center;
border: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
.footer-logo > a img {
width: 100%;
display: block;
}
.logo-brands ul {
column-count: 2;
}
.logo-brands ul li {
text-align: center;
margin-bottom: 5px;
list-style-type: none;
}
.logo-brands a {
width: 90px;
height: 90px;
border-radius: 50%;
display: inline-block;
background-size: cover;
border: 7px solid #FFF;
background-position: center;
background-repeat: no-repeat;
}
.footer-logo-row {
align-items: center;
}
.footer-address ul {
list-style: none;
}
.footer-address li {
color: #fff;
font-size: 14px;
margin-bottom: 20px;
padding: 0 0 5px 30px;
background-size: 20px;
background-position: 0 5px;
background-repeat: no-repeat;
}
.footer-address li a {
color: #fff;
}
.input-field {
width: 100%;
border: none;
color: #fff;
font-size: 11px;
margin-top: 10px;
padding: 10px 15px;
font-family: 'Conv_Poppins-Light';
background-color: rgba(178,178,178,.6);
}
textarea.input-field {
min-height: 100px;
max-height: 100px;
}
.input-field:focus {
outline: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
.btn-input {
color: #fff;
padding: 10px;
width: 100%;
border: none;
margin: 5px 0 0;
background-color: #F48026;
font-family: 'Conv_Poppins-Bold';
}
.slideshow-wrapper .slick-arrow {
top: 25px;
z-index: 1;
width: 10vw;
height: 100%;
bottom: 0 !important;
background: none;
}
.slideshow-block .slick-list {
padding: 0 10vw !important;
}
.slideshow-wrapper .slick-prev.slick-arrow {
left: 0;
}
.slideshow-wrapper .slick-next.slick-arrow {
right: 0;
}
.wpcf7-form-control-wrap {
display: block;
position: relative;
}
.wpcf7-not-valid-tip {
top: 7px;
right: -5px;
color: #fff;
font-size: 10px;
padding: 3px 7px;
position: absolute;
border-radius: 4px;
background-color: red;
}
.wpcf7-response-output {
color: red;
font-size: 12px;
}
.screen-reader-response {
display: none;
}
desde Santo Domingo