body{
	--primary-color: #5f27cd;
	--secondary-color: #484848;
	--secondary-alpha-Dot50: rgba(72, 72, 72, 0.5);
	--secondary-alpha-Dot85: rgba(72, 72, 72, 0.85);
}

.btn-primary1{
    min-width: 145px  !important;
   /*  background: var(--primary-color); */
    position: relative;
    border-radius: 100px !important;
    color: #ffffff;
    font-weight: 600;
    transition: color 0.3s ease-in-out  !important;
}

.tas_card_4{
    position: relative;
}


.tas_card_4 .new{
    border-radius: 100px;
    padding: 3px 14px;
    text-transform: none;
	display: inline-block;
    font-size: 12px;
    background: #32d296 !important;
    color: #fff;
	font-weight: 600;
}

.tas_card_4 .btn{
	min-width: 145px;
	background: var(--primary-color);
	position: relative;
	border-radius: 100px;
	color: #ffffff;
	font-weight: 600;
	transition: color 0.3s ease-in-out;
}

.tas_card_4 .btn i{
	font-weight: 600;
	margin-right: 6px;
}

.tas_card_4 .btn:hover{
    opacity: 0.8;
	transition: color 0.3s ease-in-out;
}

.tas_card_4 .exclusive{
    border-radius: 100px;
    padding: 3px 14px;
    text-transform: none;
	display: inline-block;
    font-size: 12px;
	margin: 6px 0;
    background: #f1c40f !important;
    color: #000;
	font-weight: 600;
}

/* .tas_card_4 .exclusive:before{
    content: '\ed12';
	margin-right: 6px;
	font-family: tabler-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */

.tas_card_4{
	border-radius: 5px;
	height: 100%;
}

.tas_card_4:hover{
    transform: scale(1.05);
    transition: all 1s ease;
    z-index: 999;
}

.tas_card_4	.uk-card-body{
	padding: 30px 25px;
}

.tas_card_4 .uk-card-title{
	font-size: 1rem;
	font-weight: 600;
    margin: 5px 0;
    display: block;
}

.tas_card_4 .uk-cover-container{
	border-radius: 6px 0 0 6px;
	position: relative;
}

.tas_card_4 .tas_icon{
	margin-right: 5px;
	font-size: 1.5rem;
	vertical-align: middle;
}

.tas_card_4 .uk-overlay {
	background: rgb(0 0 0 / 0.40);
}

.tas_card_4 .uk-subnav{
	margin-top: 0;
}

.tas_card_4 .uk-subnav>*:first-child{
    font-size: 1rem;
    text-transform: none;
	padding-left: 20px;
}

.tas_card_4 .uk-subnav>*{
	padding-left: 12px;
}

.tas_card_4 .uk-subnav .price{
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: none;
	color: #333;
}

.tas_card_4 .uk-subnav .oldprice{
	font-size: 1.3rem;
    font-weight: 400;
    text-transform: none;
    color: #707174;
    text-decoration: line-through;
}

.tas_card_4 .uk-card-subtitle{
	font-size: 0.9rem;
	margin: 0;
    margin-bottom:12px;
}

.tas_card_4 .timeleft{
	background: red;
	padding: 10px 14px;
	color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
}

.tas_card_4 .timeleft span{
    font-weight: 600;
    font-size: 12px;
    vertical-align: middle;
}

.tas_card_4 .timeleft i{
    font-size: 14px;
    vertical-align: middle;
}

.tas_card_4 .uk-subnav .discount{
	font-size: 0.9rem;
    background-color: #d0fcb4;
    color: #27ae60;
    text-transform: none;
	padding: 3px 14px;
    border-radius: 50px;
}

.tas_card_4 .img_badge{
    width: 45px !important;
    height: 45px !important;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 9;
    border-radius: 100%;
}


.tas_card_6{
    position: relative;
}

