.letter-e2 {
    text-align: right;
    position: relative;
    height: 19vw;
}
.letter-e2 img {
    position: absolute;
    left: 28vw;
    width: 25vw;
    bottom: 3vw;
    z-index: 2;
}
.letter-e2-text {
    height: 14.491vw;
    width: 38vw;
    right: -2vw;
    position: relative;
    border-bottom: 1px solid #3A7CA4;

    padding-left: 20px;
}

.letter-e2-text span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 2vw;
    color: #3A7CA4;
    font-family: 'Helen PRO Regular', Sans-serif;
}
.letter-ee2-text {
    height: 14.491vw;
    width: 38vw;
    right: -2vw;
    position: relative;
    border-bottom: 1px solid #3A7CA4;

    padding-left: 20px;
}

.letter-ee2-text span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 2vw;
    color: #3A7CA4;
    font-family: 'Helen PRO Regular', Sans-serif;
}
.crew h3 {
    font-family: 'Helen BOLD', Sans-serif;
    text-align: right;
    font-size: 5.6vw;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: transparent;
    color: #e6e6e6;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    line-height: 50px;
    position: absolute;
    top: 55.5vw;
    left: -0.5vw;
    transform-origin: 0 0;
    transform: rotate(-90deg)
}

.crewindex {
    padding: 0;
}


.crewtriple {


}
.crewtriple img {

    max-height: 300px;
    border: 0.07vw solid black;
    border-radius: 8px;
    display: block;
    margin: auto;
    vertical-align: center;
}

.crewtriple h2 {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 1vw;
    font-weight: bold;
    font-family: 'Helen PRO Regular', Sans-serif;
    text-align: center;

}
.crewtriple div.text {
    padding: 0 45px;
    font-size: 0.7vw;
    text-align: center;
    position: relative;
    min-width: 200px;
    min-height: 100px;
}

.tric {
    margin-bottom: 4vw;
}

/*.text p:first-child {
    position: relative;
    display: inline-block;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 2.3em; !* (Number of lines you want visible) * (line-height) *!
    line-height: 1.2em;
    text-align:justify;
}
.text p {
    display: none;
}*/
.immad p:first-child {
    position: relative;
    display: inline-block;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 2.3em; /* (Number of lines you want visible) * (line-height) */
    line-height: 1.2em;
    text-align:justify;
}
.immad p {
    display: none;
}
.crewtriple div.text::after {
    content: "...";
    position: absolute;
    right: 13vw;
    bottom: 1vw;
}

.tric a {
    width: 65%;
    text-align: center;
    color: black;
    font-weight: bold;
    background-color: white;
    padding: 15px 50px;
    position: relative;
    border: 1px solid black;
    border-radius: 8px;
/*    left:25%;*/
    display: block;
    margin: auto;
}

.tric a:hover {
    text-decoration: none;
    color: white;
    font-weight: bold;
    background-color: #3A7CA4;
    padding: 15px 50px;
    position: relative;
    border: 1px solid black;
    border-radius: 8px;
/*    left:25%;*/
    display: block;
    margin: auto;
}

.expert-section {
    position: relative;
    margin-bottom: 1vw;
    margin-left: 4.98vw;
}
.expert-circle-section {
    background-color: #2e7199;
    border-radius: 50%;
    width: 4vw;
    height: 4vw;
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 3px #1d1d1d;
}

.expert-circle-section img{
    position: absolute;
    width: 2.7vw;
    top: 0.75vw;
    left: 0.6vw;
    z-index: 2;
}

.expert-animal-section {
    background-color: #005378;
    color: white;
    padding: 1.15vw 1vw 1.2vw 3vw;
    border-radius: 5px;
    position: absolute;
    top: 0.3vw;
    left: 1.9vw;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.75vw;
    width: 13vw;
}

