body {
  background-color: #fff !important;
}
 .modal {
         padding-top: 100px; /* Location of the box */
         left: 0;
         top: 0;
         width: 100%; /* Full width */
         height: 100%; /* Full height */
         overflow: auto; /* Enable scroll if needed */
         }
         .modal-header {
         display: flex;
         flex-shrink: 0;
         align-items: center;
         justify-content: center;
         padding: 1rem 1rem;
         border-bottom: 1px solid #dee2e6;
         border-top-left-radius: calc(0.3rem - 1px);
         border-top-right-radius: calc(0.3rem - 1px);
         flex-direction: row-reverse;
         }
         /* Modal Content */
         .modal-content {
         background-color: #fefefe;
         margin: auto;
         padding: 20px;
         border: 10px solid #0a5792;
         width: 100%;
         }
         /* The Close Button */
         .close {
         color: #aaaaaa;
         float: right;
         font-size: 28px;
         font-weight: bold;
         position: absolute;
         background: #000;
         padding: 4px 12px;
         }
         .close {
    background: #1f1c1c !important;
    opacity: 1;
    width: 38px;
    height: 43px;
    top: -8px;
    padding: 5px !important;
    right: -10px;
}
         .close:hover,
         .close:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
         }

         img#website-logo {
         width: 120px;
         height: auto;
         }
         @media screen and (max-width: 991.98px) {
         .modal-content {
         width: 100%;
         }
         }
         @media screen and (max-width: 767.98px) {
         .modal-content {
         width: 90%;
         }
         .advertorial-title {
            display: none;
         }
         }




.leftlog img {
    width: 100px;
}
.buton {
  float: right;
  width: 50%;
  text-align: right;
  position: relative;
 top: 16px;
}
.leftlog {
  width: 50%;
  float: left;
}
.buton a {
  background: #f35333;
  padding: 10px 20px;
  padding: ;
  color: #fff;
  border-radius: 5px;
  text-decoration: none !important;
}
.buton a:hover {
  background: ##f35333;
  color: #fff;
}
.update {
  text-align: center;
  font-size: 13px;
  background: #f35333;
  color: #fff;
}   
.button--green:hover {
  opacity: .9;
  text-decoration: none;
  color: #fff;
}  

.container.boder_cont {
  box-shadow: 0 4px 10px 0 rgba(136, 128, 128, 0.2),0 4px 20px 0 rgba(219, 214, 214, 0.1);
  border: 1px solid #fbfcfd;
  margin: 10px auto;
}
footer {
  text-align: center;
}
.post__entry {
  text-align: center;
}
.scoil a {
  color: #fff;
  text-decoration: none;
}
.scoil a:hover {
  color: #f35333;
}
.post__article a:not([class*="button"]), .post__entry a:not([class*="button"]) {
  color: #f35333 !important;
  text-decoration: underline;
}


   .color {
   animation-name: color_change;
   animation-duration: 10s;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   border: none !important;
}
@-webkit-keyframes color_change {
   0% { background-color: #da6e16; }
   25% { background-color: #82da16; }
  50% { background-color: #16dad0; }
   75% { background-color: #d41a82; }
  100% { background-color: #d41a82 }
}
@-moz-keyframes color_change {
   0% { background-color: #da6e16; }
   25% { background-color: #82da16; }
  50% { background-color: #16dad0; }
   75% { background-color: #d41a82; }
  100% { background-color: #d41a82 }
}
@-ms-keyframes color_change {
   0% { background-color: #da6e16; }
   25% { background-color: #82da16; }
  50% { background-color: #16dad0; }
   75% { background-color: #d41a82; }
  100% { background-color: #d41a82 }
}
@-o-keyframes color_change {
   0% { background-color: #da6e16; }
   25% { background-color: #82da16; }
  50% { background-color: #16dad0; }
   75% { background-color: #d41a82; }
  100% { background-color: #d41a82 }
}
@keyframes color_change {
   0% { background-color: #da6e16; }
   25% { background-color: #82da16; }
  50% { background-color: #16dad0; }
   75% { background-color: #d41a82; }
  100% { background-color: #d41a82 }
}
.advtroal {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 99;
}

@media (max-width: 767.98px) { 

.advtroal {
  display: none;
}
.container {
  padding-right: 15px;
  padding-left: 21px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}


 }