/** =============================================================================================================================================== **/
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
.w_85 {width:85%;}
*:focus {box-shadow: none !important;}
.required::before {content: "* ";color: #AA0000;} 
.blur {filter: blur(5px);}
.icon_thumbs {width:36px;height:36px;}
.flip_y {--fa-flip-x: 1; --fa-flip-y: 0;}
@media (min-width: 992px) {
  .offset_lg_45 {margin-left: 37.5%;}
}

.me_40 {margin-right:40%;}

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





.img_overlay_before {width:100px;}
.img_overlay_before > img {margin-right:35%}







.img_hover_zoom img { 
  transition: all .3s ease;
}

.img_hover_zoom:hover img {
  transform: scale(1.2);
}






/** =============================================================================================================================================== **/
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
.navbar-brand {
  --my-height:34px;
  font-size:20px !important;
  display:inline-block;
  line-height:var(--my-height);
  height:var(--my-height);
  padding:0;
  background:transparent url(https://styleverse.io/images/styleverse_logo.png) left center/auto var(--my-height) no-repeat;
  padding-left:calc(var(--my-height) * 1.5); 
}
.bg-dark .navbar-brand, .bg-black .navbar-brand {background-image:url(https://styleverse.io/images/styleverse_logo_white.png);}
.navbar .navbar-toggler {width:35px;height:35px; text-align:center;padding:0;}
.navbar [aria-expanded="true"].navbar-toggler .fa-solid::before {content:"\f00d";} 



.navbar .dropdown-menu li:not(:first-child) {
  border-top: dashed 1px #666666;
}

.navbar .active {background:#f0f0f0;}
.navbar .nav-item:hover {background:#f0f0f0;}

.navbar_bypass {padding-top:57px;}
/**  `lg` applies to medium devices (tablets, less than 992px) **/
@media (max-width: 991.98px) { 
  .navbar_bypass {padding-top:44px;}
  .navbar .nav-item { border-top: dashed 1px #666666; }
  .navbar .dropdown-menu { 
    --bs-dropdown-border-radius: none; 
    --bs-dropdown-border-width: none;
    border-top: dashed 1px #666666;
    text-align: center;
  }
}
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
/** =============================================================================================================================================== **/




.txt_gradient {

  
      background: linear-gradient(45deg, #ffb606, #ff6101);

  -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;

}

 

/** =============================================================================================================================================== **/
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
.progress_loading {--my_duration: 30s;height:30px;}
.progress_loading_100 {--my_duration: 1s;height:30px;}
.progress_loading .progress-bar, .progress_loading_100 .progress-bar {animation:0.5s linear infinite progress-bar-stripes, var(--my_duration) progress_bar_animate forwards;}  
@keyframes progress_bar_animate {
  0% { width: 0%; }
  5% { width: 20%; }
  30% { width: 30%; }  
  60% { width: 80%; }  
  99% { width: 99%; }  
  100% { width: 100%; }    
} 
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
/** =============================================================================================================================================== **/



/** =============================================================================================================================================== **/
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
.btn-check +.btn {border-color:#cccccc !important; background:rgba(255,255,255,0.5) !important;} /** default **/

.btn-check:checked + .btn {border-color:rgba(255,85,51,1) !important; background:rgba(255,85,51,0.2) !important;}
.btn-check:checked + .btn + span {color:rgba(255,85,51,1) !important; font-weight: 700 !important;}

.btn-check +.btn .rounded-circle {background:rgba(255,255,255,0.8);line-height: 0.952 !important;border:1.5px solid #cccccc;color:rgba(255,85,51,1);}
.btn-check +.btn .rounded-circle .fa-solid {opacity:0;}
.btn-check:checked +.btn .rounded-circle .fa-solid {opacity:1;}
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
/** =============================================================================================================================================== **/

/** =============================================================================================================================================== **/
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
.bg_body {
  background:transparent url(https://img.freepik.com/premium-vector/abstract-modern-line-background-white-grey-geometric-texture-vector-art-illustration_1339195-1490.jpg) no-repeat;
  background-size:200% 200%;
  /**animation: animate_bg_all_corners 100s ease-in-out infinite;**/
}  
@keyframes animate_bg_all_corners {
  0% {background-position: left top;}
  25% {background-position: right top;}
  50% {background-position: right bottom;}
  75% {background-position: left bottom;}
  100% {background-position: left top;}
}



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












/** =============================================================================================================================================== **/
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
/** X-Small devices (portrait phones, less than 576px) **/
.carousel_body {height:590px;}

/** most of iPhones **/
@media (min-width: 375px) {   
  .carousel_body {height:750px;}
}
 

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) {   
  .carousel_body {height:500px;}
}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) { 
  .carousel_body {height:500px;}  
}

/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) { 
  .carousel_body {height:500px;}   
}

/** X-Large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {  
  .carousel_body {height:560px;}     
}

/** XX-Large devices (larger desktops, 1400px and up) **/
@media (min-width: 1400px) { 
  .carousel_body {height:560px;}     
}
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
/** =============================================================================================================================================== **/










/** =============================================================================================================================================== **/
/** ----------------------------------------------------------------------------------------------------------------------------------------------- **/
.hero_move_1, .hero_move_2 {
  --move-speed: 100s;
  --move-start: 0%;
  --move-end: 1000%;
  background:transparent url(carousel.jpg) var(--move-start) bottom/ auto 200% repeat-x;
  animation: move_x var(--move-speed) linear infinite;;
}
.hero_move_1:hover , .hero_move_2:hover {
animation-play-state: paused;
}

.hero_move_1 {
    --move-start: 1000%;
  --move-end: 0%;
  background-position: var(--move-start) top;
}
 

@keyframes move_x {
0% { background-position-x: var(--move-start); }
100% { background-position-x: var(--move-end); }
}

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










/** default for mobile devices **/
.ratio_hero {--bs-aspect-ratio: 60%;} 

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) { .ratio_hero {--bs-aspect-ratio: 60%;} }

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) { .ratio_hero {--bs-aspect-ratio: 50%;}   }

/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) {  .ratio_hero {--bs-aspect-ratio: 35%;}  }

/** X-Large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {  .ratio_hero {--bs-aspect-ratio: 35%;} 
.hero_move_1, .hero_move_2 {
  --move-speed: 20s;
}
}

/** XX-Large devices (larger desktops, 1400px and up) **/
@media (min-width: 1400px) {
  .ratio_hero {--bs-aspect-ratio: 30%;}    



}






/** *********************************************************************************************** **/ 
/** div_laurel CSS DEFINITIONS ******************************************************************** **/  
.div_laurel {width:265px;text-align:center;display:inline-block;}  

.div_laurel span {
  height:80px;
  width:calc(100% - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  float:left;
}  
.div_laurel::before, .div_laurel::after {
  content:"";
  height:80px;
  width:30px;
  background:transparent url(https://www.styleverse.io/images/laurel_left.png) right center/15px auto no-repeat;
  display:block;
  float:left;
}  
.div_laurel::after {
  background:transparent url(https://www.styleverse.io/images/laurel_right.png) left center/15px auto no-repeat;
  float:right;
}  
/** div_laurel CSS DEFINITIONS ******************************************************************** **/  
/** *********************************************************************************************** **/