/* generalites */
body {
  background-color: #ffffff !important;
}

/* headline */
div#headline {
  color: #4c9ed9;
  background-color: #29a8b7;
}

/* top_header */
div#top_header {
  color: #ffffff;
  background-color: #2aaab6;
}

/* navbar-header */
nav.navbar {
  background-color: #000000;
  }

        @media screen and (min-width: 768px) {
              body:not(.on-scroll) header.home nav.navbar {
          background-color: rgba(0,0,0,0);
        }
          }
  
nav.navbar .navbar-brand .navbar-title {
  color: #ffffff;
}

  @media (min-width: 768px) {
  nav {
    height: 70px  }
}

  nav.navbar .navbar-collapse {
    justify-content: center !important;
  }

  nav.navbar .navbar-brand .navbar-title {
    display: none;
  }

  nav.navbar-minimize .navbar-brand > img {
    top: initial;
    position: initial;
  }

nav > .container-fluid button.navbar-toggler {
  border: 1px solid #29a8b7 !important;
  background-color: #29a8b733;

}

nav > .container-fluid button.navbar-toggler path {
  color: #29a8b7;
}

nav.navbar .navbar-nav a {
  color: #29a8b7;
          font-size: 1rem;
      }

nav.navbar .navbar-nav a:hover,
nav.navbar .navbar-nav a:focus
{
  color: #ffffff;
}

nav.navbar .navbar-nav a:active, nav.navbar .navbar-nav a.menu-active-link {
  color: #29a8b7 !important;
}

nav.navbar .navbar-nav .dropdown-menu a,
#session-widget .dropdown-menu 
{
  color: #ffffff;
  background-color: #2986cc;
}
nav .dropdown.dropdown-full-screen .dropdown-menu{
  background: #FFF !important;
}

nav.navbar .navbar-nav .dropdown-menu {
  border: 1px solid #2aaab6;
}

nav.navbar .navbar-nav .dropdown-menu a:hover,
nav.navbar .navbar-nav .dropdown-menu a:active,
nav.navbar .navbar-nav .dropdown-menu a:focus
{
  color: #ffffff !important;
  background-color: #ffffff !important;
}
@media (max-width: 768px) {
  nav.navbar .navbar-nav .dropdown-menu a
  {
    color: #29a8b7 !important;
    background-color: #000000 !important;
  }
  nav.navbar .navbar-nav .dropdown-menu a:hover,
  nav.navbar .navbar-nav .dropdown-menu a:active,
  nav.navbar .navbar-nav .dropdown-menu a:focus
  {
    color: #ffffff !important;
  }
}

/* dans le cas où le fond du menu est transparent */
@media screen and (min-width: 768px) {
      body:not(.on-scroll) nav.navbar .navbar-nav a {
      color: #ffffff !important;
    }
    body:not(.on-scroll) nav.navbar .navbar-nav a:active, body:not(.on-scroll) nav.navbar .navbar-nav a.menu-active-link {
      color: #29a8b7 !important;
    }

    body:not(.on-scroll) nav.navbar .navbar-nav a:hover,
    body:not(.on-scroll) nav.navbar .navbar-nav a:focus
    {
      color: #bcbcbc !important;
    }
  }

/* Entete 2 */
#bottom_header {
  background-color: #f1f1f1;
  color: #23282d;
}

/* Aside */
aside {
  color: #29a8b7 !important;
  background-color: #ffffff !important;
}

aside .tab-content a, aside .tab-content a:hover {
  color: #29a8b7 !important;
  font-weight: bold;
}

/* Footer */
footer #bandeau01{
  background-color: #000000;
}
footer #bandeau01, footer #bandeau01 a:not(.dropdown-item), footer #bandeau01 a:not(.dropdown-item):visited{
  color: #ffffff;
}
footer #bandeau02{
  background-color: #ffffff;
}
footer #bandeau02, footer #bandeau02 a:not(.dropdown-item), footer #bandeau02 a:not(.dropdown-item):visited{
  color: #ffffff;
}
footer #copyright{
  background-color: #000000;
}
footer #copyright, footer #copyright a, footer #copyright a:visited{
  color: #ffffff;
  background-color: #000000;
}


footer #copyright_links{
        text-align: right;
  }

/* Fil d'Ariane */
.breadcrumb a {
  color: #2aaab6;
}

