/*! All About custom styles here !!! */

/**!**************/
/**! Contents **/
/**! 01. Color Library **/
/**! 02. Logo **/
/**! 03. Button **/
/**! 04. Text **/
/**! 05. Tabs **/
/**!**************/

/**! 01. Color Library **/
:root{
  /*navy*/
  --navy: #1E2F55;
  --navy-lighten-1: #4a5876;
  --navy-overlay-1: rgba(30, 47, 85, .25);
  --navy-overlay-2: rgba(30, 47, 85, .50);
  --navy-overlay-3: rgba(30, 47, 85, .75);

  /*blue*/
  --blue: #4A90E2;
  --blue-lighten-1: #6EA6E7;
  --blue-lighten-2: #5c9be4;
  --blue-darken-1: #4281CA;
  --blue-darken-2: #3B73B4;
  --blue-darken-3: #31639C; /*Blue ocean*/
  --blue-overlay-1: rgba(110,166,231);  /*Blue light 1*/
  --blue-overlay-2: rgba(92,155,228);  /*Blue light 2*/

  /*blue-convidence*/
  --blue-conv: #324BFF;

  /*Orange*/
  --orange: #FC4519; /*primary*/
  --orange-lighten-1: #FC6946;
  --orange-lighten-2: #feeeea;
  --orange-darken-1: #E2502D;
  --orange-darken-2: #C94728;
  --orange-overlay-1: rgba(252, 89, 50, .25);
  --orange-overlay-2: rgba(252, 89, 50, .50);
  --orange-overlay-3: rgba(252, 89, 50, .75);

  /*Green*/
  --green: #1DD1A1;
  --green-darken-1: #10AC84;
  --green-lighten-1: #1dd1a1;

  /*Punch*/
  --punch: #F63E69;
  --punch-lighten-1: #F65178;
  --punch-lighten-2: #F76487;
  --punch-darken-1: #DC375E;
  --punch-darken-2: #C43154;

  /*Peach*/
  --peach: #FF6B6B;
  --peach-lighten-1: #FF7A7A;
  --peach-lighten-2: #FF8888;
  --peach-darken-1: #E56060;
  --peach-darken-2: #CC5555;

  /*Yellow*/
  --yellow: #FDCA57;
  --yellow-lighten-1: #FDCF68;
  --yellow-lighten-2: #FDD478;
  --yellow-darken-1: #E3B54E;
  --yellow-darken-2: #CAA145;

  /*Grey*/
  --gray: #8e989c;
  --gray-lighten: #eff2f3;
}

/**! 02. Logo **/
.bar .logo {
    max-height: 2.2em;
}

.bg--fun{
  background:var(--yellow);
}
.bg--competitive {
  background: var(--peach);
}
.bg--orange{
  background:var(--orange);
}
.bg--light-orange{
  background: var(--orange-lighten-1);
}
.bg--light-orange2{
  background: var(--orange-lighten-2);
  border-color: var(--orange-lighten-2) !important;
}
.bg--green{
  background: var(--green-darken-1);
}
.bg--light-green{
  background: var(--green-lighten-1);
  border-color:var(--green-lighten-1) !important;
}
.bg--lighter-green{
  background: #d1f5ec;
}
.bg--yellow{
  background: var(--yellow);
}
.bg--navy{
  background: var(--navy);
}
.bg--light-navy{
  background: var(--navy-lighten-1);
}
.bg--grey{
  background-color: var(--gray);
  border-color: var(--gray) !important;
}
.bg--light-grey{
  background-color: var(--gray-lighten);
}
.bg--light-yellow{
  background-color:var(--yellow-lighten-1);
}
.bg--light-pink{
  background: var(--punch);
}
.bg--blue-conv{
  background: var(--blue-conv);
}
.bg--light-blue{
  background: var(--blue-overlay-1);
}

/**! 03. Button **/
.btn--primary,
.btn--primary:visited {
  background: var(--orange);
  border-color: var(--orange) !important;
  color: #fff !important;
}
.btn--primary:hover {
  background: #fc6946;
}
.btn--primary:active {
  background: #e2502d;
}

