/*===================================================================================*/
/*  NAVBAR
/*===================================================================================*/

/*.no-dropdown:hover{
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

select, textarea, textarea.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    background-color: #fff;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    padding: 20px;
}

sub, sup{
    font-size: 39%;
    font-weight: 400;
    top: -1.3em;
}

p sup {
    font-size: 70%;
    top: -.7em;
    left: -0em;
}

ul, ol {
    margin-bottom: 30px;
}

.firstcharacter:first-letter { float: left; font-size: 75px; line-height: 60px; padding-top: 2px; padding-right: 8px; padding-left: 3px;}

.modal{
    z-index: 10000;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .9;
}

.modal-dialog {
    width: 70%;
    margin: 5% auto;
}

.modal-backdrop {
    background-color: #fff;
}

.modal-welcome{
    width: 60%;
    margin: 0 auto;
}

.modal-welcome img{
    margin:0 auto; 
    display: block;
    width: 70%;
}

.modal-backdrop{
    background-color: #1AA79C;
}

.modal-content {
    padding: 20px 20px;
}

.delcath-button, .usa-text{
    display:none;
}

select.form-control.region {
    margin-bottom: 0px;
}

.footer-bottom {
    color: #FFFFFF;
}

.footer-bottom a:hover{
    color: #05DFCE;
    cursor: pointer;
}

.navbar-header .info li a {
    font-size: 15px;
}

.navbar-header .flag {
    width: 23px;
}

.icon-s-facebook:hover{
    color:#4668B3;
}

.icon-s-twitter:hover{
    color: #2FBBED;
}

.icon-s-gplus:hover{
    color: #DE5745;
}

#owl-main .caption.text-left {
    padding-right: 51%;
    padding-left: 4%;
}


/*===================================================================================*/
/*  INFOGRAPHIC
/*===================================================================================*/

.what-is-cancer img{
    max-width: 80%;
}

.float-right{float:right;}
.float-left{float:left;}

.what-is-cancer-bg{
    background: url(../images/infographic/top-bg.png) no-repeat;
    background-size: cover;
}

.what-is-cancer-bg img{
    width: 60%;
}

.the-body .body-img{
    width: 55%;
    margin-top: -60%;
}

.cancer-begins{
    background-color: #DAECED;
}

.out-of-position{
    background-color: #E3E1EA;
}

.malignant-tumours{
    background: linear-gradient(90deg, #1F1A58 50%, #FFF 50%);
}

.metastases{
    background-color: #EAD7DD;
}

.metastases p{
    width: 83%;
}

.benign-tumours p{
    width: 40%;
    margin-right: 13px;
    margin-left: 10px;
}


/*===================================================================================*/
/*	SUB PAGE HERO
/*===================================================================================*/

/*.anatomy #hero{
        height: 44vh;
}*/

.welcome small{
    font-size: 12px;
    color: #064978;
}

#hero .item{
    height: 56vh;
    background-color: #FFF;
    background-position: center 55%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#hero .item img{
    width: 100%;
    margin:0 auto;
    display: block;
}
#hero .item .container {
    display: table;
    height: inherit;
}
/*.anatomy #hero .item .caption {
    display: table-cell;
}*/
#hero .item .vertical-center {
    vertical-align: middle;
    display: table-cell;
}

.anatomy #hero span {
    padding: 0px 15px;
    line-height: 128%;
    background-color: rgba(0,0,0,0.2);
}

.subpage-h1{
    color: #1AA79C;
    text-align: center;
    margin: 60px auto 0;
    border-bottom: 4px solid #A04E70;
    font-size: 3em;
    padding-bottom: 21px;
    font-weight: 300;
}

.subpage-h1-small{
    display: none;
}

/*===================================================================================*/
/*	ANATOMY
/*===================================================================================*/


#liver-position img{
    max-width: 100%;
}

#liver-wheel img{
    max-width: 100%;
    margin-top: 40px;
}


/*===================================================================================*/
/*	TESTS AND SCREENING
/*===================================================================================*/

