/*General************/
:placeholder {
color: #fff !important;
}
.btn:hover::before {
transform: scaleX(1);
color: #fff !important;
z-index: -1;
}

/* line 281,  */
.header-btn {
font-weight: 500;
font-size: 13px;
line-height: 16px;
border: 1px solid #0bd23d;
background: transparent;
border-radius: 8px;
padding: 11px 24px;
}
.btn_3 {
display: inline-block;
padding: 13px 36px;
border-radius: 13px;
background: #278f3c;
border: 1px solid #278f3c;
font-weight: 700;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #ffffff;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.btn_3:hover {
background-color: #0bd23d;
color: #fff;
}
.btn::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #0bd23d;
z-index: 1;
transition: transform 0.5s;
transition-timing-function: ease;
transform-origin: 0 0;
transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
transform: scaleX(0);
}

.btn {
display: inline-block;
transition: color 0.4s linear;
position: relative;
z-index: 1;
overflow: hidden;
white-space: inherit;
}
.button-style-1 {
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #ffffff;
border: 1px solid #278f3c;
background: #278f3c;
border-radius: 8px;
padding: 11px 24px;
transition: 0.6s all;
/*background: #000;*/
}
.button-style-11 {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #0bd23d;
border: 0;
transition: 0.6s all;
text-transform: uppercase;
}

.dropdown-menu {
/* top: 13px !important;
    left: -13px !important; */
box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
padding: 17px 0;
border-top: 5px solid #0bd23d;
/* border-radius: 0; */
/* overflow: hidden; */
margin-left: 4px;
margin-top: 8px;
}

.width26 {
width: 26%;
}
.button-style-7 {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #ffffff;
border: 1px solid #0bd23d;
background: transparent;
border-radius: 8px;
padding: 11px 24px;
transition: 0.6s all;
background-color: rgba(0, 0, 0, 0.6);
}
.button-style-7 span {
margin-right: 12px;
}
.btn-style-2 {
font-weight: 800;
font-size: 16px;
line-height: 19px;
color: #0bd23d;
border: 1px solid #0bd23d;
border-radius: 50px;
background: transparent;
padding: 15px 29px;
transition: 0.6s all;
}

.btn-style-3 {
background: #1e1e21;
border-radius: 50px;
font-weight: 800;
font-size: 16px;
line-height: 19px;
text-align: center;
padding: 13px 40px;
color: #0bd23d;
transition: 0.6s all;
}
.btn-style-8 {
background: #1e1e21;
border-radius: 0px;
font-weight: 800;
font-size: 16px;
line-height: 19px;
text-align: center;
padding: 13px 1px;
color: #0bd23d;
transition: 0.6s all;
position: relative;
}

.btn-style-8:before {
height: 36px;
position: absolute;
content: "";
left: -46px;
top: 0px;
/* width: 12px; */
/* background: #000; */
border: 23px solid #1e1e21;
border-left: 23px solid transparent;
border-top: 23px solid transparent;
}

.btn-style-8:after {
height: 36px;
position: absolute;
content: "";
right: -46px;
top: 0px;
/* width: 12px; */
/* background: #000; */
border: 23px solid #1e1e21;
border-right: 23px solid transparent;
border-bottom: 23px solid transparent;
}
.btn-style-4 {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-decoration-line: underline;
color: #0bd23d;
transition: 0.6s all;
}

.btn-style-5 {
background: #000000;
mix-blend-mode: normal;
border: 1px solid #ababab;
border-radius: 5px;
font-weight: 500;
font-size: 13px;
line-height: 16px;
text-align: center;
color: #c1c1c1;
padding: 15px;
width: 178px;
white-space: pre-wrap;
transition: 0.6s all;
}

.btn-style-6 {
font-weight: 500;
font-size: 13px;
line-height: 16px;
text-align: center;
padding: 0;
text-decoration: underline;
color: #ffffff;
transition: 0.6s all;
}

.btn-style-9 {
font-weight: 800;
font-size: 13px;
line-height: 16px;
text-align: center;
color: #0bd23d;
border: 1px solid #0bd23d;
background: #000;
border-radius: 8px;
padding: 11px 24px;
transition: 0.6s all;
}

.btn-style-10 {
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #ffffff;
background: #278f3c;
border-radius: 4px;
padding: 11px 24px;
transition: 0.6s all;
}
#exTab1 .nav-tabs > li.active {
background: #278f3c !important;
}
.btn-style-10 span {
margin-right: 10px;
}

.sharepost-area .post-cancelupload {
background: #f00 !important;
}

.sharepost-area .post-cancelupload:hover {
text-shadow: none;
color: #fff !important;
background: #ff9595 !important;
}

.share-preview .post-meta {
border: 0;
}
.catagory-list-type li:hover {
transform: translate(0, -15px);
}

.section-tittle h1 {
font-weight: 600;
font-size: 20px;
line-height: 36px;

color: #ffffff;
}
.section-tittle h1 span {
font-weight: 400;
}

.section-tittle h4 {
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #444444;
}
.section-tittle h4 span {
font-weight: 400;
}

.navbar {
z-index: 999;
}
.hero__caption {
display: flex;
position: absolute;
bottom: 0;
left: 2%;
align-items: center;
text-align: center;
}
.card-box {
position: absolute;
top: 6%;
left: 40%;
}
.card-box a img {
width: 17% !important;
}
.slider-area .item,
.slider-areas .item {
position: relative;
}

.slider-area .img-box {
width: 100%;
height: 495px;
}
.slider-area .img-box img {
width: 100%;
height: 100%;
object-fit: fill;
}
.slider-area .hero__caption h1 {
text-align: center;
color: #ffffff;
margin-bottom: 13px;
font-weight: 800;
font-size: 66px;
line-height: 80px;
margin: 38px 0;
}
.slider-area .hero__caption h1 span {
color: #0bd23d;
}
.text-box {
width: 35%;
}
.slider-area .hero__caption p {
font-weight: 700;
font-size: 18px;
line-height: 11px;
text-align: center;
color: #ffffff;
}
.text-box h1 {
font-weight: 800;
font-size: 40px;
line-height: 48px;
color: #ffffff;
}
.text-box h1 span {
color: #0bd23d;
}
.btn-box li {
display: inline-block;
margin: 0 12px;
}

/*Program starts************/

.program {
padding: 20px 0;
background: #515151;
}
.program-img,
.live-img {
position: relative;
height: 520px;
width: 100%;
}

.news-img {
position: relative;
width: 100%;
height: 551px;
}

.news-img img {
max-width: 100%;
height: auto;
width: 100%;
height: 100%;
object-fit: fill;
}
.program-caption {
/* position: absolute;
   bottom: 0;
    transform: translateY(0%);
    right: 52px;
    right: 2%;
    left: auto;*/
text-align: right;
padding: 22px 25px 36px;
}
.ericlogo {
padding: 36px 25px 22px;
}
.acceptence {
column-gap: 12px;
}
.acceptence a {
margin-bottom: 12px;
}
ul.play-link li {
display: inline-block;
/* margin-bottom: 15px; */
/* padding-left: 39px; */
align-items: center;
vertical-align: top;
text-align: left;
width: 30%;
line-height: 19px;
z-index: 99999;
margin-right: 32px;
}
ul.play-link li a:before {
position: absolute;
content: "";
background: url(../img/play-icon.png) no-repeat;
width: 31px;
height: 31px;
top: 0;
left: -100%;
z-index: 99;
}
ul.play-link li a {
font-weight: 500;
position: relative;
font-size: 11px;
line-height: 9px;
color: #ffffff;
z-index: 9;
}
ul.business-contact li {
display: inline-block;
margin-right: 12px;
}
ul.business-contact li span {
color: #09cd3a;
margin-right: 12px;
}
.des {
margin: 0;
font-size: 13px;
}
#file-upload-preview {
width: 100%;
max-height: 280px;
overflow-y: auto;
text-align: center;
}
#file-upload-preview img {
/*width: 100%;*/
height: 100%;
max-width: 100%;
max-height: 100%; /*
  object-fit: cover;
  object-position: center;*/
}
#video-upload-preview video {
width: 100% !important;
height: 100% !important;
}

.card-text {
color: #444444;
font-size: 14px;
line-height: 24px;
}
.card-imgs {
width: 100%;
height: 250px;
overflow: hidden;
}
.card-imgs img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 8px;
}
.programs-box {
background: url(../img/bg-home.png) no-repeat center;
background-size: cover;
height: 520px;
position: relative;
}
.programs-box:before {
background: url(../img/home-man.png) no-repeat;
content: "";
position: absolute;
top: 0;
left: -18%;
width: 100%;
height: 100%;
background-size: contain;
z-index: 1;
}

.play-box {
padding: 0 25px 22px;
}

.play-icon-box {
position: absolute;
top: 50%;
left: 50%;
width: 64px;
height: 64px;
transform: translate(-50%, -50%);
}
.program-caption h2 {
font-weight: 500;
font-size: 24px;
line-height: 29px;
color: #0bd23d;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.live-caption {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 52px;
left: 8%;
}
.live-caption h3 {
font-weight: 700;
font-size: 50px;
line-height: 55px;
color: #ffffff;
margin: 23px 0 30px;
}

.live-caption h3 a span {
color: #09cd3a;
font-size: 31px;
}
.live-caption h3 a {
transition: 0.6s all;
}
.live-caption h3 a:hover {
color: #09cd3a;
}
.logoshadow {
box-shadow: 10px -10px rgb(0 0 0 / 60%);
-moz-box-shadow: 10px -10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 6px -10px 0px 7px rgb(0 0 0 / 41%);
-o-box-shadow: 10px -10px rgba(0, 0, 0, 0.6);
border-radius: 50%;
}

.outer {
margin: 0 auto;
max-width: 800px;
}
#big .item {
height: 520px;
width: 100%;
color: #fff;
position: relative;
}
.hbcu-logo {
position: absolute;
top: 4%;
right: 2%;
}
#big .item .hbcu-text {
position: absolute;
bottom: 1%;
left: 2%;
}
#big .item .hbcu-text p {
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #ffffff;
transition: 0.6s all;
}
#thumbs .item .hbcu-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
text-align: center;
}
#thumbs .item .hbcu-text p {
font-weight: 700;
text-align: center;
font-size: 16px;
cursor: pointer;
line-height: 19px;
margin-bottom: 0;
color: #d5d5d5;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
transition: 0.6s all;
}
#thumbs {
background: #000;
}
#thumbs .item {
height: 93px;
width: 100%;
overflow: hidden;
position: relative;
}
#thumbs .item:before {
position: absolute;
background: rgba(0, 0, 0, 0.6);
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#thumbs .item img,
#big .item img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: cover !important;
object-position: top;
}
#thumbs .item:hover .hbcu-text p,
#big .item:hover .hbcu-text p {
color: #0bd23d;
}
#thumbs .item .hbcu-icon img {
width: 30px !important;
height: 30px !important;
cursor: pointer;
}
.owl-theme .owl-nav [class*="owl-"] {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*="owl-"].disabled:hover {
background-color: #d6d6d6;
}
#big.owl-theme {
position: relative;
}
#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
background: #333;
width: 22px;
line-height: 40px;
height: 40px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
}
#big.owl-theme .owl-prev {
left: 10px;
}
#big.owl-theme .owl-next {
right: 10px;
}
#thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
background: #333;
}

/*New Channel Starts***********/