.btn--transparent-orange,
.btn--transparent-orange:visited {
  border-color: #FC4519 !important;
  color: #FC4519;
}
.btn--transparent-orange:hover {
  background: #fc6946;
  color: #ffffff !important;
}
.btn--transparent-orange:active {
  background: #e2502d;
  color: #ffffff !important;
}

.btn--green,
.btn--green:visited {
  background: #1dd1a1;
  border-color: #1dd1a1 !important;
  color: #fff !important;
}
.btn--green:hover {
  background: #10ac84;
}
.btn--green:active {
  background: #10ac84;
}
.btn--blue-conv{
  background: var(--blue-conv);
}
.btn--yellow{
  background: var(--yellow);
  border-color: var(--yellow) !important;
}
.btn--whatsapp,
.btn--whatsapp:visited {
  background: #25D366;
  border-color: #25D366 !important;
  color: #fff !important;
}
.btn--whatsapp:hover {
  background: #21BD5C;
}
.btn--whatsapp:active {
  background: #21BD5C;
}
.btn--danger{
  background-color: var(--punch)!important;
  border-color: var(--punch)!important;
}
.bg--instagram {
  background: #E1306C;
}

.btn--long {
  width: 100%;
  font-size: 0.85714286em;
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
  color: #fff;
}

.btn--short {
  padding-left: 10px;
  padding-right: 10px;
}

.round-btn {
  width: 50px;
  height: 50px;
  line-height: 40px;
  display: block;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid var(--navy);
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  color: #fff;
  background-color: var(--navy);
}

.round-btn:hover {
  color: var(--navy);
}

