/* Start Global */
* {
	font-family: 'Roboto', sans-serif
}
body {
	background-color: #f5f8f9;
}
.btn-style {
	background-color: #44b8cb !important;
	color: #FFF;
	border: none;
	border-radius: 50px;
	padding: 5px 20px;
	outline: none;
	text-decoration: none;
	transition: all .3s ease-in-out;
}
.btn-style:hover {
	background-color: #32a4b7 !important
}
.btn-style:active {
	background-color: #1d97ab !important
}
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/* Start Custom Framework Profile */
.main_color {
	color: #44b8cb !important
}
.color_white {
	color: #FFF !important
}
.black_color {
	color: #1b2131 !important
}
.grey_color {
	color: #9eb1cb !important
}
.margin_zero {
	margin: 0 !important
}
.btn_style_none {
	background: none;
	border: none;
	outline: none;
	cursor: pointer
}
.full_width_height {
	width: 100% !important;
	height: 100% !important;
}
.padding_right_zero {
	padding-right: 0 !important
}
.padding_left_zero {
	padding-left: 0 !important
}
.padding_left {
	padding-left: 5px !important
}
.position_fixed_overlay {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 99999999;
	width: 100%;
	height: 100%;
}
.btn_style_box {
	padding: 12px;
	margin: 15px;
	width: 170px;
	border-radius: 3px !important
}
.btn_style_box_border {
	border: 1px solid #44b8cb;
	padding: 12px;
	width: 160px;
	border-radius: 3px !important;
	background-color: #FFF
}
.decoration_none {
	text-decoration: none !important
}
/* Popup Section Content */
.wrap_popup_style {
	background-color: #FFF;
	padding: 20px;
	margin: 10% auto;
	border-radius: 5px;
	transform: translateY(-50%);
    position: relative;
    top: 29%;
}
.set_input {
	color: #9eb1cb !important;
	box-shadow: none !important;
	border: 1px solid #f2f2f2 !important;
	width: 100% !important;
	outline: none
}
.set_input::placeholder {
	color: #9eb1cb !important
}
/* Bootstrap Dropdown Popup */
.dropdown-backdrop {
	display: none !important
}
/* End Custom Framework Profile */
/* End Global */

