/* #graphic-page css */

#contatti-main .container-center div {
    width: 460px;
}


#banner-main .container-center div p {
    font-weight: 400;
}

#contatti-main .container-center, #contatti-main .container-sx div, #contatti-main .container-dx div {
    height: 833px;
}

#contatti-main .container-center {
    background-image: url('../../../images/frontend/graphic-pages/contatti/contatti-main/center.png');
    background-size: 1110px 833px;
}

#contatti-main .container-sx div {
    background-image: url('../../../images/frontend/graphic-pages/contatti/contatti-main/sx.png');
    background-size: 1px 833px;
}

#contatti-main .container-dx div {
    background-image: url('../../../images/frontend/graphic-pages/contatti/contatti-main/dx.png');
    background-size: 1px 833px;
}

/* TABS */
#contatti-tabs {
    float: left;
    width: 100%;
    margin-top: -290px;
}

#contatti-tabs-btns {
    float: left;
    width: 100%;
    margin-top: -290px;
    margin-bottom: 100px;
}

#contatti-tabs-btns .btns {
    width: 950px;
    margin: 0 auto;
    position: relative;
    height: 190px;
}

#contatti-tabs-btns .btns #tab-btn1,
#contatti-tabs-btns .btns #tab-btn2,
#contatti-tabs-btns .btns #tab-btn3 {
    width: 273px;
    height: 192px;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 10;
}

#contatti-tabs-btns .btns #tab-btn1 {
    left: 0;
}

#contatti-tabs-btns .btns #tab-btn2 {
    left: 338px;
}

#contatti-tabs-btns .btns #tab-btn3 {
    left: 676px;
}

#contatti-tab-1,
#contatti-tab-2,
#contatti-tab-3 {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

#contatti-tab-2, #contatti-tab-3 {
    display: none;
}


.contatti-tab-content {

    width: 946px;
    margin-left: 2px;
    box-shadow: 0 4px 4px 0 var(--vn-platinum);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    padding: 20px 55px 20px 55px;
    font-size: 22px;
    font-weight: 400;
    position: relative;

}

.contatti-tab-1-label,
.contatti-tab-2-label,
.contatti-tab-3-label {
    position: absolute;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}


.contatti-tab-1-label {
    top: 106px;
    left: 104px;
}

.contatti-tab-2-label {
    top: 106px;
    left: 413px;
}

.contatti-tab-3-label {
    top: 106px;
    left: 766px;
}


.contatti .form .label {
    font-weight: 600;
}

.contatti .form .label-name {
    margin-top: 12px;
}

.contatti .form {
    text-align: left;
    background-color: white;
    padding-bottom: 0;
}

.contatti .form textarea, .contatti .form input {
    background-color: var(--vn-white-smoke);
}


.contatti .dotted-line-general {
    height: 1px;
    border-top: 1px solid var(--vn-platinum);
    margin: 20px -55px;
}

/* LINKS */

.contatti-links-container {
    float: left;
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid var(--vn-platinum);
}


.contatti-links {
    width: 950px;
    height: 218px;
    margin: 0 auto;
}

.contatti-links .section {
    padding: 30px;
}

.contatti-links .section h3 {
    font-size: 20px;
}

.contatti-links .section .btn-secondary {
    width: 100px;
}


/*MOBILE*/

.intro-mobile {
    background-color: var(--vn-pacific-cyan);
}

.tabs-mobile {
    width: 100%;
    min-height: 300px;
    background-color: var(--vn-yale-blue);
    margin-top: -1px;
    position: relative;
    padding: 40px 20px;
}

.tabs-mobile .form {
    padding: 0;
}

.tabs-mobile .label-name {
    margin-top: 0 !important;
}

.tab-1-mobile-content,
.tab-2-mobile-content,
.tab-3-mobile-content {
    border-top: 1px solid var(--vn-yale-blue);
    margin: 15px;
    font-weight: 600;
    padding: 15px 0;
    display: none;
}

#contatti-tab-1-mobile,
#contatti-tab-2-mobile,
#contatti-tab-3-mobile {
    background-color: white;
    border-radius: 25px;
    margin: 0 auto;
    min-height: 180px;
    position: relative;
    opacity: 0.8;
    padding-top: 20px;
}

#contatti-tab-2-mobile,
#contatti-tab-3-mobile {
    margin-top: 35px;
}

.tab-ico {
    display: block;
    position: relative;
    margin: 0 auto;
}

.tabs-mobile-label {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    color: var(--vn-yale-blue);
    width: 100%;
    padding-top: 10px;
}

#contatti-mobile-form {
    position: relative;
    width: 100%;
    min-height: 300px;
    display: none;
}

.links-mobile {
    margin-bottom: 70px;
}

.styled-table {
    border-collapse: collapse;
    margin: 30px auto;
    font-size: 0.9em;
    font-family: sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: var(--vn-yale-blue);
    color: white;
    text-align: left;
}

.styled-table th,
.styled-table td {
    font-size: 14px;
    padding: 12px 15px;
    width: 33%;
}

.styled-table tbody tr {
    border-bottom: 1px solid var(--vn-platinum);
    text-align: left;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: var(--vn-white-smoke);
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid var(--vn-yale-blue);
}