.round-btn:after {
    position: absolute !important;
  content: "";
  width: 42px;
  height: 42px;
  display: block;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  right: 2px;
  top: 2px;
  background-color: #fff;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 1\9;
  visibility: visible\9;
  display: none\9;
  -moz-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  z-index: -1;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.round-btn:hover:after {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block\9;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.feature.feature--featured.feature--primary-1:after {
  background: #4A90E2 !important;
}

.feature.feature--featured.green--lis:after{
  background-color: var(--green)!important;
}

.bg-hover-light-primary{
    cursor:pointer;
}
.bg-hover-light-primary:hover{
    background-color:#ecf8ff!important;
}

/**! 04. Text **/
.fs-1 {
    font-size: 32px;
}

.fs-2 {
    font-size: 24px;
}

.fs-3 {
    font-size: 18px;
}

.fs-4 {
    font-size: 16px;
}

.fs-5 {
    font-size: 13px;
}

.fs-6 {
    font-size: 10px;
}

.fs-7 {
    font-size: 9px;
}

.text--color--none, .text--gray {
    color: #666666 !important;
}

.text--orange {
  color: #FC4519 !important;
}

.text--darkblue {
    color: #1E2F55 !important;
}

.text--lightnavy{
  color: #346B8D;
}

.text--pink{
    color: #F63E69 !important;
}

.text--white {
    color: #fff !important;
}

.text--green {
  color: #10ac84;
}

.text--greenese {
  color: #1dd1a1;
}

.text--black {
  color: #252525;
}

.text--yellow {
  color: var(--yellow);
}

.text--blue-conv {
  color: var(--blue-conv);
}

.color--primary-2.active {
  color: #FC4519 !important;
}

.text--block {
  display: inline !important;
}

.btn .btn__text{
  font-size: 1em !important;
}

.slider[data-paging="true"]:not(section) .flickity-page-dots {
  bottom: -20px !important;
}

/**! 05. Tabs **/
.tabs li.active .tab__title,
.tabs li.active .tab__title span {
    color: #FC4519 !important;
}

.tabs li .tab__content{
  display: none;
}

.tabs li.active > .tab__content{
  display: block;
  
}

/*fix height issue at tabs*/
.tabs-content > li:not(.active) .tab__content {
  /* display: none; */
  height: 0;
  overflow: hidden;
 
}
.tabs-content > li.active .tab__content {

}

hr.short {
    border-color: #FC4519 !important;
}

.slides.flickity-enabled>.flickity-viewport {
  border-radius: 10px !important;
}

.input-radio input:checked + label {
    border-color: #FC4519 !important;
    background-color: #FC4519 !important;
}
.input-radio label:before {
    border-color: #FC4519 !important;
}

.wizard > .steps li.current a:after, .wizard > .steps li.current a:before {
    background-color:  #FC4519 !important;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #FC4519;
    border-color: #FC4519 !important;
    color: #fff !important;
}

.wizard > .content {
    background-color: #fff !important;
    overflow-y: auto !important;
    min-height: 40em !important;
} 

.picker__weekday {
    padding: 0.3em !important;
}

.masonry-filters--horizontal .masonry__filters ul li.active {
    color: #FC4519 !important;
}

/*Custom Data Overlay | Bg cover Venue*/
[data-overlay="99"]:before {
  opacity: 0.9;
}

[data-overlay]:before{
  background: #1E2F55 !important;
}

/* Avatar Profile Upload*/
.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 50px auto;
  }
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 3;
  top: 3.8em;
  right: 3.8em;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:after {
  color: #757575;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
  

/*Multiple Checkbox Images*/
.img-checker {
list-style-type: none  !important;
}

.img-checker-box {
display: inline-block  !important;
}

input[type="checkbox"][class^="iconCheckbox"] {
  display: none !important;
}

.label-img-checker {
border: 1px solid #fff;
padding: 10px;
display: block;
position: relative;
margin: 10px;
cursor: pointer;
}

.label-img-checker:before {
color: white;
content: " ";
display: block;
border-radius: 50%;
border: 1px solid #FC4519;
position: absolute;
top: -10px;
left: 70px;
width: 25px;
height: 25px;
text-align: center;
line-height: 24px;
transition-duration: 0.4s;
transform: scale(0);
}

.label-img-checker img {
height: 60px;
width: 60px;
transition-duration: 0.2s;
transform-origin: 50% 50%;
}

:checked + .label-img-checker {
border-color: #ddd;
}

:checked + .label-img-checker:before {
content: "✓";
background-color:#FC4519;
transform: scale(1.2);
}

:checked + .label-img-checker img {
transform: scale(0.9);
/* box-shadow: 0 0 5px #333; */
z-index: -1;
} 

.input-checkbtn--innerlabel label {
  transition: all .3s ease;
  height: 2.78571429em;
  line-height: 2.50714286em;
  padding: 0 0.92857143em;
  border: 1px solid rgba(255,255,255,0) !important;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  text-align: center;
}
.input-checkbtn--innerlabel:hover {
  border-color: #1dd1a1;
  background: #1dd1a1;
  color: #fff;
  border-radius: 6px;
  transition: all .1s ease;
}
.input-checkbtn--innerlabel input:checked + label {
  border-color: #10ac84;
  background: #10ac84;
  color: #fff;
  font-weight: 900;
}
.input-checkbtn--innerlabel input:checked + label:after {
  display: none;
}
.input-checkbtn--innerlabel input:checked + label:before {
  animation: none;
}
.input-checkbox .input-checkbtn--innerlabel label:before {
  border: 1px solid rgba(255,255,255,0);
}

.comments__list li {
  border: none !important;
}

.taken-gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}

.good-card-4 .figure{
  width: 100%;
  min-height: 300px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  border: solid 0.5px #f1f1f1;
}

.good-card-4 .figure .cover{
  width: 100%;
  height: 300px;
  object-fit: cover;
  position: relative;
}

.good-card-4 .figure.mini, .good-card .figure.mini {
  min-height: 150px;
}
.good-card-4 .figure.mini .cover, .good-card .figure.mini .cover {
  height: 150px;
}

.non-underline-link{
  text-decoration: none !important;
}

.iti {
  display: block !important;
}

.label.label-non-index{
  z-index: inherit !important;
}

.map-canvas {
  width: 600px;
  height: 250px;
}

.community-logo {
  width: 64px;
  height: 64px;
  background-color: white;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 3px var(--navy-overlay-2);
}

.img-cover{
  width: 100%;
  height: 500px;
  object-fit: cover;
  position: relative;
}

.katanye::-webkit-scrollbar {display:none;}

.float {
  position: fixed;
  width: 58px;
  height: 58px;
  bottom: 100px;
  right: 25px;
  background-color: #25D366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 28px;
  box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 4%);
  z-index: 100;
}