/* Start Navbar */
nav {
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: linear-gradient(#06beb6, #48b1bf);
	position: fixed;
	width: 100%;
	z-index: 99999
}
nav .logo-bar-box ul li {
	display: inline-block;
	padding: 0 0 0 5px;
	margin-right: 50px
}
nav .logo-bar-box ul li.logo_link:after {
	content: "";
    border-right: 1px solid #FFF;
    position: absolute;
    top: 49%;
    left: 26%;
    width: 18px;
    height: 0.4px;
    background: #FFF;
    transform: rotateZ(90deg);
}
nav .logo-bar-box ul li a {
	text-decoration: none;
	text-transform: uppercase
}
nav .logo-bar-box ul li a img {
	width: 30px;
	height: 30px;
	display: inline-block;
}

nav .logo-bar-box ul li.home-link {
	position: relative;
	top: 2.1px
}
/** Start Search Box **/
nav .search-box {
	position: relative
}
nav .search-box form .input-group {
	border: 1.5px solid #ffffffb8;
	border-radius: 4px;
}
nav .search-box form .input-group span {
	background-color: transparent;
	color: #FFF;
	border: none
}
nav .search-box form .input-group input {
	background-color: transparent;
	border: none;
	height: 30px;
	box-shadow: none
}
nav .search-box form .input-group input:focus {
	border: medium none color !important
}
nav .search-box form .input-group input::placeholder {
	color: #FFF
}
nav .search-box .container-search {
	position: absolute;
	left: 0;
	background-color: #FFF;
	width: 100%;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	overflow: hidden
}
nav .search-box .container-search .recent-searches {
	padding: 8px 18px;
	background-color: #EEE;
	font-size: 14px
}
nav .search-box .container-search .container-search-content {
	overflow: hidden;
	padding-top: 7px;
	padding-bottom: 7px;
}
nav .search-box .container-search .container-search-content .user-link-search {
	padding: 5px 10px;
	overflow: hidden
}
nav .search-box .container-search .container-search-content .user-link-search:hover {
	background-color: #EEE
}
nav .search-box .container-search .container-search-content .img-user-search {
	overflow: hidden;
	height: 47.91px
}
nav .search-box .container-search .container-search-content .user-link-search h4 {
	margin-top: 15px
}
/** End Search Box **/
nav .user-tools {
	padding-left: 20px
}

nav .user-tools .user-box {
	display: inline-block;
	position: relative;
}
nav .user-tools .user-box button.tools-icons {
	font-size: 20px;
	padding: 0 !important;
	margin: 0 8px;
	position: relative
}
nav .user-tools .user-box button.tools-icons small {
	width: 12px;
    height: 12px;
    position: absolute;
    top: -1px;
    left: 8px;
    background-color: #f00;
    font-size: 8px;
}
nav .user-tools .user-box .user_box_list {
	width: 400px;
	position: absolute;
	top: 120%;
	right: -121%;
	background-color: #FFF;
	z-index: 99999;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	display: none
}
nav .user-tools .user-box .user_box_list:after {
	content: " ";
    position: absolute;
    display: block;
    top: -1%;
    border: 6px solid #fff;
    border-color: transparent transparent #fff #fff;
    transform: translateX(-50%) rotate(135deg);
    box-shadow: -2px 2px 3px rgba(57,73,76,0.1);
    left: auto;
    right: 56%;
}
nav .user-tools .user-box .user_box_list.messages:after {
	right: 46% 	
}
nav .user-tools .user-box .user_box_list.notifications:after {
	right: 36%
} 
nav .user-tools .user-box .user_box_list h2 {
	padding: 20px 17px;
    font-size: 16px;
}
nav .user-tools .user-box .user_box_list ul li {
	border-top: 1px solid #f2f2f2;
}
nav .user-tools .user-box .user_box_list ul li:hover a {
	background-color: #eeeeee87;
}
nav .user-tools .user-box .user_box_list ul li a {
	padding: 6px 16px;
	display: block;
	overflow: hidden;
	text-decoration: none;
}
nav .user-tools .user-box .user_box_list ul li a.view-all {
	padding: 15px 0
}
nav .user-tools .user-box .user_box_list ul li a div.img-box-list {
	width: 16%;
	height: 58.88px;
	margin-right: 2%;
	float: left;
	overflow: hidden
}

nav .user-tools .user-box .user_box_list ul li a div.img-box-list img {
	height: 100%;
	max-width: 100px !important 
}

nav .user-tools .user-box .user_box_list ul li a .name-box-list {
	width: 78%;
	margin-left: 2%;
	float: left;
}
nav .user-tools .user-box .user_box_list ul li a .name-box-list .name-box h5,
nav .user-tools .user-box .user_box_list ul li a .name-box-list .name-box p {
	display: inline-block
}
nav .user-tools .user-box .user_box_list ul li a .name-box-list .name-box h5 {
	font-weight: bold
}
nav .user-tools .user-box .user_box_list ul li a .name-box-list .name-box p,
nav .user-tools .user-box .user_box_list ul li a .name-box-list .post-time-list span {
	color: #8c8c8c
}
nav .user-tools a.profile_link {
	display: inline-block;
    text-decoration: none;
    position: relative;
    top: 4px;
    left: 25px;
}
nav .user-tools a .profile-picture-link {
	width: 25px;
	height: 25px;
	display: inline-block;
	overflow: hidden;
	margin-right: 5px
}

nav .user-tools a span {
	display: inline-block;
	position: relative;
	top: -8px;
	font-size: 13px
}

nav .user-tools button.user-setting-arrow-bottom {
	border: 1px solid #FFF;
	margin-top: 4.5px
}

nav .user-tools button.user-setting-arrow-bottom span {
	display: inline-block;
	position: relative;
	top: 2px
}
/* End Navbar */

/* Start Cover */
.cover .cover-box {
	height: 360px;
	position: relative;
	margin-bottom: 20px;
	background-color: #FFF;
	position: relative;
	overflow: hidden;
	margin-top: 42px
}
.cover .cover-box .background-cover img {
	position: absolute;
	top: -40%;
	left: 0;
	width: 100%;
	height: auto
}

.cover .cover-box .gradient-shadow {
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(rgba(0,0,0,0) 69%, rgba(0,0,0, .43));
}
.cover .cover-box ul.profile-imgs-list {
	padding: 0;
	width: auto;
	display: inline-block;
	padding: 10px;
	position: absolute;
	left: 3%;
	bottom: 0%
}

.cover .cover-box ul.profile-imgs-list li {
	margin-bottom: 10px;
	display: block;
	position: relative
}
.cover .cover-box ul.profile-imgs-list li.profile-pic {
	overflow: hidden;
	height: 150px;
	width: 150px;
	padding: 3px;
	border: 1.5px solid #44b8cb;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer
}
.cover .cover-box ul.profile-imgs-list li.profile-pic .profile-picture { 
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background-color: #FFF;
	top: 0.45px
}

.cover .cover-box ul.profile-imgs-list li.profile-pic .profile-picture img {
    height: 100%;
}
.cover .cover-box ul.profile-imgs-list li.profile-pic .profile-picture .profile-pic-edit {
	width: 99%;
	height: 31%;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	display: none
}
.cover .cover-box ul.profile-imgs-list li.profile-pic .profile-picture .profile-pic-edit span {
	display: block;
	padding-top: 10px;
	font-size: 17px
}
.cover .cover-box ul.profile-imgs-list li.profile-pic .profile-picture .profile-pic-edit input {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	z-index: 99;
	cursor: pointer
}

.cover .cover-box ul.profile-imgs-list li.profile-name span {
	font-size: 18px
}
.cover .cover-box ul.profile-imgs-list li button:first-of-type {
	padding: 6px 33px
}
.cover .cover-box ul.profile-imgs-list li button.user-edit span {
	font-size: 24px;
	position: relative;
	top: 5px
}
.cover .cover-box ul.profile-imgs-list li a {
	color: #4d4f5c;
	text-decoration: none;
	font-size: 16px;
	position: absolute;
	left: 110%;
	top: 0;
	display: none
}
.cover .cover-box .profile-tools .dropup {
	display: inline-block
}
.cover .cover-box .profile-tools .dropup button {
	padding: 5px !important
}
.cover .cover-box .profile-tools .dropup .dropdown-menu {
	bottom: -17%;
    margin-bottom: 2px;
    left: 50px;
}
.cover .cover-box .profile-tools .dropup .dropdown-menu:after {
	content: " ";
    position: absolute;
    display: block;
    top: 14px;
    border: 5px solid #fff;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 3px rgba(57,73,76,0.1);
    left: -2%;
    right: auto;
    transform: rotateZ(45deg);
}
.cover .cover-box .profile-tools .dropup .dropdown-menu li a {
	display: block;
	position: static;
	color: #1b2131
}
.cover .cover-box .cover-edit {
	margin: 20px
}
.cover .cover-box .cover-edit button.btn-posts_exit {
	position: absolute;
    right: -12px;
    cursor: pointer;
    bottom: -31px;
}
.cover .cover-box .cover-edit span {
	font-size: 25px
}
.cover .cover-box .cover-edit .dropup ul.dropdown-menu {
	position: absolute;
    right: 45px;
    left: auto;
    top: -9px;
    bottom: auto;
    z-index: 111;
    border: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}
.cover .cover-box .cover-edit .dropup ul.dropdown-menu li.upload-cover {
	position: relative
}
.cover .cover-box .cover-edit .dropup ul.dropdown-menu li.upload-cover a input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.cover .cover-box .cover-edit .cover-edit-popup {
	background-color: rgba(0, 0, 0, 0.85);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 33;
	display: none;
	overflow: hidden
}

.cover .cover-box .cover-edit .cover-edit-popup .cover-popup {
	background-color: #FFF;
	width: 500px;
	padding: 15px;
	border-radius: 6px;
	margin: 200px auto;
	overflow: hidden
}
.cover .cover-box .cover-edit .cover-edit-popup .cover-popup button {
	margin-left: 10px;
	border: 1px solid #f2f2f2;
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 4px;
}
.cover .cover-box .cover-edit .cover-edit-popup .cover-popup button:active,
.cover .cover-box .cover-edit .cover-edit-popup .cover-popup button:hover {
	background-color: #44b8cb;
	color: #FFF;
	border: 1px solid #44b8cb;
}
/* End Cover */

/* Start Profile Sections Details */
/* Start Profile Bio */
/*.profile-details .profile-bio .bio-content {}*/
.profile-details .profile-bio p.bio-paragraph {
	color: #797979;
	margin-bottom: 10px !important;
	word-wrap: break-word
}
.profile-details .profile-bio .bio_edit_box {
	display: none
}
.profile-details .profile-bio .bio_edit_box textarea {
	display: block;
	width: 100%;
	resize: none;
	border: 1px solid #DDD;
	border-radius: 3px;
	outline: none;
	padding: 10px;
	height: 85px;
}
.profile-details .profile-bio .bio_edit_box .count_box {
	margin: 5px 0 10px
}
.profile-details .profile-bio .bio_edit_box .bio_edit_box_btns {
	overflow: hidden
}
.profile-details .profile-bio .bio_edit_box .bio_edit_box_btns button {
	width: 200px;
	padding: 10px
}
/* End Profile Bio */
/* Start Profile About */
.profile_options_style {
	background-color: #FFF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	padding: 15px;
	border-radius: 3px;
	margin-bottom: 20px;
}
.border_bottom {
	border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.heading_icons {
	font-size: 23px;
	display: inline-block;
}
.heading_title_options {
	display: inline-block;
    padding-left: 8px;
    margin: 0;
    font-size: 15px;
    position: relative;
    top: -4px;
	color: #1b2131
}
.heading_title_options:hover {
	text-decoration: none;
	color: #1b2131
}
.profile-details .profile-about ul.profile-about-details li {
	margin-bottom: 7px
}
.profile-details .profile-about ul.profile-about-details li span {
	display: inline-block;
	padding-right: 15px;
	font-size: 22px
}
.profile-details .profile-about ul.profile-about-details li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 15px
}
.profile-details .profile-about ul.profile-about-details li small {
	font-size: 100%;
	position: relative;
	top: -1px 
}
.profile-details .profile-about ul.profile-about-details li span.icon-friends_request {
	font-size: 27px;
	padding-right: 11px
}
.profile-details .profile-about ul.profile-about-details li span.icon-friends_request + small {
	position: relative;
	top: -6px
}
.profile-details .profile-about ul.profile-social-media {
	padding: 15px 0 0px 0;
	border-top: 1px solid #f7f5f5;
	margin-top: 15px !important
}
.profile-details .profile-about ul.profile-social-media li {
	display: inline-block;
	margin-left: 1.5%;
	margin-right: 1.5%
}
.profile-details .profile-about ul.profile-social-media li a {
	color: #1b2131;
	text-decoration: none
}
.profile-details .profile-about ul.profile-social-media li i {
	font-size: 26px;
	display: inline-block;
}

a:hover i.fa-globe {
	color: #44b8cb 
}

a:hover i.fa-twitter {
	color: #4AB3F4
}

a:hover i.fa-facebook {
	color: #4267b2
}

a:hover i.fa-instagram {
	color: #7923bb
}

a:hover i.fa-youtube {
	color: #f61c0d
}
/* End Profile About */

/* Start Profile Friends */
.profile-details .profile-friends .profile-friends-users {
	padding: 0 15px;
}
.profile-details .profile-friends .profile-friends-users .col-lg-4 {
	padding: 0;
	margin-bottom: 4px
}
.profile-details .profile-friends .profile-friends-users .margin_left_friends_box {
	margin-left: 2px
}
.profile-details .profile-friends .profile-friends-users .margin_right_friends_box {
	margin-right: 2px
}

.profile-details .profile-friends .profile-friends-users .profile-friends-box {
	position: relative;
	height: 120px;
	overflow: hidden
}

.profile-details .profile-friends .profile-friends-users .profile-friends-box a {
	background-color: rgba(0, 0, 0, 0.3);
    padding: 3px 0;
/*    border-top: 1px solid #FFF;*/
    color: #FFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-decoration: none;
    font-size: 14px;
}

.profile-details .profile-friends .profile-friends-users .profile-friends-box img  {
	height: 100%;
    width: 100%;
    transform: scale(1.3, 1.1);
}
/* End Profile Friends */

/* Start Profile Media */
.profile-details .cols_album {padding: 0}
.profile-media-list {padding: 0 15px}

.media-flexbox {
	max-width: 100%;
	height: 300px;
	justify-content: space-between;
	display: flex;
	position: relative
}

.media-flexbox .flex {
	overflow: hidden;
}

.media-flexbox .frist-media {
	height: 100%;
	width: 49.7%
}

.media-flexbox .frist-media img {
	transform: scaleX(2)
}

.media-flexbox .second-media {
	width: 49.7%;
	height: 49.2%
}

.media-flexbox .second-media img {
	transform: scale(1.3)
}

.media-flexbox .third-media {
	width: 49.7%;
	height: 49.8%;
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	overflow: hidden
}

.media-flexbox .third-media .childs {
	background-color: #080;
	width: 49.25%;
	overflow: hidden
}

.media-flexbox .third-media .childs img {
	transform: scaleX(2)
}
/* End Profile Media */

/* Start Profile Language */
.profile-language ul.profile-language-list li {
	display: inline-block;
	margin-right: 1%
}
.profile-language ul.profile-language-list li.active a {
	color: #848484 !important
}
.profile-language ul.profile-language-list li.profileLangArabic a {
	font-family: 'Cairo', sans-serif
}
/* End Profile Language */
/* End Profile Sections Details */

/* Start Write Post */
.write-post {
	padding: 20px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	background-color: #FFF;
	margin-bottom: 20px
}

.profile-post-img {
	width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
}

.profile-post-img img {
	width: 100%;
    height: 100%;
    transform: scale(1.7, 1.2);
}
.text-area-post {
	padding-left: 0;
	padding-right: 0;
}

.write-post  .write-text-area-post {
	padding-top: 5px
}

.write-post .write-text-area-post textarea {
	width: 100%;
	outline: none;
	padding: 10px;
	resize: none;
	min-height: 150px;
	display: block;
	margin-bottom: 20px;
	border: none
}
.col.s4.dropOption {
    width: 100%;
    margin: auto;
}

.input-field {
    position: relative;
    margin-top: 0.55rem;
}

.dropdown.dropdown--image {
  	display: inline-block;
	position: relative;
  	height: 45px;
  	font-size: 16px;
	color: #fff;
  	width: 100%;
}

.dropdown__select.active {
    border: 1px solid #44b8cb 
}

.dropdown{
  	display:inline-block;
  	position:relative;
  	height: 40px;
  	font-size: 14px;
  	color: #fff;
}

.dropdown--image .dropdown__select{
	cursor: pointer;
  	padding-right: 10px;
}

.dropdown__select{
	background: #FFF;
	border: 1px solid #DDD;
	cursor: pointer;
	padding: 1px;
	border-radius: 4px
}

.dropdown__select:after{
  	content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4.5px solid #9eb0ca;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    position: absolute;
    right: 8px;
    top: 30%;
    transform: translateY(-50%);
}

.dropdown__select.active:after{
  	transform:translateY(-50%)rotate(-180deg);
}

.dropdown__select-wrap {
  	width: 100%;
  	max-width:100%;
  	white-space:nowrap;
}

.dropdown__select-wrap i{
  	display:none;
}

.dropdown--image .dropdown__select-wrap i{
  	display:inline-block;
  	vertical-align:middle;
  	width: 24px;
  	height:auto;
  	max-height:30px;
  	margin-right: 20px;
  	padding-left: 10px;
}

.dropdown__select-wrap span{
  	display:inline-block;
  	vertical-align:middle;
  	text-transform:capitalize;
  	max-width: 100%;
  	text-overflow: ellipsis;
}

.dropdown--image .dropdown__select-wrap span {
  	display:inline-block;
  	vertical-align:middle;
  	text-transform:capitalize;
  	max-width: 100%;
  	text-overflow: ellipsis;
	color: #000
}

.dropdown--image .dropdown__select-wrap span.post-mode-name {
	font-size: 11px;
    margin-top: -2px;
}

.dropdown--image .dropdown__select-wrap span.post-mode-icons {
	color: #9eb0ca;
    display: inline-block;
    margin: -2px 0 0 4px;
    font-size: 16px;
}

.dropdown__options-wrap{
  	display:none;
  	max-height:194px;
  	position:absolute;
  	top:60px;
 	max-width:calc(100% + 200px);
  	overflow:auto;
}

.dropdown__option {
  	height: 27px;
    padding: 4px;
    line-height: 20px;
    text-indent: 7px;
}

.dropdown--image .dropdown__options-wrap {
  	display:none;
  	max-height:200px;
  	position:absolute;
  	top:70px;
  	max-width:calc(100% + 200px);
  	overflow:auto;
}

.dropdown--image .dropdown__options-wrap.active,
.dropdown__options-wrap.active{
  	display: inline-block;
  	z-index: 99999;
  	width: 100%;
  	margin: auto;
  	border-bottom: none;
  	top: 30px;
	border-radius: 4px;
  	cursor: pointer;
	border: 1px solid #DDD
}

.dropdown__option i{
  	display:none;
}

.dropdown--image .dropdown__option i{
  	display: initial;
  	vertical-align: middle;
  	width: 24px;
  	height: auto;
  	max-height: 30px;
  	margin-right: 10px;
}

.dropdown__option span {
  	white-space: nowrap;
  	font-size: 1.15rem;
  	max-width: 82%;
  	text-overflow: ellipsis;
  	display:inline-block;
  	vertical-align:middle;
  	text-transform:capitalize;
	float: left;
	color: #9eb0ca
}

.dropdown__option span.post-mode-icons {
	margin-left: -6px;
    margin-top: 3px;
    font-size: 16px;
    color: #9eb0ca;
}

.dropdown__option:last-child{
  	border-bottom:none;
}

.dropdown__option:hover{
  	background: #f5f8f9;
}

/* Start Drag Scroll Left */
.drag-scroll {
	margin-bottom: 20px
}
.drag-scroll .owl-stage {
	display: flex !important;
	justify-content: space-between !important;
	width: 851px !important
}
.drag-scroll .owl-carousel .owl-item div.svg-icon {
	background-color: #f5f8f9;
	margin-right: 10px;
	text-align: center;
	padding: 15px;
	width: 180px;
	height: 110px;
	position: relative;
	border-radius: 8px;
	border: 1px solid #f2f2f2;
}

.owl-item {
	width: 195.167px !important	
}

.drag-scroll .owl-carousel .owl-item div.svg-icon input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: 0
}