/* Donnees generiques */
.breadcrumb-steps .breadcrumb-item.active{
    color: #FFF !important;
    background-color: #2aaab6 !important;
}
.breadcrumb-steps li.active::after {
    border-left-color: #2aaab6 !important;
}
.breadcrumb-steps li.active::before{
    background-color: #2aaab6 !important;
}

/* Widget Listes */
.listItems .item .title{
    color: #2aaab6;
}
.listItems.lines .item .putForward,
.listItems .item .putForward .highlight{
    color: #2986cc !important;
}
.listItems .item .badge.highlight{
    background-color: #2986cc;
}
.listItems .item .putForward .prixInfo{
    color: #2986cc;
}
.listItems .item .badge.badge-percent.highlight{
    background-color: #ffffff;
    color: white;
}
.sliderBlock .carousel .item{
    background-color: #ffffff;
}
.listItems h3, .sliderBlock h3, .text_widget h3, .newsletter_subscribe_widget h3, .creadif_subscribe_widget h3, .slider_widget h3, .widget-passport-eligibility-title{
    background-color: #2aaab6;
}
.list-group-item-action, .list-group button.list-group-item, .list-group a.list-group-item {
    color: #29a8b7;
    background-color: #ffffff;
}
.list-group-item-action:hover, .list-group button.list-group-item:hover, .list-group a.list-group-item:hover, .list-group-item-action:focus, .list-group button.list-group-item:focus, .list-group a.list-group-item:focus {
    color: #29a8b7;
    background-color: #ffffff;
}
.list-group .list-group .list-group-item {
    color: initial;
    background-color: initial;
}
.listItems.mosaic .item .desc-footer > .desc-footer-body > div.price, 
.listItems.mosaic .item .desc-footer > .desc-footer-body > div.price .highlight,
.listItems.product-carousel-widget .item .desc-header-body > div.price,
.listItems.product-carousel-widget .item .desc-header-body > div.price .highlight{
    background-color: #2aaab6;
    color: #ffffff;
}
.listItems.mosaic .item .desc-footer > .desc-footer-body > div:last-child,
.listItems.product-carousel-widget .item .desc-header-body > div.offer_link,
.listItems.lines div.offer_link {
    background-color: #e6d5c3 !important;
    color: #ffffff !important;
}
.listItems.mosaic .item .desc-upper, .listItems.immo-carousel-widget .item .desc-upper {
    background-color: false !important;
    color: false !important;
}
.listItems.mosaic .item .desc-upper p, .listItems.immo-carousel-widget .item .desc-upper p {
    color: false !important;
}

/* @end Widget Listes */
/* Widget Tracking Cookies Box */
#cookies_info_box.box, #cookies_info_box .modal-body, #cookies_info_box .modal-footer{
  color: #ffffff !important;
  background-color: #29a8b7 !important;
}
#cookies_info_box button.btn_refuse{
  color: #ffffff;
  background-color: #537662;
}
#cookies_info_box button.btn_validate{
  color: #ffffff;
  background-color: #ffffff;
}
/* @end Widget Tracking Cookies Box */
/* ProduitsVoyages */
#produits #blocTitre h1{
    color: #29a8b7;
}

#navigationFilters h5#titleSearchToggle, #navigationFilters h5#title-num-total {
    color: #2aaab6;
    background-color: #ffffff;
}

#navigationFilters .slider-container .ui-widget-header {
  background-color: #29a8b7 !important;
}
#navigationFilters .slider-container .slider-labels #slider-min-price,
#navigationFilters .slider-container .slider-labels #slider-max-price {
  color: #2986cc !important;
}
#navigationFilters #form_filters .filter-title {
  background-color: #29a8b7;
}
.background-novisual {
  background-color: #29a8b7;
}
#produits #lst-filtres .filter-enabled {
  background-color: #29a8b7;
}
#produits .listItems .item .badge.highlight{
  background-color: #29a8b7;
}
#produits .listItems{
    font-family: 'Archivo Narrow', sans-serif;
}
.fiche-produit #blocTitre h1{
  color: #2986cc;
}
.fiche-produit #product_tabs a{
  color: #2986cc !important;
  background-color: #e6d5c3 !important;
}
.fiche-produit #product_tabs > li > a.active {
  color: #FFF !important;
  background-color: #2aaab6 !important;
}
.fiche-produit #blocPrix .prix{
  color: #2986cc;
}
.fiche-produit #blocPrix .prixInfo{
  color: #2986cc;
}
.fiche-produit .departure .price{
  color: #29a8b7 !important;
}
.fiche-produit .promo{
  background-color: #29a8b7;
}
.fiche-produit .btn-dates {
  background-color: #29a8b7;
  border-color: #29a8b7;
}
.fiche-produit tr.detail-line-info {
  background-color: #e6d5c3;
}
.fiche-produit #carousel-ficheprod .carousel-inner {
  height: 500px;
}
.fiche-produit #carousel-ficheprod .carousel-inner .gallery-img {
  height: 250px;
}