a.float:hover, a.float:focus, a.float:active {
  color: #21bd5b;
}

.my-float {
  margin-top: 15px;
}

/*Custom card*/
.good-card{
  position: relative;
}

.good-card .figure{
  width: 100%;
  min-height: 240px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  background-color: #f1f1f1;
  box-shadow: 0px 0px 0px 1px rgba(0,0,0, .20);
}
.good-card .figure .cover{
  width: 100%;
  height: 240px;
  object-fit: cover;
  position: relative;
}

.good-card .logo{
  width: 100px;
  height: 100px;
  background-color: white;
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 2;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0px 0px 0px 3px var(--navy-overlay-2);
}

.good-card .btn-content {
  position: absolute;
  bottom: 25px;
  right: 25px;
  z-index: 2;
  overflow: hidden;
}

.good-card .logo img{
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.good-card .logo span{
  color: white;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 2rem;
  text-align: center;
  line-height: 64px;
  background-color: white;
  position: relative;
  z-index: 1;
}

.good-card .logo span[class^="mask--"]::before,
.good-card .logo span[class*="mask--"]::before{
  opacity: 1;
  z-index: -1;
}

.good-card.tall .figure{
  min-height: 300px;
}

.good-card.tall .figure .cover{
  height: 300px;
}

.pattern--1{
  background-image: url('../img/pattern-1.png');
}
.pattern--2{
  background-image: url('../img/pattern-2.png');
}
.pattern--3{
  background-image: url('../img/pattern-3.png');
}
.pattern--4{
  background-image: url('../img/pattern-4.png');
}
.pattern--5 {
    position: relative;
}

    .pattern--5::before {
        content: "";
        background-image: url('../img/source/pattern-5.png');
        background-repeat: repeat;
        background-size: contain;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.2;
    }

[class^="mask--"]::before,
[class*="mask--"]::before{
  opacity: .4;
  width:100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 1;
  content: '';
  top:0;
  left: 0; 
}
.mask--1::before{
  background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}
.mask--2::before{
  background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
}
.mask--3::before{
  background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
}
.mask--4::before{
  background-image: linear-gradient(to top, #f43b47 0%, #453a94 100%);
}
.mask--5::before{
  background-image: linear-gradient(to top, #007adf 0%, #00ecbc 100%);
}
.mask--6::before{
  background-image: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);
}
.mask--7::before{
  background-image: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);
}
.mask--8::before{
  background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);
}
.mask--9::before{
  background-image: linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);
}
.mask--10::before{
  background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
}

a.btn--full{
  width: 100%;
}

.dropdown-divider{
  margin:0;
}

.rounded-5{
  border-radius: 5px;
}
.rounded-10{
  border-radius: 10px;
}
.rounded-15{
  border-radius: 15px;
}

.card-item-dropdown{
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  display: block;
  border-radius: 7.5px;
}
.card-item-dropdown::before{
  position: absolute;
  width: 37px;
  height: 37px;
  display: block;
  content: '';
  background: rgba(0,0,0, .25);
  top:0;
  right:0;
  z-index: 1;
  border-radius: 7.5px;
}
.card-item-dropdown:hover::before{
  background: rgba(0,0,0, .5);
}
.card-item-dropdown i{
  vertical-align: bottom;
  padding: 0.5rem;
  color: white;
  position: relative;
  z-index: 2;
}
.card-item-dropdown.right-1{
  right: 20px;
}
/* light style */
.card-item-dropdown.light::before{
  background: rgba(0,0,0, 0);
}
.card-item-dropdown.light:hover::before{
  background: rgba(0,0,0, .15);
}
.card-item-dropdown.light i{
  vertical-align: bottom;
  padding: 0.5rem;
  color: var(--gray-dark);
}

