/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF SITE SPECIFIC CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** https://css-tricks.com/snippets/css/using-font-face-in-css/ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/ 
/** https://fonts.google.com/ **/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans:wght@400;700&display=swap');


 

:root {
/** "Comic Sans MS" **/
--bs-font-sans-serif: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-primary: #fc4490;
--bs-primary-rgb: 252, 68, 144;
--bs-body-color: #333333;
}

.navbar-brand {
  font-family: 'Montserrat', sans-serif, Arial !important;
  background: transparent url(../images/styleverse_logo.png) left center/38px auto no-repeat; /** width height **/ 
  text-transform: uppercase;
  padding: 13px 0 10px 48px;
  margin :0;
}
footer .navbar-brand, footer .navbar-brand:hover {color:#FFFFFF;background-image: url(../images/styleverse_logo_white.png);}



.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.85);
  border-color: rgba(var(--bs-primary-rgb), 0.85);
}




.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-outline-primary:hover {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-outline-primary:hover .fa-inverse {
  color: var(--bs-primary);
}





.btn_login_1 {width:auto; max-width:80px;font-size:0.7rem;} /** set width for login button after login **/

.fw-bold {
  font-weight: 700 !important;
}

.h_giant {font-size: 2.5rem;}

.bg_2 {background:#ffffff url(../images/bg_2.png) center center/100% auto no-repeat;}
.bg_3 {background:#000000 url(../images/bg_3.png) center center/100% auto no-repeat;}
.bg_4 {background:#ffffff url(../images/bg_4.png) center center/100% auto no-repeat;} 
.bg_belt {background:transparent url(../images/footer_belt.png) center center/auto 100% no-repeat;}
 



.home_cube {
  width:100%; 
  max-width:260px;        
  box-shadow: 0 0 200px #ff0000;
  animation: animation_shadow 5s infinite;
  animation-delay: 5s;
}

@keyframes animation_shadow {
  0% {box-shadow: 0 0 200px #ff0000;}
  50% {box-shadow: 0 0 200px transparent;}
  100% {box-shadow: 0 0 200px #ff0000;}
}















 
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #fc4490;
  border-color: #fc4490;
}
.page-link {
color: #fc4490;
}



a, a:hover {color:#fc4490;}

.max_card_width {width:100%;max-width:420px;}
.max_web_ar_width {width:100%;max-width:414px;}

.nav_breadcrumb {--bs-breadcrumb-divider: '›';}  
.nav_breadcrumb a {color:#999999;text-decoration: none;}

.p_top_bypass {padding-top:54px !important;}




.bg_default {background-color:#fc4490;color:#FFFFFF;}
.bg_default a {color:#FFFFFF;}


.nav-link.active {border-top:solid 5px #fc4490 !important;}








.btn_outline {color:#fc4490;border-color:#fc4490;}
.btn_outline:hover {color:#ffffff;background-color:#fc4490;border-color:#fc4490;}
.btn_outline .fa-stack i:nth-child(2) {color:#ffffff;}
.btn_outline:hover .fa-stack i:nth-child(2) {color:#fc4490;}
.btn_default, .btn_default:hover {color:#ffffff;background-color:#fc4490;border-color:#fc4490;}









/** END OF SITE SPECIFIC CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/




/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF CSS DEFINITIONS FOR PATCHING UP BOOTSTRAP 5.1.3 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
* {outline:0;}
/**
.ratio iframe, .ratio embed, .ratio object, .ratio video, .ratio img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}	
**/


#webar_iframe iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}	

.ratio_3x4 {--bs-aspect-ratio: calc(4 / 3 * 100%) !important;}	

.navbar-toggler:focus, .btn:focus, .btn:active:focus, .btn.active:focus, form .form-control:focus {
  outline:none;
  box-shadow: none;
}
/** END OF CSS DEFINITIONS FOR PATCHING UP BOOTSTRAP 5.1.3 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/



/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF SITE SPECIFIC .card_bg CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
.card_bg {     
  background:    
  linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),       
    rgba(255, 255, 255, 0),                    
    rgba(255, 255, 255, 1)
  ), url(https://www.htmlcsscolor.com/preview/gallery/fc477a.png) center center no-repeat; 
  background-size:cover;  
  border-radius: 1rem !important;
  overflow:hidden;
}  

.card_bg_UNCOMMON, .card_bg_EPIC, .card_bg_RARE { 
background:    
 linear-gradient(
   to bottom,
   rgba(255, 255, 255, 0),       
    rgba(255, 255, 255, 0),                    
    rgba(255, 255, 255, 1)
 ), url(../images/04.gif) center center no-repeat !important; 
background-size:cover !important;     
}   

.card_badge {
position:absolute;
width:80%;
height:auto;
top:0;
left:0;
} 

.card_badge .badge {background-color:orange;  margin-left: 0.25rem !important;  text-transform: uppercase !important;}
 
.card_rounded_inner {position:relative;border-radius: 0.5rem !important;overflow: hidden !important;}


.card_bg .btn {display:flex;align-items:center;justify-content:center;} 
/** END OF SITE SPECIFIC .card_bg CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/

























/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/  
/** START OF NAVBAR RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/		

.navbar .active, .navbar .active:hover {background:transparent url(../images/triangle-down.png) top center/auto 7px no-repeat;}                           

[aria-expanded="true"].navbar-toggler .fas::before {content:"\f00d";} 
.navbar-toggler {width:45px;text-align:center;}


@media only screen and (max-width: 576px) { /** bootstrap sm ***************** **/
  .navbar-nav {width:100%;}
  .navbar .nav-item {width:100%; border-top:dashed #999999 1px;}   
  .navbar .nav-item .small::before {content: " / ";}  
}	
/** END OF NAVBAR RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/		
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/  












/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF CARD RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
.bg_ai_scan {background:transparent url('../images/face_ai_scan.gif') center center/100% auto no-repeat;}
.bg_ai_mesh {
  
  
  
 

  background-image: linear-gradient(to right, 
  rgba(255, 255, 255, .4), 
  rgba(255, 255, 255, .4)), 
  url('../images/face_ai_mesh.jpg')  
  ;

  background-position:center center;
  background-size:100% auto;
}
/** END OF CARD RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/


/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF CROSS-FADE RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
.img_fadein {  
  opacity:0;
  animation: animation_fadein 10s infinite ease-in-out; 
  animation-delay:5.07s;
} 
.img_fadeout {  
  opacity:1;
  animation: animation_fadeout 10s infinite ease-in-out; 
  animation-delay:5.07s;
} 

.carousel-caption {
  padding-top: 115% !important;
  padding-bottom:0 !important;
  bottom:0% !important;
  color:#000000;
}


.img_fadeout_one_time {
  background:#FFFFFF;
  opacity:0;
  animation: animation_fadeout_1 30s;
  animation-iteration-count: 1;
  /**
  animation: name duration timing-function delay iteration-count direction fill-mode play-state;
  **/
}
.img_fadeout_one_time .img_fadein {animation-duration: 5s;animation-delay:1.5s; }
.img_fadeout_one_time .img_fadeout {animation-duration: 5s;animation-delay:0s;}







@keyframes animation_fadeout {   
  0% {opacity:1;} 
     
  87% {opacity:0;}   
  100% {opacity:1;}     
}
@keyframes animation_fadein {   
  0% {opacity:0;} 
  30% {opacity:1;}       
  87% {opacity:1;}  
  100% {opacity:0;}  
}
 

@keyframes animation_fadeout_1 {   
  0% {opacity:1;}   
  100% {opacity:1;}     
}
 
/** END OF CROSS-FADE RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/







/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF ROTATING CUBE RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
:root {
  --card_img_width:200px;
}

.cube_wrapper {
  transition: all 0.6s ease-in-out;		
  margin:0 auto;
  width:100%;
  max-width:var(--card_img_width);
  height:calc(var(--card_img_width)*1.333333);

  background:#FFFFFF;
  /**perspective: 800px; **/
  perspective: 2800px; 
  --translateZ: calc(var(--card_img_width)/2);  /** self width / 2 **/     
}










.perspective_0 {perspective: none;}
.perspective_400 {perspective: 400px;}
.perspective_800 {perspective: 800px;}

.cube_inner {
  transition: all 0.6s ease-in-out;		
  height: 100%;
  width: 100%;
  transform-style: preserve-3d;			
  animation: rotate 40s infinite;	  
 
}
.cube_item {
  display:block;  
  position: absolute;
  top:0; 
  left:0;
  width:100%;
  height:100%;
  background:#ffffff;
  /**  
  border:solid 1px #eeeeee;
  **/
}



 




  
.cube_item:nth-child(1) {
   transform: rotateY(0deg) translateZ(var(--translateZ));
 }
 .cube_item:nth-child(2) {
   transform: rotateY(-90deg) translateZ(var(--translateZ));
 }
 .cube_item:nth-child(3) {
   transform: rotateY(-180deg) translateZ(var(--translateZ));
 }
 .cube_item:nth-child(4) {
   transform: rotateY(-270deg) translateZ(var(--translateZ));
 }


 
 @keyframes rotate {

  /** gap = 4 ; each step = 21, first & last = 21 / 2 = 10.5 */
  
   0% { transform: rotateY(0deg); }		
   10.5% { transform: rotateY(0deg); }		

   14.5% { transform: rotateY(-90deg); }		
   35.5% { transform: rotateY(-90deg); }	

   39.5% { transform: rotateY(-180deg);}	
   60.5% { transform: rotateY(-180deg);}	

   64.5% {  transform: rotateY(-270deg); }
   85.5% {  transform: rotateY(-270deg); }
  
   89.5% { transform: rotateY(-360deg); }
   100% { transform: rotateY(-360deg); }   
 
 }
/** END OF ROTATING CUBE RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/

















/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF CSS DEFINITIONS FOR web_ar_click_here XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
#web_ar_click_here {position:absolute;width:100%;height:100%;top:0;left:0;background-color: rgba(255,255,255,0.7);}
#web_ar_click_here button {position:absolute;background:transparent;bottom:3rem;left:23%;}
/** END OF CSS DEFINITIONS FOR web_ar_click_here XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/




/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF REUSABLE UTILITIES RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
.card:hover .img_hover_zoom, .img_hover_zoom:hover {transform: scale(1.2);}
.img_hover_zoom {transition: transform 1s;}


a.no_underline {text-decoration:none;}
a.no_underline:hover {text-decoration:underline;}

.bg_full {background-size: cover;}
.bg_fixed {background-attachment: fixed;}
.img_full {object-fit:cover;width:100%;height:100%;}
.blur {filter: blur(8px); -webkit-filter: blur(8px);}
.required::before {content: "* ";color: #AA0000;} 
/** box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit;**/
.shadow_top {box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.shadow_sm_top {box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}


/** END OF REUSABLE UTILITIES RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/

 
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF CSS DEFINITIONS FOR BODY TOGGLE SIDE/MAIN XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
.dc_body_toggle_menu, .dc_body_toggle_main {width:100%;transition: max-width 0.4s;}  
.dc_body_toggle_menu {max-width: 280px;}
.dc_body_toggle_menu button .fa-filter, .dc_body_toggle_menu button .fa-bars {display:none;}
.dc_body_toggle_menu.hide  {max-width: 50px;} 
.dc_body_toggle_menu.hide button .fa-filter, .dc_body_toggle_menu.hide button .fa-bars {display:block;}
.dc_body_toggle_menu.hide button .fa-xmark {display:none;}

.dc_body_toggle_menu_body .active {background:#fee9ef !important;color:#000000 !important;  border-radius: 0.25rem !important;}
/** END OF CSS DEFINITIONS FOR BODY TOGGLE SIDE/MAIN XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/  




/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/
/** START OF BLOCK UI MODAL & PROGRESS RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/    
.progress_bar_animate {animation: 1s linear infinite progress-bar-stripes, 20s progress_bar_animate forwards;}
@keyframes progress_bar_animate {
    0% { width: 0%; }
    5% { width: 20%; }
    30% { width: 30%; }  
    60% { width: 80%; }  
    99% { width: 100%; }  
    100% { width: 100%; }    
}

.progress_msg_animate::before {content: "Establishing Database Connection";animation: progress_msg_animate forwards 20s;}
@keyframes progress_msg_animate {
    0% {content: "Establishing Database Connection";}
    10% {content: "Database Connection Established";}  
    20% {content: "Exchanging Data";}    
    40% {content: "Receiving Assets"; }
    60% {content: "Processing Data"; }
    80% {content: "Yeah! All done!"; }
    100% {content: "Closing Connection"; }
}
/** END OF BLOCK UI MODAL & PROGRESS RELATED CSS DEFINITIONS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/    
/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX **/




.popover {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; background:#eeeeee;}
.bs-popover-top > .popover-arrow::after {
  border-top-color: #eeeeee;
}
.bs-popover-bottom > .popover-arrow::after {
  border-bottom-color: #eeeeee;
}
.bs-popover-end > .popover-arrow::after {
  border-right-color: #eeeeee;
}
.bs-popover-start > .popover-arrow::after {
  border-left-color: #eeeeee;
}












/** START OF CAMPAIGN COUNTDOWN PAGE ================================================ */
/** START OF CAMPAIGN COUNTDOWN PAGE ================================================ */
/** START OF CAMPAIGN COUNTDOWN PAGE ================================================ */
.hero_video_wrapper {
  /* Telling our absolute positioned video to 
  be relative to this element */
  position: relative;

  width: 100%;
  height: auto;

  /* Will not allow the video to overflow the 
  container */
  overflow: hidden;

  /* Centering the container's content vertically 
  and horizontally */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero_video_wrapper video {
 


  object-fit: cover;
  height: 100%;
  width: 100%;

  position: absolute;
  top: 0;
  left: 0;



}  

.hero_video_wrapper .d-block {
  position: relative;
  color: white;
 

  background-image: linear-gradient(to right, 
  rgba(0,0,0,0),
  rgba(0,0,0,0.9),     
  rgba(0,0,0,0.9),     
  rgba(0,0,0,1),             
  rgba(0,0,0,0.9),     
  rgba(0,0,0,0.9),     
  rgba(0,0,0,0)
  
  );
}
 
.my_count_down_wrapper {width:100%; min-width:300px;max-width:300px;text-align:center;}
.my_count_down_wrapper small {font-size:0.7em;}
.my_count_down_wrapper .card {font-weight: bold; font-size:1.8em;color:#fc477a;  background-color: transparent !important;}
.btn_floating {font-size:0.7rem;position:fixed; right:10px;bottom: 55px;width:60px;height:60px;line-height: 1.2;} 
/** END OF CAMPAIGN COUNTDOWN PAGE ================================================== */
/** END OF CAMPAIGN COUNTDOWN PAGE ================================================== */
/** END OF CAMPAIGN COUNTDOWN PAGE ================================================== */




.dc_gallery_wrapper > img {position:absolute; width:60%;}  
.dc_gallery_wrapper > img:nth-child(2) {top:25%;width:50%;right:0;}
.dc_gallery_wrapper > img:nth-child(3) {left:10%;width:50%;bottom:0%}