.drag-scroll .owl-carousel .owl-item div.svg-icon svg {
	width: 100%;
	height: 77%
}
/* Start Svg */
.drag-scroll .owl-carousel .owl-item div.svg-icon svg.layer1 .cls-3 {
	fill: #c8f5ff
}

.drag-scroll .owl-carousel .owl-item div.svg-icon svg.layer1 .cls-5 {
    fill: #a5dc69;
}

.drag-scroll .owl-carousel .owl-item div.svg-icon svg.layer1 .cls-6 {
    fill: #f5b955;
}
/* End Svg */

.drag-scroll .owl-carousel .owl-item div.svg-icon svg.layer1 span {
	font-weight: bold
}

.drag-scroll .owl-carousel .owl-item div.svg-icon svg.layer2 .cls-3 {
	fill: #FFF
}

.drag-scroll .owl-carousel .owl-item div.svg-icon svg.layer2 .cls-4 {
    fill: #ff5a5a;
}

.drag-scroll .owl-carousel .owl-item div.svg-icon svg.layer3 .cls-3 {
	fill: #FFF
}

.owl-dots {
	display: none
}
/* End Drag Scroll Left */

/* Start Button Post */
.write-post .btn-post button {
	width: 100%;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 18px
}
/* End Button Post */
/* End Write Post */

