.render-area{
	max-width: 1280px;
	margin: auto;
}

.floating-container{
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
	box-shadow: 0 0 35px rgb(10 10 10 / 12%);
    -moz-box-shadow: 0 0 35px rgba(10, 10, 10,0.12);
    -webkit-box-shadow: 0 0 35px rgb(10 10 10 / 12%);
    background-color: #ffffff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    padding: 10px;
    margin-top: -120px;
    border-top: 5px solid #39c1fd;
    overflow: hidden;
}

.floating-container article{
	padding-right: 90px;
}

.world-background{
	text-align: center;
    flex-direction: column;
    background: url(../media/pictures/global.png);
    background-color: #ffffff;
    background-repeat: no-repeat;
    /* background: center; */
    background-size: cover;
    background-position: center;
}

@media (max-width: 560px) {
	.floating-container article{
		padding-right: 10px;
	}
}

@media (max-width: 850px) {
	.floating-container{
		flex-direction: column;
	}
}

@media (max-width: 1000px) {
	.floating-container{
		margin-top: -50px;
	}
}

/* Horizontal Tab Container */

.horizontal-tabs{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: 500px;
}

.menu-h-tabs{
    width: 30%;
    background-image: url(../media/Tabs/buque.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    max-height: 700px;
}

.content-h-tabs{
    width: calc(70% - 200px);
    background-color: #ffffff;
    padding: 100px 85px 70px;
    color: #636363;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}

.content-h-tabs div{
    overflow: hidden;
    font-size: 19px;
    margin-top: -10px;
    padding-left: 20px;
    padding-right: 20px;
}

.h-tab-content h3{
    position: relative;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px !important;
    color: #383838 !important;
    margin-top: 10px;
}

.h-tab{
    background-color: #222222;
    color: #7d7d7d;
    list-style: none;
    font-size: 17px;
    margin-bottom: 1px;
    padding: 15px 23px 17px;
    cursor: pointer;
    margin: 0;
}

.h-tab-active{
    background-color: #39c1fd;
    color: #fff;
}

.h-tab-content{
    display: none;
}

.active-h-tab{
    display: block;
}

.offset-h-tabs-menu{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0px;
    width: 80%;
}

.offset-h-tabs-menu-reversed{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0px;
    width: 60%;
    background-color: #222222;
}

.offset-h-tabs-menu h3{
    position: relative;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
}

.offset-h-tabs-menu-reversed h3{
    position: relative;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px;
}

@media (max-width: 850px) {
    .menu-h-tabs{
        width: 100%;
        min-height: 400px;
    }

    .content-h-tabs{
        width: 100%;
        padding: 100px 25px 70px;
    }

    .offset-h-tabs-menu{
    }
}

/*Double container*/

.double-container{
    display: flex;
    flex-wrap: wrap;
}

.article-double{
    width: 50%;
}

.article-double-img{
    background-image: url(../media/Tabs/buque.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.article-double-content{
    position: relative;
}

.article-double h3{
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
    color: #ffffff;
    margin-bottom: 16px;
}

.article-double-container{
    padding: 90px 60px 60px;
    height: 442.375px;
    background-color: #153369;
    color: #fff;
    background-repeat: no-repeat;
    background-position: right bottom;
}

@media (max-width: 850px) {
    .article-double{
        width: 100%;
    }

    .article-double-img{
        height: 500px;
    }
}

/**/

.container-col-3{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    width: calc(33% - 40px);
    display: inline-block;
}

.container-col-3 img{
    width: 150px;
    padding: 10px;
}

.container-col-3 h3{
    color: #252525;
}

.col-info{
    font-size: 16px;
    text-transform: none;
    color: #4f5d77;
    padding-top: 5px;
}

@media (max-width: 850px) {
    .container-col-3{
        width: calc(100% - 40px);
    }
}

.container-col-4{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    width: calc(25% - 40px);
    display: inline-block;
}

.container-col-4 img{
    width: 150px;
    padding: 10px;
}

.container-col-4 h3{
    color: #252525;
}

.col-info{
    font-size: 16px;
    text-transform: none;
    color: #4f5d77;
    padding-top: 5px;
}

@media (max-width: 850px) {
    .container-col-4{
        width: calc(100% - 40px);
    }
}

/*header-bg*/
.header-bg{
    margin-top: -100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 700px;
    overflow: hidden;
}

.header-bg-offset {
    background:linear-gradient(rgba(10, 10, 10, 0.2), rgba(10, 10, 10, 0.5), rgba(10, 10, 10, 1));
    padding-top: 230px;
    height: 100%;
}

.header-text-offset{
    max-width: 600px;
    margin: auto;
    text-align: center;
    padding-bottom: 100px;
}

/*SERVICE ITEMS*/
.service-items-section{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
}

.item-service{
    width: calc(32% - 20px);
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 3px 1px -2px rgb(0 0 0 / 0%), 0 1px 5px 0 rgb(0 0 0 / 11%);
    margin: 10px;
    border-radius: 8px;
    color: #636363;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
}

.item-service-bg-word{
    background-image: url(../media/pictures/bg-world.jpg);
}

.item-service-img{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.item-service-content{
    padding: 10px;
    position: relative;
}

.item-service-content-icon{
    display: flex;
    width: 80px;
    align-items: center;
    position: absolute;
    background-color: #13306a;
    padding: 10px;
    border-radius: 50px;
    /*top: -60px;
    left: -40px;*/
    top: -80px;
    left: calc(50% - 40px);
}

.item-service-content-icon img{
    width: 100%;
}

.item-service-content-text{
    width: 100%;
    padding: 10px;
    width: calc(100% - 20px);
}

@media (max-width: 1050px) {
    .item-service{
        width: calc(50% - 20px);
    }
}

@media (max-width: 850px) {
    .item-service{
        width: calc(50% - 20px);
    }

    .item-service-content-icon{
        top: -80px;
        left: calc(50% - 40px);
    }
}

@media (max-width: 750px) {
    .item-service{
        width: calc(100% - 20px);
    }
}

/*info-image*/
.info-image{
    width: 33%;
}