.news-channel {
background: url(../img/bg-news.png) no-repeat center;
background-size: cover;
/* padding: 0 51px;*/
}
.conference-box {
background-image: radial-gradient(circle, #18954c, #0a4a24, black);
}
.conference-box {
padding-top: 42px;
position: relative;
}
.conference-caption {
padding: 0 42px;
}
.conference-caption h3 {
font-weight: 800;
font-size: 70px;
line-height: 85px;
text-transform: uppercase;

color: #ffffff;
text-shadow: 0px 10px 10px rgb(0 0 0 / 50%);
}
/*.news-box{
  padding-top: 42px;
}*/
.news-caption {
position: absolute;
bottom: 20px;
transform: translateY(-25%);
right: 52px;
left: 21%;
}

/*Talk-shows Starts***********/

.section-tittle h2 {
font-weight: 500;
font-size: 30px;
line-height: 36px;
}
.section-tittle h2 span {
font-weight: 800;
}

/*.talk-show .container-fluid, .reality-show, .reality-show, .movie, 
.food, .salon, .lawyer, .athlete, .fashion, .beauty,
.electronic, .jewellery, .electronic, .christmas, .book{
 max-width: 1215px;
    margin-left: 128px;
    padding: 0;
}*/

.talk-show,
.reality-show,
.reality-show,
.comedy-show,
.movie,
.music-artist,
.food,
.salon,
.lawyer,
.athlete,
.fashion,
.beauty,
.electronic,
.jewellery,
.electronic,
.christmas,
.book,
.sports-video {
padding: 0px 0 62px;
}
.talk-show .owl-nav button.owl-prev,
.talk-show .owl-nav button.owl-next,
.reality-show .owl-nav button.owl-prev,
.reality-show .owl-nav button.owl-next,
.comedy-show .owl-nav button.owl-prev,
.comedy-show .owl-nav button.owl-next,
.music-artist .owl-nav button.owl-prev,
.music-artist .owl-nav button.owl-next,
.movie .owl-nav button.owl-prev,
.movie .owl-nav button.owl-next,
.food .owl-nav button.owl-prev,
.food .owl-nav button.owl-next,
.salon .owl-nav button.owl-prev,
.salon .owl-nav button.owl-next,
.lawyer .owl-nav button.owl-prev,
.lawyer .owl-nav button.owl-next,
.athlete .owl-nav button.owl-prev,
.athlete .owl-nav button.owl-next,
.beauty .owl-nav button.owl-prev,
.beauty .owl-nav button.owl-next,
.fashion .owl-nav button.owl-prev,
.fashion .owl-nav button.owl-next,
.jewellery .owl-nav button.owl-prev,
.jewellery .owl-nav button.owl-next,
.electronic .owl-nav button.owl-prev,
.electronic .owl-nav button.owl-next,
.christmas .owl-nav button.owl-prev,
.christmas .owl-nav button.owl-next,
.book .owl-nav button.owl-prev,
.book .owl-nav button.owl-next,
.sports-video .owl-nav button.owl-prev,
.sports-video .owl-nav button.owl-next {
width: 64px;
height: 64px;
font-size: 14px;
line-height: 40px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
color: #fff;
border: 0;
position: absolute;
left: 0%;
top: 35%;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.show-slide .owl-nav button.owl-prev,
.show-slide .owl-nav button.owl-next {
top: 22% !important;
}
.status .owl-nav button.owl-prev,
.status .owl-nav button.owl-next {
width: 32px;
height: 32px;
font-size: 14px;
line-height: 30px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
color: #000;
border: 0;
position: absolute;
left: 0%;
top: 35%;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.talk-show .owl-nav button.owl-prev:hover,
.talk-show .owl-nav button.owl-next:hover,
.reality-show .owl-nav button.owl-prev:hover,
.reality-show .owl-nav button.owl-next:hover,
.comedy-show .owl-nav button.owl-prev:hover,
.comedy-show .owl-nav button.owl-next:hover,
.music-artist .owl-nav button.owl-prev:hover,
.music-artist .owl-nav button.owl-next:hover,
.movie .owl-nav button.owl-prev:hover,
.movie .owl-nav button.owl-next:hover,
.food .owl-nav button.owl-prev:hover,
.food .owl-nav button.owl-next:hover,
.salon .owl-nav button.owl-prev:hover,
.salon .owl-nav button.owl-next:hover,
.lawyer .owl-nav button.owl-prev:hover,
.lawyer .owl-nav button.owl-next:hover,
.athlete .owl-nav button.owl-prev:hover,
.athlete .owl-nav button.owl-next:hover,
.beauty .owl-nav button.owl-prev:hover,
.beauty .owl-nav button.owl-next:hover,
.fashion .owl-nav button.owl-prev:hover,
.fashion .owl-nav button.owl-next:hover,
.jewellery .owl-nav button.owl-prev:hover,
.jewellery .owl-nav button.owl-next:hover,
.electronic .owl-nav button.owl-prev:hover,
.electronic .owl-nav button.owl-next:hover,
.christmas .owl-nav button.owl-prev:hover,
.christmas .owl-nav button.owl-next:hover,
.book .owl-nav button.owl-prev:hover,
.book .owl-nav button.owl-next:hover,
.status .owl-nav button.owl-prev:hover,
.status .owl-nav button.owl-next:hover,
.sports-video .owl-nav button.owl-prev:hover,
.sports-video .owl-nav button.owl-next:hover {
background-color: #0bd23d;
color: #fff;
}
.talk-show .owl-nav button.owl-next,
.reality-show .owl-nav button.owl-next,
.comedy-show .owl-nav button.owl-next,
.music-artist .owl-nav button.owl-next,
.movie .owl-nav button.owl-next,
.food .owl-nav button.owl-next,
.salon .owl-nav button.owl-next,
.lawyer .owl-nav button.owl-next,
.athlete .owl-nav button.owl-next,
.beauty .owl-nav button.owl-next,
.fashion .owl-nav button.owl-next,
.jewellery .owl-nav button.owl-next,
.electronic .owl-nav button.owl-next,
.christmas .owl-nav button.owl-next,
.book .owl-nav button.owl-next,
.status .owl-nav button.owl-next,
.sports-video .owl-nav button.owl-next {
text-indent: 2px;
left: auto;
right: 0%;
}
.ellipsis {
display: block;
width: 146px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.show-img {
width: 100%;
/*height: 317px;*/
border-radius: 10px;
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.event-details-list {
column-gap: 10px;
}
.event-info-box .event-date {
font-size: 14px;
color: #ffffff;
line-height: 22px;
margin-bottom: 0;
}
.event-icon {
border: 1px solid #fff;
width: 80px;
height: 80px;
line-height: 70px;
text-align: center;
color: #fff;
border-radius: 6px;
/* border-top: 12px; */
border-top: 13px solid #0cb537;
margin-bottom: 9px;
font-size: 27px;
font-weight: 800;
}
.event-list {
padding: 12px;
border-bottom: 1px solid #cccccc;
}
.date-sec p,
.description-sec p {
color: #fff;
margin: 0;
font-size: 13px;
}
.date-sec {
padding: 8px;
margin: 23px 0;
/* border-bottom: 1px dashed #cccccc; */
background: #423f3f;
border-radius: 5px;
}
.description-sec {
margin-top: 3px;
border-top: 1px dashed #cccccc;
padding: 8px;
}
.event-pic {
height: 300px;
clear: both;
width: 100%;
margin-bottom: 23px;
border-radius: 8px;
overflow: hidden;
text-align: center;
}
.event-detail-box {
flex: 2;
}
.event-info-box,
.event-btn {
flex: 1;
}
.event-detail-box .event-date {
font-size: 15px;
color: #ffffff;
line-height: 23px;
margin-bottom: 0;
margin-bottom: 9px;
font-weight: 600;
}
.event-detail-box .event-head {
color: #0cb537;
font-size: 20px;
font-weight: 700;
line-height: 15px;
margin-bottom: 6px;
}
.event-pic img {
/*width: 100%;
    height: 100%;*/
object-fit: cover;
}
.description-sec h5 {
color: #0bd23d;
font-size: 17px;
font-weight: 700;
}
.liveimg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.show-img img,
.program-img img,
.show-img iframe {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
/*.reality-show .show-img, .food .show-img, .lawyer .show-img,
.salon .show-img, .athlete .show-img, .fashion .show-img, .electronic .show-img,
.christmas .show-img{
  height: 289px;
  width: 100%;
}*/
.show-details h5 {
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #ffffff;
}
.show-details p {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #8e8e8e;
text-transform: capitalize;
margin-right: 28px;
}
.plays {
position: absolute;
top: 20%;
left: 0;
right: 0;
transform: translate(38%, 50%);
}
.btns {
width: 64px;
height: 64px;
border-radius: 50%;
outline: none;
background: rgba(0, 0, 0, 0.5);
border: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}

.btns::before {
content: "";
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background: #1f3a93;
transform: scale(0);
transform-origin: 83% 86%;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: ease-out;
}

.show-img {
position: relative;
}

.btns.active::before {
transition-timing-function: ease;
transform: scale(1);
}

.linkmenu li {
display: inline-block;
width: 32%;
padding: 11px;
margin: 5px;
background: #f7f7f7;
border-radius: 7px;

position: relative;
padding-left: 28px;
transition: 0.6s all;
}
.linkmenu li:hover {
background: #c0ffd0;
cursor: pointer;
}
.linkmenu li a {
font-size: 13px;
font-weight: 500;
color: #000;
}
.linkmenu li:before {
position: absolute;
top: 16px;
left: 10px;
content: "\f101";
color: #087223;
font: normal normal normal 14px/1 FontAwesome;
}

.btns .play {
width: 22px;
height: 22px;
background: #fff;
z-index: 100;
text-align: center;
clip-path: polygon(0 0, 80% 48%, 0 100%, 0% 100%);
transition: clip-path 0.5s ease;
transition-delay: 0.4s;
}

.btns .play.active {
transition: clip-path 0.1s;
clip-path: polygon(0 0, 27% 0, 27% 100%, 0% 100%);
}

.small-box {
width: 18px;
height: 15px;
background: #fff;
position: absolute;
left: 65px;
z-index: 100;
bottom: 59px;
opacity: 0;
transition: opacity 1s;
}

.small-box.pauseToPlay {
animation: pauseToPlay 0.4s ease alternate-reverse;
}

@keyframes pauseToPlay {
10% {
transform: rotate(90deg);
left: 73px;
}
20%,
40% {
transform: rotate(180deg);
left: 92px;
}
50% {
left: 92px;
height: 66px;
bottom: 57px;
transform: rotate(180deg);
}
100% {
left: 92px;
height: 66px;
bottom: 57px;
transform: rotate(180deg);
}
}

.small-box.active {
opacity: 1;
transition: opacity 1s;
animation: move 0.8s cubic-bezier(0.52, 1.64, 0.37, 0.66) forwards;
animation-delay: 0.2s;
}

@keyframes move {
10% {
transform: rotate(90deg);
left: 73px;
}
20%,
40% {
transform: rotate(180deg);
left: 92px;
}
50% {
left: 92px;
height: 66px;
bottom: 57px;
transform: rotate(180deg);
}
100% {
left: 92px;
height: 66px;
bottom: 57px;
transform: rotate(180deg);
}
}

/*Reality Show**********/

.reality-show {
padding: 0px 0 62px;
}
/*Comedy Show**********/
.comedy-show {
padding: 0px 0 62px;
}

/*Athlete Pro Shop Starts**********/
.features li {
display: inline-block;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #8e8e8e;
margin: 0 11px 0 0;
position: relative;
padding-left: 21px;
}
.features li:before {
position: absolute;
content: "";
top: 6px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #8e8e8e;
}
.features li:first-child:before {
display: none;
}
.features li:first-child {
padding-left: 0;
}
.show-details p span {
font-weight: 700;
font-size: 13px;
line-height: 16px;
/*color: #FFFFFF;*/
}
.book .ellipsis {
width: 80px;
}

.talk-show .ellipsis,
.music-artist .ellipsis,
.movie .ellipsis,
.jewellery .ellipsis,
.beautys .ellipsis {
width: 212px;
}

/*.reality-show .ellipsis, .food .ellipsis,
 .salon .ellipsis, .lawyer .ellipsis{
width: 358px;
}
*/

.purchase {
padding: 16px 0 76px;
}

/*catagory-list Starts***********/
.catagory-list {
padding: 1px 0;
}
.catagory-list .button-style-7 {
color: #09cd3a !important;
}
.catagory-list .button-style-7:hover {
color: #fff !important;
}
.catagory-list-type li {
/*margin: 15px 15px;*/
margin: 15px 10px;
display: inline-block;
transition: 0.6s all;
}
.catagory-list-type li a {
font-weight: 400;
text-transform: uppercases;
font-size: 13px;
line-height: 16px;
color: #d8d8d8;
transition: 0.6s all;
}
.catagory-list-type li a:hover {
color: #0bd23d;
}

.catagory-list-type li:hover,
.footer-social li:hover {
transform: translate(0, -15px);
}
.category-caption .btn {
padding-top: 10px;
padding-bottom: 10px;
}
/*offer-area Starts***********/

.offer-area {
padding: 62px 0;
}
.offer-area .single-category .category-img {
position: relative;
}
.offer-area .single-category .category-img img {
max-width: 100%;
border-radius: 6px;
}

/*.offer-area .single-category .category-img .category-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 52px;
  left: 8%;
}*/
.category-collection {
position: relative;
margin-bottom: 10px;
}
.category-collection .collection {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 52px;
left: 8%;
}

@media (max-width: 767px) {
.offer-area .single-category .category-img img {
max-height: 200px;
}
.category-collection {
margin-bottom: 15px;
}
.home-slider {
text-align: center;
}
.home-slider .owl-carousel .owl-item img {
max-width: 100%;
margin: 0 auto;
}
.offertag {
left: 50% !important;
transform: translateX(-50%) !important;
-webkit-transform: translateX(-50%) !important;
}
}

.offer-area .single-category .category-img .category-caption h2 {
font-weight: 500;
font-size: 24px;
line-height: 29px;
color: #0bd23d;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.offer-area .single-category .category-img .category-caption .collection {
color: #0071fe;
font-weight: 700;
font-size: 90px;
line-height: 97px;
color: #ffffff;
text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
margin-bottom: 0;
}
.collection span {
font-weight: 700;
font-size: 23px;
line-height: 36px;
text-transform: uppercase;
color: #ffffff;
text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
}
#view-reaction-modal .author a {
color: #000;
}
/*upload Starts***********/
.upload {
background: url(../img/bg-upload.png) no-repeat center;
padding: 28px 0;
margin: 51px 0;
}
.upload-text p {
font-weight: 300;
font-size: 26px;
line-height: 31px;
color: #ffffff;
}
.upload-text p a {
text-decoration: underline;
}
.upload-text p span {
font-weight: 700;
font-size: 26px;
line-height: 31px;
color: #1dbe46;
}

/*partner-channel slider Starts***********/
.partner-channel {
padding: 24px 0;
background: #232329;
}
.channel-img {
width: 100%;
height: 80px;
}
.channel-img img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: none;
opacity: 0.6;
}

/*footer Starts***********/
footer {
background: #1a1a1d;
}
.footer-padding {
padding: 69px 0 95px;
}
/* line 6,  */
.footer-area .footer-pera p {
color: #868c98;
font-size: 16px;
margin-bottom: 50px;
line-height: 1.8;
}

.footer-copy-right {
padding-top: 45px;
}

.footer-copy-right p {
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #fff;
line-height: 2; /*
  margin-bottom: 20px;*/
}

.footer-copy-right p i {
color: #0bd23d;
}

.footer-copy-right p a {
color: #fff;
}
.footer-copy-right p span {
text-decoration: underline;
}

.footer-social li {
display: inline-block;
width: 57px;
height: 57px;
border-radius: 50%;
border: 1px solid #0bd23d;
text-align: center;
line-height: 62px;
margin: 5px;
transition: 0.6s all;
}
.footer-social li a i {
color: #0bd23d;
font-size: 28px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}

.footer-social a i:hover {
color: #fff;
}

/*Login Starts*/

.login-area {
background: linear-gradient(
180deg,
rgba(15, 30, 10, 0.294) 0%,
rgba(0, 0, 0, 0.7) 100%
);
border: 1px solid #3c3c3c;
box-shadow: 0px 3px 4px rgb(0 0 0 / 25%);
border-radius: 30px;
padding: 50px;
}

.loginregister {
background: url(../img/login-register-bg.png) no-repeat center;
background-size: cover;
background-attachment: fixed;
}
.login_part_form_iner h3 {
font-weight: 800;
font-size: 30px;
line-height: 36px;
text-align: center;
color: #ffffff;
margin-bottom: 17px;
}
.create {
font-weight: 500;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.01em;
color: #8e8e8e;
}
.create a {
color: #0bd23d;
text-decoration: underline;
}

.login_part_form_iner {
margin-bottom: 29px;
}

.login_part_form_iner p {
font-weight: 400;
font-size: 18px;
line-height: 22px;
text-align: center;
letter-spacing: 0.01em;
color: #ffffff;
}

.inputtext {
background: #ffffff;
border: 1px solid #c4c2c2;
border-radius: 8px;
height: 51px;
}

.login_part .lost_pass {
float: right;
font-weight: 700;
font-size: 12px;
line-height: 15px;
text-decoration-line: underline;

color: #0bd23d;
}

.login-tv {
border: 1px solid #02641b;
border-radius: 8px;
}

/* line 1965, 250 eCommerce_HTML/250 eCommerce_HTML/250 eCommerce_HTML/assets/scss/_product.scss */
.login_part_text_iner h2 {
font-weight: 800;
font-size: 30px;
line-height: 36px;
text-align: center;

color: #ffffff;
}
.login_part_text_iner h2 span {
color: #0bd23d;
}
.login_part_text_iner p {
font-weight: 400;
font-size: 20px;
line-height: 24px;
text-align: center;

color: #ffffff;
}

.login_part_text_iner {
padding: 24px;
}

ul.tv-login li {
display: inline-block;
margin: 8px;
}
.input-group {
position: relative;
width: 100%;
}
.input-group > .form-control:not(:last-child) {
/*border-radius: 8px;*/
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}

.toggle,
.toggle2 {
background: none;
border: none;
color: #b7b7a5;
/* display: none; */
/* font-size: .9em; */
font-weight: 600;
/* padding: 0.5em; */
position: absolute;
right: 0.75em;
top: 16%;
font-size: 21px;
z-index: 9;
}

.form-check-label {
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #8e8e8e;
}
input[type="password"]::-ms-reveal {
display: none;
}
input[type="password"] {
-webkit-appearance: none;
border-radius: 1px;
box-sizing: border-box;
}

.img-upload-box {
position: relative;
width: 100px;
}
.close-img {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.close-img i {
width: 24px;
height: 24px;
background: #eb0712;
text-align: center;
line-height: 24px;
border-radius: 50%;
color: #fff;
}
/*Dashboard Starts**************/
.black-box {
background: #121212;
border-radius: 20px;
padding: 20px;
margin: 15px 0;
}
.black-boxs {
background: #1d1d1d;
border-radius: 20px;
padding: 20px;
margin: 15px 0;
}
.profile-img {
width: 100%;
margin-bottom: 18px;
height: 100px;
}
.profile-img img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.profile-box {
text-align: center;
flex: 1;
}
input[type="range"] {
-webkit-appearance: none;
}

input[type="range"]::-webkit-slider-runnable-track {
width: 300px;
height: 5px;
background: #ddd;
border: none;
border-radius: 3px;
}

input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #0bd23d;
margin-top: -4px;
}

input[type="range"]:focus {
outline: none;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
background: #ccc;
}
.deatils-box {
/* flex: 2;*/
}
.profile-text h4 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #000000;
}
.profile-text h4 a {
color: #333333;
}
.profile-text p {
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* identical to box height */

color: #b1b1b1;
}
.avatar-upload {
position: relative;
max-width: 205px;
margin: 20px auto;
}
.avatar-upload .avatar-edit {
position: absolute;
right: 0;
z-index: 1;
bottom: 10px;
}
.avatar-upload .avatar-edit input {
display: none;
}
.avatar-upload .avatar-edit input + label {
display: inline-block;
width: 39px;
height: 39px;
margin-bottom: 0;
border-radius: 100%;
/* background: #FFFFFF; */
border: 1px solid transparent;
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 12%);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
background: #0bd23d;
}
.avatar-upload .avatar-edit input + label:hover {
background: #f1f1f1;
border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
content: "\f030";
font-family: "FontAwesome";
color: #ffffff;
position: absolute;
top: 7px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.avatar-upload .avatar-preview {
width: 100%;
height: 204px;
position: relative;
border-radius: 100%;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.dashboard-box {
column-gap: 63px;
}

ul.details-list li {
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: #ffffff;
}
ul.details-list li span {
color: #999999;
}
.sidebar {
background: #121212;
padding: 27px 0;
height: 100%;
position: sticky;
}
.sidebar ul li {
line-height: 40px;
padding: 4px 33px;
transition: 0.6s all;
border-radius: 10px;
}
.sidebar ul li a {
font-weight: 400;
font-size: 14px;
color: #c7c7c7;
}
.head-li {
font-size: 16px !important;
text-transform: uppercase;
font-weight: 700 !important;
color: #0bd23d !important;
}
.sidebar ul li a span {
float: right;
font-size: 18px;
}
.sidebar ul li.active,
.sidebar ul li:hover {
border-left: 3px solid #0bc63a;
background: rgba(43, 43, 43, 0.5);
}
.sidebar ul li.active a {
color: #0bc63a;
}

/*Product Listing Start******/
.title {
font-weight: 700;
font-size: 16px;
line-height: 30px;
color: #ffffff;
}
.description {
font-weight: 400;
font-size: 13px;
line-height: 30px;
color: #d4d4d4;
}
.price {
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #ffffff;
}
.price span {
color: #bcbcbc;
font-weight: 400;
padding-right: 27px;
}
.discount-rate {
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #ffffff;
margin: 0;
}
table {
border-collapse: separate;
border-spacing: 0 5px;
}
.discount {
font-weight: 400;
font-size: 12px;
line-height: 30px;
color: #bcbcbc;
margin: 0;
}

.table tr {
background: #202020;
border-radius: 10px;
}
td:first-child,
th:first-child {
border-radius: 10px 0 0 10px;
}
td:last-child,
th:last-child {
border-radius: 0 10px 10px 0;
}
/*.product-img{
  width: 127px;
  height: 81px;
  padding-right: 30px;
}
.product-img img{
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}*/
.cart_inner {
height: 400px;
overflow-y: scroll;
}

::-webkit-scrollbar {
width: 10px;
}

::-webkit-scrollbar-track {
background-color: #4f4f4f;
-webkit-border-radius: 10px;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #808080;
}

.form-label {
font-weight: 400;
font-size: 18px;
line-height: 22px;
/* identical to box height */

letter-spacing: 0.01em;

color: #999999;
}
.notify {
color: #fff;
text-align: center;
}
.links {
color: #00ff40;
font-weight: 700;
cursor: pointer;
border-bottom: 1px dashed #00ff40;
}
ul.tab-link li {
display: inline-block;
margin: 8px;
font-size: 14px;
}

.table-music-responsive th {
color: #dfffb4;
vertical-align: middle;
text-transform: uppercase;
font-size: 13px;
}
.table-music-responsive .table thead th,
.table-music-responsive .table td {
border: 0 !important;
vertical-align: middle;
}
.table-music-responsive .table td {
vertical-align: middle;
}
.playbutton i {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background: #858585;
border-radius: 50%;
}
.table-music-responsive p {
color: #fff;
font-size: 12px;
line-height: 20px;
}
.table-music-responsive h4 {
color: #fff;
font-size: 14px;
line-height: 21px;
font-weight: 700;
}
.same_hight {
height: 650px;
}
.mid-line {
color: #0cdb11;
font-size: 18px;
display: block;
font-weight: 800;
}
.price_off {
color: #fff;
font-weight: 700;
font-style: italic;
display: block;
}
.table-music-responsive .table tr,
.table-music-responsive td:first-child,
.table-music-responsive th:first-child,
.table-music-responsive td:last-child,
.table-music-responsive th:last-child {
border-radius: 0 !important;
}

.uploader label {
float: left;
clear: both;
/* width: 30%;*/
line-height: 50px;
height: 116px;
padding: 2rem 1.5rem;
text-align: center;
background: #575757;
border-radius: 15px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.uploader label:hover {
border-color: #454cad;
}
.uploader label.hover {
border: 3px solid #454cad;
box-shadow: inset 0 0 0 6px #eee;
}
.uploader label.hover #start i.fa {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.3;
}
.uploader #start {
float: left;
clear: both;
width: 100%;
}
.uploader #start.hidden {
display: none;
}
.uploader #start i.fa {
font-size: 50px;
margin-bottom: 1rem;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.uploader #response {
float: left;
clear: both;
width: 100%;
}
.uploader #response.hidden {
display: none;
}
.uploader #response #messages {
margin-bottom: 0.5rem;
}
.uploader #file-image {
display: inline;
margin: 0 auto 0.5rem auto;
width: auto;
height: auto;
max-width: 180px;
}
.uploader #file-image.hidden {
display: none;
}
.uploader #notimage {
display: block;
float: left;
clear: both;
width: 100%;
}
.uploader #notimage.hidden {
display: none;
}
.uploader progress,
.uploader .progress {
display: inline;
clear: both;
margin: 0 auto;
width: 100%;
max-width: 180px;
height: 8px;
border: 0;
border-radius: 4px;
background-color: #eee;
overflow: hidden;
}
.uploader .progress[value]::-webkit-progress-bar {
border-radius: 4px;
background-color: #eee;
}
.uploader .progress[value]::-webkit-progress-value {
background: -webkit-linear-gradient(left, #393f90 0%, #454cad 50%);
background: linear-gradient(to right, #393f90 0%, #454cad 50%);
border-radius: 4px;
}
.uploader .progress[value]::-moz-progress-bar {
background: linear-gradient(to right, #393f90 0%, #454cad 50%);
border-radius: 4px;
}
.uploader input[type="file"] {
display: none;
}
.uploader div {
margin: 0 0 0.5rem 0;
color: #5f6982;
}
.uploader .btn {
display: inline-block;
margin: 0.5rem 0.5rem 1rem 0.5rem;
clear: both;
font-family: inherit;
font-weight: 700;
font-size: 14px;
text-decoration: none;
text-transform: initial;
border: none;
border-radius: 0.2rem;
outline: none;
padding: 0 1rem;
height: 36px;
line-height: 36px;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
box-sizing: border-box;
background: #454cad;
border-color: #454cad;
cursor: pointer;
}
.uploader input[type="file"] {
display: none;
}
.border-box {
border-top: 1px solid rgba(217, 217, 217, 0.2);
}
.inner-text {
position: absolute;
top: 50%;
left: 35%;
right: 0;
/* padding: 0 90px; */
transform: translate(-50%, -50%);
width: 57%;
text-align: left;
}
.product-details h2 {
font-weight: 500;
font-size: 30px;
line-height: 36px;
margin-bottom: 20px;
}

.product-details h5 {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #0bd23d;
margin-bottom: 20px;
}

.product-description {
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #ffffff;
margin: 0;
}
.product-text {
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #8e8e8e;
}

.details-img {
background: #1f1f22;
border-radius: 30px;
padding: 23px;
}

.details-img img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.price-box h4 {
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #555555;
}
.price-box p span {
font-weight: 500;
font-size: 30px;
line-height: 36px;
color: #c0c0c0;
margin-right: 12px;
}

.price-box p {
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #0bd23d;
}
.prices {
column-gap: 76px;
margin-bottom: 13px;
}
.qty-box {
column-gap: 36px;
margin-bottom: 13px;
}
.qty-box p {
font-weight: 800;
font-size: 18px;
line-height: 22px;
color: #555555;
}
.qty-input {
background: #35353d;
border-radius: 5px;
color: #b8b8b8;
display: flex;
align-items: center;
overflow: hidden;
}
.qty-input .product-qty,
.qty-input .qty-count {
background: transparent;
color: inherit;
font-weight: bold;
font-size: inherit;
border: none;
display: inline-block;
min-width: 0;
height: 2.5rem;
line-height: 1;
}
.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
outline: none;
}
.qty-input .product-qty {
width: 50px;
min-width: 0;
display: inline-block;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.qty-input .product-qty::-webkit-outer-spin-button,
.qty-input .product-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.qty-input .qty-count {
padding: 0;
cursor: pointer;
width: 2.5rem;
font-size: 1.25em;
text-indent: -100px;
overflow: hidden;
position: relative;
}
.qty-input .qty-count:before,
.qty-input .qty-count:after {
content: "";
height: 2px;
width: 10px;
position: absolute;
display: block;
background: #fff;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.qty-input .qty-count--minus {
border-right: 1px solid #35353d;
}
.qty-input .qty-count--add {
border-left: 1px solid #35353d;
}
.qty-input .qty-count--add:after {
transform: rotate(90deg);
}
.qty-input .qty-count:disabled {
color: #ccc;
background: #f2f2f2;
cursor: not-allowed;
border-color: transparent;
}
.qty-input .qty-count:disabled:before,
.qty-input .qty-count:disabled:after {
background: #ccc;
}

.qty-input {
border-radius: 4px;
box-shadow: 0 1em 2em -0.9em rgba(0, 0, 0, 0.7);
}

.cart_details {
background: #fff;
border-radius: 30px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
padding: 40px;
}
.my_cart h5,
.my_carts h5 {
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #000000;
}
.my_cart {
border-bottom: 1px solid #ccc;
padding: 12px 0;
}
.price_details_cart {
padding: 35px 0;
border-bottom: 1px solid #ccc;
}
.price_total {
padding: 35px 0 0;
}
.price_details_cart h6,
.price_total h6 {
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #000000;
}

.cart-price {
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-align: right;
color: #0bd23d;
}

.calculated {
font-weight: 400;
font-size: 15px;
line-height: 21px;
text-align: right;
color: #666666;
}

.cart_details .product-details h2 {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #000000;
margin-bottom: 8px;
}

.delete {
width: 46px;
height: 46px;
background: #35353d;
border-radius: 50%;
text-align: center;
line-height: 46px;
color: #b8b8b8;
}
.cart_description {
border-bottom: 1px solid #cccccc;
padding: 40px 0;
}

.cart_details .price-box p {
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: #0bd23d;
}

.cart_details .product-details h5 {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #0bd23d;
margin-bottom: 12px;
}
.cart_details .product-description {
font-weight: 700;
font-size: 15px;
line-height: 24px;
color: #555555;
}
.cart_details .product-text {
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #8e8e8e;
}
.cart-img img {
border-radius: 20px;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.cart-img {
width: 100%;
height: 181px;
}

.cart_details .qty-box {
margin-bottom: 0;
}

.accordion-header {
font-size: 20px;
line-height: 24px;
color: #ffffff;
}
.accordion-header button {
background: transparent;
border: 0;
font-weight: 700;
}
.btn:focus,
.btn:hover {
color: #fff;
}
.submitbox {
margin-top: 28px;
text-align: right;
}
.accordion-item {
padding: 36px 0;
border-bottom: 1px solid #cccccc;
}
.accordion-item button {
color: #000;
}
.accordion-body {
margin-top: 36px;
}
.modal {
z-index: 9999;
}
#paypal-button-container,
.payment_info h5 {
color: #000;
}
.selectboxs .inputtext {
height: 39px;
}
#checkoutbox .price_details_cart {
padding: 15px 0;
}
.page-item.active .page-link {
background-color: #278f3c;
border-color: #278f3c;
}

.page-link {
color: #000;
background-color: transparent;
border: 1px solid #278f3c;
}
.page-link:hover {
color: #ffffff;
background-color: #278f3c;
border-color: #278f3c;
}

/* #product-listing-grid .show-img img{object-fit: contain;} */

#product-listing-grid .show-img {
background: #fff;
}

/*Social Media Starts************/
.profile-thumb-middle {
width: 35px;
height: 35px;
display: block;
border-radius: 50%;
overflow: hidden;
}
.posted-author {
margin-left: 20px;
}
#friendrequests-container .posted-author {
margin-left: 20px;
width: 119px;
}
.author {
font-weight: 400;
font-size: 15px;
line-height: 1;
line-height: 16px;
text-transform: capitalize;
margin: 0;
}
.author a {
color: #000000;
}
.posted-author .post-time {
font-weight: 400;
font-size: 14px;
line-height: 13px;

color: #696969;
}

.post-meta {
border-bottom: 1px solid #cccccc;
padding: 17px 0;
}
.comment-share-meta.createpostarea {
text-align: center;
}
.comment-share-meta li {
display: inline-block;
font-weight: 500;
font-size: 12px;
line-height: 15px;
margin: 0 14px 0px 0px;
}
.comment-share-meta li img,
.attachment-icons img {
width: 19px;
height: 19px;
}
.comment-share-meta li span {
color: #c1c1c1;
}
.short-comment {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #c1c1c1;
/*margin-top: 25px;*/
}
.visitor {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-align: center;
margin-top: 25px;
color: #c7c7c7;
}
.number {
font-weight: 700;
font-size: 16px;
line-height: 19px;

color: #0bd23d;
margin: 0;
}
.followbox {
padding: 14px 0;
border-bottom: 1px solid #cccccc;
}

.socialhead h4 {
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #000000;
}

ul.advertisementlink li {
display: inline-block;
margin: 0 8px 8px 0;
width: 28%;
}
.advertisementbox {
/* padding: 35px 0 0;*/
}
.status-img {
width: 94px;
height: 94px;
border-radius: 50%;
overflow: hidden;
outline: 2px solid #0bd23d;
outline-offset: 3px;
}
.status-img img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.upload-status {
column-gap: 20px;
}
.post-status {
flex: 1;
}
.post-status textarea {
background: #cccccc;
border-radius: 5px;
height: 81px;
border: 0;
margin-bottom: 30px;
}

.post-status .input-group-text {
background: none;
/* border-radius: 5px; */
border: 0;
margin-left: -3px;
}
.post-status input {
background: #202020;
border-radius: 5px;
height: 50px;
border: 0;
}

.socialmedia .add {
width: 40px;
flex-basis: 40px;
text-align: center;
}
.activities .owl-nav button.owl-next,
.community .owl-nav button.owl-next {
position: absolute;
right: 0%;
top: -14%;
color: #ababab;
font-size: 15px;
}
.profilepic .owl-carousel.owl-drag .owl-item {
margin: 11px 0;
}
.posted-author h6 span {
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* identical to box height */
text-transform: initial;
color: #c1c1c1;
}

.add-friend.icon {
background: url(../img/accept.png);
height: 28px;
width: 28px;
background-repeat: no-repeat;
float: right;
background-size: contain;
background-position: center;
}

.remove-friend.icon {
background: url(../img/decline.png);
height: 28px;
width: 28px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
float: right;
}
.remove-friend {
font-size: 12px;
color: red;
text-decoration: underline;
}

.accept-friend {
font-size: 12px;
color: #28a745;
text-decoration: underline;
}
.decline-friend {
font-size: 12px;
color: red;
text-decoration: underline;
}
.accept-friend.icon {
background: url(../img/accept.png);
height: 28px;
width: 28px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
float: left;
margin-right: 20px;
}
.decline-friend.icon {
background: url(../img/decline.png);
height: 28px;
width: 28px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-repeat: no-repeat;
float: left;
}

.friend-head li {
display: inline-block;
padding: 12px 22px 12px 22px;
font-size: 13px;
}

.friend-head li:not(:last-child) {
border-right: 1px solid #02ff42;
}

.frd-box {
padding: 12px;
border: 1px solid #16e34a;
border-radius: 8px;
margin-top: 30px;
}

.friend-head li .active {
color: #278f3c;
}

ul.dates li {
display: inline-block;
/*    background: #000;*/
border-radius: 6px;
padding: 4px;
color: #888;
font-size: 11px;
width: 11%;
border: 1px solid #ccc;
text-align: center;
}
ul.dates li.active {
background: #278f3c;
color: #fff;
}
ul.dates li span {
display: block;
}
.event-head {
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 15px;
margin-bottom: 6px;
}
.event-date,
.event-calender p {
font-size: 11px;
color: #c1b9b9;
line-height: 15px;
margin-bottom: 0;
}
.event-lists li {
margin-bottom: 20px;
}
.event-calender p span {
font-size: 18px;
display: block;
font-weight: 600;
color: #fff;
line-height: 30px;
}
.event-calender {
border-right: 1px solid #fff;
padding-right: 20px;
}
.event-boxs {
column-gap: 20px;
}

.activities .owl-nav button.owl-prev,
.community .owl-nav button.owl-prev {
position: absolute;
right: 8%;
top: -14%;
color: #ababab;
font-size: 15px;
}
.post-settings-bar i {
font-size: 16px;
color: #636363;
}
.comment-left {
margin-left: 73px;
}
.post-settings-bar .dropdown-item {
font-size: 13px;
}
/*23/09********************************8*/
.cart_inner h4 {
font-size: 16px;
color: #fff;
}
.cart_inner p {
margin-top: 12px;
color: #fff;
font-size: 15px;
line-height: 24px;
}
.p_button,
.cart_inner p a {
color: #0bd23d;
}
/*Media Queries Starts***********/

@media (min-width: 576px) and (max-width: 767px) {
.slicknav_menu .slicknav_icon {
top: 33px;
}
}

@media (min-device-width: 200px) and (max-device-width: 640px) {
.iPhone .slider-area .img-box img {
width: 20%;
}
.iPhone .slider-area .hero__caption {
padding-left: 6px;
}
}

@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
.slider-area .img-box img {
width: 20%;
}
.slider-area .hero__caption {
padding-left: 6px;
}
}

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
.slider-area .img-box img {
width: 20%;
}
.slider-area .hero__caption {
padding-left: 6px;
}
}