/* Start Print Post */
.profile-details .posts_style {
	background-color: #FFF;
	padding: 20px 20px 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	margin-bottom: 20px
}

.profile-details .btn-posts_exit {
	padding: 0;
	font-size: 20px
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	color: #33c2da !important;
	background: none !important;
	border-width: none !important;
	outline: none !important;
	box-shadow: none
}

.profile-details ul.dropdown-menu {
	position: absolute;
    left: -173%;
    top: -7px;
    bottom: auto;
    z-index: 111;
    border: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}

 ul.dropdown-menu:after {
	content: " ";
    position: absolute;
    display: block;
    top: 12px;
    border: 5px solid #fff;
    border-color: transparent transparent #fff #fff;
    transform: translateX(-50%) rotate(135deg);
    box-shadow: -2px 2px 3px rgba(57,73,76,0.1);
    left: auto;
    right: -2.6%;
    transform: rotateZ(225deg);
}

.profile-details ul.dropdown-menu > li > a {
	padding: 7px 12px;
	width: 180px
}

.profile-details ul.dropdown-menu > li > a span {
	color: #9eb1cb;
	font-size: 16px;
	margin-right: 6px
}

.profile-details .print-post .user-print-post {
	margin-top: 5px;
    padding: 5px 0 10px 0;
    margin-bottom: 5px;
    word-wrap: break-word;
    color: #696969;
    border-bottom: 1px solid #f2f2f2;
}