.past-activity .good-card img, .past-activity .good-card-4 img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}

.past-activity .good-card [class^="mask--"]::before,
.past-activity .good-card [class*="mask--"]::before,
.past-activity .good-card-4 [class^="mask--"]::before,
.past-activity .good-card-4 [class^="mask--"]::before{
  background-image: linear-gradient(to top, #555555 0%, #e1e1e1 100%);
}

.avatar-wrapper{
  overflow: hidden;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.avatar-wrapper img{
  width: 48px;
  height: 48px;
  object-fit: cover;
}

.modal-content.modal--md{
  min-width: 50%;
}

.label.label--reset{
  position:static;
}
.label--success{
  background-color: var(--green)!important;
}
.label--warning{
  background-color: var(--yellow)!important;
}
.label--danger{
  background-color: var(--punch)!important;
}
.label--grey{
  background-color: #888!important;
}
.label--info{
  background-color: var(--blue)!important;
}
.label--primary {
  background-color: #FC4519 !important;
}
.label--white {
  background-color: #fff !important;
}
.label--blue-conv {
  background-color: var(--blue-conv) !important;
}
.no-label{
  background-color: rgba(0, 0, 0, 0.0)!important;
}
.label.label--mini {
  min-width: auto !important;
  height: auto;
  font-size: 11px;
}

.input-flex {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.input-flex>.form-control, .input-flex>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-flex .btn {
  position: relative;
  z-index: 2;
  margin:0;
  padding: 0 1rem;
}
.tabs.tabs--full{
  min-width: 100%;
}

.is--relative{
  position: relative;
}

.pricing .h2 .pricing__dollar {
  font-size: 0.6em;
  position: relative;
  bottom: 10px;
}

/* .pricing-1 p, .pricing-1 p:last-of-type {
  margin-bottom: 1.8em !important;
} */

.morecontent span {
  display: none;
}
.morelink {
  display: block;
}

/* Material Icon Sizing */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.accordion li.active .accordion__content {
  max-height: 5000vh !important;
}

#cropperModal {
  z-index: 9999;
}

#cropperDiv {
  width: 90%;
  height: 60vh;
}

#cropperImage {
  display: block;
  max-width: 100%;
}

.bg--light-blue {
  background-color: #ecf8ff;
}

.height-def-auto{
  height: auto;
  padding: 4em 0;
}