@media (max-width: 767px) {
.delete {
width: 27px;
height: 27px;
line-height: 26px;
font-size: 11px;
}
.qty-box p {
font-size: 10px;
}
.cart_details .price-box p {
font-size: 13px;
line-height: 10px;
}
.cart_details .product-description {
font-size: 13px;
line-height: 18px;
}
.cart-img img {
border-radius: 4px;
}

.event-calender {
border-right: 0;
}
.product-details {
text-align: center;
margin-top: 23px;
}
.cart_details {
margin-bottom: 30px;
padding: 18px;
}
.cart_description {
padding: 14px 0;
}

.place_order_button {
margin-top: 12px !important;
text-align: center;
}
.place_order_button a {
/*float: none !important;
  margin: 0 !important;*/
margin-bottom: 12px !important;
}

.price-box {
flex: 1;
text-align: center;
}

.plays-i {
padding: 4px !important;
}
.w-25 {
width: 100% !important;
}
.table-music-responsive h4 {
font-size: 9px;
line-height: 16px;
}
.table-music-responsive th {
font-size: 6px;
}
.table-music-responsive p {
font-size: 9px;
line-height: 14px;
}
.mid-line {
font-size: 10px;
}
.width26 {
width: 33%;
}
/*.w-25 {
    width: 50%!important;
}*/
.text-box h1 {
font-size: 19px;
line-height: 24px;
}
.friend-head li {
padding: 0 16px 0px 16px;
font-size: 9px;
}
.upload-text p {
font-size: 14px;
}
.black-box {
text-align: center;
}

.slider-areas .item {
height: 200px;
overflow: hidden;
}
.slider-areas .item img {
height: 100%;
max-height: 100%;
object-fit: cover;
object-position: center;
}
.slider-areas .inner-text {
left: 0;
width: 100%;
right: 0;
transform: translate(0%, -50%);
}
.btn-box {
margin: 0 auto;
text-align: center;
}
.slider-areas .text-box {
width: 100%;
text-align: center;
}

.login_part_form_iner h3 {
line-height: 32px;
font-size: 18px;
margin-bottom: 9px !important;
}
ul.tv-login li {
margin: 1px;
}

.login_part .login_part_text,
.login_part .login_part_form {
height: 100% !important;
}
.g-recaptcha {
width: 100%;
overflow: hidden;
}
.inputtext {
border-radius: 4px;
height: 38px;
}
.login_part_text_iner h2 {
font-size: 20px;
line-height: 25px;
}
.login_part_text_iner p {
font-size: 15px;
line-height: 21px;
}
.login-area {
padding: 15px;
}
.login_part_form_iner p {
font-size: 14px;
line-height: 20px;
}

.header-btn {
font-size: 11px;
padding: 9px 11px;
}

.dashboard-box {
text-align: center;
}
.catagory-list {
padding: 22px 0;
text-align: center;
}
.boxs .section-tittle {
text-align: center;
}

.profile-box {
flex: 1;
}

.btn-style-2 {
font-size: 12px;
line-height: 19px;
padding: 8px 8px;
}
.category-caption .btn {
font-size: 14px;
padding: 10px 20px;
}
.catagory-list-type {
margin-bottom: 10px;
}
.catagory-list-type li {
margin: 0 8px 5px;
}
.single-category {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.offer-area .single-category .category-img .category-caption h2 {
font-size: 18px;
line-height: 1.2;
margin-bottom: 10px;
}
.offer-area .single-category .category-img .category-caption .collection {
font-size: 20px;
line-height: 40px;
}
.collection span {
font-size: 13px;
}
.conference-caption h3 {
font-weight: 800;
font-size: 41px;
line-height: 45px;
}
.upload {
text-align: center;
background-size: cover;
}

.footer-social li a i {
font-size: 19px;
}
.ellipsis {
width: 100% !important;
}
.show-details {
text-align: center;
}
.show-details .btn-style-9 {
margin-top: 20px;
}
.footer-social li {
width: 37px;
height: 37px;
line-height: 37px;
}
.btn-style-3 {
font-size: 13px;
line-height: 19px;
padding: 8px 18px;
}
.button-style-1 {
font-size: 10px;
padding: 10px 18px;
}
.purchase {
padding: 16px 0 37px;
}
.talk-show,
.reality-show,
.comedy-show,
.sports-video,
.movie,
.music-artist,
.food,
.salon,
.lawyer,
.athlete,
.fashion,
.beauty,
.electronic,
.jewellery,
.electronic,
.christmas,
.book {
padding: 0px 0 30px;
text-align: center;
}
.show-img img,
.program-img img,
.show-img iframe {
object-fit: contain;
}
.talk-show .owl-nav button.owl-prev,
.talk-show .owl-nav button.owl-next,
.reality-show .owl-nav button.owl-prev,
.reality-show .owl-nav button.owl-next,
.comedy-show .owl-nav button.owl-prev,
.comedy-show .owl-nav button.owl-next,
.music-artist .owl-nav button.owl-prev,
.music-artist .owl-nav button.owl-next,
.movie .owl-nav button.owl-prev,
.movie .owl-nav button.owl-next,
.food .owl-nav button.owl-prev,
.food .owl-nav button.owl-next,
.salon .owl-nav button.owl-prev,
.salon .owl-nav button.owl-next,
.lawyer .owl-nav button.owl-prev,
.lawyer .owl-nav button.owl-next,
.athlete .owl-nav button.owl-prev,
.athlete .owl-nav button.owl-next,
.beauty .owl-nav button.owl-prev,
.beauty .owl-nav button.owl-next,
.fashion .owl-nav button.owl-prev,
.fashion .owl-nav button.owl-next,
.jewellery .owl-nav button.owl-prev,
.jewellery .owl-nav button.owl-next,
.electronic .owl-nav button.owl-prev,
.electronic .owl-nav button.owl-next,
.christmas .owl-nav button.owl-prev,
.christmas .owl-nav button.owl-next,
.book .owl-nav button.owl-prev,
.book .owl-nav button.owl-next {
width: 44px;
height: 44px;
}
.reality-show .show-img,
.comedy-show .show-img,
.food .show-img,
.lawyer .show-img,
.salon .show-img,
.athlete .show-img,
.fashion .show-img,
.electronic .show-img,
.christmas .show-img {
background: #fff;
}
.talk-show .owl-nav button.owl-prev,
.talk-show .owl-nav button.owl-next,
.reality-show .owl-nav button.owl-prev,
.reality-show .owl-nav button.owl-next,
.comedy-show .owl-nav button.owl-prev,
.comedy-show .owl-nav button.owl-next,
.music-artist .owl-nav button.owl-prev,
.music-artist .owl-nav button.owl-next,
.movie .owl-nav button.owl-prev,
.movie .owl-nav button.owl-next,
.food .owl-nav button.owl-prev,
.food .owl-nav button.owl-next,
.salon .owl-nav button.owl-prev,
.salon .owl-nav button.owl-next,
.lawyer .owl-nav button.owl-prev,
.lawyer .owl-nav button.owl-next,
.athlete .owl-nav button.owl-prev,
.athlete .owl-nav button.owl-next,
.beauty .owl-nav button.owl-prev,
.beauty .owl-nav button.owl-next,
.fashion .owl-nav button.owl-prev,
.fashion .owl-nav button.owl-next,
.jewellery .owl-nav button.owl-prev,
.jewellery .owl-nav button.owl-next,
.electronic .owl-nav button.owl-prev,
.electronic .owl-nav button.owl-next,
.christmas .owl-nav button.owl-prev,
.christmas .owl-nav button.owl-next,
.book .owl-nav button.owl-prev,
.book .owl-nav button.owl-next {
left: 4%;
}

.talk-show .owl-nav button.owl-next,
.reality-show .owl-nav button.owl-next,
.comedy-show .owl-nav button.owl-next,
.music-artist .owl-nav button.owl-next,
.movie .owl-nav button.owl-next,
.food .owl-nav button.owl-next,
.salon .owl-nav button.owl-next,
.lawyer .owl-nav button.owl-next,
.athlete .owl-nav button.owl-next,
.beauty .owl-nav button.owl-next,
.fashion .owl-nav button.owl-next,
.jewellery .owl-nav button.owl-next,
.electronic .owl-nav button.owl-next,
.christmas .owl-nav button.owl-next,
.book .owl-nav button.owl-next,
.status .owl-nav button.owl-next {
right: 4%;
left: auto;
}
.show-slide .owl-nav button.owl-prev,
.show-slide .owl-nav button.owl-next {
top: 20% !important;
}

#big .item .hbcu-text p {
font-size: 17px;
line-height: 30px;
text-align: -webkit-center;
}
#thumbs .item .hbcu-text p {
font-size: 15px;
line-height: 27px;
}
#big .item .hbcu-text {
left: 0;
text-align: center;
right: 0;
}