#opening p{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;

    /*    background: url(../images/logo-big.png) no-repeat;
        background-position: center;
        background-size: 20%;*/
}

#opening img{
    width: 100%;
    border-radius: 4px;
    opacity: .8;
}

.text-small{
    text-align: justify;

}

#tests .col-sm-10 header, .physical-well-being .panel, .tests-and-screening .panel, .treatment-options .panel, #treatmentoptions .panel, .dietary-advice .panel, .panel-alt{
    background-color: #fff;
    padding: 20px;
    border: 1px solid #E3E3E3;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 5px 5px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 400ms ease-out;
}

#tests .col-sm-10 header:hover, .tests-and-screening .panel:hover, .treatment-options .panel:hover, .dietary-advice .panel:hover, .panel-alt:hover {
    box-shadow: rgb(185, 185, 185) 0px 5px 5px;
}

.icn{
    margin-right: 10px;
    color: #1CA79C;
}

#tests .img-icon{
    width: 30px;
    margin-right: 8px;
    margin-top: -3px;
}

/*.between-columns{
    text-align: center;
    float:right;
    display: inline-block;
}*/

/*===================================================================================*/
/*  LIVER CANCER DIAGNOSIS
/*===================================================================================*/

.video-container{
    position: relative;
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*===================================================================================*/
/*  PHYSICAL WELL BEING
/*===================================================================================*/

.speech-bubbles ul li, .speech-bubbles a{
    cursor: default;
}


/*===================================================================================*/
/*  PHYSICAL WELL BEING
/*===================================================================================*/

/*.physical-well-being ul li, .treatment-options ul li{
    list-style-position: outside;
    text-indent: -1.5em;
}

.physical-well-being li:before, .treatment-options ul li:before{

    content: '\26ab';
    font-family: "fontello";
    color: #1AA79C;
    margin-right: 20px;
    font-size: 14px;
}

.physical-well-being ul{
    padding-left: 30px;
    padding-bottom: 40px;
}*/


.patient-profiles #owl-main .item{
    background-color: rgba(255, 255, 255, 0);
}

.patient-profiles #owl-main .owl-pagination{
    bottom: 0;
    background: transparent;
}

.patient-profile-info{
    background-color: #FFFFFF;
    padding: 40px 40px;
    border-bottom: 20px solid #A04E70;
    margin-bottom: 40px;
    height: 670px;
}

.patient-profile-info h2{
    margin-bottom: 5px;
    margin-top: 30px;
}

.patient-profile-img{
    position: relative;
}

.patient-profile-img img{
    position: absolute;
    z-index: 1001;
    width: 116%;
    left: 20px;
    top: -22px;
}

.patients-undergoing-treatment .tabs{
    width: 50%;
    float: left;
}

.center-it{
    float: none;
    margin: 0 auto;
    display: block;
    /* width: 70%; */
}

.uk-map{
    width: 100%;
}

.openMail{
    -webkit-transition: all .2s ease-in-out;
    -moz-box-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.openMail:hover{
    cursor: pointer;
    color: #1AA79C;
}

li.scooch-address {
    padding-left: 20px;
}

.tabs-2-big-top .tab {
    width: 45%;
    margin: 0px 28px;
}

.questions h1 {
    position: relative;
}

.tabs-2-big-top .tab:before, .tabs-2-big-top .tab:after{
    left: 75%;
}

.physical-well-being img, .dietary-advice img, .accessing-chemosaturation-therapy img{
    width: 100%;
    border-radius: 4px;
}

.learning-top-cope{
    width: 70% !important;
    margin: 0 auto;
    display: block;
}

.learning-top-cope.ocular{
    margin: 40px auto;
    width: 45% !important;
}

.dietary-advice h4{
    margin-bottom: 0;
}

.dietary-advice .icon-attention-circle:before {
    content: '\2757';
    font-size: 3.2em;
    color: #1AA79C;
}

.dietary-advice .warning.panel {
    margin: 40px 0;
}

.dietary-advice .warning.panel p{
    padding: 0;
    margin: 0;
}

.dietary-advice #accordion2 .panel, .dietary-advice #accordion3 .panel{
    padding: 0px;
}

