@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');

}

.highlight a,
.highlight a:hover {
    background-image: url('https://sansouci.com.do/wp-content/themes/puerto_sansouci/img/icon-search-review.png') !important;
}

.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;

}

/* -- BEGIN WHATSAPP BLOCK-- */
.ws-wrapper {
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    display: none;
    margin-top: 80px;
    text-align: right;
    position: absolute;
}
.ws-close {
    top: 20px;
    right: 29px;
    color: #999;
    position: absolute;
    display: inline-block;
    font-family: Helvetica, sans-serif;
}