#big .item {
height: 197px;
}
.slider-area .img-box {
height: 95px;
}

.main-header .header-bottom .header-right li {
padding-right: 15px;
}
.comment-share-meta li {
margin: 0 15px 15px 0px;
}

.short-comment {
font-size: 12px;
line-height: 17px;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.community .profile-thumb,
.recommendation .profile-thumb {
margin: 0 auto;
}
.community .post-title,
.recommendation .post-title {
text-align: center;
}
.community .add,
.recommendation .add {
width: auto;
flex-basis: auto;
text-align: center;
margin: 0 auto;
}
.post-title {
margin-bottom: 30px !important;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
.gaps {
column-gap: 40px;
}
figure {
margin: 0;
}
.text-box h1 {
font-size: 19px;
line-height: 24px;
}
.slider-areas .inner-text {
left: 0;
width: 100%;
right: 0;
transform: translate(0%, -50%);
}
.btn-box {
margin: 0 auto;
text-align: center;
}
.slider-areas .text-box {
/* width: 100%;*/
text-align: center;
}
.slider-areas .item {
height: 200px;
overflow: hidden;
}
.slider-areas .item img {
height: 100%;
max-height: 100%;
object-fit: cover;
object-position: center;
}
/*.add {
    width: 100% !important;
    flex-basis: 100% !important;}*/

.community .posted-author,
.advertisementbox .posted-author {
text-align: center;
margin-left: 0;
}
.black-box,
.black-boxs {
padding: 14px;
}
#thumbs .item .hbcu-text p {
font-size: 18px;
line-height: 25px;
}
.socialhead h4 {
font-size: 13px;
line-height: 17px;
text-align: center;
}
.profile-text h4 {
font-size: 12px;
line-height: 14px;
}

.author {
font-size: 11px;
}
.profile-text h4 {
font-size: 13px;
}

ul.dates li {
width: 31%;
}
.event-head {
font-size: 10px;
margin-bottom: 2px;
}
.event-date,
.event-calender p {
font-size: 9px;
line-height: 14px;
}

.visitor {
font-size: 11px;
line-height: 19px;
}

.post-title {
margin-bottom: 30px !important;
}
.activities .owl-nav button.owl-prev,
.community .owl-nav button.owl-prev {
top: -7%;
}
.activities .owl-nav button.owl-next,
.community .owl-nav button.owl-next {
top: -7%;
}
.short-comment {
font-size: 11px;
line-height: 17px;
}
}

