@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;
}

/* -- BEGIN WHATSAPP BLOCK-- */
.ws-wrapper {
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    display: block;
    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;
}