.video--borer-radius{
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

.check-card {
	list-style: none;
}
.check-card .check-card-item {
	position: relative;
	width: 100%;
  border: 1px solid #ECECEC;;
  background: #fff;
	overflow: hidden;
  border-radius: 7px;
}
.check-card li label {
	display: block;
	position: absolute;
	height:100%;
	width: 100%;
	z-index: 100;
	cursor: pointer;
}
.check-card .check-card-body {
	color: #ffffff;
	z-index: 2;
	position: relative;
}
.check-card .check-card-bg,
.check-card .check-card-toggle {
	position: relative;
	width: 26px;
	height: 26px;
	top: 10px;
	left: 10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.check-card .check-card-bg {
	position: absolute;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-transform:scale(1);
	transform:scale(1);
	z-index: 0;
}
.check-card .check-card-toggle span {
	position: absolute;
	display: block;
	width: 15px;
	margin-left: -7px;
	height: 1px;
	top: 50%;
	left: 50%;
	background: #fff;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;

	-webkit-transform: rotate(-270deg);
	transform: rotate(-270deg);
}
.check-card .check-card-toggle span:first-child {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.check-card .check-card-cancel {
	/* border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 5px 0 5px; */
	text-align: center;
	position: absolute;
	bottom: -50px;
	margin: 0 7%;
	width: 86%;
	-webkit-transition: all .3s cubic-bezier(0.5, -0.8, 0.5, 1.8);
	transition: all .3s cubic-bezier(0.5, -0.8, 0.5, 1.8);
}
.check-card input[type=checkbox] {
	display: none;
}
.check-card input[type=checkbox]:checked ~ .check-card-body .check-card-toggle span {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.check-card input[type=checkbox]:checked ~ .check-card-body .check-card-toggle span:first-child {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.check-card input[type=checkbox]:checked ~ .check-card-bg {
	-webkit-transform:scale(25);
	transform:scale(25);
}
.check-card input[type=checkbox]:checked ~ .check-card-body .check-card-cancel {
	bottom: 15px;
}

.cart-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}

.scroller{  
  overflow-y:scroll; 
  height: 50vh;
}

.bg--statistic-clacement{
  background-image: url('../img/source/bg_statis.jpg');
}

.zindex10{
  z-index: 10;
}
.input-select:after {
  line-height: 38px !important;
}

.promo-card-img {
  background-repeat: no-repeat;
  background-size: auto;
  max-height: 175px;
}

.filter-dropdown {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  display: block;
  border-radius: 7.5px;
}

.floating-checkout {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; 
  transition: 0.2s ease-out;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
}

.floating-checkout:not(.active) {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  -webkit-transform: translate3d(0, 20px, 0);
  pointer-events: none;
}

.profile-img{
  width: 28px;
  height: 28px;
}

.img-footer-xs {
  width: 56px;
}

.left-label65[data-tooltip]:after{
  margin-left: 65px;
}

.overflow-die {
  overflow: unset !important;
}

.input-radio .bg-primary-1 .label:before {
  border-color: #4A90E2 !important;
  background-color: #4A90E2 !important;
}

.min-w-50{
  min-width: 50px!important;
}
.min-w-100{
  min-width: 100px!important;
}
.min-w-150 {
  min-width: 150px!important;
}
.max-h-150 {
  max-height: 200px!important;
}

.badges-points{
  width: 16px !important;
}

.font-blur {
  color: transparent;
  text-shadow: 0 0 20px #000;
}

.ol-li-unspace ol > li, .ol-li-unspace > p {
  margin-bottom: 0px !important;
}

/* Vr Gallery */
.vrmedia-gallery{
  /* max-width:567px; */
  /* margin:5rem auto; */
  /* background:white; */
  /* padding:20px; */
  /* box-shadow:rgb(100 100 111 / 20%) 0px 7px 29px 0px; */
  /* border-radius:8px;
  backdrop-filter:opacity(0.5); */
}
.vrmedia-gallery img{
  object-fit:cover;
  width:100%;
  border-radius: 5px;
}
.vrmedia-gallery .lSGallery{
  display:inline-flex;
}
.vrmedia-gallery .lSGallery li{
  border-radius: 12px !important;
}
.vrmedia-gallery .lSGallery li.active{
  border:2px solid var(--green-lighten-1);
}

/*Custom col 10:1.7 from col-lg-2*/
.cstm-cols {
  width: 14%; 
  flex: 0 0 14%;
  max-width: 14%;
}


/* @media Start */
@media screen and (prefers-reduced-motion: reduce) {
  .btn {
      transition: none; } 
  .btn:hover, .btn:focus {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }
  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    background-image: none; }
  }

@media all and (max-width: 1024px) {
  .cstm-cols {
    width: 18%; 
    flex: 0 0 18%;
    max-width: 18%;
  }
  .input-checkbtn input:checked + label:after {
    top: 6px;
    left: 6px;
  }
  .good-card-4 .figure,.good-card-4 .figure .cover {
    height: 250px !important;
    min-height: 250px !important;
  }
  .good-card-4 .figure.mini,.good-card-4 .figure.mini .cover, .good-card .figure.mini, .good-card .figure.mini .cover {
    height: 150px !important;
    min-height: 150px !important;
  }
  .good-card.tall .figure{
    min-height: 250px;
  }
  .good-card.tall .figure .cover{
    height: 250px;
  }
  .text-center-md {
    text-align: center !important;
  }.good-card.short .figure{
    min-height: 150px;
  }
  .good-card.short .figure .cover{
    height: 150px;
  }
  .height-md-300 {
    height: 300px !important;
  }
}

@media screen and (max-width: 768px) {
  .cstm-cols {
    width: 28%; 
    flex: 0 0 28%;
    max-width: 28%;
  }
  .good-card.short .figure{
    min-height: 90px;
  }
  .good-card.short .figure .cover{
    height: 90px;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .space--xs {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }
  .pt-sm-5-m {
    padding-top: 3em;
  }
  .m-md-1-m {
    margin: 0.25em;
  }
  .p-md-0-m {
    padding: 0 !important;
  }
  .text-left-xs {
    text-align: left !important;
  }
  .card-menus{
    position: inherit !important;
    width: 120px !important;
    margin-top: 5px !important;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08) !important;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08) !important;
  }
  .card-menus.lefted{
    left: -84px !important;
  }
  .row.d-m{
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* .input-checkbtn--innerlabel label {
    height: 8em;
  } */

  .btn{
    margin-bottom: 0;
  }
  .btn:not(:last-child) {
    margin-bottom: 0;
  }
  .tabs.tabs--custom li {
    display: inline-block;
  }
  .col-12 .card-item-dropdown.dropdown--active{
    width:100%;
    max-width: 50vw;
  }
  .card-item-dropdown.dropdown--active{
    width:100%;
  }

  .card-item-dropdown.dropdown--active .dropdown__trigger{
    width: 37px;
    position: absolute;
    top:0;
    right: 0;
  }

  .card-item-dropdown.dropdown--active .dropdown__container{
    top:37px;
    box-shadow: 0 0 0 1px rgba(0,0,0, .15);
    border-radius: 7.5px;
  }
  
  .image--sm-res {
    max-height: 5.57142857em;
  }
  .image--md-res {
    max-height: 7.42857143em;
  }
  
  .good-card .logo{
    width: 60px;
    height: 60px;
    
  }
  .good-card .logo img{
    width: 60px;
    height: 60px;
  }

  .bar.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed {
    top: 4.5em !important;
  }

}

@media (max-width: 576px) { 
  .cstm-cols {
    width: 31%; 
    flex: 0 0 31%;
    max-width: 31%;
  }
  .bar {
    padding-top: 1em !important;
    padding-bottom: 1.2em !important;
  }
  section {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .good-card-4 .figure,.good-card-4 .figure .cover {
    height: 200px !important;
    min-height: 200px !important;
  }
  .p-xs-0 {
    padding : 0px !important
  }
  .p-xs-3 {
    padding: 1rem !important;
  }
  .py-xs-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xs-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .pt-xs-5 {
    padding-top: 3rem !important;
  }
  .pt-xs-1 {
    padding-top: 1rem !important;
  }
  .pl-xs-0 {
    padding-left: 0 !important;
  }
  .pl-xs-3 {
    padding-left: 1rem !important;
  }
  .pl-xs-5 {
    padding-left: 2rem !important;
  }
  .pr-xs-3 {
    padding-right: 1rem !important;
  }
  .pr-xs-6 {
    padding-right: 2rem !important;
  }
  .ml-xs-3 {
    margin-left: 1rem !important;
  }
  .mr-xs-3 {
    margin-right: 1rem !important;
  }
  .mt-xs-2 {
    margin-top: 0.75rem !important;
  }
  .mb-xs-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xs-5 {
    margin-bottom: 2rem !important;
  }
  .mx-xs-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xs-2 {
    margin-left: 0.50rem !important;
    margin-right: 0.50rem !important;
  }
  .my-xs-2 {
    margin-top: 0.50rem !important;
    margin-bottom: 0.50rem !important;
  }
}

@media screen and (max-width: 375px) {
  .cstm-cols {
    width: 41.6666666667%; 
    flex: 0 0 341.6666666667%;
    max-width: 41.6666666667%;
  }
  .picker__weekday {
      padding: 0em !important;
  }
  .good-card-4 .figure,.good-card-4 .figure .cover {
    height: 200px !important;
    min-height: 200px !important;
  }
}
/* @media End */