@media (max-width: 1024px) {
.section-tittle h1 {
font-size: 18px;
}
.section-tittle h4 {
font-size: 13px;
}
.profile-box {
flex: 1;
}

.head-li {
font-size: 21px;
}
ul.details-list li span {
width: 100% !important;
}
}

@media (min-width: 576px) and (max-width: 1025px) {
.slider-areas .text-box {
width: 37%;
text-align: center;
}
.slider-areas .inner-text {
transform: translate(3%, -50%);
}

ul.dates li {
width: 21%;
}
.short-comment {
text-align: left;
}
ul.dates li {
font-size: 6px;
}
.event-calender p span {
font-size: 13px;
line-height: 18px;
}
.event-calender {
padding: 0;
}
.event-boxs {
column-gap: 8px;
}
.event-head {
font-size: 10px;
line-height: 14px;
}
.event-date,
.event-calender p {
font-size: 9px;
line-height: 13px;
}
.post-status textarea {
height: 69px;
}
.comment-share-meta li {
margin: 0 1px 11px 0px;
font-size: 11px;
}
.comment-share-meta li img {
width: 15px;
}
.comment-share-meta.createpostarea,
.comment-share-meta {
text-align: left;
}
.socialhead h4 {
font-size: 11px;
line-height: 14px;
}
.profile-text h4,
.author,
.visitor,
.posted-author .post-time {
font-size: 12px;
line-height: 19px;
}
p {
font-size: 13px;
}
.recommendation .posted-author .author {
text-align: center !important;
margin-left: 0 !important;
}
.activities .owl-nav button.owl-prev,
.community .owl-nav button.owl-prev,
.activities .owl-nav button.owl-next,
.community .owl-nav button.owl-next {
top: -4%;
}
.black-box,
.black-boxs {
padding: 9px;
}
.posted-author {
margin-left: 0;
}
figure {
margin: 4px;
}
.socialmedia .add {
width: auto;
flex-basis: auto;
margin-top: 8px;
}
.post-title {
margin-bottom: 20px !important;
}
}

