#rez-summary {display:none!important;}

body { color: #fff; background-color:#000; background-image: none !important; }

.header-banner {
    position: relative;
    width: 100vw;
    transform: translateX(-50%);
    left: 50%; /* Keep only this */
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(images/friendship_2026_logo_header_bg.png);
    background-color: #f9fd7d;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.banner-elements {
    padding: 0px;
    transition: transform 0.3s ease;
}

.banner-element {
    /* Centered child div with fixed size */
    position: absolute;
    z-index: 1;
    width: 100%; /* Fixed width */
    height: 130px; /* Fixed height */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(images/friendship_2026_logo_header.png);
    background-size: contain; /* Scale the image to fit within the container */
    background-repeat: no-repeat;
    background-position: center;
}

.ship-element {
    /* Bottom-right child div */
    position: absolute;
    bottom: -7px;
    right: 0px;
    z-index: 2;
    width: auto; /* Adjust based on image size and parent div size */
    height: auto; /* Adjust based on image size and parent div size */
    max-width: 100%; /* Ensure it doesn't overflow the parent div */
    max-height: 100%; /* Ensure it doesn't overflow the parent div */
}

.ship-image {
    height: 70px; /* Desired height, maintaining aspect ratio */
    width: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Maintain aspect ratio without cropping the image */
    max-width: 100%; /* Ensure it doesn't overflow the container */
    max-height: 100%; /* Ensure it doesn't overflow the container */
}



a {color:#c83df0}


#navbar-inverse { background-color: #000; }

a.btn, button
{
    background-color: #c83df0;

    border: 2px solid #c83df0;
    border-radius: 4px;
    color: #000;
}

a.btn:hover, button:hover, a.btn:focus, button:focus {
}

a.btn:visited, a.btn:link {
    color: #000;
}

#main-footer {
    border: 0;
    font-size: 12px;
}

#main-footer img {
    margin-bottom: 10px;
}
#rezmagic-contact
{
display: none;
 }

rez-content



/*Manufactur*/

.rez-container > .row { margin:auto !important; }
a.btn, button { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; text-transform:uppercase; font-size:14px; color:#fff !important; }
.rez-start-over, .rez-cancel { border: 2px solid #fff; padding: 15px 40px; color: #fff !important; text-decoration: none; font-size: 18px; margin-bottom: 1rem; display:block; text-align: center; }

#main-header { width:100%; margin-bottom:2rem; text-align:center; }
#main-header .img-responsive { max-width:450px; margin:0 auto; width: 100%; }

#content-wrapper h2 { text-align: center; color: #c83df0; font-weight:bold; margin-bottom:2rem; background-color:#313131; padding:3rem 1rem; }
li#tripname, li#tripvenue, li#tripdates {  color:#fff; text-align:center; }
li#tripvenue, li#tripdates { font-size:16px; color:#898686;  }

#content-wrapper .rez-progress-bar { background:#fff; border:none; margin-bottom:2rem; padding:1rem; }

.rez-progress-bar { background-color: #1256ff !important; }
.rez-progress-bar li { color:#fff; }

.rez-content, #reservations { background:#313131; padding:2rem; }
.rez-summary { padding-left:0rem; }
#rez-summary { background-color:#313131; padding:2rem;  margin-bottom: 1rem; }


.navbar-nav > li > a { padding-top:22px; padding-bottom:22px; }
.navbar-brand { padding-top:22px; padding-bottom:22px; }

#rez-summary-list { color:#fff; text-align:center; }
.ui-button-text { color:#000; }
.form-horizontal { background:#fff; padding:2rem; }


body {background-size:auto 295px !important}
.form-group {margin-buttom:0 !important}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body, .p1, .p2, .s1 {
  font-family: "Open Sans", sans-serif !important;
}
.row {margin:0 !important}
.list-unstyled {margin: 10px !important}
.form-horizontal {padding:30px !important;background-color:#313131 !important;border-radius:25px !important;}
.form-group {margin-bottom: 0 !important}
#rez-summary, .rez-content, .rez-progress-bar, h2 {border-radius: 25px !important}
.p1, .p2, .s1 {color:#fff !important}
.rez-content {padding: 30px !important}
#main-header {padding:10px 20px 50px 20px !important}
.navbar-brand {height:50px !important; padding:15px 15px !important}
.navbar-toggle {padding:10px !important}

@media only screen and (max-width: 800px) {
.rez-summary {width:100% !important}
.col-sm-3 {padding:0 0 10px 0 !important}
h2 {margin-top:30px !important; font-size:20px !important}
body {background-size:auto 275px !important}
.friendship-logo {padding:10px 0 0 0; margin:0 0 -10px 0}
}

.navbar-nav > li > a {padding-top:15px !important; padding-bottom:15px !important;}

.trip-type h3 {color:#fff!important}
a.btn, button {border-radius:10px !important;padding:5px 10px 5px 10px !important; background-color:#c83df0!important;border:2px solid #c83df0 !important}
#content-wrapper h2 {margin-bottom:20px !important; color:#c83df0!important}
.form-horizontal {margin-top:20px !important}
.form-horizontal .form-group {margin-left:0 !important;margin-right:0 !important}
h3 {margin-top:0px !important}
.rez-container .form-horizontal {padding:0 !important}
legend {color:#fff!important}
.form-group.col-xs-12 {padding:0 !important}
.rez-content .form-horizontal {margin-top:-10px !important}
.cat-header.col-sm-9,.cat-btn.col-sm-3 {padding:0 !important}
.cat-image-text span span {font-family: "Open Sans", sans-serif !important;}
.ui-draggable .item-header, .ui-draggable .item-price {color:#000 !important}