/* Widget Eligibilité passeport */
.widget-passport-eligibility .widget-passport-eligibility-form-title,
.passport_eligibility_widget_daterangepicker td.active {
    background-color: #e6d5c3 !important;  
}
.widget-passport-eligibility input, .widget-passport-eligibility .autocompleter-choices .fa {
    color: #e6d5c3 !important;
}

/* @end ProduitsVoyages */
/* Moteur de recheche voyage */
#moteur.columnBlock, #moteur.columnBlock:hover{
    background-color: #ffffff;
}
#moteur.columnBlock h3, #moteur.columnBlock #searchArea .number{
    color: #000000;
}

#moteur.foregroundBlock, #homeContainer #moteur{
    background-color: rgba(255, 255, 255, 0);
}

#moteur.foregroundBlock h3, #moteur.foregroundBlock #searchArea .number, #homeContainer #moteur h3, #homeContainer #moteur #searchArea .number{
    color: #ffffff;
}

#moteur form .btn{
    color: #ffffff;
    background-color: #000000;
}

#moteur .slider-handle{
    background-color: #000000;
    background-image: linear-gradient(to bottom, #000000 0%, #000000 100%)
    }
#moteur .bootstrap-tagsinput .tag{
    background-color: #29a8b7 !important;
}
/* @end Moteur de recheche voyage */

/* Page Contact */
#coordonnees_list > .nav.nav-tabs > li.nav-item > a:not(.active){
  background-color: #ffffff !important;
  color: #ffffff !important;
}
#coordonnees_list > .nav.nav-tabs > li.nav-item > a:not(.active):hover{
  background-color: #29a8b7 !important;
  color: #ffffff !important;
}
#coordonnees_list > .nav.nav-tabs > li.nav-item > a.active{
  background-color: #29a8b7 !important;
  color: #ffffff !important;
}
#coordonnees_list .titreSection, #contact .titreSection {
    color: #ffffff;
    background-color: #29a8b7;
}
/* @end Page Contact */

/* Moteur de recheche immo */
#moteurImmo.columnBlock, #moteurImmo.columnBlock:hover{
    background-color: false;
}
#moteurImmo.columnBlock h3, #moteurImmo.columnBlock #searchArea .number{
    color: false;
}

#moteurImmo.foregroundBlock, #homeContainer #moteurImmo{
    background-color: false;
}

#moteurImmo.foregroundBlock h3, #moteurImmo.foregroundBlock #searchArea .number, #homeContainer #moteurImmo h3, #homeContainer #moteurImmo #searchArea .number{
    color: false;
}

#moteurImmo form .btn{
    color: false;
    background-color: false;
}

#moteurImmo .slider-handle{
    background-color: false;
    background-image: linear-gradient(to bottom, false 0%, false 100%)
    }
#moteurImmo .bootstrap-tagsinput .tag{
    background-color: false !important;
}
/* @end Moteur de recheche immo */


/* Immo */
@media screen and (min-width: 768px) {
  .property #property-carousel{
    height: 360px !important;
  }
  .property #property-carousel .carousel-inner {
    height: 360px !important;
  }
}
/* @end Immo */

/* Immo widget map */
div.immo-map-widget h3 {
  background-color: false !important;
}

