:root {
   }
/*-- ==================================-=================================== --*/
/*-- ==  G A L L E R Y                                                   == --*/
/*-- ==================================-=================================== --*/
   #gallery {
                                  width: 100%;
                                 height: 600px;
                               overflow: none;
                   -moz-webkit-overflow: none;
   }
/*-- ==================================-=================================== --*/
   .sb_box h3 {
                                  color: #E0E0E0;
                       background-color: #826641;
                                 border: 1px solid #D0D0D0;
                          border-radius: 7px;
                                padding: 7px;
                            text-shadow: 2px 2px #333;
                             text-align: center;
   }
/*-- ==================================-=================================== --*/
   .ads_250x250 {
                          margin-bottom: 20px;
   }
/*-- ==================================-=================================== --*/
   #gallery h4 {
                                  color: #E0E0E0;
                       background-color: #826641;
                                 border: 1px solid #000;
                          border-radius: 7px;
                                 margin: 10px;
                                padding: 5px;
                            text-shadow: 1px 1px #333;
                             text-align: center;
   }
/*-- ==================================-=================================== --*/
   .ogr_list li {
                                  color: #cf560d;
                                 margin: 0 0 10px;
                                padding: 3px 0 3px 25px;
                             background: transparent url(../images/ogr_list_2.jpg)
                                         scroll 0 8px
                                         no-repeat;
                         pointer-events: auto;
                                 cursor: pointer;
   }
/*-- ==================================-=================================== --*/
   #listCover {
                               position: absolute;
                                    top: 500px;
                                  width: 280px;
                                 height: 350px;
                                display: none;
                         pointer-events: auto;
                                 cursor: pointer;
                                 border: 0px solid red;
                                z-index: 100;
   }
/*-- ==================================-=================================== --*/
   .sb_box {
                                  width: 240px;
                                 height: 330px;
                                padding: 0 20px 20px;
                          margin-bottom: 10px;
                             background: url(../images/sb_divider.jpg)
                                         bottom
                                         repeat-x;
                               overflow: auto;
   }
/*-- ==================================-=================================== --*/
   #target {
                               position: relative;
                                    top: 50px;
                                 margin: 0 auto;
                                  width: 500px;
                                 height: 400px;
                       background-color: #FFF;
                       background-image: radial-gradient(#FFF, #A63, #000);
                          border-radius: 15px;
                                 border: 1px solid orange;
                                 filter: drop-shadow(7px 7px 8px #000);
   }
/*-- ==================================-=================================== --*/
   #target img {
                                  width: 100%;
                                 height: 100%;
                             object-fit: contain;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #source {
                                display: none;
                                    top: 0px;
                                 margin: 0 auto;
                                    top: -800px;
                                   left: 0px;
                                  width: 500px;
                                 height: 400px;
                       background-color: #FFF;
                       background-image: radial-gradient(#FFF, #A63, #000);
                          border-radius: 15px;
                                 border: 1px solid yellow;
                                 filter: drop-shadow(7px 7px 8px #000);
   }
/*-- ==================================-=================================== --*/
   @keyframes fadeInUp {
   from {
                              transform: translate3d(0px, -1600px, 0px);
      }

   to {
                              transform: translate3d(0px, -350px, 0px);
                                opacity: 1;    
                                  scale: 1.0;
      }
   }
/*-- ==================================-=================================== --*/
   .animated {
                     animation-duration: 3s;
                    animation-fill-mode: both; 
   }
/*-- ==================================-=================================== --*/
   .animatedFadeInUp {
                                opacity: 0;
   }
/*-- ==================================-=================================== --*/
   .fadeInUp {
                                opacity: 0;
                                  scale: 0.1;
                         animation-name: fadeInUp;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #source2 {
                                display: none;
                                    top: 0px;
                                 margin: 0 auto;
                                   left: 0px;
                                  width: 500px;
                                 height: 400px;
                       background-color: #FFF;
                       background-image: radial-gradient(#FFF, #A63, #000);
                          border-radius: 15px;
                                 border: 1px solid red;
                                 filter: drop-shadow(7px 7px 8px #000);
   }
/*-- ==================================-=================================== --*/
   @keyframes fadeInUp2 {
   from {
                              transform: translate3d(0px, -750px, 0px);
      }

   to {
                              transform: translate3d(0px, -350px, 0px);
                                opacity: 1;    
                                  scale: 1.0;
      }
   }
/*-- ==================================-=================================== --*/
   .animated2 {
                     animation-duration: 3s;
                    animation-fill-mode: both; 
   }
/*-- ==================================-=================================== --*/
   .animatedFadeInUp2 {
                                opacity: 0;
   }
/*-- ==================================-=================================== --*/
   .fadeInUp2 {
                                opacity: 0;
                                  scale: 0.1;
                         animation-name: fadeInUp2;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #source3 {
                                display: none;
                                    top: -1200px;
                                 margin: 0 auto;
                                   left: 0px;
                                  width: 500px;
                                 height: 400px;
                       background-color: #FFF;
                       background-image: radial-gradient(#FFF, #A63, #000);
                          border-radius: 15px;
                                 border: 1px solid blue;
                                 filter: drop-shadow(7px 7px 8px #000);
   }
/*-- ==================================-=================================== --*/
   @keyframes fadeInUp3 {
   from {
                              transform: translate3d(900px, -1150px, 0px);
      }

   to {
                              transform: translate3d(0px, -350px, 0px);
                                opacity: 1;    
                                  scale: 1.0;
      }
   }
/*-- ==================================-=================================== --*/
   .animated3 {
                     animation-duration: 3s;
                    animation-fill-mode: both; 
   }
/*-- ==================================-=================================== --*/
   .animatedFadeInUp3 {
                                opacity: 0;
   }
/*-- ==================================-=================================== --*/
   .fadeInUp3 {
                                opacity: 0;
                                  scale: 0.1;
                         animation-name: fadeInUp3;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #source4 {
                                display: none;
                                    top: -1600px;
                                 margin: 0 auto;
                                   left: 0px;
                                  width: 500px;
                                 height: 400px;
                       background-color: #FFF;
                       background-image: radial-gradient(#FFF, #A63, #000);
                          border-radius: 15px;
                                 border: 1px solid green;
                                 filter: drop-shadow(7px 7px 8px #000);
   }
/*-- ==================================-=================================== --*/
   @keyframes fadeInUp4 {
   from {
                              transform: translate3d(-900px, -1150px, 0px);
      }

   to {
                              transform: translate3d(0px, -350px, 0px);
                                opacity: 1;    
                                  scale: 1.0;
      }
   }
/*-- ==================================-=================================== --*/
   .animated4 {
                     animation-duration: 3s;
                    animation-fill-mode: both; 
   }
/*-- ==================================-=================================== --*/
   .animatedFadeInUp4 {
                                opacity: 0;
   }
/*-- ==================================-=================================== --*/
   .fadeInUp4 {
                                opacity: 0;
                                  scale: 0.1;
                         animation-name: fadeInUp4;
   }
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
/*-- ==================================-=================================== --*/
   #target img, #source img, #source2 img, #source3 img, #source4 img {
                                  width: 100%;
                                 height: 100%;
                          border-radius: 15px;
                             object-fit: contain;
   }
/*-- ==================================-=================================== --*/
}

/*-- ==================================-=================================== --*/