@media (min-width: 767px) and (max-width: 1025px) {
#hbcuvideo {
width: 100%;
/* margin: 12px;*/
}
.accept-friend.icon,
.decline-friend.icon {
height: 18px;
width: 18px;
}
.socialmedia .add {
width: auto;
flex-basis: auto;
text-align: center;
}
.profile-img {
height: 58px;
}
.socialmedia .owl-carousel .owl-item img {
margin: 0 auto;
}
.profile-thumb-middle {
width: 37px;
height: 37px;
}
.author {
font-size: 11px; /*text-align: center !important;*/
}
#big .item .hbcu-text p {
font-size: 22px;
line-height: 35px;
}
.comment-share-meta li {
font-size: 10px;
margin: 0 2px 0px 0px;
}
.post-status textarea {
height: 54px;
margin-bottom: 16px;
}
.event-calender p span {
font-size: 13px;
line-height: 18px;
}
.event-boxs {
column-gap: 9px;
}
.event-calender {
padding-right: 9px;
}
.black-box {
/*text-align: center;*/
padding: 10px;
}
.add-friend.icon {
float: none;
text-align: center;
margin: 0 auto;
display: block;
}

.slider-area .img-box {
width: 100%;
height: 255px;
}
.single-category {
margin-bottom: 30px;
}

.conference-caption h3 {
font-size: 40px;
line-height: 46px;
}
}

@media (max-width: 992px) {
.place_order_button {
margin-top: 12px !important;
}
.cart_details {
margin-bottom: 30px;
padding: 18px;
border-radius: 10px;
}
.cart_details .product-details h2 {
font-size: 16px;
line-height: 17px;
}

.price_details_cart,
.price_total {
padding: 10px 0;
}
}
@media (min-width: 993px) and (max-width: 1100px) {
}

.socialmedia .owl-carousel .owl-item img {
width: auto;
}
.socialmedia .post-object {
text-align: center;
height: 400px;
position: relative;
clear: both;
width: 100%;
}
.socialmedia .post-object img {
width: 100%;
height: 100%;
object-fit: contain;
}

/*Ria 06/10*/

.menu-box {
background: #fff;
/*padding: 12px;*/
border-radius: 8px;
margin-top: 20px;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.menu-box li a {
color: #888;
}
ul.home-icon li {
display: inline-block;
padding: 12px 15px 12px 12px;
width: 12%;
border-bottom: 1px solid #636363;
margin: 0 12px 0 0;
transition: 0.6s all;
text-align: center;
}

ul.home-icon li.active {
border-bottom: 1px solid #0ce342;
}
ul.home-icon li:hover {
border-bottom: 1px solid #0ce342;
}

.attachment-icons a {
margin: 0 12px;
}
.attachshare .add-img-icon,
.attachshare .add-video-icon {
cursor: not-allowed;
}
/*Riya 07/10*/
.imageupload-area {
height: 280px;
border: 1px solid #e3d8d8 !important;
padding: 0 !important;
/* overflow-Y: scroll;*/
}
.post-cancelupload {
position: absolute;
top: 2%;
right: 5%;
background: #000 !important;
drop-shadow: none;
width: 23px;
height: 23px;
font-size: 11px;
line-height: 9px;
color: #fff;
border-radius: 50%;
transition: 0.6s all;
}

.post-cancelupload:hover {
text-shadow: none;
color: #fff !important;
background: #065b1c !important;
}
.upload-main-wrapper {
width: 100%;
margin: 0 auto;
}

#file-upload-name {
margin: 4px 0 0 0;
font-size: 12px;
}

.upload-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 24% auto 0;
position: relative;
cursor: pointer;
background-color: #0bd23d;
padding: 8px 10px;
border-radius: 10px;
overflow: hidden;
transition: 0.2s linear all;
color: #ffffff;
width: 200px;
}

.upload-wrapper input[type="file"] {
width: 100%;
position: absolute;
left: 0;
right: 0;
opacity: 0;
top: 0;
bottom: 0;
cursor: pointer;
z-index: 1;
}

.upload-wrapper > svg {
width: 50px;
height: auto;
cursor: pointer;
}

.upload-wrapper.success > svg {
transform: translateX(-200px);
}

.upload-wrapper.uploaded {
transition: 0.2s linear all;
width: 60px;
border-radius: 50%;
height: 60px;
text-align: center;
}

.upload-wrapper .file-upload-text {
position: absolute;
left: 80px;
opacity: 1;
visibility: visible;
transition: 0.2s linear all;
}

.upload-wrapper.uploaded .file-upload-text {
text-indent: -999px;
margin: 0;
}

.file-success-text {
opacity: 0;
transition: 0.2s linear all;
visibility: hidden;
transform: translateX(200px);
position: absolute;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}

.file-success-text svg {
width: 25px;
height: auto;
}

.file-success-text span {
margin-left: 15px;
}

.upload-wrapper.success .file-success-text {
opacity: 1;
visibility: visible;
transform: none;
}

.upload-wrapper.success.uploaded .file-success-text {
opacity: 1;
visibility: visible;
transform: none;
}

.upload-wrapper.success.uploaded .file-success-text span {
display: none;
}

.upload-wrapper .file-success-text circle {
stroke-dasharray: 380;
stroke-dashoffset: 380;
transition: 1s linear all;
transition-delay: 1.4s;
}

.upload-wrapper.success .file-success-text circle {
stroke-dashoffset: 0;
}

.upload-wrapper .file-success-text polyline {
stroke-dasharray: 380;
stroke-dashoffset: 380;
transition: 1s linear all;
transition-delay: 2s;
}

.upload-wrapper.success .file-success-text polyline {
stroke-dashoffset: 0;
}

.upload-wrapper.success .file-upload-text {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}

.three-dots:after {
cursor: pointer;
color: #fcc;
content: "\2807";
font-size: 20px;
padding: 0 5px;
}

/* .dropdown-toggle::after{
  border: 0 !important;
} */
.dropdown-item span {
margin-right: 15px;
}
#social-post-container .dropdown-menu.show {
display: block;
left: -126px !important;
top: -12px !important;
}
#social-post-container .dropdown-toggle {
cursor: pointer;
}

/*Ria 10/10*/
@media (max-width: 400px) {
.slider-area .img-box {
height: 95px;
}
.slider-area .img-box img {
/* width: 20%; */
width: 100%;
}
}

/*Himadri 13-10*/
.recommendation .posted-author {
margin-left: 0px;
min-width: 140px;
max-width: 140px;
overflow: hidden;
}
.recommendation .posted-author .author {
text-align: left;
margin-left: 10px;
}
.btn.border-red {
border: 1px solid #ff0000 !important;
}
.show-more-comments {
font-size: 12px;
color: #fff;
cursor: pointer;
}
.reactioncount {
cursor: pointer;
}
.post-status textarea {
resize: none;
}
#social-post-modal .modal-title {
width: 100%;
text-align: center;
font-weight: bold;
}
#social-post-modal .profile-thumb-middle {
float: left;
}
#social-post-modal .username {
margin: 0px 0 0 6px;
float: left;
font-size: 14px;
color: #000;
font-weight: 400;
}
#social-post-modal .socialpost {
width: 100%;
height: 120px;
border: none;
font-size: 20px;
resize: none;
}
#social-post-modal .post-btn {
width: 100%;
}
.post-btn.disabled {
cursor: not-allowed;
}

#socialpost-form {
width: 100%;
margin-bottom: 20px;
}