div.immo-map-widget div.immo-map-widget-container > svg#france .region path {
  fill: false !important;
}
div.immo-map-widget div.immo-map-widget-container > svg#france .region:not(.disable):hover path, div.immo-map-widget div.immo-map-widget-container > svg#france .region:not(.disable):active path {
  fill: false !important;
}
div.immo-map-widget div.immo-map-widget-container > svg#france .region.disable path {
  fill: false !important;
}
div.immo-map-widget div.immo-map-widget-container > svg#france .region.disable:hover path, div.immo-map-widget div.immo-map-widget-container > svg#france .region.disable:active path {
  fill: false !important;
}
div.immo-map-widget div.immo-map-widget-container > svg#france .region:not(.disable) .num-properties circle {
  fill: false !important;
}
div.immo-map-widget div.immo-map-widget-container > svg#france .region:not(.disable):hover .num-properties circle, div.immo-map-widget div.immo-map-widget-container > svg#france .region:not(.disable):active .num-properties circle {
  fill: false !important;
}
div.immo-map-widget div.immo-map-widget-container > svg#france .region:not(.disable) .num-properties text {
  fill: false !important;
}
div.immo-map-widget div.immo-map-widget-container > svg#france .region:not(.disable):hover .num-properties text, div.immo-map-widget div.immo-map-widget-container > svg#france .region:not(.disable):active .num-properties text {
  fill: false !important;
}
/* @end Immo widget map

/* Immo navigation */
#navigationFiltersImmo h5#titleSearchToggle, #navigationFiltersImmo h5#title-num-total {
    color: false;
    background-color: false;
}
#properties > a.toggle-menu-responsive {
    color: false;
    background-color: false;
}
#navigationFiltersImmo .slider-container .ui-widget-header {
  background-color: false !important;
}
#navigationFiltersImmo .slider-container .slider-labels #slider-min-price,
#navigationFiltersImmo .slider-container .slider-labels #slider-max-price {
  color: false !important;
}
#navigationFiltersImmo .filter-title {
  background-color: false;
}
.background-novisual {
  background-color: false;
}
#properties #lst-filtres .filter-enabled {
  background-color: false;
}
#properties .listItems .item .badge.highlight{
  background-color: false;
}
/* @end Immo Navigation */

/* Variables génériques */
.btn-color-custom {
  background-color: #2aaab6 !important;
  border-color: #2aaab6 !important;
  color: #ffffff !important;
}
.btn-color-custom:hover {
  background-color: #ffffff !important;
  color: #ffffff !important;
}
.btn-color-custom:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 2px 0.2rem #2aaab6 !important;
}
/* @end variables génériques */

/* Maps */
.maps-container .maps-inputs .maps-search-field > .maps-search-field-container {
  border: 2px solid false !important; 
}
.maps-container .maps-inputs .maps-search-field > .maps-search-field-container > .fa {
  color: false !important;
  background-color: false !important;
}
.maps-container .maps-inputs .separator {
  border-top: 1px solid false !important;
}
.maps-container .maps-inputs .separator > .label > span {
  color: false;
}
.maps-container .maps-inputs .maps-geolocation > a.maps-geolocation-btn {
  color: false !important;
  background-color: false !important;
}
.maps-container .maps-inputs .maps-geolocation > a.maps-geolocation-btn:hover {
  color: false !important;
  background-color: false !important;
}
/* @end Maps */

/* Blog */
.blog-category h2 {
        font-size: 32px !important;
      }
.blog-article .blog-article-body > h2, .blog_edito .blog-article > h2, .blog_edito a.blog-article-link > h2 {
        font-size: 28px !important;
      }
.blog_edito a.blog-article-link h2{
  color: #29a8b7 !important;
}
.blog_edito a.blog-article-link:hover h2{
  color: #e6d5c3 !important;
}
.blog-categories a {
  color: #29a8b7 !important;
}

.blog-categories a:hover {
  color: #e6d5c3 !important;
}

.blog-categories a.active {
  color: #e6d5c3 !important;
  background-color: unset !important;
}

.blog_pagination .pagination .previous_page, .blog_pagination .pagination .next_page, .blog_pagination .pagination .current, .blog_pagination .pagination .gap, .blog_pagination .pagination a {
  background-color: #29a8b7 !important;
  color: #ffffff !important;
}

.blog_pagination .pagination .disabled, .blog_pagination .pagination .current, .blog_pagination .pagination .gap { 
  background-color: #2aaab6 !important;
  color: #ffffff !important;
}

.blog_pagination .pagination a:hover {
  background-color: #2aaab6 !important;
  color: #ffffff !important;
}

.widget-last-blog-article a.blog-article-link {
  color: #2aaab6 !important;
}

.widget-last-blog-article a.blog-article-link:hover {
  color: #29a8b7 !important;
}