.expert-animal-section:hover {
    color: #005279;
    background-color: #00d1fb;
}
.expert-animal-section:active {
    color: #005279;
    background-color: #00d1fb;
}


.ekip {
    display: inline-block;
    background-color: #005378;
    color: white;
    padding: 0.8vw 1.2vw 0.8vw 3vw;
    border-radius: 5px;
    top: 0.3vw;
    left: 2vw;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.75vw;
}
.ekip:hover {
    color: #005279;
    background-color: #00d1fb;
}
.ekip:active {
    color: #005279;
    background-color: #00d1fb;
}

.blueborder {
    border-top: 4px solid #005378;
    padding-left: 0!important;
}
.blueborder2 {
    border-top: 4px solid #2E7199;
    padding-left: 0!important;
}
.blueborder3 {
    border-top: 6px solid #2E7199;
    padding-left: 0!important;
}

.expert-desc h1 {
    font-size: 1.5vw;
    font-family: 'Helen PRO Regular', Sans-serif;
    font-weight: bold;
    color: #005279;
}
.expert-desc h2 {
    font-size: 1vw;
    font-family: 'Helen PRO Regular', Sans-serif;
    font-weight: bold;
    color: #005279;
}
.expert-desc p {
    font-family: 'Helen PRO Regular', Sans-serif;
}
.bluebordersmaller {
    border-top: 2px solid #005378;
    padding-left: 0!important;
}

.contactclinics h3{
    font-size: 1vw;
    font-family: 'Helen PRO Regular', Sans-serif;
    font-weight: bold;
    color: #2E7199;
    text-transform: uppercase;
}
.contactclinics span{
    font-size: 1vw;
    font-family: 'Helen PRO Regular', Sans-serif;
    font-weight: bold;
    color: #2E7199;
}
.contactclinics p {
    padding: 7px 0;
    font-family: 'Helen PRO Regular', Sans-serif;
    font-size: 0.9vw;
}
.letter-k2 {
    text-align: right;
    position: relative;
    height: 21vw;
    text-transform: uppercase;
}
.letter-k2 img {
    position: absolute;
    left: 33vw;
    width: 17vw;
    bottom: 4vw;
    z-index: 2;
}
.letter-k2-text {
    height: 12.386vw;
    width: 36vw;
    right: -6vw;
    position: relative;
    border-bottom: 1px solid #3A7CA4;
    text-transform: uppercase;
    padding-left: 20px;
}

.letter-k2-text span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 2vw;
    color: #3A7CA4;
    font-family: 'Helen PRO Regular', Sans-serif;
}
.contacts h3 {
    font-family: 'Helen BOLD', Sans-serif;
    text-align: right;
    font-size: 4.6vw;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: transparent;
    color: #e6e6e6;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    line-height: 50px;
    position: absolute;
    top: 67.4vw;
    left: -0.5vw;
    transform-origin: 0 0;
    transform: rotate(-90deg)
}
.online-reserv select {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    font-family: 'Helen PRO Regular', Sans-serif;
    font-weight: bold;
    background-color: #2E7199;
    color: white;
    font-size: 1vw;
    padding: 0;
    margin-bottom: 5px;
    min-height: 40px;
}

.online-reserv select option{
    height: 1.3vw;
}

.sofiablue1 {
    padding: 0 60px 0 0;
}
.sofiablue2 {
    padding: 0 30px;
}
.sofiawhite {
    padding: 0 0 0 60px;
}
@media screen and (max-width: 1430px){

    .expert-section {
        margin-left: 3.98vw;
    }
    .sofiaspace {
        height: 50px!important;
    }
    .contactclinics h3{
        font-size: 1.3vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #2E7199;
        text-transform: uppercase;
    }
    .contactclinics span{
        font-size: 1.3vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #2E7199;
    }
    .contactclinics p {
        padding: 7px 0;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-size: 1.05vw;
    }
    .online-reserv select {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-radius: 0;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        background-color: #2E7199;
        color: white;
        font-size: 1.3vw!important;
        padding: 0;
        margin-bottom: 5px;
        min-height: 40px;
    }
    .request-p {
        font-size: 1.3vw!important;
    }
}