.attachimage .socialpost,
.attachvideo .socialpost,
.attachshare .socialpost {
height: 60px !important;
font-size: 15px !important;
}
.videoupload-area {
height: 280px;
}
.imageupload-area,
.videoupload-area,
.sharepost-area {
border: 1px solid #e3d8d8 !important;
}
button.post-share {
cursor: pointer;
}
#post-progress-overlay {
position: absolute;
height: 100%;
width: 100%;
background: #cdc7c79c;
z-index: 2;
text-align: center;
}
#post-progress-overlay img {
width: 50px;
height: 50px;
position: relative;
top: 50%;
}
.post-status textarea {
resize: none;
overflow: hidden;
min-height: 40px;
}
.feelings-icons {
cursor: pointer;
padding: 10px;
border-radius: 10px;
}
.feelings-icons:hover {
background: #e7e7e7;
}
.feelings-icons.selected {
background: #e7e7e7;
}
.feeling-text a {
color: #000;
}
.feeling-text a:hover {
text-decoration: underline;
color: #000;
}
.post-share.blank .fill {
display: none;
}
.post-share.fill .blank {
display: none;
}
.comment-object {
clear: both;
margin: 10px 0 15px 0;
}
.post-buy-btn {
width: 100%;
float: left;
margin: 20px 0;
padding: 12px;
text-align: center;
/* position: absolute;*/
/* right: 0; */
transition: 0.6s all;
/*background: #000;*/
/* padding: 12px; */
/* border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 60px;
    border: 1px solid #00ff40;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
    transform: translate(-50%, -50%);*/
}
/*.post-buy-btn:hover{
  background: #fff;
}*/

.seller-order-details-section .billing-shipping td {
border-top: none;
}

.seller-order-details-section .billing-shipping td:first-child,
.seller-order-details-section .billing-shipping td:last-child {
border-radius: 0;
}

/* gulfaan css */
.friend-request-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding-top: 8px;
}
.friend-request-wrap .friend-request.add a {
display: flex;
align-items: center;
justify-content: start;
gap: 5px;
border: 1px solid #dddd;
padding: 5px;
border-radius: 10px;
color: #555;
}
.friend-request-wrap .accept-friend.icon,
.friend-request-wrap .decline-friend.icon {
margin: 0;
width: 20px;
height: 20px;
}
.friend-request-wrap .posted-author {
width: 77%;
}
.friend-request-wrap .friend-request.add a span {
font-size: 16px;
}
.friend-request {
padding-bottom: 12px;
}
.friend-request-wrap .friend-request.add {
width: 100%;
flex-basis: max-content;
}

div#suggestion-container a.icon-new.remove-friend-new,
.add-friend-new.icon-new {
display: block;
width: 100%;
border: 1px solid #dddd;
padding: 5px;
border-radius: 10px;
white-space: nowrap;
padding-right: 10px;
position: relative;
padding-right: 27px;
color: #555;
}
div#suggestion-container .suggested-friend .add {
width: 100%;
flex-basis: max-content;
text-align: center;
position: relative;
}
div#suggestion-container a.add-friend-new.icon-new::after {
content: "";
width: 20px;
height: 20px;
background: url(../img/accept.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 7px;
right: 3px;
position: absolute;
display: inline-block;
}
div#suggestion-container a.icon-new.remove-friend-new::after {
content: "";
width: 20px;
height: 20px;
background: url(../img/decline.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 7px;
right: 3px;
position: absolute;
display: inline-block;
}

/* get in touch modal style starts */
.git-modal label {
color: #333;
}
.git-modal .modal-dialog {
max-width: 600px;
}
.git-modal .modal-content {
background-color: #fff;
}
.git-modal .btn {
font-size: 16px;
background: #13ac3c;
background: -moz-linear-gradient(top, #13ac3c 0%, #0c8336 49%, #115e31 100%);
background: -webkit-linear-gradient(top, #13ac3c 0%, #0c8336 49%, #115e31 100%);
background: linear-gradient(to bottom, #13ac3c 0%, #0c8336 49%, #115e31 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13ac3c', endColorstr='#115e31',GradientType=0 );
font-weight: 600;
color: #fff;
padding: 13px 40px;
border: none;
}
.git-modal .btn:hover {
background: -moz-linear-gradient(top, #115e31 0%, #0c8336 49%, #13ac3c 100%);
background: -webkit-linear-gradient(top, #115e31 0%, #0c8336 49%, #13ac3c 100%);
background: linear-gradient(to bottom, #115e31 0%, #0c8336 49%, #13ac3c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115e31', endColorstr='#13ac3c',GradientType=0 );
}
.git-modal .btn:before {
display: none;
}
.git-modal .form-control {
color: #000;
padding: 10px;
border-radius: 6px;
-webkit-border-radius: 6px;
border: none;
height: 50px;
font-size: 15px;
background: #e6e5e5;
border: 1px solid #ccc;
}
.git-modal .close {
position: absolute;
top: -13px;
right: -13px;
width: 26px;
height: 26px;
font-weight: 500;
border-radius: 100%;
background-color: #999;
opacity: 1;
text-align: center;
margin: 0;
padding: 0;
}
.git-modal .modal-title {
color: #000;
padding: 0 15px;
}

@media (max-width: 767px) {
.git-modal .close {
top: -8px;
right: -8px;
}
}
@media (max-width: 960px) {
.git-modal .form-control {
height: 44px;
}
.git-modal .btn {
font-size: 15px;
padding: 10px 20px;
}
}
/* get in touch modal style end */
/* Start responsive style fixing on home page */
@media (max-width: 991px) {
.catagory-list-type li.btn {
display: block;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.home-banner-btn a {
font-size: 13px;
}
.program {
padding: 5px 0 0;
background-color: #121216;
}
#thumbs .item .hbcu-text p {
font-size: 15px;
line-height: 21px;
font-weight: 600;
}
#thumbs .item .hbcu-icon img {
width: 24px !important;
height: 24px !important;
margin-bottom: 5px;
}
.programs-box,
.live-img {
height: auto;
}
.offer-area {
padding: 20px 0 0;
}
}
@media (max-width: 575px) {
.fix-card {
padding-top: 15px;
}
.mobile_menu .slicknav_menu {
margin-top: -10px !important;
}
.program-caption a {
width: 100%;
}
ul.play-link li {
width: auto;
margin: 0 0 10px;
padding-left: 0;
display: flex;
align-items: center;
justify-content: left;
}
ul.play-link li br {
display: none;
}
ul.play-link li a {
font-size: 13px;
line-height: 1.3;
padding-left: 42px;
min-height: 25px;
display: flex;
align-items: center;
}
ul.play-link li a:before {
left: 0;
width: 25px;
height: 25px;
background-size: 100%;
}
.live-caption {
right: 0;
}
.live-caption h3 {
line-height: 1.3;
font-size: 30px;
}
.live-caption h3 br {
display: none;
}
.upload-button {
margin-bottom: 10px;
}
}
/* End responsive style fixing on home page */

/*mega menu fix css*/

body {
overflow-x: hidden !important;
}
.menu-box {
border-radius: 0px;
}

.menu-box .home-icon {
text-align: center;
}

.navbar-light .navbar-nav .nav-link {
color: rgb(64, 64, 64);
}

.btco-menu li > a {
padding: 10px 15px;
color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus,
.navbar > .show > a:focus {
background: transparent;
outline: 0;
}

.dropdown-menu .show > .dropdown-toggle::after {
transform: rotate(-90deg);
}

ul.navbar-nav {
margin: 0 auto;
}

.serchsec {
margin: 10px auto;
}

/* .cj{color:rgb(17 188 13) !important}	 */
/* =========================================================
	MEGA MENU - BOOTSTRAP 4.1.3
	========================================================= */

/* =========================================================
	MAIN NAVIGATION
	========================================================= */

.mega-navbar {
position: relative;
}

.mega-menu {
position: static;
}

/* =========================================================
	MAIN MEGA MENU DROPDOWN
	========================================================= */

.mega-menu-dropdown {
position: absolute;

top: 100%;
left: 0;
right: 0;

width: 100%;

margin-top: 0;

padding: 25px 20px;

border: 1px solid #e5e5e5;
border-radius: 0;

background: #ffffff;

box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);

z-index: 1000;
}

/* =========================================================
	CONTAINER
	========================================================= */

.mega-menu-container {
width: 100%;
}

/* =========================================================
	COLUMNS
	========================================================= */

.mega-menu-column {
padding-left: 20px;
padding-right: 20px;
}

/* =========================================================
	PARENT CATEGORY
	========================================================= */

.mega-category {
margin: 0 0 22px 0;
padding: 0;
}

/*
	* Parent category header
	*/

.mega-category-header {
display: flex;

align-items: center;

justify-content: space-between;

width: 100%;
}

/*
	* Parent category link
	*/

.mega-category-title {
display: block;

flex: 1;

padding: 0;

margin: 0;

font-size: 15px;
font-weight: 600;

line-height: 1.4;

color: #222222;

text-decoration: none;
}

.mega-category-title:hover {
color: rgb(17 188 13);

text-decoration: none;
}

/* =========================================================
	PARENT + / - BUTTON
	========================================================= */

.mega-category-toggle {
display: flex;

align-items: center;
justify-content: center;

flex: 0 0 30px;

width: 30px;
height: 30px;

margin: 0;
padding: 0;

border: 0;

background: transparent;

color: #333333;

font-size: 18px;

line-height: 30px;

text-align: center;

cursor: pointer;
}

.mega-category-toggle:hover {
color: rgb(17 188 13);
}

.mega-category-toggle:focus {
outline: none;
}

/* =========================================================
	LEVEL 2 CHILDREN
	========================================================= */

.mega-children {
display: none;

list-style: none;

margin: 5px 0 0 0;

padding: 0;
}

/*
	* Show children when parent is open
	*/

.mega-category.is-open > .mega-children {
display: block;
}

/* =========================================================
	LEVEL 2 CHILD
	========================================================= */

.mega-child {
position: relative;

margin: 0;

padding: 0;
}

/*
	* Level 2 header
	*/

.mega-child-header {
display: flex;

align-items: center;

justify-content: space-between;

width: 100%;
}

/*
	* Level 2 link
	*/

.mega-child-link {
display: block;

flex: 1;

padding: 4px 0;

margin: 0;

font-size: 13px;

line-height: 1.4;

color: #666666;

text-decoration: none;
}

.mega-child-link:hover {
color: #11bc0d;

text-decoration: none;
}

/* =========================================================
	LEVEL 2 + / - BUTTON
	========================================================= */

.mega-child-toggle {
display: flex;

align-items: center;
justify-content: center;

flex: 0 0 26px;

width: 26px;
height: 26px;

margin: 0;

padding: 0;

border: 0;

background: transparent;

color: #555555;

font-size: 16px;

line-height: 26px;

text-align: center;

cursor: pointer;
}

.mega-child-toggle:hover {
color: #11bc0d;
}

.mega-child-toggle:focus {
outline: none;
}

/* =========================================================
	LEVEL 3 / GRANDCHILDREN
	========================================================= */

.mega-grandchildren {
display: none;

list-style: none;

margin: 0;

padding: 5px 0 5px 15px;
}

/*
	* Show grandchildren when child is open
	*/

.mega-child.is-open > .mega-grandchildren {
display: block;
}

/* =========================================================
	LEVEL 3 LINK
	========================================================= */

.mega-grandchild-link {
display: block;

padding: 3px 0;

margin: 0;

font-size: 12px;

line-height: 1.4;

color: #888888;

text-decoration: none;
}

.mega-grandchild-link:hover {
color: #11bc0d;

text-decoration: none;
}

/* =========================================================
	DESKTOP MEGA MENU HEIGHT
	========================================================= */

@media (min-width: 768px) {
.mega-menu-dropdown {
max-height: calc(100vh - 120px);

overflow-y: auto;
}
}

/* =========================================================
	LARGE DESKTOP
	>= 1200px
	4 COLUMNS
	========================================================= */

@media (min-width: 1200px) {
.mega-menu-column {
padding-left: 20px;
padding-right: 20px;
}
}

/* =========================================================
	DESKTOP
	992px - 1199px
	3 COLUMNS
	========================================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {
.mega-menu-dropdown {
padding: 20px 15px;
}

.mega-menu-column {
padding-left: 15px;
padding-right: 15px;
}
}

/* =========================================================
	TABLET
	768px - 991px
	2 COLUMNS
	========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {
.mega-menu-dropdown {
padding: 18px 10px;
}

.mega-menu-column {
padding-left: 12px;
padding-right: 12px;
}

.mega-category {
margin-bottom: 18px;
}

.mega-category-title {
font-size: 14px;
}
}

/* =========================================================
	MOBILE
	< 768px
	1 COLUMN
	========================================================= */

@media (max-width: 767.98px) {
/*
		* Mega menu becomes part of normal document flow
		*/

.mega-menu {
position: relative;
}

.mega-menu-dropdown {
position: static !important;

width: 100%;

margin: 0;

padding: 0;

border: 0;

border-radius: 0;

box-shadow: none;

background: #ffffff;
}

.mega-menu-container {
width: 100%;

padding: 0;
}

.mega-menu-column {
width: 100%;

padding: 0 15px;
}

/*
		* Parent category
		*/

.mega-category {
margin: 0;

padding: 0;

border-bottom: 1px solid #eeeeee;
}

.mega-category-header {
min-height: 46px;
}

.mega-category-title {
padding: 12px 5px;

font-size: 14px;
}

/*
		* Parent toggle
		*/

.mega-category-toggle {
flex: 0 0 42px;

width: 42px;
height: 42px;
}

/*
		* Level 2
		*/

.mega-children {
margin: 0;

padding: 0 0 8px 15px;
}

.mega-child-header {
min-height: 40px;
}

.mega-child-link {
padding: 8px 5px;

font-size: 13px;
}

/*
		* Level 2 toggle
		*/

.mega-child-toggle {
flex: 0 0 38px;

width: 38px;
height: 38px;
}

/*
		* Level 3
		*/

.mega-grandchildren {
margin: 0;

padding: 3px 0 8px 15px;
}

.mega-grandchild-link {
padding: 6px 5px;

font-size: 12px;
}
}

/* =========================================================
	SMALL MOBILE
	< 576px
	========================================================= */

@media (max-width: 575.98px) {
.mega-menu-column {
padding-left: 10px;
padding-right: 10px;
}

.mega-category-title {
font-size: 14px;
}

.mega-child-link {
font-size: 13px;
}

.mega-grandchild-link {
font-size: 12px;
}
}

/* Fix Product height */

.show-img {
height: 350px;
object-position: bottom;
object-fit: contain;
}

/* Fix Product height */

.header-nav-row {
position: relative;
}

.mega-navbar {
position: static !important;
}

.mega-menu {
position: static !important;
}

.mega-menu-dropdown {
position: fixed !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin-top: 0;
z-index: 1050;
}

@media (min-width: 992px) {
.mega-navbar.bg-light {
background-color: transparent !important;
}

.mega-navbar .navbar-nav {
align-items: center;
}

.mega-navbar .navbar-nav > li {
margin-right: 28px;
}

.mega-navbar .navbar-nav > li:last-child {
margin-right: 0;
}

.mega-navbar .navbar-nav > li > a,
.mega-navbar .navbar-nav .nav-link,
.mega-navbar .navbar-nav .dropdown-toggle {
color: #ffffff !important;
font-weight: 500;
}

.mega-navbar .navbar-nav > li > a:hover,
.mega-navbar .navbar-nav .nav-link:hover,
.mega-navbar .navbar-nav .dropdown-toggle:hover {
color: #12a43b !important;
}
.mega-mobile-panel-header {
display: none;
}
.mega-mobile-panel-footer {
display: none;
}
}

@media (max-width: 991.98px) {
#megaNavbar.navbar-collapse {
position: fixed !important;
top: 0 !important;
left: 0;
right: 0;
bottom: 0;

width: 100%;
height: 100vh;
max-height: none;

margin: 0;
z-index: 2000;

background-color: #0e1f16;
box-shadow: none;

overflow-y: auto;
padding: 25px 25px 40px;
}
.mega-menu-dropdown {
position: fixed !important;
left: 20px !important;
right: 0 !important;
width: 90% !important;
margin-top: 20px;
z-index: 1050;
padding: 0 15px;
}
.hamburger_mobile {
padding: 0;
}
.mega-navbar {
justify-content: center;
padding: 0;
background-color: transparent !important;
}
.navbar-light .navbar-toggler {
color: #fff;
border-color: #fff;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

#megaNavbar .mega-mobile-panel-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}

#megaNavbar .mega-mobile-panel-header img {
max-width: 130px;
}

#megaNavbar .mega-mobile-close {
background: transparent;
border: 0;
padding: 6px;

color: #ffffff;
font-size: 24px;
line-height: 1;

cursor: pointer;
}

#megaNavbar .navbar-nav {
margin-top: 10px;
}

#megaNavbar .navbar-nav > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#megaNavbar .navbar-nav > li:last-child {
border-bottom: 0;
}

#megaNavbar .navbar-nav > li > a,
#megaNavbar .navbar-nav .nav-link,
#megaNavbar .navbar-nav .dropdown-toggle {
display: block;

padding: 16px 2px;

font-size: 18px;
font-weight: 600;
letter-spacing: 0.4px;
text-transform: uppercase;

color: #ffffff !important;
}

#megaNavbar .navbar-nav > li > a:hover,
#megaNavbar .navbar-nav .nav-link:hover,
#megaNavbar .navbar-nav .dropdown-toggle:hover {
color: #12a43b !important;
}