/* @end Blog */

                              
#section8 {
      background-color: rgba(255, 255, 255, 0);
  
        padding: 0px;
  
  
  
      padding-left: 200px;
  
      padding-right: 200px;
  
  
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 25%;
  
}



@media (min-width: 768px) {
  #section8 {
          margin-top: -150px;
    
      }
}
                  
#section9 {
      background-color: #ffffff;
  
    
  
  
      padding-left: 200px;
  
      padding-right: 200px;
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section9 {
    
      }
}
                  
#section15 {
      background-color: #e6d5c3;
  
        padding: 15px;
  
  
  
  
  
  
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section15 {
    
      }
}
                  
#section26 {
      background-color: #e6d5c3;
  
    
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section26 {
    
      }
}
                  
#section28 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section28 {
    
      }
}
                  
#section30 {
      background-color: #e6d5c3;
  
    
  
  
  
  
  
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
            background-attachment: fixed;
      
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}

    #section30 #carousel-background-30 .carousel-item-1{
    background-image: url(/system/media/files/medias/000/001/013/original/polar-aurora-6983455_1920.jpg);
  }
    #section30 #carousel-background-30 .carousel-item-2{
    background-image: url(/system/media/files/medias/000/001/014/original/namibia-4790487_1920_-1.jpg);
  }
    #section30 #carousel-background-30 .carousel-item-3{
    background-image: url(/system/media/files/medias/000/001/016/original/horseshoe-bend-1908283_1920.jpg);
  }
    #section30 #carousel-background-30 .carousel-item-4{
    background-image: url(/system/media/files/medias/000/001/017/original/mountain-477832_1920.jpg);
  }
    #section30 #carousel-background-30 .carousel-item-5{
    background-image: url(/system/media/files/medias/000/001/018/original/egypt-2267089_1920.jpg);
  }
  

@media (min-width: 768px) {
  #section30 {
    
      }
}
                  
#section32 {
      background-color: #e6d5c3;
  
        padding: 15px;
  
  
  
  
  
  
      background-image: url("/system/media/files/medias/000/000/984/original/beach-1921598_1920.jpg");
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 50%;
  
      background-position-y: 50%;
  
}



@media (min-width: 768px) {
  #section32 {
    
      }
}
                  
#section38 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section38 {
    
      }
}
                  
#section40 {
      background-color: #e6d5c3;
  
        padding: 15px;
  
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section40 {
    
      }
}
                  
#section43 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
      background-image: url("/system/media/files/medias/000/001/027/original/beach-1955371_1920.jpg");
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section43 {
    
      }
}
                  
#section46 {
      background-color: #ffffff;
  
    
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section46 {
    
      }
}
                  
#section47 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section47 {
    
      }
}
                  
#section48 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
      background-image: url("/system/media/files/medias/000/001/029/original/desert-9449133_1920.jpg");
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 20%;
  
}



@media (min-width: 768px) {
  #section48 {
    
      }
}
                  
#section49 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section49 {
          margin-top: -120px;
    
      }
}
                  
#section50 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
      background-image: url("/system/media/files/medias/000/001/032/original/illustration-japon-mont-fuji-01.jpg");
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section50 {
    
      }
}
                  
#section53 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
      background-image: url("/system/media/files/medias/000/001/042/original/petra-4982348_1920.jpg");
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section53 {
    
      }
}
                  
#section56 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
      background-image: url("/system/media/files/medias/000/001/043/original/laughing-bird-3817951_1920.jpg");
  
            background-size: cover;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section56 {
    
      }
}
                                                  
#section2 {
      background-color: #ffffff;
  
        padding: 0px;
  
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section2 {
    
      }
}
                  
#section18 {
      background-color: #ffffff;
  
    
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section18 {
    
      }
}
                                                  
#section34 {
      background-color: #ffffff;
  
        padding: 15px;
  
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section34 {
    
      }
}
                                                  
#section33 {
      background-color: #000000;
  
        padding: 15px;
  
  
  
  
  
  
  
            background-size: auto;
      
            background-repeat: no-repeat;
      
        
      background-position-x: 0%;
  
      background-position-y: 0%;
  
}



@media (min-width: 768px) {
  #section33 {
    
      }
}
                                                    #section54 {
                          right: 0;
              bottom: 0;
              max-width: 25vw;
                      }
          #section54 > div  {
                          background-color: rgba(255, 255, 255, 0);
                                      padding: 10px;
                                      margin: 10px;
                        border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
          }