.profile-details .posts_style .feat-post {
	position: relative
}

.profile-details .posts_style .three_feat:after {
	content: "|";
	position: absolute;
	top: 10px;
    left: 196px;
	color: #e5e5e5
}

.profile-details .posts_style .feat-post button {
	width: 100%;
	height: 40px;
	border-radius: 4px;
	transition: all .1s ease-in-out
}

.active-btn-feat {
	color: #44b8cb !important
}

.profile-details .posts_style .feat-post button:active,
.profile-details .posts_style .feat-post button:hover {
	background-color: #eeeeee7a
}

.profile-details .posts_style .feat-post button:active {
	transform: scale(0.98, 0.98)
}

.profile-details .posts_style .feat-post span {
	padding-right: 7px;
	color: #e5e5e5;
	position: relative;
    top: 1px;
}

.profile-details .posts_style .feat-post small {
	color: #616770;
    font-size: 13px;
}
/* Start Popup Edit Post */
.edit-this-post-background-overlay {
	display: none
}
.edit-this-post-background-overlay .media-wrapper {
	width: 550px;
	overflow: hidden
}
.edit-this-post-background-overlay .edit-post-textarea textarea {
	display: block;
	padding: 8px;
	margin-top: 2px;
	height: 180px;
	resize: none;
	border-radius: 4px
}
.edit-this-post-background-overlay .edit-imgs-container {
	margin: 20px 0
}
.edit-this-post-background-overlay .edit-imgs-container .edit-img-box {
	height: 120px;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px
}
.edit-this-post-background-overlay .edit-imgs-container .edit-img-box img {
	width: 120px;
	height: 150px
}
.edit-this-post-background-overlay .edit-imgs-container .edit-img-box button {
	position: absolute;
	top: 5px;
    right: 3px;
	transform: rotateZ(50deg);
	color: #656565
}
.edit-this-post-background-overlay .edit-imgs-container .edit-img-box button:hover span {
	color: #FFF
}
.edit-this-post-background-overlay .save-edit-post button {
	margin: 0 15px !important;
}
/* End Popup Edit Post */
/** Start Posts Comment **/
.posts_style .comment-box {
	border-top: 1px solid #f2f2f2;
	margin-top: 5px;
	padding: 10px 0 2px;
	overflow: hidden
}
.posts_style .comment-box .comment-img-box {
	overflow: hidden;
	height: 38.54px
}
.posts_style .comment-content .input-group {
	border-radius: 50px;
	overflow: hidden;
	border: 1px solid #DDD;
	background-color: #f5f8f9
}
.posts_style .comment-content .input-group input {
	border: none !important;
	box-shadow: none !important;
	background: transparent
}
.posts_style .comment-content .input-group input:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important
}
.posts_style .comment-content .drop-comment-upload {
	display: inline-block
}
.input-group-addon {
	border: none;
	background: none
}
.posts_style .comment-content .icon-comment-photo {
	position: relative;
	overflow: hidden
}
.posts_style .comment-content .icon-comment-photo input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}
/** End Posts Comment **/
/* End Print Post*/ 

/* Start Print Video Post */
.profile-details .posts_style h5 {
	margin: 10px 0 5px;
	font-size: 15px
}
.profile-details .posts_style .post-date {
	position: relative
}
.profile-details .posts_style .post-date span:first-of-type {
	padding-right: 8px;
	font-size: 15px;
}
.profile-details .posts_style .post-date span:last-of-type {
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 0px;
}
.profile-details .print-video-post .post-videos p {
	padding-top: 18px;
	padding-bottom: 6px;
	color: #616770
}
.profile-details .print-video-post .post-videos .video_box {
	background-color: #000;
}
.profile-details .print-video-post .post-videos .video_box video {
	width: 100%
}

.profile-details .print-video-post .post-videos .video_box .video_bar {
	background-color: #EEE;
	padding: 10px;
}
small.users-views {
	margin: 10px 0 5px;
    display: block;
    color: #6d6c6c;
    font-size: 13px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
}
/* End Print Video Post */

/* Start Print Audio */
.profile-details .post-audio {
	padding: 20px 0 0 !important
}
#waveform wave wave {
	border-right: 1px solid #44b8cb !important
}
.edit-sound-name-background-overlay {
	display: none
}
.edit-sound-name-background-overlay .media-wrapper {
	background-color: #FFF;
	width: 600px;
	padding: 0 !important
}
.edit-sound-name-background-overlay .edit-sound-content .edit-sound-form {
	padding: 20px 20px 0px;
	overflow: hidden
}
.edit-sound-name-background-overlay .edit-sound-content .edit-sound-form .input-edit {
	margin-bottom: 10px
}
.edit-sound-name-background-overlay .edit-sound-content .edit-sound-form .input-edit label {
	font-weight: normal
}
.edit-sound-name-background-overlay .edit-sound-content .edit-sound-form .input-edit .input-group {
	width: 100%
}
/** Start Audio **/
 .audio-box {
	padding: 0;
	border-bottom: 8px solid #44b8cb
}
 .media-audio .audio-box .audio-time {
	overflow: hidden
}
 .media-audio .audio-box .audio-time span {
	font-size: 12px;
	line-height: 22px
}
 .media-audio .audio-box .audio-time span.audio-duration-time {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 1px 15px;
	border-radius: 50px
}
 .media-audio .audio-box .audio-time button.audio-option {
	padding: 0;
	margin-left: 20px;
	margin-top: 2px
}
 .media-audio .audio-box .audio-time button.audio-option span {
	font-size: 14px
}
 .media-audio .audio-box .audio-canvas {
	padding: 10px 0
}
 .media-audio .audio-box .audio-canvas canvas {
	width: 100%;
	height: 60px
}
 .media-audio .audio-bar {
	padding: 10px 0;
}
 .media-audio .audio-bar button.btn-audio-play {
	padding: 0;
	margin-top: 8px;
	font-size: 18px
}
 .media-audio .audio-bar .user-audio-img {
	overflow: hidden;
    width: 35px;
    margin: auto;
}
 .media-audio .audio-bar .user-audio-img img {
    height: 35px;
}
 .media-audio .audio-bar .user-audio-name {
	padding-left: 10px
}
 .media-audio .audio-bar .padding_left {
	padding-left: 5px !important
}
 .media-audio .audio-bar .volume-audio-box {
	padding-top: 8px
}
 .media-audio .audio-bar .volume-audio-box span.volume-audio-icon {
	font-size: 20px;
	margin-right: 10px
}
 .media-audio .audio-bar .volume-audio-box input.volume-slider {
	width: auto;
	display: inline-block;
	position: relative;
	top: -6px
}
span.thumb {
	display: none
}
input[type=range] {
    outline: none;
    padding: 0;
    height: 5px;
    background-color: #EEE;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9eb1cb), color-stop(100%, #9eb1cb));
    background-image: -webkit-linear-gradient(#9eb1cb, #9eb1cb);
    background-image: -moz-linear-gradient(#9eb1cb, #9eb1cb);
    background-image: -o-linear-gradient(#9eb1cb, #9eb1cb);
    background-image: linear-gradient(#9eb1cb, #9eb1cb);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    cursor: pointer;
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    box-shadow: none;
    border: none;
    background: transparent;
    -webkit-appearance: none;
}

input[type=range]::-moz-range-track {
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type=range]::-moz-focus-outer {
    border: 0;
}

input[type=range]::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    border: 0;
    background: transparent;
    border-radius: 100%;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);
    -webkit-appearance: none;
}

input[type=range]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 0;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);
	-webkit-appearance: none
}

 .media-audio .audio-bar .number-listeners-box {
	padding-top: 7px
}
 .media-audio .audio-bar .number-listeners-box small {
	font-size: 12px
}
 .media-audio .audio-bar .number-listeners-box span {
	font-size: 13px;
	padding-right: 10px;
	display: inline-block;
	position: relative;
	top: 1px
}
/** End Audio **/
/* End Print Audio */

