/*********************************
7. Blog
*********************************/

.home
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 100px;
	padding-bottom: 100px;
}
.blog_post_container
{
	width: 100%;
}
.blog_post
{
	width:100%;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	margin-bottom: 20px;
}
.blog_post:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.blog_post_image
{
	width: 100%;
}
.blog_post_image img
{
	max-width: 100%;
}
.blog_post_video_container
{
	width: 100%;
}
.video-js
{
	width: 100%;
}
.video-js .vjs-big-play-button
{

}
.vjs-control-bar
{
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}
.blog_post_body
{
	padding-left: 32px;
	padding-right: 30px;
	padding-top: 23px;
	padding-bottom: 23px;
}
.blog_post_title a
{
    font-family: "Quicksand", serif;
    /*font-family: 'Roboto Slab', serif;*/
	font-size: 17px;
    font-weight: 500;
    line-height: 26px;
	color: #4D96FF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_post_title a:hover
{
	color: #4D96FF;
}
.blog_post_meta
{
	margin-top: 11px;
}
.blog_post_meta ul li
{
	display: inline-block;
	position: relative;
}
.blog_post_meta ul li:not(:last-of-type)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	margin-left: 14px;
	margin-right: 11px;
}
.blog_post_meta ul li a
{
	font-size: 13px;
	font-weight: 400;
	color: #b5b8be;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_post_meta ul li a:hover
{
	color: #4D96FF;
}
.blog_post_text
{
	margin-top: 12px;
}
.blog_post_text p
{
	font-size: 14px;
	font-weight: 400;
	color: #76777a;
	line-height: 2;
}
.load_more
{
	width: 150px;
	height: 46px;
	border-radius: 3px;
	background: #4D96FF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.load_more:hover
{
	box-shadow: 0px 5px 40px rgba(0,0,0,0.15);
}
.load_more a
{
	display: block;
	line-height: 46px;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 500;
}
.course{
    background-color: #fff !important;
}


/***************activit list****************/
.activity-list {
    padding: 10px 0;
	
}

.activity-item-padding {
    padding: 5px 15px !important;
	margin-top: 20px;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
}

.activity-item-dt {
    margin: 0px;
    padding: 5px;
    border-width: 0px;
    border-style: solid;
    border-color: rgb(4, 4, 5);
    display: flex;
    flex-basis: auto;
    flex-shrink: 0;
    min-height: 0px;
    min-width: 0px;
    max-width: 100%;
    -webkit-box-align: center;
    align-items: self-start;
    flex-direction: row;
	width: 100%;
}

.activity-item-img {
    position: relative;
	margin-right: 20px;
}

.activity-item-img img {
    min-width: 100px !important;
    min-height: 100px !important;
	max-width: 100px !important;
    max-height: 100px !important;
    object-fit: cover;
    border-radius: 10px;
}

.activity-action {
	display: inline-block;
	line-height: 26px;
    color: #999999;
    width: 100%;
    flex-basis: auto;
    flex-shrink: 0;
    min-height: 0px;
    min-width: 0px;
    max-width: 100%;
    -webkit-box-align: center;
    align-items: self-start;
    flex-direction: row;
	overflow-wrap: anywhere;
}

.company-name{
	color:#4D96FF;
}

/* modal gooooooooooooooooooooooooooooooooooes here*/

.create-post {
    text-align: left;
}

.create-post-top h4 {
    padding: 15px 20px;
    border-bottom: 1px solid #efefef;
}

.create-post-body {
    padding: 20px;
}

.create-post-bottom {
    padding: 20px;
    border-top: 1px solid #efefef;
}

.create-post-body .upload-dropzone span {
    font-size: 24px;
}

.read-more{
	color:#4D96FF;
}

/* --- Blogs Page --- */ 

.our-blog-block {
    padding: 90px 0 65px;
}

.flex-slide {
    display: flex;
    align-items: stretch;
    transition: 300ms;
    position: relative;
}

.flex-slide .left {
    flex: 0 1 50%;
}

.blog-img-card {
    padding: 10px;
}

.blog-img-card img {
    width: 100%;
	border-radius: 5px;
}

.flex-slide .right {
    padding: 1rem 4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1;
}

.blog-tag {
	display: inline-block;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 5px;
    color: #111111;
	margin-bottom: 15px;
    background-color: #ffdb45;
	letter-spacing: 0.1px;
}

.flex-slide .right h3 {
    font-size: 24px;
    text-align: left;
    font-weight: 600;
    color: #111111;
	margin-bottom: 15px;
}

.flex-slide .right p {
	text-align: left;
    font-size: 16px;
}

.blogpost-meta {
    margin-bottom: 37px !important;
	margin-top: 3px;
}

.blogpost-meta li {
    display: inline-block;
    margin-right: 15px;
}

.blogpost-meta li:last-child {
    margin-bottom: 0;
}

.author-dt-meta {
    color: #111111;
    font-size: 14px;
}

.author-dt-meta:hover {
    color: #111111 !important;
}

.more-blogs-block {
    margin-top: 3px;
}

.blog-img {
    padding: 10px 10px 0;
}

.blog-img a {
    display: block;
    line-height: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.blog-img img {
    width: 100%;
	border-radius: 5px;
	-o-object-fit: cover;
    object-fit: cover;
}

.blog-content-area {
    padding: 1.5rem;
    text-align: left;
}

.blog-content-area .medium-blog-title {
	display: block;
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    color: #111111;
	margin-bottom: 15px;
	margin-top: 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-content-area .medium-blog-title:hover {
    color: #111111 !important;
}

.blog-content-area p {
	text-align: left;
    font-size: 14px;
}

.main-pagination {
    margin-top: 40px;
}

.main-pagination .pagination .page-item .page-link {
    color: #111111 !important;
    background-color: #ffffff !important;
    border: 1px solid #efefef !important;

}

.main-pagination .pagination .page-item.disabled .page-link {
    color: #6c757d !important;
    border-color: #efefef !important;
}

.main-pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #5065f6 !important;
    border-color: #5065f6 !important;
}

/* --- Blog Detail Page --- */ 

/*********************************
7. Contact
*********************************/

.contact
{
	width: 100%;
	padding-bottom: 100px;
}
.contact_map
{
	width: 100%;
}
.map
{
	width: 100%;
}
.google_map
{
	width: 100%;
	height: 500px;
}
.map_container
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#map
{
	width: 100%;
	height: calc(100% + 30px);
}
#content
{
	width: 180px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
    font-family: "Quicksand", serif;
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 14px;
	color: #76777a;
	line-height: 1.71;
}
.contact_info_container
{
	margin-top: 100px;
}
.contact_info_title
{
	/*font-family: 'Roboto Slab', serif;*/
    font-family: "Quicksand", serif;
	font-size: 36px;
	font-weight: 700;
	color: #384158;
}
.contact_form
{
	padding-right: 10px;
}
.comment_form
{
	margin-top: 35px;
}
.comment_input
{
	width: 100%;
	height: 43px;
	border: solid 1px #d9d9d9;
	border-radius: 3px;
	padding-left: 19px;
	font-size: 14px;
	font-weight: 400;
	color: #2c3145;
}
.comment_form > div:not(:last-child)
{
	margin-bottom: 25px;
}
.comment_input:focus
{
	border: solid 1px #4D96FF;
	outline: none;
}
.comment_textarea
{
	width: 100%;
	height: 150px;
	padding-top: 15px;
}
.form_title
{
	font-size: 16px;
	font-weight: 400;
	color: #384158;
	margin-bottom: 12px;
}
.comment_button
{
	min-width: 170px;
    padding-left: 15px;
    padding-right: 15px;
	height: 44px;
	background: #4D96FF;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 3px;
	margin-top: 14px;
}
.success_button
{
	width: 150px;
	height: 46px;
	background: #00b517;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 3px;
	margin-top: 15px;
}
.comment_button:hover
{
	box-shadow: 0px 5px 40px rgba(0,0,0,0.25);
}
.contact_info
{
	padding-left: 30px;
}
.contact_info_text
{
	margin-top: 27px;
}
.contact_info_location
{
	margin-top: 12px;
}
.contact_info_location_title
{
    font-family: "Quicksand", serif;
	/*font-family: 'Roboto Slab', serif;*/
	font-size: 18px;
	font-weight: 700;
	color: #384158;
}
.location_list
{
	margin-top: 14px;
}
.location_list li
{
	font-size: 14px;
	color: #5e6271;
}
.location_list li:not(:last-child)
{
	margin-bottom: 9px;
}
.feature_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.lead{
	font-size: 18px;
}

/* video audio component*/
.main-card {
    position: relative;
    border: 1px solid #efefef;
    background-color: #ffffff;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    /*padding-top: 40px;
    padding-bottom: 40px;*/
}

.live-time-limit {
    font-size: 13px;
    position: absolute;
    left: 25px;
    bottom: 10px;
    display: flex;
    align-items: flex-start;
    color: #111111;
    font-weight: 500;
    background-color: #ffffff;
    padding: 5px 0px 5px 10px;
    border: 2px solid #5065f6;
    border-radius: 8px;
	margin: 2px;
	height: 32px;
}

.live-time-limit span {
    font-weight: 500;
    margin-right: 8px;
}

.live-time-limit img {
    width: 16px !important;
    height: 16px !important;
    margin-left: 10px;
}
.item-detail-group {
    padding: 15px;
}

.item-creators-options {
	display: flex;
    flex-direction: row;
    padding: 0 0 10px;
}

.item-creators-group {
    display: flex;
    flex-direction: row;
}

.creator-list {
    margin-left: -10px;
}

.creator-list:first-child {
    margin-left: 0;
}

.item-creator-img {
    position: relative;
    width: 30px !important;
    height: 30px !important;
}

.item-creator-img img {
	height: 30px !important;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 10%);
}

.verif-badge-1 {
    position: absolute;
    bottom: -8px;
    right: 26%;
}

.more-option-list {
    margin-left: auto;
}

.option-more-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 2px;
    font-size: 18px;
    color: #999999;
}

.dropdown .item-dropdown {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

.item-text-dt {
    text-align: left;
    padding-top: 0px;
}

.item-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    color:#4D96FF
}

.item-title:hover {
    color: #4D96FF !important;
}

.item-text-bottom {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.bid-count {
    color: #999999;
}

.bid-rate {
    font-weight: 600;
    color: #111111;
    margin-left: 5px;
    margin-right: 5px;
}

.bid-value {
    font-size: 16px;
    font-weight: 500;
    color: #5065f6;
}

.nft-img {
	position: relative;
    padding: 15px 15px 0;
    display: block;
    width: 100%;
}

.nft-img img {
    border-radius: 5px;
	object-fit: cover;
	width: 100%;
}
.share-link {
    text-align: center;
}

.social-icon {
    color: #111111;
    width: 56px;
    height: 56px;
    display: inline-block;
    border: 1px solid #efefef;
    border-radius: 50%;
    font-size: 24px;
    text-align: center;
    padding: 9px 0;
	background-color: #f9f9f9;
}

.social-icon:hover {
    color: #5065f6 !important;
    border: 1px solid #5065f6;
	background-color: #ffffff;
	transition: 0.3s;
}

.share-link span {
    display: block;
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
}

.reporting-text {
    font-size: 16px;
    margin-bottom: 17px;
	color: #999999;
	line-height: 26px;
}
.m-2{
	color:#111111;
}

/*audio aka staff account*/
.collection-bg {
    width: 100%;
    height: 120px !important;
    display: block;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-size: cover;
}

.item-collection-meta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 0 20px 20px;
}

.collection-avatar {
    position: relative;
    width: 64px;
    height: 64px;
    margin-top: -40px;
    margin-bottom: 15px;
    display: block;
}

.collection-avatar img {
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 10%);
}