.dietary-advice-provided{
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background: rgba(0,0,0,0.3);
    padding: 8px;
    border-radius: 4px;
}

.table-header{
    background-color: #fff;
    margin: 0;
    padding: 20px;
}

.green-bg-li, .green-bg-li li:before{
    color: #fff !important;
}

.chemosat-logo{
    width: 70% !important;
    margin: 0 !important;
    padding: 20px 20px;
    line-height: 128%;
    background-color: rgba(0,0,0,0.3);
}

#modal-glossary hr{
    margin:10px 0px;
}

.authorised-chemosat-centre i{
    margin-left:  -37px;
}

.margin-top-20{
    margin-top: 20px;
}

.margin-top-40{
    margin-top: 40px;
}

.authorised-chemosat-centre ul.contacts{
    margin: 0 auto;
    display: block;
    width: 87%;
    padding: 4% 13%;
    background-color: #f8f8f8;
    border-left: rgb(238, 238, 238) solid 8px;
    border-bottom: rgb(238, 238, 238) solid 8px;
    border-radius: 10px;
    text-align: left;
}

.authorised-chemosat-centre .spain{
    width: 100% !important;
}

.authorised-chemosat-centre i.contact{
    margin-right: 15px;
}

/*.authorised-chemosat-centre img{
    width: 55%;
    margin: 0 auto;
    display: block;
}*/

.chemosaturation-process img{
    margin: 0 auto;
    display: block;
}

.chemosaturation-process h2{
    margin-bottom: 0;
    color: #fff;
}

.chemosaturation-process .bordered {
    border: 1px solid #1AA79C;
    border-bottom-width: 2px;
    border-radius: 3px;
    padding: 25px;
    background: #1AA79C;
}
/* map */

.map-height {
    height:669px;
}
.map-img {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;

}

.marker-r {
    position: absolute;
    background: url(../images/map-marker-r.png);
    width:30px;
    height:33px;
    -webkit-transition: all .2s ease-in-out; 

}

.marker-l {
    position: absolute;
    background: url(../images/map-marker-l.png);
    width:29px;
    height:33px;
    -webkit-transition: all .2s ease-in-out;
    -moz-box-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.marker-two-l {
    position: absolute;
    background: url(../images/map-marker-two-l.png);
    width:29px;
    height:33px;
    -webkit-transition: all .2s ease-in-out;
    -moz-box-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.marker-two-r {
    position: absolute;
    background: url(../images/map-marker-two-r.png);
    width:29px;
    height:33px;
    -webkit-transition: all .2s ease-in-out;
    -moz-box-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.marker-l:hover, .marker-r:hover, .marker-two-l:hover, .marker-two-r:hover { 
    -webkit-transform: scale(1.3); 
    -moz-box-transform: scale(1.3);
    transform: scale(1.3); 
}


#map {
    background: url(../images/eu_map.png);
    height:594px;
    width:571px;
    margin:0 auto;
    position:relative;
}



#uk-1 {
    top: 188px;
    left: 35%;
}

#uk-2 {
    top: 188px;
    left: 32.5%;
}

#uk-3 {
    top: 123px;
    left: 33%;
}

#uk-4 {
    top: 176px;
    left: 39%;
}

#de-1 {
    top: 225px;
    left: 60%;
}

#de-2 {
    top: 242px;
    left: 64%;
}

#de-3 {
    top: 263px;
    left: 62%;
}


#de-4 {
    top: 199px;
    left: 58%;

}

#de-5 {
    top: 133px;
    left: 65%;
}

#de-6 {
    top: 161px;
    left: 65%;
}

#de-7 {
    top: 190px;
    left: 73%;
}

#fr-1 {
    top: 347px;
    left: 34%;
}

#fr-2 {
    top: 249px;
    left: 42%;
}