#megaNavbar .mega-mobile-panel-footer {
display: flex;
gap: 12px;
margin-top: 30px;
}

#megaNavbar .mega-mobile-panel-footer .btn {
flex: 1;
text-align: center;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav .dropdown-menu {
float: none;
top: 185px !important;
padding: 15px;
overflow-y: scroll;
height: 600px;
width: 94% !important;
}
}

@media (max-width: 767px) {
.header-nav-row {
justify-content: space-between;
}
.mega-menu-dropdown {
margin-top: 75px;
overflow-y: scroll;
height: 600px;
}
}

@media (max-width: 575px) {
.flex_mobile_col {
max-width: 50%;
flex: 0 0 50%;
}
.mega-navbar {
justify-content: right;
padding: 0 35px;
background-color: transparent !important;
}
.logo {
text-align: left !important;
}
.header-nav-row {
justify-content: space-between !important;
}
}

.card-modal-cont-1 .btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
center/1em auto no-repeat;
border: 0;
border-radius: 0.375rem;
opacity: 0.5;
cursor: pointer;
}
.card-modal-cont-1 .formcontainer {
height: 225px;
text-align: center;
}
.card-modal-cont-1 img {
max-width: 100%;
}
input:focus {
outline: none;
}
.card-modal-cont-1 {
border-radius: 10px;
-webkit-border-radius: 10px;
color: #fff;
font-family: "Montserrat", sans-serif;
}
.card-modal-cont-1 .modal-content {
border-radius: 10px;
-webkit-border-radius: 10px;
background: #111 url(<?=$config->themeURL?>images/popup-bg.png) no-repeat 100% 0;
}
.card-modal-cont-1 .col-md-5 {
position: relative;
}
.card-modal-cont-1 h2 {
font-family: "Montserrat", sans-serif;
font-size: 58px;
line-height: 1;
font-weight: 800;
margin-bottom: 20px;
color: #fff;
}
.card-modal-cont-1 h2 span {
display: block;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 15px;
}
.card-modal-cont-1 ul {
display: flex;
align-items: center;
font-size: 15px;
font-weight: 600;
margin-bottom: 25px;
}
.card-modal-cont-1 ul li {
position: relative;
padding-left: 18px;
margin-right: 30px;
}
.card-modal-cont-1 ul li:last-child {
margin-right: 0;
}
.card-modal-cont-1 ul li:before {
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
top: 4px;
left: 0;
display: block;
background: #046f2a;
background: -moz-linear-gradient(top, #046f2a 0%, #12a43b 100%);
background: -webkit-linear-gradient(top, #046f2a 0%, #12a43b 100%);
background: linear-gradient(to bottom, #046f2a 0%, #12a43b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#046f2a', endColorstr='#12a43b',GradientType=0 );
}
.card-modal-cont-1 input.input-field,
.card-modal-cont-1 input.submit-btn {
width: 100%;
border-radius: 6px;
-webkit-border-radius: 6px;
border: none;
height: 50px;
font-size: 15px;
}
.card-modal-cont-1 input.input-field {
font-family: "Montserrat", sans-serif;
color: #000;
padding: 10px;
margin-bottom: 10px;
}
.card-modal-cont-1 input.submit-btn {
background: #13ac3c; /* Old browsers */
background: -moz-linear-gradient(top, #13ac3c 0%, #0c8336 49%, #115e31 100%);
background: -webkit-linear-gradient(top, #13ac3c 0%, #0c8336 49%, #115e31 100%);
background: linear-gradient(to bottom, #13ac3c 0%, #0c8336 49%, #115e31 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13ac3c', endColorstr='#115e31',GradientType=0 );
font-weight: 700;
color: #fff;
padding: 0 20px;
}
.card-modal-cont-1 .modal-body {
padding: 40px;
}
.card-modal-cont-1 .btn-close {
position: absolute;
top: -13px;
right: -13px;
width: 26px;
height: 26px;
border-radius: 100%;
background-color: #d9d9d9;
opacity: 1;
text-align: center;
}

@media (min-width: 576px) {
.card-modal-cont-1 {
max-width: 1100px;
}
}
@media (max-width: 1139px) {
.card-modal-cont-1 {
margin-left: 20px;
margin-right: 20px;
}
.card-modal-cont-1 h2 {
font-size: 45px;
line-height: 1.1;
margin-bottom: 20px;
}
}
@media (max-width: 960px) {
.card-modal-cont-1 input.input-field,
.card-modal-cont-1 input.submit-btn {
height: 44px;
}
.card-modal-cont-1 .modal-body {
padding: 30px;
}
.card-modal-cont-1 h2 {
font-size: 38px;
}
.card-modal-cont-1 h2 span {
font-size: 16px;
}
}
@media (max-width: 767px) {
.card-modal-cont-1 .modal-content {
background-size: cover;
}
.card-modal-cont-1 .modal-body {
padding: 20px;
}
.card-modal-cont-1 .btn-close {
top: 4px;
right: 2px;
width: 20px;
height: 20px;
}
.card-modal-cont-1 h2 {
font-size: 30px;
margin-bottom: 20px;
}
.card-modal-cont-1 h2 span {
font-size: 14px;
}
.logo {
text-align: center;
}
.logo img {
max-width: 200px;
height: auto;
}
.card-modal-cont-1 ul {
display: block;
}
.card-modal-cont-1 ul li {
margin-right: 0;
margin-bottom: 10px;
}
}

.nice-select .list {
max-height: 200px;
overflow-y: scroll !important;
z-index: 10;
}
.modal-lg {
max-width: 1024px !important;
}
.sticky-bar {
z-index: 1000;
}
.submenu-2 {
margin-left: 190px;
margin-top: -15px;
}
.menu-icon {
}
.menu-icon img {
width: 60px;
filter: invert(44%) sepia(99%) saturate(7197%) hue-rotate(1deg) brightness(104%)
contrast(110%);
height: 30px;
margin-right: 10px;
}
.bscvideoframe {
height: 600px;
}

.openBtn {
background: #f1f1f1;
border: none;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
}

.openBtn:hover {
background: #bbb;
}

.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.9);
}

.overlay-content {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
}

.overlay .closebtn {
position: absolute;
top: 120px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}

.overlay .closebtn:hover {
color: #ccc;
}

.overlay input[type="text"] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: white;
}

.overlay input[type="text"]:hover {
background: #f1f1f1;
}

.overlay button {
float: left;
width: 20%;
padding: 15px;
background: #278f3c;
font-size: 17px;
border: none;
cursor: pointer;
}

.overlay button:hover {
background: #bbb;
}
.owl-carousel .owl-stage {
margin: 0 auto;
}

.card-row-bsc {
position: absolute;
top: 80%;
left: 31%;
width: 30%;
}
.card-column-bsc a img {
width: 40% !important;
float: none;
margin: 0 auto;
}