.collection-series {
    text-transform: uppercase;
    color: #999999;
    font-weight: 500;
}

.course_image img{
    width:100%
}

.home-page{
    padding-top: 70px;
    padding-bottom: 100px;
}

.home-space{
    padding-top: 250px;
}

.ptb--80 {
    padding-top: 150px;
    padding-bottom: 100px;
}

.ptb--home {
    margin-top: 70px;
    padding-top: 200px;
    padding-bottom: 160px;
}

.bg-image {
    margin-top: 72px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
}

.courses-no-top{
    width:100%;
    padding-bottom: 100px;
    padding-top: 10px;
}

.page-title{
    color:#fff;
}

/*********************************
7. About
*********************************/

.about
{
	width: 100%;
	padding-top: 0px;
	padding-bottom: 100px;
	background: #FFFFFF;
}
.about_row
{
	margin-top: 56px;
}
.about_col_left
{
	padding-right: 25px;	
}
.about_col_right
{
	padding-left: 25px;
}
.about_col_middle
{
	padding-left: 20px;
	padding-right: 20px;
}
.about_item_image
{
	width: 100%;
	overflow: hidden;
}
.about_item_image img
{
	max-width: 100%;
	-webkit-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	transition: all 2000ms ease;
}
.about_item:hover .about_item_image img
{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.about_item_title
{
	margin-top: 22px;
}
.about_item_title a
{
	/*font-family: 'Roboto Slab', serif;*/
    font-family: "Quicksand", serif;
	font-size: 20px;
	font-weight: 700;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.about_item_title a:hover
{
	color: #14bdee;
}
.about_item_text
{
	margin-top: 12px;
}
.about_item_text
{
	line-height: 2;
}

.input-control{
    height: 35px;
    padding: 8px;
}

.g-0{
    padding-top:50px;
}

.font-weight-500{
    font-weight: 500;
}

.blog-content-meta ol, ul {
    margin-left: 15px !important;
}

.table th, .table td{
    padding: 0.6rem !important;
}

p{
    margin-bottom: 0 !important;
}

a.comment_button{
    height: auto!important;
    padding: 12px 0px !important;
}
a.comment_button:hover{
    color: #fff
}
.courses-blog
{
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
}

.simp-playlist{
    background-color: #0e1621;
    padding: 10px 0;
}
.simp-source{
    color: #ddd;
}
.simp-desc{
    font-weight: 300 !important;
    margin-left: 9px;
}
.play-list{
    color:#fff;
    font-size: 14px !important;
    padding: 4px !important;
    
}
.play-list:hover{
    cursor:pointer;
}

.play-list-not{
    font-size: 14px !important;
    padding: 4px !important;
    color: #76777a !important;
    
}
.play-list-not:hover{
    cursor:pointer;
}

p{
    color:#384158 !important;
}

@media only screen and (max-width: 767px)
{

.table td {
    min-width: 170px;
    overflow: hidden;
    /*display: inline-block;
    white-space: nowrap;*/
  }
}