.tas_card_6 .uk-cover-container{
    border-radius: 6px 6px 0 0;
    height: 200px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.tas_card_6 .new{
    border-radius: 100px;
    padding: 5px 12px;
    text-transform: none;
    display: flex;
    font-size: 11px;
    background: #32d296 !important;
    color: #fff;
    font-weight: 600;
    position: absolute;
    align-items: center;
    top: 8px;
    left: 10px;
    justify-content: center;
}

.tas_card_6 .uk-card-body{
	padding: 25px 25px;
}

.tas_card_6 .uk-card-title{
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.tas_card_6 .uk-subnav{
	margin-left: -10px;
}

.tas_card_6 .uk-subnav>*{
	padding-left: 10px;
}

.tas_card_6 .uk-card-subtitle{
    font-size: 0.9rem;
    font-weight: 300;
    color: #333;
    margin-top: 5px;
    display: block;
}

.tas_card_6 .exclusive{
    background: #f1c40f !important;
    color: #000;
    font-weight: 600;
    display: flex;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    left: 14px;
    font-size: 13px;
}

.tas_card_6 .exclusive:before{
    content: '\ed12';
	font-family: tabler-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tas_card_6 .tas_icon{
	margin-right: 5px;
	font-size: 1.5rem;
	vertical-align: middle;
}

.tas_card_6 .uk-card-default{
	border-radius: 6px;
}

.tas_card_6 .uk-subnav .discount{
	font-size: 1rem;
    background-color: #d0fcb4;
    color: #27ae60;
    text-transform: none;
	padding: 3px 14px;
    border-radius: 50px;
}

.tas_card_6 .tas_time {
	background: red;
	padding: 12px 0 ;
	text-align: center;
}

.tas_card_6 .tas_time p{
	margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tas_card_6 .tas_time i{
	color: #ffffff;
	font-size: 1.1rem;
    margin-right: 4px;
}

.tas_card_6 .tas_time span{
	color: #ffffff;
    font-weight: 600;
	font-size: 0.8rem;
    margin-top: 2px;
}

.tas_card_6 .uk-card-footer{
    padding: 20px 30px;
}

.tas_card_6 .uk-blur{
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.tas_card_6 .uk-over{
    width: 100%;
    height: auto;
    max-width: 80px;
    border-radius: 6px;
    border: 3px solid #fff;
	box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
}

.tas_card_6 .btn{
	position: relative;
	background: var(--primary-color);
	color: #ffffff;
	font-weight: 600;
	transition: color 0.3s ease-in-out;
	border-radius: 100px;
}

.tas_card_6 .btn i{
	font-weight: 600;
	margin-right: 6px;
}

.tas_card_6 .btn:hover{
    opacity: 0.8;
	transition: color 0.3s ease-in-out;
}

.tas_card_6 .info{
	margin: 8px 0;
	margin-bottom: 15px;	
}

.tas_card_6 .info span{
	text-transform: inherit;
    font-size: 12px;
}

.tas_card_6 .verified{
    border-radius: 100px;
    text-transform: none;
    display: inline-flex;
    font-size: 12px;
    color: #32d296;
    align-items: center;
}

.tas_card_6 .verified i{
	margin-right: 4px;
    font-size: 14px;
}

.tas_card_6 .uk-subnav>*{
	padding-left: 10px;
}

.tas_card_6 .uk-subnav .uk-first-column{
	padding-left: 20px;
}

.tas_card_6 .badge{
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    padding: 3px 13px;
    border-radius: 100px;
}

.tas_card_6 .img_badge{
    width: 45px !important;
    height: 45px !important;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 9;
    border-radius: 100%;
}





        .card {
  max-width: 30em;
  flex-direction: row;
  background-color: #696969;
  border: 0;
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18);
  margin: 3em auto;
}
.card.dark {
  color: #fff;
}
.card.card.bg-light-subtle .card-title {
  color: dimgrey;
}

.card img {
  max-width: 40%;
  /* margin: auto; */
  padding: 0.5em;
  border-radius: 0.7em;
}
.card-body {
  display: flex;
  justify-content: space-between;
}
.text-section {
  max-width: 100%;
}
.cta-section {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.cta-section .btn {
  padding: 0.3em 0.5em;
  /* color: #696969; */
}
.card.bg-light-subtle .cta-section .btn {
  background-color: #898989;
  border-color: #898989;
}
.bg-warningz{
    background-color: white;
}
@media screen and (max-width: 475px) {
  .card {
    font-size: 0.9em;
  }
}


/* Start Coupon Code  */



/* End Coupon code */

/* card type 2 */
section{
  float:left;
  width:100%;
  padding:30px 0; 
  position:relative; 
  overflow:hidden; 
  background:#6F8D8A;
  margin: 30px;
}

section:before{
  content:"";
  position:absolute; 
  width:110%; 
  height:100%;   
  background-color:#fff; 
  filter: blur(10px); 
  z-index:0; 
  transform: scale(2);-ms-transform: scale(2); 
  -webkit-transform: scale(2);
}

.btn-default{
  background:#006EFF; width: 100%; color:#fff; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,0.2); font-size:14px;
}
.card{
  box-shadow:2px 2px 20px rgba(0,0,0,0.3); border:none; margin-bottom:5px;
}
.card:hover{
  transform: scale(1.05);
  transition: all 1s ease;
  z-index: 999;
}
.card-01 .card-body{
  position:relative; padding-top:40px;
}
.card-01 .badge-box{
  position:absolute; 
  top:-20px; left:50%; width:100px; height:100px;margin-left:-50px; text-align:center;
}
.card-01 .badge-box i{
  background:#006EFF; color:#fff; border-radius:50%;  width:50px; height:50px; line-height:50px; text-align:center; font-size:20px;
}
.card-01 .height-fix{
  height:455px; overflow:hidden;
}

.card-01 .height-fix .card-img-top{width:auto!important;}

.profile-box{
  background-size:cover; float:left; width:100%; text-align:center; padding:30px 0; position:relative; overflow:hidden;
}

/* .profile-box:before{
} */

.profile-box img{
  width:170px; height:170px; position:relative; border:5px solid #fff;
}

.social-box i {
  border:1px solid #006EFF; color:#006EFF; width:30px; height:30px; border-radius:50%;line-height:30px;
}

.social-box i:hover{
  background:#DFC717; color:#fff;
}

.social-box a{margin: 0 5px;}

.video-foreground{float:left;width:100%; height:500px;}

.card-01.height-fix .card-img-overlay{
  top:unset; 
  color:#fff;
  background: -moz-linear-gradient(top, rgba(26,96,111,0) 0%, rgba(26,96,111,0) 1%, rgba(24,87,104,0.91) 31%, rgba(21,65,89,0.91) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a606f', endColorstr='#e8154159',GradientType=0 );
}
.card-01.height-fix .fa{color: #fff;font-size: 22px;margin-right: 18px;};

/*flipper-card*/
.card-flipper {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

.card__front,
.card__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card__back .card{
    width:100%;
    height:65vh;
}

.card__front,
.card__back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.card__front {
  background-color: #ff5078;
}

.card__back {
  background-color: #1e1e1e;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.card-flipper.effect__hover{position:relative;}
.card-flipper.effect__hover:hover .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card-flipper.effect__hover:hover .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.card-flipper.effect__random.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card-flipper.effect__random.flipped .card__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) { .navbar-vertical { display: none; }}