/* Start Print Post Photos */
.profile-details .print-video-post-heading p {
	margin-bottom: 2px
}
.posts_style .media-flexbox {
	height: 400px;
	margin-top: 20px
}
.posts_style .media-flexbox .second-media {
	height: 49.5%;
}
.posts_style .media-flexbox .second-media video {
	width: 100%;
	height: 100%;
	transform: scale(2.1)
}
.posts_style .media-flexbox .third-media .childs {
	width: 49.5%;
}
.posts_style .media-flexbox .third-media .second-child {
	position: relative
}
.posts_style .media-flexbox .third-media .second-child .plus-img {
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	line-height: 200px;
}
.two_feat:after {
	content: "|";
	position: absolute;
	top: 10px;
	left: 304px;
	color: #e5e5e5
}
/* End Print Post Photos */

/* Start Print Album */
.profile-details .print_album.posts_style h5 {
	margin: 6px 0 3px 0
}

.profile-details .print_album.posts_style p {
	margin-bottom: 3px;
	font-size: 13px
}
/* End Print Album */

/** Start Toggle Friends **/
.cover .cover-box ul.profile-imgs-list li button.add-friend-btn,
.cover .cover-box ul.profile-imgs-list li button.add-follow-btn {
	padding: 0 5px;
    font-size: 25px;
    position: relative;
    top: 5px;
}
.cover .cover-box ul.profile-imgs-list.cancel-friend {
	left: 270px
}
.cover .cover-box ul.profile-imgs-list.now-friends {
	left: 480px
}
.cover .cover-box ul.profile-imgs-list.now-friends-follow {
	left: 690px;
}
.cover .cover-box ul.profile-imgs-list.now-friends-follow-dropdown {
	left: 890px
}
.cover .cover-box ul.profile-imgs-list.now-friends-follow-dropdown .dropup .dropdown-menu:after {
	top: 71px
}
/** End Toggle Friends **/

/** Start Profile No Posts **/
.profile-no-posts .profile-no-posts-content {
	border: none !important
}
.profile-no-posts .profile-no-posts-content b {
	font-size: 100px
}
/** End Profile No Posts **/ 

/*** Start Friends List ***/
.friends-page .friends .friends-box {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	margin-bottom: 30px
}

.friends-page .friends .friends-box .friends-img {
	width: 100%;
	height: 125px;
	overflow: hidden
}

.friends-page .friends .friends-box .friends-img img {
	height: 100%;
    width: 160px !important;
}

.friends-page .friends .friends-box .names_padding {
	padding-left: 0;
}

.friends-page .friends .friends-box .friends-names .friends-details {
	padding: 15px 15px 25px 0;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 11px;
    position: relative;
}
.friends-page .friends .friends-box .friends-names a.friend_name {
	display: inline-block;
	margin-left: 15px;
	margin-top: -3px
}
.friends-page .friends .friends-box .friends-names a,
.friends-page .friends .friends-box .friends-names span {
	display: inline-block
}

.friends-page .friends .friends-box .friends-names a,
.friends-page .friends .friends-box .friends-names a:active {
	text-decoration: none;
	font-size: 18px;
}

.friends-page .friends .friends-box .friends-names span.friends-options {
	font-size: 17px;
	margin-left: 10px;
	cursor: pointer
}

.friends-page .friends .friends-box .friends-names span.friends-options:hover + p {
	display: block
}

.friends-page .friends .friends-box .friends-names .friends-details p {
	position: absolute;
    top: -17%;
    left: 59%;
	background-color: #44b8cb;
	width: 65px;
	border-radius: 3px;
	font-size: 11px;
	display: none
}

.friends-page .friends .friends-box .friends-names .friends-details p:after {
	content: "";
    border-width: 5px;
    border-color: #44b8cb transparent transparent transparent;
    border-style: solid;
    position: absolute;
    top: 100%;
    left: 42%;
}

.friends-page .friends .friends-box .friends-names .friends-details p.unfriend {
	left: 72%;
}

.friends-page .friends .friends-box .friends-names small {
	display: block;
	margin-left: 15px
}

.friends-page .friends .friends-box .friends-names .friends-social_media ul li {
	display: inline-block
}

.friends-page .friends .friends-box .friends-names .friends-social_media ul li a {
	color: #000
}

.friends-page .friends .friends-box .friends-names .friends-social_media i {
	margin: 0 6px;
    font-size: 23px;
}
/*** End Friends List ***/