#it-1 {
    top: 342px;
    left: 62%;
}

#it-2 {
    top: 342px;
    left: 65%;
}

#nl-1 {
    top: 164px;
    left: 53%;
}

#nl-2 {
    top: 170px;
    left: 50%;
}

#es-1 {
    top: 492px;
    left: 40%;
}

#es-2 {
    top: 452px;
    left: 18%;
}

#map-modal .modal-dialog {
    width:450px;

}

#map-modal .modal-footer {
    text-align: center;
}

#map-modal .modal-body ul.contacts {
    padding-left: 28px !important;
    margin: 0;
    display: block;
    width: 100%;
}

#map-modal .modal-body ul.contacts  i.contact {
    margin-right: 15px;
}

#map-modal .modal-body ul.contacts i {
    margin-left: -37px;
}

#map-modal hr{
    margin: 25px 0;
}

.map-show-for-mobile {
    display: none;
}

.tooltip-inner {
	color: #fff;
	background-color: #72879d;
	padding: 5px 12px;
        width:100px;
        z-index:80;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
	border-top-color: #72879d;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #72879d;
}

.tooltip.left .tooltip-arrow {
	border-left-color: #72879d;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #72879d;
}

.map-tooltip {
     text-indent: -9999px;
     display:block;
}

.padTab{
    padding-bottom: 86px !important;
}

/*===================================================================================*/
/*  CHEMOSAT
/*===================================================================================*/

.chemosat-video {
    margin-bottom:40px;
}

.new-patients #opening header h1 {
    text-align: center;
}

/*===================================================================================*/
/*  RESOURCES
/*===================================================================================*/

.treatment-options .inner-sm{
    padding-top: 40px;
    padding-bottom: 40px;
}

/*===================================================================================*/
/*  ACCESSING CHEMOSATURATION THERAPY
/*===================================================================================*/

.accessing-chemosaturation-therapy .panel{
    background-color: #1AA79C;
    padding: 20px;
    margin-bottom: 0px;
    color: #fff;
    border-radius: 0px;
}

.accessing-chemosaturation-therapy .panel .center-y{
    display: flex;
    justify-content: center;
}

.accessing-chemosaturation-therapy img{
    border-radius: 0px;
}

.accessing-chemosaturation-therapy .panel h2{
    color: #fff;
    margin-bottom: 0px;
    padding-left: 20px;
}

.accessing-chemosaturation-therapy .panel-alt hr{
    margin: 20px 0;
}

.accessing-chemosaturation-therapy button{
    background: #fff;
    border-radius: 4px;
    border: none;
    color: #a04e70;
    padding: 0px 20px;
        -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 400ms ease-out;
}


@media (max-width: 768px) {

    .accessing-chemosaturation-therapy .panel .center-y{
        display: block;
    }

    .accessing-chemosaturation-therapy .panel h2{
        text-align: center;
    }

    .accessing-chemosaturation-therapy button{
        border-radius: 4px;
        border: none;
        color: #a04e70;
        padding: 20px;
        margin-top: 20px;
    }

}

/*===================================================================================*/
/*  COOKIE BAR
/*===================================================================================*/

.cookie-bar{
    position: fixed;
    height: 82px;
    background-color: #1AA79C;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 400ms ease-out;
}

.cookie-bar button{
    background: #A24B70;
}

.cookie-bar .btn:hover, .cookie-bar .btn:focus, .cookie-bar .btn:active, .cookie-bar .btn.active {
    background: #9C486B;
}

.cookie-bar-hide{
    bottom: -82px;
}

.cookie-bar h2{
    color: #fff;
    float: right;
    margin: 29px;
    font-weight: 700;
    font-size: 14px;
    -webkit-box-shadow: 0px -19px 60px -10px rgba(168,168,168,1);
    -moz-box-shadow: 0px -19px 60px -10px rgba(168,168,168,1);
    box-shadow: 0px -19px 60px -10px rgba(168,168,168,1);
    text-transform: uppercase;
}



