html, body {
          font-family:'Open Sans', 'sans-serif';
          font-size:14px;
          margin:0;
         padding:0;
        height:100%;
}
h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, inpot, button{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6{ line-height: 1.5; font-weight: inherit; }
p{ line-height: 1.6; font-size: 1em; font-weight: 400; color: #777; }
.section{ padding: 50px 0 50px; border-bottom: 1px solid #a59e9e; }
.section .heading{ margin-bottom: 60px; }
.section .heading:before{ content:''; height: 25px; width: 25px; border-radius: 5px;
	margin-bottom: 20px; display: block; background: #FF4000; }	
.margin-t-10{ margin-top: 10px; }
.margin-b-30{ margin-bottom: 30px; }
.margin-b-50{ margin-bottom: 50px; padding-left: 20px;}
.margin-tb-30{ margin-top: 30px; margin-bottom: 30px; }
.font-yellow{ color: #FFA600; }
.font-semi-white{ color: #ddd; }
.font-lite-black{ color: #999; }
.about-section{ padding: 120px 0 50px; border-bottom: 1px solid #a59e9e;  }    
        .experience{border: 3px; border-color: red;}

.pad-adjust {
    padding-top: 5px; 
    padding-bottom: 5px;
}

.text-center {
    text-align:center;
}

p {
    font-weight:300;
    line-height:30px;
    padding-bottom:20px;
}

.space-free {
    height:100px;
}


.g-pad-bottom {
    padding-bottom:40px;
}
.part-back-trans {     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

section {
    padding-top:50px;
}

.navbar {
    padding:10px;
     -webkit-transition: background .8s ease-out,padding .8s ease-out;
        -moz-transition: background .8s ease-out,padding .8s ease-out;
        transition: background .8s ease-out,padding .8s ease-out;
}
.navbar-pad-original {
      padding:0px;
}

.navbar-inverse .navbar-nav > li > a {
color: #FFF;
}

.navbar-inverse .navbar-brand {
color: #FFF;
}

.navbar-inverse {
background-color: rgba(200, 173, 124, 1);
border-color: rgba(200, 173, 124, 1)
}
 



.head-btn-one {
    background-color: rgba(20, 173, 124, 1);
     border: 0px solid #fff;

}

#home {
    padding-top:130px;
    padding-bottom:200px;
    color:#fff;
    
  height: 100vh;
    -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;

}
        
        #music {
    padding-top:130px;
    padding-bottom:200px;
    color:#fff;
    
 
    -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;

}
        
        #v1 {
    padding-top:130px;
    padding-bottom:200px;
    color:#fff;
    
 
    -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;

}
#content {
  position: relative;
  top: 35%;
  transform: translateY(-90%);
}
.head-main {
    font-size:50px ;
    font-weight:900;
    color: red;
}

.head-last {
    font-size:20px ;
    font-weight:300;
    padding:5px 20px 20px 20px;
    color:red;
}

.btn-lg, .btn-group-lg > .btn {
border-radius: 0px; 

}





#carousel-example {
    margin-top:50px;

}
.slide-custom {
    min-height:200px;
    padding:20px;
    line-height:30px;
}
h4 i{
   padding:5px;
}
.user-img {
border: 2px solid #fff;
overflow: hidden;
border-radius: 50%;
display: inline-block;
}

.img-u {
   max-height: 90px;
max-width: 90px;
}

.c-black {
    color:#fff;
    font-style: italic;
font-size: 20px;
padding: 5px;
}


.plan {
   
    padding: 0 0 15px 0;
    margin: 30px 0px;
    list-style: none;
    text-align: center;
  
}

.plan li {
    padding: 20px 0px;
    color: #434749;
}

.price {
    font-size:30px;
}

.stats-div {
    text-align:center;
    width: 100%;
    min-height: 100px;
    padding: 30px 20px 30px 20px;
    color:#fff;
}

.stats-div > h3 {
    font-size:60px;
    font-weight:900;
}


#contact-inner {
    padding-bottom:60px;
    padding-bottom:50px;
}



.color-bg-1 {
    background-color:rgba(200, 173, 124, 1)!important;
    color:#fff;
}
        
.color-bg-2 {
    background-color:rgb(239, 231, 218)!important;
     
}
.color-white {
   background-color:#fff!important;
}
#add {
    font-size:30px;
    line-height:40px;
    
}
#contact-inner .form-control {
   
    height: 55px;
}



.scl {
    background:rgba(20, 173, 124, 1);
    
    color:#fff;
}
    .scl h4 {
        font-size:40px;
    }
    .scl a {
        color:#fff;
    }
.scl-dark-bk {
    background:rgb(125, 123, 134);
}





        
        
        .fond{position:absolute;padding-top:85px;top:0;left:0; right:0;bottom:0;
 background-color:#00506b;}

.style_prevu_kit
{
    display:inline-block;
    border:0;
    width:196px;
    height:210px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.style_prevu_kit:hover
{
    box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
}

        
        
        
        #myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}   
        
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f00' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}    
.d-block{display:block!important;}  
.w-100{width:100%!important;}  
        .carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}
.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}
.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}
.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}
.carousel-indicators .active{background-color:#fff}
        
  
        
        
  .carousel .carousel-indicators li{width:.625rem;height:.625rem;-webkit-border-radius:50%;border-radius:50%;cursor:pointer}.carousel-fade .carousel-item{opacity:0;-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}      
        
   .carousel-indicators li{height:1.25rem;width:1.25rem;max-width:1.25rem;}
    .carousel-multi-item .carousel-indicators .active{height:1.56rem;width:1.56rem;max-width:1.56rem;}
   .carousel-multi-item .controls-top{text-align:center;margin-bottom:1.88rem}
   .carousel-multi-item .controls-top .btn-floating{background:#4285f4}
   .carousel-multi-item .carousel-indicators{margin-bottom:-2em}
    .carousel-multi-item .card-cascade.narrower{margin-top:1.25rem;margin-bottom:.3rem}
        
     @media (min-width:768px){.carousel-multi-item .col-md-4{float:left;width:33.333333%;max-width:100%}}@media only screen and (max-width:992px){.carousel-multi-item .carousel-indicators li{margin-bottom:-1.88rem}}.carousel-thumbnails{margin-bottom:5rem}.carousel-thumbnails .carousel-indicators{margin-bottom:-4.69rem;position:absolute}.carousel-thumbnails .carousel-indicators li{height:auto;width:6.25rem;max-width:6.25rem;border:none}.carousel-thumbnails .carousel-indicators .active{height:auto;width:auto;opacity:.5}.carousel-thumbnails .carousel-indicators img{max-width:6.25rem;height:auto;overflow:hidden;display:block}@media only screen and (max-width:540px){.carousel-thumbnails{margin-bottom:3.75rem}.carousel-thumbnails .carousel-indicators{margin-bottom:-3.44rem}}.stepper li a{padding:1.5rem;font-size:.88rem;text-align:center}.stepper li a .circle{display:inline-block;color:#fff;-webkit-border-radius:50%;border-radius:50%;background:rgba(0,0,0,.38);width:1.5rem;height:1.5rem;text-align:center;line-height:1.5rem;margin-right:.5rem}.stepper li a .label{display:inline-block;color:rgba(0,0,0,.38)}.stepper li.active a .label,.stepper li.completed a .label{font-weight:600;color:rgba(0,0,0,.87)}.stepper-horizontal{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.stepper-horizontal li{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.stepper-horizontal li a .label{margin-top:.63rem}.stepper-horizontal li:not(:last-child):after{content:"";position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:.5rem 0 0 0;height:1px;background-color:rgba(0,0,0,.1)}.stepper-horizontal li:not(:first-child):before{content:"";position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:.5rem 0 0 0;height:1px;background-color:rgba(0,0,0,.1)}.stepper-horizontal li:hover{background:#ddd}@media (max-width:47.9375rem){.stepper-horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.stepper-horizontal li{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.stepper-horizontal li a .label{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;margin-top:.2rem}.stepper-horizontal li:not(:last-child):after{content:"";position:absolute;width:1px;height:-webkit-calc(100% - 40px);height:calc(100% - 40px);left:2.19rem;top:3.75rem}}.stepper-vertical{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.stepper-vertical li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}.stepper-vertical li a{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.stepper-vertical li a .circle{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.stepper-vertical li a .label{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;margin-top:.2rem}.stepper-vertical li.completed a .label{font-weight:500}     
          
   .img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}
        
    .img-fluid{max-width:100%;height:auto}     
     .img-fluid{display:inline}   
        
        
     .title { font-family: Verdana; font-weight: 600; font-size: 65px; color: #FF4000; text-align: center; } 
        .subtitle { font-family: Verdana; font-size: 20px; color: #FF4000};    
        
       .explore {  text-align: center; margin-top: 10px; }  .explore .btn-lg, .explore .btn-lg:hover {  border-radius: 30px; padding: 15px 25px; font-size: 22px; background-image: none; background-color: #FF4000; border-color: #FF4000; color: #ffffff; } .btn,.btn:hover { border-radius: 0px; background-image: none;  background-color: #FF4000; border-color: #FF4000; color: #ffffff; margin-bottom: 20px;  box-shadow: none; outline: none;  } .btn:focus,.btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,.btn.active.focus { color: #ffffff;  outline: none;  }
        
        #footer-main {background-color: black; color: white; font-size: 0.8rem; padding: 2.5rem 0; }#footer-main h6 { color:white; padding: 0 0 0 30px; }  @media (max-width:640px) {.covertext { position: absolute; /* To make the div to be place anywhere. It is out of the document flow */  top: 70px; /* The distance between the div with the top of document */ left: 0px; /* Make the div full width */ right: 0px; /* Make the div full width */ z-index: 999; }  .title {  font-family: Verdana;font-weight: 600; font-size: 25px;color: orangered; text-align: center; }.subtitle { font-family: Verdana; font-size: 15px;color: orangered; text-align: center;}.btn, .btn:hover { border-radius: 0px; background-image: none; background-color: #FF4000;border-color: #FF4000; color: #ffffff;  margin-bottom: 10px; box-shadow: none; outline: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,.btn.active.focus { color: #ffffff; outline: none;}} 
        
       
     
        
        
        
        /* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
 
  .column img {
    padding-right: 100px;
      border-radius: 0%;
      width:"300"; 
      height:"320"
  }
  
    #spdiv{
        padding-left:70px;
    }
}
   
   
        
  .title {
    margin-top: 30px;
    margin-bottom: 25px;
    min-height: 32px;
    color: #3C4858;
      font-size: 3em;
    font-weight: 700;
    font-family: "Roboto Slab","Times New Roman",serif;
}



.profile-page .description {
    margin: 0.5 rem auto 0;
    max-width: 600px;
    color: #999;
    font-weight: 300;
}

p {
    font-size: 14px;
    margin: 0 0 10px;
}

.profile-page .profile-tabs {
    margin-top: 2rem;
}
     
        
        
                  
/* Navbar */
.navbar .nav-item {
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 400; }
  .navbar .nav-item.active .nav-link {
    background-color: rgba(255, 255, 255, 0.2); }
  .navbar .nav-item .nav-link {
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    border-radius: 4px; }
    .navbar .nav-item .nav-link.disabled {
      opacity: .5; }
    .navbar .nav-item .nav-link:hover {
      background-color: rgba(255, 255, 255, 0.2); }
  .navbar .nav-item .wrap-icon {
    font-size: 20px; }

.navbar .dropdown .dropdown-menu {
  text-transform: none;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  font-size: .8rem;
  border: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  top: 40px; }
  .navbar .dropdown .dropdown-menu:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px; }
    @media (max-width: 991.98px) {
      .navbar .dropdown .dropdown-menu:before {
        display: none; } }
  .navbar .dropdown .dropdown-menu.active {
    top: 50px;
    visibility: visible;
    opacity: 1; }

.navbar .dropdown.show > a {
  background-color: rgba(255, 255, 255, 0.2); }

.navbar.navbar-dark .nav-item .nav-link {
  color: #fff; }
  .navbar.navbar-dark .nav-item .nav-link:hover {
    color: #fff; }

.navbar.navbar-dark .form-search .form-control {
  border: none;
  border-radius: 0;
  background: transparent;
  border-bottom: 1px solid #fff;
  color: #fff; }
  @media (max-width: 767.98px) {
    .navbar.navbar-dark .form-search .form-control {
      width: 100%; } }
  .navbar.navbar-dark .form-search .form-control::-webkit-input-placeholder {
    color: #fff; }
  .navbar.navbar-dark .form-search .form-control::-moz-placeholder {
    color: #fff; }
  .navbar.navbar-dark .form-search .form-control:-ms-input-placeholder {
    color: #fff; }
  .navbar.navbar-dark .form-search .form-control:-moz-placeholder {
    color: #fff; }

.navbar.navbar-dark .form-search button {
  width: 40px;
  height: 40px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 14px;
  color: #888;
  background: none;
  border: none;
  background-color: #fff; }
  .navbar.navbar-dark .form-search button:hover, .navbar.navbar-dark .form-search button:active, .navbar.navbar-dark .form-search button:focus {
    outline: none; }
  @media (max-width: 767.98px) {
    .navbar.navbar-dark .form-search button {
      right: 20px;
      position: absolute; } }

.navbar.bg-primary {
  -webkit-box-shadow: 0 2px 5px -2px rgba(243, 69, 115, 0.5);
  box-shadow: 0 2px 5px -2px rgba(243, 69, 115, 0.5); }

.navbar.bg-success {
  -webkit-box-shadow: 0 2px 5px -2px rgba(127, 187, 0, 0.5);
  box-shadow: 0 2px 5px -2px rgba(127, 187, 0, 0.5); }

.navbar.bg-info {
  -webkit-box-shadow: 0 2px 5px -2px rgba(28, 199, 208, 0.5);
  box-shadow: 0 2px 5px -2px rgba(28, 199, 208, 0.5); }

.navbar.bg-danger {
  -webkit-box-shadow: 0 2px 5px -2px rgba(236, 28, 36, 0.5);
  box-shadow: 0 2px 5px -2px rgba(236, 28, 36, 0.5); }

.navbar.bg-secondary {
  -webkit-box-shadow: 0 2px 5px -2px rgba(108, 117, 125, 0.5);
  box-shadow: 0 2px 5px -2px rgba(108, 117, 125, 0.5); }      
      



.card.purple {
  background: linear-gradient(150deg, #f731db, #4600f1 100%);
}

.card.lightcolor {
    
    /*https://www.schemecolor.com/light-blue-gradient-color-scheme.php*/
  /*background: linear-gradient(180deg,  #c3cfe2, #f5f7fa 100%);*/
    /*opacity: 0.5;*/
    background-color: rgba(225, 225, 225, 0.0);
    border: 0px;
}

.card.ft {
    
    /*https://www.schemecolor.com/light-blue-gradient-color-scheme.php*/
  /*background: linear-gradient(180deg,  #c3cfe2, #f5f7fa 100%);*/
    /*opacity: 0.5;*/
    background-color: rgba(225, 225, 225, 0.0);
    border: 0px;
}

.card.pt {
    
    /*https://www.schemecolor.com/light-blue-gradient-color-scheme.php*/
  /*background: linear-gradient(180deg,  #c3cfe2, #f5f7fa 100%);*/
    /*opacity: 0.5;*/
    background-color: rgba(121, 181, 200, 0.5);
    border: 0px;
}

.card.vvd {
    
    margin-top: 10px; 
    margin-left: 10px;
    margin-right:10px;
    padding: 0px; 
    opacity: 1.0;
    border: 2px;
    border-color: chartreuse;
}

.card.award {     
    
  /*background: rgba(255, 245, 238, 0.95) !important; */
  background: rgba(220, 220, 220, 1.0) !important;
  background: rgb(236, 239, 240) !important;
    opacity: 1.0;    
    
}

.card.game{     
    
    margin-left: 0px;
    margin-right:0px;
     
    opacity: 1;
    
}

.card-body.words{     
    
    padding-top: 0px; 
}
      
.video{
    
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 5px;
    background-color: white;
}
    
.videodes{
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 10px;
    background-color: white;
}


p.anormal {
  font-weight: normal;
}


p.alight {
  text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 1px;
    
   /*font-size: 10pt;*/
    font-size: 0.9em; /* 14px/16=0.875em */    
    line-height: 10pt;

}

p.athick {  
    font-weight: bold;
    text-align: center;
    
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    
    color:black;
    font-size: 12pt;
    font-size: 1em; /* 14px/16=0.875em */
    
    line-height: 12pt;
    
}

.card-header {
  background-color: rgba(181, 185, 185, 0.459);
}



.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-body {
  position: relative;
  padding: 0px;
}
.close {

  position: absolute;
  right: -150px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: rgb(141, 19, 19);
  opacity: 1;
}
.card-img-top{
  cursor: pointer;
}

 .footerx {
   position: fixed;
   
   bottom: 0;
   width: 100%;
   color: rgb(39, 14, 15);
   padding: 5px;
   text-align: center;
   font-weight: bold;
     
    font-size: 12pt;
    font-size: 1em; /* 14px/16=0.875em */
    
    line-height: 12pt;
}   

.footer {
  position: static
  fixed; bottom: 0;
  width: 100%;
   color: rgb(23, 14, 39);
   padding: 5px;
   text-align: center;
   font-weight: bold;
     
    font-size: 12pt;
    font-size: 1em; /* 14px/16=0.875em */
    
    line-height: 12pt;
}


@media only screen and (max-width: 900px) {
  .footerx {    
    position:initial;
    width: 100%;
    color: rgb(15, 15, 15);
    padding: 5px;
    text-align: center;
    font-weight: bold;
      

 }   

}