#brands, #pagnav {
display: none;
}
.progress {

background-color: #333;
}
.progress { height: 8px; position: relative; }
.nav-tabs { flex-wrap: wrap; }
.nav-item { white-space: nowrap; width:100% }
.nav-tabs-wrapper { overflow-x: auto; white-space: nowrap; position: relative; }
.tab-content { margin-top: 1rem; }

.progress-markers {
position: absolute;
top: -4px;
width: 100%;
height: 5px;
display: flex;
z-index: 1;
justify-content: space-between;
pointer-events: none;
}
.progress-markers span {
width: 1px;
height: 17px;
background: #ccc;
opacity: 0.3;

}
.progress-markers span.active {
background: #007bff;
}
body {
font-family: Arial, sans-serif;
}
.clone-me {
cursor: pointer;
border-radius: 8px;
position: relative;


transition: background-color 0.3s;
}
.clone-me:hover {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
height: 100%;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.interactive-banners-style-02 {
padding: 5px;

border: 1px solid #eeee;
}
#clone-target {

padding: 5px;

min-height: 50px;
border-radius: 8px;
}

#popup {
display: none;
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 1000;
}
#popup-content {
background: white;
padding: 30px;
border-radius: 10px;
text-align: center;
max-width: 400px;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.8);}
to { opacity: 1; transform: scale(1);}
}
#popup-content button {
margin-top: 20px;
padding: 10px 20px;
background-color: #007bff;
border: none;
color: white;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
}
#popup-content button:hover {
background-color: #0069d9;
}
/* Hide this div only when printing */
@media print {
.no-print {
display: none;
}
}
.cloned-item {
position: relative;
display: inline-block;
margin: 2px;
background: #fff;
border: 1px solid #ccc;
padding: 2px;
}
.remove-btn {
position: absolute;
top: -5px;
right: -5px;
background: #EEEE;
color: #000;
border: none;
font-size: 16px;
cursor: pointer;
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
line-height: 22px;
}
.remove-btn:hover {
background: #DDDD;
}
.hide-css .noteform {
display: none;
}
.noteform {
}
.leftmenu .nav-link {
padding: 0;
}
.start-convo {
display: none;
}
#clone-target .plusicon {
display: none;
}
.plusicon {
color: #36a0cd
}
.list-style-03 {
padding-left: 21px;
}
#right-bar .swatch-thumb {

height: 90px;
}
.swatch-thumb {
mni-height: 100px;
}
#right-bar  .colbox-1 {
width: 30%;
float: left;
}
#right-bar  .colbox-2 {
width: 70%;
float: left;
padding: 5px;
}
#right-bar .main-image  {
background-repeat: no-repeat !important;
background-size: contain !important;
overflow: hidden;
position: relative;
background-position: center center !important;
}
.main-image {

background-repeat: no-repeat !important;
background-size: cover;
overflow: hidden;
position: relative;
background-position: center center !important;
}

#right-bar .clone-md {
margin-bottom: 10px;
}
#right-bar .interactive-banners-style-02 {

float: left;
width: 100%;

}
#right-bar .margin-20px-bottom  {
margin-bottom: 5px;
}
.switcheight .w-100 {
min-height: 150px;
}
.screenshot-on {
display: inline-block !important;
}
#screenshot-btn, #logoness, .noteform{
display: none;
}
#formsubmit {
display: none;
}
.screen-off {
display: none;
}
.checkout, .col, .col-xl-7, .col-xl-2 {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}