/*===================================================================================*/
/*  MEDIA QUERIES
/*===================================================================================*/

@media (min-width: 1600px) {
    .anatomy #hero .item{
        height: 44vh;
    }

    .new-patients #owl-main .item{
        height: 35vh !important;
    }
}

@media (max-width: 1024px) {
    .navbar-nav.pull-right{
        float: none !important;
    }
    .navbar-brand img {
        left: 0;
        top: 0;
    }

    .tabs-2-big-top .tab {
        width: 100%;
        margin: 16px 2px;
    }

    .patient-profile-img img {
        position: absolute;
        z-index: 1001;
        width: 127%;
        left: -12px;
        top: 25px;
    }

    .new-patients #owl-main .container {
        display: block;
        height: inherit;
    }

    .patient-profile-info{
        border: none;
    }

    .subpage-h1-small{
        display: none;
    }
}

/* for map */
@media (max-width: 600px) {
    .map-hide-for-mobile {
        display: none;
    }
    .map-show-for-mobile {
        display: block;
    }

    .map-height {
        height: auto;
    }
}

@media (max-width: 768px) {

    .navbar-nav.pull-right{
        float: none !important;
    }

    #opening p {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }

    .navbar-brand img {
        left: 0;
        top: 0;
    }

    #test i{
        margin-right: 10px;
    }

    .subpage-h1{
        font-size: 2.5em;
    }

    .modal-dialog {
        width: 94%;
        /* margin: 5% auto; */
    }

    .benign-tumours p, .metastases p {
        width: 100%;
        text-align: center;
    }

    .para-logo{
        display: none;
    }

    .what-is-cancer img{
        max-width: 80%;
        display: block;
        margin:0 auto;
    }

    .patient-profile-info{
        height: auto;
    }

}

@media only screen and (min-width:421px) and (max-width: 768px){
    #liver-position img {
        max-width: 50%;
    }

    #opening img {
        width: 57%;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }
}

@media (max-width: 420px) {

    h1 {
        font-size: 24px;
    }

    .hide-for-mobile{
        display: none;
    }

    #opening img {
        width: 100%;
        border-radius: 4px;
        opacity: .8;
        margin-bottom: 16px;
    }

    .subpage-h1 {
        font-size: 1.8em;
    }

    .dietary-advice-provided {
        position: static;
        color: #1AA79C;
        font-weight: 400;
        font-size: 16px;
        background: rgba(0,0,0,0); 
        padding: 0px; 
        /* border-radius: 4px; */
    }

    #tests .col-sm-10 header, .physical-well-being .panel, .tests-and-screening .panel, .treatment-options .panel, .dietary-advice .panel{
        padding: 20px 13px;
    }

    .firstcharacter{
        text-align: left;
    }

    .firstcharacter:first-letter { 
        float: left;
        font-size: 51px;
        line-height: 40px;
        padding-top: 2px;
        padding-right: 12px;
        padding-left: 3px;
    }

    .authorised-chemosat-centre img {
        width: 100%;
    }

    .authorised-chemosat-centre ul.contacts {
        width: 100%;
    }

    .cookie-bar{
        height: 65px;
    }

    .cookie-bar h2 {
        margin: 23px 0px;
        font-weight: 700;
        font-size: 10px;
    }

    .cookie-bar button {
        padding: 5px 11px 8px;
        margin: 22px 0;
        font-weight: 700;
        font-size: 10px;
    }

    .malignant-tumours {
        background: linear-gradient(180deg, #1F1A58 50%, #FFF 50%);
    }

    .the-body .body-img {
        margin-top: 0; 
    }

    .gap{
        padding-top: 0px;
    }

    .patient-profile-info {
        padding: 20px 20px;
    }

}

@media (max-width: 320px) {

    .navbar-header {
        padding: 14px 0;
    }

    img.logo {
        max-width: 70%;
        left: -10px;
    }

    #owl-main .caption p {
        font-size: 16px;
    }


}