/** Start Back To Pages, About, Friends, Media **/
.back-to-pages {
	position: relative;
	top: -4px;
	box-shadow: 0 1px 6px rgb(178, 185, 178);
}
.back-to-pages button {
	padding: 0;
	width: 100px;
	height: 28px;
	margin: 0 5px;
	
}
.back-to-pages button span {
	background-color: #44b8cb;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    line-height: 25px;
    font-size: 15px;
	margin-right: 5px
}
.back-to-pages button a {
	display: inline-block;
	text-decoration: none;
	font-size: 15px;
    position: relative;
    top: -1px;
}
/** End Back To Pages, About, Friends, Media **/


/** Start People Who Like This **/
.who-like-this {
	border: 1px solid #DDD;
    display: inline-block;
    padding: 3px;
    position: absolute;
    bottom: 117%;
    background-color: #EEE;
    z-index: 9999;
    width: 150px;
    font-size: 13px;
    left: 1%;
	border-radius: 3px;
}
.who-like-this:after {
	content: " ";
    position: absolute;
    display: block;
    top: 84%;
    border: 6px solid #fff;
    border-color: transparent transparent #EEE #EEE;
    transform: translateX(-43%) rotate(-44deg);
/*    box-shadow: -2px 2px 3px rgba(57,73,76,0.1);*/
    left: auto;
    right: 43%;
}
.open-likes-list-background-overlay {
	display: none
}
.open-likes-list-background-overlay .media-wrapper {
	width: 500px !important;
	padding: 0
}
.who-like-header {
	padding: 15px;
	border-bottom: 1px solid #f2f2f2
}
.open-likes-list-background-overlay .likes-list-content {
	padding: 15px 20px 10px;
}
.open-likes-list-background-overlay .likes-list-content .likes-box {
	margin-bottom: 15px
}
.open-likes-list-background-overlay .likes-list-content .who-like-img {
	overflow: hidden;
	height: 66.66px !important
}
.open-likes-list-background-overlay .likes-list-content .who-like-img img {
	max-width: 100%
}
.open-likes-list-background-overlay .likes-list-content .link-user-like {
	margin-top: 14px
}
.open-likes-list-background-overlay .likes-list-content .who-like-friends .who-like-friends-btn {
	margin: 17px 0 13px !important;
	line-height: 16px;
	padding: 0 !important;
	height: 35px !important
}
.open-likes-list-background-overlay .likes-list-content .no-mutual {
	margin-top: 25px
}
.open-likes-list-background-overlay .likes-list-content .who-like-friends .who-like-friends-btn:active {
	transform: scale(1)
}
.open-likes-list-background-overlay .likes-list-content .who-like-friends .cancel-friend:hover {
	background: none !important
}
/** End People Who Like This **/

/** Start Open Popup Comments **/
.open-comments-background-overlay .wrap_popup_style {
	padding: 0 !important;
	overflow: hidden;
	border-radius: 0 3px 3px 0 !important
}
.open-comments-background-overlay .comments-container {
	position: relative;
	top: 29%;
	width: 1140px;
	margin: 10% auto
}
.open-comments-background-overlay .photo-of-post-box {
	position: relative
}
.open-comments-background-overlay .photo-of-post-box {
	height: 600px;
	width: 100% !important
}
.open-comments-background-overlay .photo-of-post-box .video-view {
	height: 600px;
	background-color: #000
}
.open-comments-background-overlay .photo-of-post-box video {
	max-width: 100%;
	height: 600px !important
}
.open-comments-background-overlay .photo-of-post-box img {
	width: 100% 
}
.open-comments-background-overlay .dropup-img-comment {
	position: absolute;
	top: 3%;
	right: 1%;
	z-index: 333
}
.open-comments-background-overlay .btn-option-comment {
	font-size: 23px;
	padding: 0 !important;
	position: relative;
	right: 0px
}
.open-comments-background-overlay .btn-option-comment:hover {
	background: none !important;
	transform: scale(1) !important
}
.open-comments-background-overlay .dropup-img-comment ul {
	left: -469%;
	top: -1%
}
.open-comments-background-overlay .video-dropup ul {
	left: -684% !important
}
.open-comments-background-overlay .dropup-img-comment ul:after {
	right: -2.4%
}
.open-comments-background-overlay .dropup-img-comment ul li a {
	width: 200px !important
}
.open-comments-background-overlay .user-comment-box {
	padding-top: 15px;
	padding-right: 15px;
}
.open-comments-background-overlay .user-comment-box .dropup ul {
	left: -244% !important;
	top: 0px !important
}
.open-comments-background-overlay .user-comment-box .dropup button {
	position: relative;
	right: -20%
}
.open-comments-background-overlay .user-comment-box .dropup button span {
	padding: 0 !important
}
.open-comments-background-overlay .feat-comment-view-box button span {
	font-size: 14px
}
.content-write-comment {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	margin-top: 5px;
	padding-top: 10px;
	overflow: hidden;
	height: 325px;
	overflow-y: auto;
}
.content-write-comment.content-write-comment-same-place { /* Here To Comments in The Same Place */
	height: 600px;
	border-bottom: none !important;
	display: none
}
.content-write-comment::-webkit-scrollbar {
    width: 10px;
}
.content-write-comment::-webkit-scrollbar-track {
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
}
.content-write-comment::-webkit-scrollbar-thumb {
	background-color: #DDD;
	height: 20px !important
}
.content-write-comment:active::-webkit-scrollbar-thumb {
	background-color: #CCC
}
.content-write-comment .write-comment-box {
	margin-bottom: 5px;
	overflow: hidden
}
.content-write-comment .comment-write-img-box {
	overflow: hidden;
	height: 45.89px
}
.content-write-comment .comment-write-img-box.comment-write-img-box-same-place {
	height: 60.83px !important
}
.content-write-comment .comment-write-img-box.comment-write-img-box-same-place.comment-write-img-box-same-place-profile {
	height: 65px !important;
	width: 65px !important;
}
.content-write-comment .comment-write-details-box {
	padding-top: 2px;
	border-bottom: 1px solid #f2f2f2;
    padding-bottom: 7px;
	margin-bottom: 5px
}
.content-write-comment a {
	display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 0px;
    font-size: 13px;
}
.content-write-comment b {
	width: 7px;
    height: 7px;
    background-color: #44b8cb;
    display: inline-block;
	margin-right: 10px
}
.content-write-comment span {
	padding: 0 !important;
	font-size: 12px;
	position: relative;
	top: 0.5px
}
.content-write-comment .create-comment p {
	word-wrap: break-word;
	font-size: 12px;
	margin: 1px 0 0
}
.content-write-comment .create-comment.create-comment-same-place p {
	font-size: 13px;
}
.content-write-comment .like-replay {
	overflow: hidden;
	margin-top: -2px;
}
.content-write-comment .like-replay button {
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	border-radius: 0 !important;
	transition: none !important;
	font-size: 12px;
	margin-right: 8px
}
.content-write-comment .like-replay button:hover {
	transform: none  !important;
	background: none !important
}
.content-write-comment .like-replay .likes_counter {
	margin-top: 3px;
	margin-right: 0 !important
}
.content-write-comment .like-replay .likes_counter span {
	font-size: 10px;
	margin-right: 3px;
}
.content-write-comment .like-replay .comment-with-replay {
	display: block;
    width: 100% !important;
    margin-right: 0;
    background-color: #EEE;
    border: 1px solid #DDD;
    padding: 2px 7px !important;
    font-size: 11px;
	border-radius: 50px !important;
	margin-top: 5px
}
.content-write-comment .like-replay .comment-with-replay:hover {
	background: #EEE !important
}
.content-write-comment .like-replay .comment-with-replay span {
	font-size: 11px !important
}
.content-write-comment .sound-comment button {
	display: inline-block;
	width: auto !important
}
.content-write-comment .sound-comment button:hover {
	background-color: #FFF;
	transform: none !important
}
.content-write-comment .sound-comment button span.icon-play {
	background-color: #FFF;
	width: 26px;
	height: 25px;
	line-height: 25px;
	border-radius: 100%;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
	display: inline-block
}
.content-write-comment .sound-comment input {
	display: inline-block;
	width: 200px
}
.content-write-comment .sound-comment.sound-comment-same-place input {
	display: inline-block;
	width: 350px
}
.content-write-comment .sound-comment span.sound_comment_counter {
	background-color: #EEE;
	border: 1px solid #DDD;
	border-radius: 50px;
	padding: 1px 4px !important;
	font-size: 10px;
	display: inline-block
}
.content-write-comment .sound-comment input[type=range] {
    outline: none;
    padding: 0;
    height: 5px;
    background-color: #EEE;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #44b8cb), color-stop(100%, #44b8cb));
    background-image: -webkit-linear-gradient(#44b8cb, #44b8cb);
    background-image: -moz-linear-gradient(#44b8cb, #44b8cb);
    background-image: -o-linear-gradient(#44b8cb, #44b8cb);
    background-image: linear-gradient(#44b8cb, #44b8cb);
    background-size: 50% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    cursor: pointer;
    -webkit-appearance: none;
}

.content-write-comment .sound-comment input[type=range]::-webkit-slider-runnable-track {
    box-shadow: none;
    border: none;
    background: transparent;
    -webkit-appearance: none;
}

.content-write-comment .sound-comment input[type=range]::-moz-range-track {
    box-shadow: none;
    border: none;
    background: transparent;
}

.content-write-comment .sound-comment input[type=range]::-moz-focus-outer {
    border: 0;
}

.content-write-comment .sound-comment input[type=range]::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    border: 0;
    background: #44b8cb;
    border-radius: 100%;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);
    -webkit-appearance: none;
}

.content-write-comment .sound-comment input[type=range]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 0;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);
	-webkit-appearance: none
}