@media screen and (max-width: 1200px){
    .sofiablue1 {
        padding: 0 30px 0 0;
    }

    .crewtriple div.text {
        padding: 0 45px;
        font-size: 1vw;
        text-align: center;
        position: relative;
        min-width: 200px;
        min-height: 100px;
    }

    .crewtriple div.text::after {
        content: "...";
        position: absolute;
        right: 20vw;
        bottom: 2vw;
    }
    .sofiablue2 {
        padding: 0 15px;
    }
    .sofiawhite {
        padding: 0 0 0 30px;
    }
    .bluesofiq {
        padding: 15px 25px 25px 25px;
    }
    .expert-animal-section {
        font-size: 1.75vw;
        width: 32vw;

    }
    .expert-circle-section {
        width: 6vw;
        height: 6vw;
    }
    .expert-circle-section img{
        width: 4.7vw;
        top: 1vw;
    }
}

@media screen and (max-width: 992px){
    .crew h3 {
        display: none;
    }
    .letter-k2-text h3 {
        display: none;
    }
    .sofiq h3 {
        display: none;
    }

    .letter-k2 {
        display: none;
    }
    .crewtriple div.text::after {
        content: "...";
        position: absolute;
        right: 43vw;
        bottom: 0vw;
    }

    .contactclinics h3{
        font-size: 1.5vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #2E7199;
        text-transform: uppercase;
    }
    .contactclinics span{
        font-size: 1.5vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #2E7199;
    }
    .contactclinics p {
        padding: 7px 0;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-size: 1.35vw;
    }
    .online-reserv select {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-radius: 0;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        background-color: #2E7199;
        color: white;
        font-size: 1.6vw!important;
        padding: 0;
        margin-bottom: 5px;
        min-height: 40px;
    }
    .request-p {
        font-size: 1.6vw!important;
    }
    .letter-e2 {
        display: none;
    }

    /*.crewtriple {
        min-height: 83vw;
    }*/
    .crewtriple img {
        border: 0.07vw solid black;
        border-radius: 8px;
    }

    .crewtriple h2 {
        margin-top: 30px;
        text-transform: uppercase;
        font-size: 4vw;
        font-weight: bold;
        font-family: 'Helen PRO Regular', Sans-serif;
        text-align: center;

    }
    .crewtriple div.text {
        padding: 0 45px;
        margin-bottom: 0;
        font-size: 3vw;
        text-align: center;
    }
    .contactclinics h3{
        font-size: 4vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #2E7199;
        text-transform: uppercase;
    }
    .contactclinics span{
        font-size: 4vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #2E7199;
    }
    .contactclinics p {
        padding: 7px 0;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-size: 3.8vw;
    }
    .letter-e2-text {
        height: 14.491vw;
        width: 17vw;
        right: -37vw;
        position: relative;
        border-bottom: 0 solid #3A7CA4;

        padding-left: 20px;
    }

    .letter-e2-text span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 7vw;
        color: #3A7CA4;
        font-family: 'Helen PRO Regular', Sans-serif;
    }
    .tric {
        margin-bottom: 4vw;
    }
    .tric a {
        text-align: center;
        color: black;
        font-weight: bold;
        background-color: white;
        position: relative;
        padding: 15px 50px;
        border: 0.08vw solid black;
        border-radius: 8px;
        top: -0.6vw;
        left: 0;
    }

    .tric a:hover {
        text-decoration: none;
        color: white;
        font-weight: bold;
        background-color: #3A7CA4;
        position: relative;
        padding: 15px 50px;
        border: 0.08vw solid black;
        border-radius: 8px;
        top: -0.6vw;
        left: 0;
    }
    .ekip {
        display: inline-block;
        background-color: #005378;
        color: white;
        padding: 0.8vw 3vw 0.8vw 3vw;
        border-radius: 5px;
        top: 0.3vw;
        left: 2vw;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 3vw;
    }
    .ekip:hover {
        color: #005279;
        background-color: #00d1fb;
    }
    .ekip:active {
        color: #005279;
        background-color: #00d1fb;
    }
    .letter-ee2-text {
        height: 14.491vw;
        width: 21.5vw;
        right: -37vw;
        position: relative;
        border-bottom: 0 solid #3A7CA4;
        padding-left: 20px;
    }
    .letter-ee2-text span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 7vw;
        color: #3A7CA4;
        font-family: 'Helen PRO Regular', Sans-serif;
    }

    .expert-section {
        position: relative;
        margin-bottom: 1vw;
        margin-left: 0;
    }
    .expert-circle-section {
        background-color: #2e7199;
        border-radius: 50%;
        width: 7vw;
        height: 7vw;
        position: relative;
        z-index: 1;
        box-shadow: 0 1px 3px #1d1d1d;
    }

    .expert-circle-section img{
        position: absolute;
        width: 5.7vw;
        top: 0.75vw;
        left: 0.6vw;
        z-index: 2;
    }

    .expert-animal-section {
        background-color: #005378;
        color: white;
        padding: 1.15vw 1vw 1.2vw 3vw;
        border-radius: 5px;
        position: absolute;
        top: 0.7vw;
        left: 4.9vw;
        text-align: right;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 2.5vw;
    }
    .expert-animal-section:hover {
        color: #005279;
        background-color: #00d1fb;
    }
    .expert-animal-section:active {
        color: #005279;
        background-color: #00d1fb;
    }

    .expert-desc h1 {
        font-size: 5vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #005279;
    }
    .expert-desc h2 {
        font-size: 4vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #005279;
    }
    .expert-desc p {
        font-family: 'Helen PRO Regular', Sans-serif;
    }
    .online-reserv select {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-radius: 0;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        background-color: #2E7199;
        color: white;
        font-size: 2.5vw!important;
        padding: 0;
        margin-bottom: 5px;
        min-height: 40px;
    }
    .request-p {
        font-size: 2.5vw!important;
    }

    .letter-k2-text {
        height: 12.386vw;
        width: 29vw;
        left: 31vw;
        position: relative;
        border-bottom: 0 solid #3A7CA4;
        text-transform: uppercase;
        padding-left: 20px;
    }

    .letter-k2-text span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 5vw;
        color: #3A7CA4;
        font-family: 'Helen PRO Regular', Sans-serif;
    }
}
@media screen and (max-width: 768px){
    .letter-kc2-text {
        height: 12.386vw;
        width: 35vw;
        right: -25vw;
        position: relative;
        border-bottom: 0 solid #3A7CA4;
        text-transform: uppercase;
        padding-left: 20px;
    }
    .letter-kc2-text span {
        text-align: center;
        position: absolute;
        bottom: 0;
        right: 2vw;
        font-size: 7vw;
        color: #3A7CA4;
        font-family: 'Helen PRO Regular', Sans-serif;
    }
    .contactclinics h3{
        font-size: 4vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #2E7199;
        text-transform: uppercase;
    }
    .contactclinics span{
        font-size: 4vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #2E7199;
    }
    .contactclinics p {
        padding: 7px 0;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-size: 3.8vw;
    }
    .letter-e2-text {
        height: 14.491vw;
        width: 17vw;
        right: -37vw;
        position: relative;
        border-bottom: 0 solid #3A7CA4;

        padding-left: 20px;
    }

    .letter-e2-text span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 7vw;
        color: #3A7CA4;
        font-family: 'Helen PRO Regular', Sans-serif;
    }
    .crewtriple {
        min-height: 61vw;
    }
    .crewtriple img {

        border: 0.2vw solid black;
        border-radius: 8px;
    }

    .crewtriple h2 {
        margin-top: 10px;
        text-transform: uppercase;
        font-size: 4vw;
        font-weight: bold;
        font-family: 'Helen PRO Regular', Sans-serif;
        text-align: center;

    }
    .crewtriple div.text {
        padding: 0 45px;

        font-size: 3vw;
        text-align: center;
    }
    .tric {
        margin-bottom: 15vw;
    }
    .tric a {
        text-align: center;
        color: black;
        font-weight: bold;
        background-color: white;
        position: relative;
        padding: 10px 35px;
        border: 0.2vw solid black;
        border-radius: 8px;
        top: 2.5vw;
        left: 0;
    }
    .tric a:hover {
        text-align: center;
        text-decoration: none;
        color: white;
        font-weight: bold;
        background-color: #3A7CA4;
        position: relative;
        padding: 10px 35px;
        border: 0.2vw solid black;
        border-radius: 8px;
        top: 2.5vw;
        left: 0;
    }
    .ekip {
        display: inline-block;
        background-color: #005378;
        color: white!important;
        padding: 0.8vw 3vw 0.8vw 3vw;
        border-radius: 5px;
        top: 0.3vw;
        left: 2vw;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 3vw;
    }
    .ekip a {
        text-decoration: none;
        color: white!important;
    }
    p.ekip:hover {
        color: #005279!important;
        background-color: #00d1fb;
    }
    p.ekip:active {
        color: #005279!important;
        background-color: #00d1fb;
    }
    .letter-ee2-text {
        height: 14.491vw;
        width: 21.5vw;
        right: -37vw;
        position: relative;
        border-bottom: 0 solid #3A7CA4;
        padding-left: 20px;
    }
    .letter-ee2-text span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 7vw;
        color: #3A7CA4;
        font-family: 'Helen PRO Regular', Sans-serif;
    }

    .expert-section {
        position: relative;
        margin-bottom: 1vw;
        margin-left: 2vw;
    }
    .expert-circle-section {
        background-color: #2e7199;
        border-radius: 50%;
        width: 7vw;
        height: 7vw;
        position: relative;
        z-index: 1;
        box-shadow: 0 1px 3px #1d1d1d;
    }

    .expert-circle-section img{
        position: absolute;
        width: 5.7vw;
        top: 0.75vw;
        left: 0.6vw;
        z-index: 2;
    }

    .expert-animal-section {
        background-color: #005378;
        color: white;
        padding: 1.15vw 1vw 1.2vw 3vw;
        border-radius: 5px;
        position: absolute;
        top: 0.7vw;
        left: 4.9vw;
        text-align: right;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 2.5vw;
    }
    .expert-animal-section:hover {
        color: #005279;
        background-color: #00d1fb;
    }
    .expert-animal-section:active {
        color: #005279;
        background-color: #00d1fb;
    }

    .expert-desc h1 {
        font-size: 5vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #005279;
    }
    .expert-desc h2 {
        font-size: 4vw;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        color: #005279;
    }
    .expert-desc p {
        font-family: 'Helen PRO Regular', Sans-serif;
    }
    .online-reserv select {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-radius: 0;
        font-family: 'Helen PRO Regular', Sans-serif;
        font-weight: bold;
        background-color: #2E7199;
        color: white;
        font-size: 2.5vw!important;
        padding: 0;
        margin-bottom: 5px;
        min-height: 40px;
    }
    .request-p {
        font-size: 2.5vw!important;
    }

    .letter-k2-text {
        height: 12.386vw;
        width: 29vw;
        left: 36vw;
        position: relative;
        border-bottom: 0 solid #3A7CA4;
        text-transform: uppercase;
        padding-left: 20px;
    }

    .letter-k2-text span {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 5vw;
        color: #3A7CA4;
        font-family: 'Helen PRO Regular', Sans-serif;
    }
}