/** Start Write Comment Here **/
.open-comments-background-overlay .write-comment-input {
	padding: 8.5px 0
}
.open-comments-background-overlay .write-comment-img {
	height: 32.50px;
	overflow: hidden
}
.open-comments-background-overlay .write-comment-img  img {
	height: 35px;
	height: 35px
}
.open-comments-background-overlay .comment-content input {
	height: 30px;
	font-size: 12px;
	margin-top: 1px
}
.comment-content .input-group {
	padding-right: 5px
}
/** End Write Comment Here **/

/** Start Replay To Comment **/
.open-comments-background-overlay .replay-box .replay-user-img {
	height: 45px;
	width: 45px;
	overflow: hidden
}
.open-comments-background-overlay .replay-box .replay-user-img img {
	height: 71.22px;
	width: 100%
}
.open-comments-background-overlay .replay-box {
	padding-top: 5px
}
.open-comments-background-overlay .replay-box .replay-here {
	overflow: hidden;
	padding-bottom: 7px;
	margin-bottom: 5px
}
.open-comments-background-overlay .replay-input-box  {
	overflow: hidden;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 7px;
	margin-bottom: 5px;
}
.open-comments-background-overlay .replay-input-box .write-comment-img {
	height: 30.5px
}
.open-comments-background-overlay .replay-input-box .comment-content .input-group span {
	position: relative;
	left: -3px;
	padding: 4px !important
}
.open-comments-background-overlay .replay-input-box .comment-content input {
	height: 27px;
}
/** End Replay To Comment **/

/** Start Video Post **/
.open-comments-background-overlay .write-comment-box .edit-my-comment button {
	position: relative;
	top: -8px
}
.open-comments-background-overlay .write-comment-box .edit-my-comment button:hover {
	background: none
}
.write-comment-box .edit-my-comment ul {
	left:-875% !important;
	min-width: 100px !important;
	width: 100px !important;
}
.write-comment-box .edit-my-comment ul.dropdown-same-place {
	left: -918% !important;
	top: 2px !important
}
.write-comment-box .edit-my-comment ul:after {
	top: 7px;
	right: -4.8% !important;
}
.write-comment-box .edit-my-comment ul li a {
	width: 100px !important;
	padding: 3px 10px !important;
	font-size: 13px
}
.write-comment-box .edit-my-comment ul li a span {
	font-size: 13px
}
.edit-my-comment-input {
	overflow: hidden !important;
	display: none
}
.edit-my-comment-input .comment-content {
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 2px;
    margin-bottom: 10px;
}
.edit-my-comment-input .comment-content .input-group {
	margin-top: 5px
}
.edit-my-comment-input .comment-content .input-group span {
	padding: 5px !important
}
.edit-my-comment-input .comment-content .para-edit-comment {
	font-size: 10px !important;
	margin: 3px 0 !important
}
.edit-my-comment-input .comment-content .para-edit-comment button {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0
}
.edit-my-comment-input .comment-content .para-edit-comment button:hover {
	background: #FFF;
	transform: none !important
}
.edit-my-comment-input .comment-content .para-edit-comment button span {
	font-size: 11px !important
}
/** End Video Post **/

/** End Open Popup Comments **/