* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}
body {
	font-family: "Open Sans", sans-serif;
	overflow-x: hidden
}

@media only screen and (max-width: 1200px) {
.cat-advertise-image img {
	max-width: 1030px;
}
}

@media only screen and (max-width: 992px) {
.cat-advertise-image img {
	max-width: 732px;
}
}

@media only screen and (max-width: 768px) {
.cat-advertise-image img {
	max-width: 584px;
}
}

@media only screen and (max-width: 480px) {
.cat-advertise-image img {
	max-width: 352px;
}
}
.lds-spinner {
	color: official;
	margin: auto;
	position: relative;
	width: 80px;
	height: 80px
}
.lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1.2s linear infinite
}
.lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background: #2b78aa
}
.lds-spinner div:nth-child(1) {
	transform: rotate(0);
	animation-delay: -1.1s
}
.lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s
}
.lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -.9s
}
.lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -.8s
}
.lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -.7s
}
.lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -.6s
}
.lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -.5s
}
.lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -.4s
}
.lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -.3s
}
.lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -.2s
}
.lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -.1s
}
.lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s
}
@keyframes lds-spinner {
0% {
opacity:1
}
100% {
opacity:0
}
}
.url-error {
	border: 3px solid #ff2800!important;
	outline: 0;
}
.wrapper {
	max-width: 1920px;
	padding: 0 5%;
	margin: 0 auto;
	width: 100%
}

@media only screen and (max-width:500px) {
.wrapper {
	padding: 0 2%
}
.mainblog {
	padding: 0 15px
}
}
.clearfix {
	clear: both
}
hr {
	border: 0;
	border-bottom: 1px solid #eee
}
.hr {
	margin-top: 5px;
	height: 2px;
	width: 100%;
	background: #ad2424;
	background: -moz-linear-gradient(to right, #ad2424 1%, #ad2424 21%, #ede6e6 21%, #ede6e6 100%);
	background: -webkit-linear-gradient(to right, #ad2424 1%, #ad2424 21%, #ede6e6 21%, #ede6e6 100%);
	background: linear-gradient(to right, #ad2424 1%, #ad2424 21%, #ede6e6 21%, #ede6e6 100%)
}

@media only screen and (max-width:767px) {
.smn {
	display: none
}
}
.sm {
	display: none;
	width: 100%
}

@media only screen and (max-width:767px) {
.sm {
	display: block
}
.dp-txt {
	display: none
}
}
h2 {
	font-size: 26px;
	color: #4c4c4c;
	line-height: 28px;
	text-align: center;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase
}
ul {
	list-style: none
}
.generalPrice {
	font-weight: 700;
	font-size: 26px;
	color: #4c4c4c;
	line-height: 28px;
	text-align: center;
	font-style: normal
}
a {
	text-decoration: none;
	color: #000;
	transition: all .5s
}
.text-align-justify {
	text-align: justify
}
.text-align-center {
	text-align: center
}
.text-align-left {
	text-align: left
}
.text-align-right {
	text-align: right
}
.flex {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center
}
.justify-content-between {
	justify-content: space-between
}
.justify-content-end {
	justify-content: flex-end
}
.justify-content-center {
	justify-content: center
}
.justify-content-around {
	justify-content: space-around
}
.align-items-start {
	align-items: flex-start
}
.align-items-stretch {
	align-items: stretch
}
.flex-wrap {
	flex-wrap: wrap
}
.flex-column {
	flex-direction: column
}
.width-auto {
	width: auto
}
.bg-black {
	background-color: #000!important
}
.bg-blue {
	background-color: #2b78aa!important
}
.bg-green {
	background-color: #26a65b!important
}
.bg-offwhite {
	background-color: #fafafa!important
}
.bg-orange {
	background-color: #e87e04!important
}
.bg-pink {
	background-color: #d2527f!important
}
.bg-purple {
	background-color: #8e44ad!important
}
.bg-redishbrown {
	background-color: #ad2424!important
}
.bg-seagreen {
	background-color: #1abc9c!important
}
.bg-yellow {
	background-color: #ee2!important
}
.bg-transparent {
	background-color: transparent!important
}
.color-black {
	color: #000!important
}
.bheading h2 {
	font-size: 16px !important;
	font-weight: 600!important;
	text-align: left !important;
	text-transform: none!important;
	line-height: 22px !important
}
.color-blue {
	color: #2b78aa!important
}
.color-green {
	color: #26a65b!important
}
.color-offwhite {
	color: #fafafa!important
}
.color-orange {
	color: #e87e04!important
}
.color-pink {
	color: #d2527f!important
}
.color-purple {
	color: #8e44ad!important
}
.color-redishbrown {
	color: #ad2424!important
}
.color-seagreen {
	color: #1abc9c!important
}
.color-yellow {
	color: #ee2!important
}
.color-white {
	color: #fff!important
}
.w-100 {
	width: 100%!important
}
.mb-10 {
	margin-bottom: 10px!important
}
.mb-20 {
	margin-bottom: 20px!important
}
.d767 {
	display: none
}

@media only screen and (max-width:767px) {
.d767 {
	display: block
}
}

@media only screen and (max-width:767px) {
.dn767 {
	display: none
}
}
.d991 {
	display: none
}

@media only screen and (max-width:991px) {
.d991 {
	display: block
}
}

@media only screen and (max-width:991px) {
.dn991 {
	display: none
}
}
.section__banner {
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(../../images/badshahi-mosqueww.webp);
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed
}
.section__cards {
	padding: 100px 0
}

@media only screen and (max-width:767px) {
.section__cards {
	padding: 5px 0 100px 0
}
}
.section__description {
	background-color: #2b78aa;
	width: 100%;
	padding: 50px 0;
	margin-top: -70px;
	-webkit-clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0)
}

@media only screen and (max-width:767px) {
.section__description {
	-webkit-clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0)
}
}

@media only screen and (max-width:500px) {
.section__description {
	-webkit-clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0)
}
}
.section__featured {
	margin-top: 50px
}
.section__search {
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #0c3850;
	z-index: 9;
	position: relative
}

@media only screen and (max-width:767px) {
.section__search {
	display: none;
	position: absolute;
	z-index: 3;
	background: #fff;
	width: 100%;
	top: 100px
}
}
.section__adform {
	width: 100%;
	margin-top: 40px
}
.section__adform>h2 {
	margin-top: 30px;
	font-weight: 800
}
.section__productdetail {
	display: none
}
.section__package>h2 {
	margin-top: 30px;
	font-weight: 800
}
.section__community {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center
}
.section__community>h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bolder;
	border-bottom: 2px solid currentColor;
	display: block
}
.section__map iframe {
	margin: 0 0 10px 0!important;
	padding: 20px!important;
	border: none!important;
	width: 100%
}

@media only screen and (max-width:991px) {
.section__map iframe {
	padding: 15px!important;
	margin: 0;
	margin-top: 10px!important
}
}
.section__cf .h3-main {
	line-height: 20px;
	font-weight: 600;
	font-style: normal;
	color: #353535;
	font-size: 16px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 15px
}
.header__logedin .header__ul:last-child {
	margin-top: 0;
	cursor: pointer
}
.header__ul .hideEmail {
	display: none
}
.header__mini {
	background-color: #2b78aa;
	width: 100%;
	padding: 3px;
	height: 35px;
	position: relative
}

@media only screen and (max-width:767px) {
.header__mini #menu-user-content {
	background-color: #fff;
	right: 1%;
	top: 100px;
	position: absolute;
	width: 98%;
	padding: 2%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	display: none;
	font-size: 16px;
	z-index: 3
}
}

@media only screen and (max-width:767px) {
.header__mini #menu-user-content li {
	float: none;
	margin: 10px 0;
	width: 100%
}
}
.header__mini #menu-user-content li a {
	display: block;
	margin-top: -3px
}

@media only screen and (max-width:767px) {
.header__mini #menu-user-content li a {
	color: #555;
	border: 1px solid #eee;
	padding: 5px 24px;
	width: 100%;
	display: block;
	text-align: center;
	transition: all .2s
}
}

@media only screen and (max-width:767px) {
.header__mini #menu-user-content li a:hover {
	background-color: rgba(43,120,170,.8);
	color: #fff
}
}
.header__main {
	padding: 20px 0;
	position: relative;
	border-bottom: 1px solid #eee
}

@media only screen and (max-width:767px) {
.header__main {
	padding: 10px 0;
	border-bottom: 1px solid #fafafa
}
}
.header__ul {
	list-style: none;
	color: #fff
}
.header__ul li {
	float: left;
	position: relative
}
.header__ul li::before {
	content: '';
	width: 1px;
	height: 40px;
	position: absolute;
	background-color: rgba(255,255,255,.2);
	left: 0;
	top: -9px
}
.header__ul li:last-child::after {
	content: '';
	width: 1px;
	height: 40px;
	position: absolute;
	background-color: rgba(255,255,255,.2);
	right: 0;
	top: -9px
}
.header__ul li a {
	color: #fff;
	font-size: 12px;
	padding: 10px 10px 7px 10px;
	display: block;
	margin-top: -3px
}
.header__ul li a:hover {
	background-color: #245a81
}

@media only screen and (max-width:767px) {
.header__nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 70px;
	width: 100%;
	padding: 2%;
	border-top: 1px solid #eee;
	display: none;
	z-index: 3
}
}

@media only screen and (min-width:768px) {
.header__nav {
	display: flex!important
}
}

@media only screen and (max-width:767px) {
.header__nav ul {
	flex-direction: column
}
}

@media only screen and (max-width:767px) {
.header__nav .btn {
	border-radius: 0;
	width: 100%
}
}
.header__nav li {
	float: left;
	margin-right: 15px
}
.header__nav li:last-child {
	margin-right: 0
}

@media only screen and (max-width:767px) {
.header__nav li {
	float: none;
	text-align: center;
	width: 100%;
	margin: 3px 0
}
}
.header__nav li a {
	display: block;
	color: #555;
	transition: all .4s;
	border-bottom: 2px solid transparent
}

@media only screen and (max-width:767px) {
.header__nav li a {
	border: 1px solid #eee;
	padding: 5px 24px
}
}
.header__nav li a:hover {
	border-bottom: 1px solid #2b78aa;
	color: #2b78aa
}
.header__nav li a.active1 {
	border-bottom: 1px solid #2b78aa;
	color: #2b78aa
}
.header__nav li .btn {
	border: 0;
	border-radius: 5px;
	background-color: #2b78aa;
	padding: 8px 15px;
	text-transform: uppercase;
	color: #fff;
	transition: all .5s;
	cursor: pointer;
	font-size: 12px
}
.header__nav li .btn:hover {
	background-color: #673ab7;
	color: #fff;
	border: 0
}
.header__brand {
	max-width: 230px;
	width: 100%
}

@media only screen and (max-width:767px) {
.header__brand {
	max-width: 50px
}
}
.__vw_al {
	display: none;
}
.header__brand img {
	width: 100%;
	display: block
}
.header__icons {
	display: none
}

@media only screen and (max-width:767px) {
.header__icons {
	display: flex
}
}
.header__icons .active {
	color: #ad2424
}
#notification-btn {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 16px;
	padding-bottom: 5px;
	margin-top: -6px!important;
	cursor: pointer
}
#notification-btn .badge {
	background: #fff;
	color: #2b78aa;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	min-height: 15px;
	min-width: 15px;
	padding: 1px;
	border-radius: 50%;
	font-size: 10px;
	position: absolute;
	top: 2px;
	right: 12px
}

@media only screen and (max-width:767px) {
#notification-btn .badge {
	position: relative;
	background: #2b78aa;
	color: #fff;
	display: inline-block;
	left: 4px;
	top: 0
}
}
#notification-content {
	padding: 10px;
	position: absolute;
	top: 32px;
	right: -127px;
	width: 300px;
	background: #fff;
	z-index: 1111111;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.notification-sl {
	overflow-y: auto
}
#notification-content li::after, #notification-content li::before {
	display: none
}
#notification-content li {
	color: #000!important
}
#notification-content li.d {
	margin-bottom: 4px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px
}
#notification-content li a:hover {
	background: #fff!important;
	color: #002f34!important
}

@media only screen and (max-width:767px) {
#notification-content li a {
	margin-bottom: 5px
}
}

@media only screen and (max-width:767px) {
#notification-content {
	position: relative;
	top: 0;
	right: 0;
	width: 100%
}
}
#notification-content a {
	display: block
}
.hd-note-ft {
	text-align: center;
	display: block;
	width: 100%;
	padding-top: 10px;
	margin-top: 2px!important
}
.hd-note-ft a {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 0!important
}
.notification-content-p {
	position: relative!important;
	top: auto!important;
	right: auto!important;
	box-shadow: none!important;
	max-height: 100%!important;
	width: 100%!important;
	display: flex!important;
	flex-wrap: wrap;
	justify-content: space-between!important;
	margin-bottom: 50px!important
}
.note-p-hd {
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 20px 0;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	font-family: sans-serif
}
.notification-content-p img {
	margin-right: 10px;
	width: 35px;
	height: 35px;
	object-fit: cover;
	border-radius: 100%
}
.notification-content-p li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	padding-top: 7px!important;
	border-bottom: 1px solid #ccc;
	flex: 0 0 48%!important;
	display: flex;
	justify-content: space-between
}
.notification-content-p li>div:first-child {
	flex: 0 0 1
}
.notification-content-p li>div.dl {
	flex: 0 0 20px;
	cursor: pointer;
	align-self: center;
	background: red;
	color: #fff;
	text-align: center
}
.note-no {
	text-align: center;
	line-height: 300px;
	font-size: 20px;
	font-weight: 700;
	color: #008b8b
}
a#user-img-btn {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 6px;
	padding-bottom: 0;
	margin-top: -5px!important
}
#user-img {
	width: 23px;
	height: 23px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block
}
#user-img img {
	width: 100%;
	height: 100%;
	display: block
}
#user-img-content {
	position: absolute;
	top: 32px;
	right: -70px;
	width: 220px;
	padding: 0;
	background: #fff;
	z-index: 111111111;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	display: none
}
#user-img-content li::after, #user-img-content li::before {
	display: none
}

@media only screen and (max-width:767px) {
#user-img-content {
	position: relative;
	top: 0;
	right: 0;
	width: 100%
}
}
#user-img-content li {
	float: none;
	margin: 7px
}
#user-img-content li a {
	font-size: 13px;
	color: #002f34;
	font-weight: 600;
	padding: 10px 20px;
	width: 100%;
	display: inline-block
}
#user-img-content li a:hover {
	color: #fff
}

@media only screen and (max-width:767px) {
#user-img-content li a {
	text-align: left!important
}
}
#inbox-btn {
	margin-top: 0
}
#inbox-btn a {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 16px;
	padding-bottom: 3px;
	margin-top: -9px!important
}
#inbox-btn .badge {
	background: #fff;
	color: #2b78aa;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	min-height: 15px;
	min-width: 15px;
	padding: 1px;
	border-radius: 50%;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 9px
}

@media only screen and (max-width:767px) {
#inbox-btn .badge {
	position: relative;
	background: #2b78aa;
	color: #fff;
	display: inline-block;
	left: 4px
}
}
.smallscreen-post-ad {
	margin: 10px 0;
	text-align: right
}
#country-btn {
	position: relative
}
#country-btn a {
	display: flex!important
}

@media only screen and (max-width:767px) {
#country-btn a {
	justify-content: center
}
}
#country-btn .img {
	width: 18px;
	height: 18px;
	margin-right: 3px
}
#country-btn .img img {
	width: 100%
}
#country-btn #country-content {
	position: absolute;
	top: 35px;
	left: 0;
	display: none;
	flex-direction: column;
	float: none;
	width: 140px;
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	color: #000;
	z-index: 11111
}

@media only screen and (max-width:767px) {
#country-btn #country-content {
	width: 90%;
	position: relative;
	margin-left: 10%;
	box-shadow: none;
	top: 5px
}
}
#country-btn #country-content li {
	color: #000;
	width: 100%;
	border-bottom: 1px solid #fafafa;
	margin-bottom: 0
}
#country-btn #country-content li a {
	padding: 5px;
	display: block;
	width: 100%;
	color: #000
}
#country-btn #country-content li a:hover {
	color: #fff
}

@media only screen and (max-width:767px) {
#country-btn #country-content li {
	margin: 0;
	margin-bottom: 5px
}
}
.footer {
	color: #fff;
	background-color: #2b78aa;
	padding: 10px 0;
	font-size: 12px
}
.footer__nav {
	margin: 10px 0;
	font-size: 13px;
	text-align: center;
	display: flex;
	width: 100%;
	justify-content: center
}

@media only screen and (max-width:400px) {
.footer__nav ul {
	flex-direction: column
}
}
.footer__nav a {
	padding: 5px;
	color: #fff
}
.btn, button {
	border: 0;
	border-radius: 5px;
	background-color: #2b78aa;
	padding: 8px 15px;
	text-transform: uppercase;
	color: #fff;
	transition: all .5s;
	cursor: pointer;
	outline: 0
}
.btn:hover, button:hover {
	background-color: #673ab7
}
.btn-menu-icon {
	background-color: transparent;
	border: 2px solid currentColor;
	color: #666;
	border-radius: 50%;
	padding: 0;
	height: 40px;
	width: 40px;
	font-size: 16px;
	margin-right: 10px;
	text-align: center;
	display: none;
	justify-content: center;
	align-content: center;
	align-items: center
}

@media only screen and (max-width:767px) {
.btn-menu-icon {
	display: flex
}
.smallscreen-post-ad .btn {
	width: 70%;
	display: block;
	text-align: center!important;
	margin: 0 auto
}
}
.btn-menu-icon:hover {
	color: #2b78aa;
	background-color: transparent
}
.banner {
	padding: 100px 0
}

@media only screen and (max-width:767px) {
.banner {
	padding: 0
}
}
.banner h1 {
	color: #fff;
	text-transform: capitalize;
	letter-spacing: .7px;
	margin-bottom: 20px;
	font-size: 25px
}

@media only screen and (max-width:767px) {
.banner h1 {
	display: none
}
}
.banner h2 {
	color: #fff;
	text-transform: capitalize;
	letter-spacing: .7px;
	margin-bottom: 20px;
	font-size: 20px
}

@media only screen and (max-width:767px) {
.banner h2 {
	display: none
}
.banner__form {
	margin-top: 0!important
}
}
.alertPulse-css {
	animation: alertPulse .5s ease-out;
	animation-iteration-count: infinite;
	opacity: 1;
	background: #3498db
}
@-webkit-keyframes alertPulse {
0% {
background-color:#3498db;
opacity:1
}
50% {
opacity:#2b78aa;
opacity:.75
}
100% {
opacity:#1d699c;
opacity:1
}
}
.banner__form {
	padding: 10px;
	border-radius: 5px;
	margin-top: 40px
}

@media only screen and (max-width:767px) {
.mobile-search-form {
	flex-direction: column
}
.search-form .__ctg_srch1 {
	display: none
}
.search-form .form-element:nth-child(5) button {
	font-size: 25px!important
}
.search-form .form-element {
	line-height: 43px!important
}
.search-form .form-element input[type=text] {
	line-height: 23px!important
}
}
.search-form .form-element:nth-child(2) {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}
.search-form .form-element:nth-child(5) {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}
.search-form .form-element:nth-child(5) button {
	height: 1.73em;
	background: 0 0;
	color: #50ad91;
	overflow: hidden;
	font-size: 36px
}
.search-form .form-element:nth-child(5) {
	line-height: 0!important
}
.search-form .form-element {
	margin: 0;
	width: auto;
	line-height: 63px;
	background: #fff
}
.search-form .form-element .chosen-container .chosen-drop {
	position: absolute;
	min-width: 230px;
	margin-top: 12px
}

@media only screen and (min-width:768px) {
.__ct_srch .chosen-drop {
	right: -55px
}
.search-form {
	max-height: 65px;
}
}
.search-form select {
	background: 0 0;
	border: none
}
.search-form .form-element input[type=text] {
	line-height: 40px
}
.search-form .form-element input[type=text]:focus {
	outline: 0
}
.search-form .form-element .chosen-container .chosen-single {
	background: #ebebeb!important;
	font-weight: 700!important;
	padding-left: 15px
}
.search-form .form-element .chosen-container-active .chosen-single {
	border: none!important
}
.search-form .form-element:nth-child(2), .search-form .form-element:nth-child(4), .search-form .form-element:nth-child(5) {
	background: #ebebeb!important
}
.search-form .form-element:nth-child(3) {
	flex: 1
}

@media only screen and (max-width:767px) {
.banner .form-element {
	margin: 2px 0
}
}

@media only screen and (max-width:767px) {
.banner .form-element {
	width: 100%;
	margin: 2px 0
}
}
.banner .form-element .btn {
	width: 100%;
	padding: 10px;
	border-radius: 0
}
input, select, textarea {
	padding: 10px!important;
	border: 0;
	width: 100%;
	font-family: "Open Sans", sans-serif
}
.form-element {
	width: 100%;
	position: relative
}
.form-element-container {
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	height: 200px;
	background-color: #fff;
	display: none;
	border-top: 1px solid #eee;
	box-shadow: 0 0 3px #eee;
	z-index: 111
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
input[type=number] {
	-moz-appearance: textfield
}
input[type=color] {
	padding: 0!important;
	width: 30px
}
textarea {
	resize: none
}
select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 10px;
	background-image: url(../images/drop-down-arrow.png);
	background-repeat: no-repeat;
	background-size: 10px;
	border: 1px solid #b3b1b1;
	background-position: 96%
}
.chosen-container-single ul.chosen-results li.optgroup {
	margin-left: 0!important;
	font-weight: 700
}
.chossen-single-fix .chosen-container-single ul.chosen-results li {
	margin-left: 0!important
}
#menu_categories_a_chosen ul.chosen-results li {
	padding-left: 15px!important
}
#menu_categories_a_chosen ul.chosen-results li.optgroup {
	padding-left: 3px!important
}
.cards .card {
	width: 23%;
	margin: 1%
}

@media only screen and (max-width:991px) {
.cards .card {
	width: 31.333333%
}
}

@media only screen and (max-width:767px) {
.cards .card {
	width: 48%
}
}

@media only screen and (max-width:500px) {
.cards .card {
	width: 98%
}
}
.cards .card ul li {
	padding: 15px;
	font-size: 13px;
	margin-bottom: 2px;
	background-color: #fafafa
}
.cards .card ul li a {
	color: #1b1b1b
}
.cards .card ul .head {
	padding: 15px;
	font-weight: 700;
	background-color: #2b78aa;
	margin-bottom: 0;
	display: flex
}
.cards .card ul .head span {
	color: #fff;
	margin-right: 5px;
	width: 17px
}
.cards .card ul .head a {
	color: #fff;
	font-size: 14px
}
.description {
	padding-top: 50px;
	color: #fff
}
.description hr {
	width: 20px;
	height: 2px;
	color: #fff;
	margin: 15px auto
}
.description p {
	font-size: 20px
}
.posts {
	margin: 50px 0
}
.posts .post {
	width: 18%;
	margin: 1%;
	border: 1px solid #eee;
	position: relative;
	overflow: hidden;
	padding: 5px
}

@media only screen and (max-width:1200px) {
.posts .post {
	width: 23%
}
}

@media only screen and (max-width:991px) {
.posts .post {
	width: 31.333333%
}
}

@media only screen and (max-width:767px) {
.posts .post {
	width: 48%
}
}

@media only screen and (max-width:500px) {
.posts .post {
	width: 47%
}
}
.posts .post__featured {
	position: absolute;
	background-color: #ad2424;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	padding: 3px 20px;
	top: 15px;
	left: -22px;
	transform: rotate(-45deg);
	z-index: 1
}
.imgcollection {
	position: relative
}
.imgcollection .post__featured {
	position: absolute;
	background-color: #ad2424;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	padding: 3px 20px;
	top: 15px;
	left: -22px;
	transform: rotate(-45deg);
	z-index: 3
}
.posts .post__available {
	position: absolute;
	background-color: #26a65b;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	padding: 3px 5px;
	top: 22px;
	left: -22px;
	width: 111px;
	text-align: center;
	transform: rotate(-45deg);
	z-index: 1
}
.posts .post__option {
	position: absolute;
	color: #fff;
	background: #ad2424;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	top: 0;
	right: 0;
	z-index: 1;
	text-align: center;
	padding: 2px 5px;
	cursor: pointer
}
.posts .post__option i {
	pointer-events: none
}
.posts .post__options {
	position: absolute;
	color: #333;
	font-weight: 500;
	font-size: 15px;
	width: auto;
	top: 35px;
	right: 3px;
	z-index: 2;
	text-align: left;
	cursor: pointer;
	background: #fff;
	display: none;
	box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.posts .post__options li {
	padding: 5px 10px;
	border-bottom: 1px solid #ddd
}
.posts .post__options li:hover a {
	color: #fff
}
.posts .post__options li:hover {
	background-color: #2b78aa;
	color: #fff
}
.posts .post__sold {
	position: absolute;
	background-color: #7d7c7c;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	padding: 3px 5px;
	top: 22px;
	left: -22px;
	width: 111px;
	text-align: center;
	transform: rotate(-45deg);
	z-index: 1
}
.posts .post__head {
	height: 130px;
	text-align: center;
	overflow: hidden
}
.posts .post__head img {
	height: 100%;
	object-fit: contain;
	width: 100%
}
.posts .post__head-v {
	width: 200px;
	height: auto;
	text-align: center;
	overflow: hidden;
	margin-right: 20px
}
.posts .post__head-v img {
	width: 100%;
	height: auto
}
.posts .post__body {
	margin-top: 20px
}
.posts .post__body .price {
	color: #002f34;
	font-size: 20px;
	font-weight: 700;
	margin-left: 3px
}
@keyframes lds-heart {
0% {
transform:scale(.95)
}
5% {
transform:scale(2)
}
39% {
transform:scale(1)
}
45% {
transform:scale(2)
}
60% {
transform:scale(1)
}
100% {
transform:scale(1)
}
}
.lds-heart i {
	animation: lds-heart 1.2s infinite cubic-bezier(.215, .61, .355, 1)
}
.posts .post__body .icon {
	color: #aaa;
	margin-right: 3px
}
.posts .post__body .icon-liked {
	color: #ad2424
}
.posts .post__body .address, .posts .post__body .date, .posts .post__body .view {
	text-transform: uppercase;
	color: #555;
	font-size: 10px
}
.posts .post__body .address, .posts .post__body .view {
	margin-left: 3px
}
.posts .post__body .date {
	margin-right: 3px
}
.posts .post__description {
	height: 62px;
	overflow: hidden;
	margin-bottom: 2px
}
.posts .post__description h2 {
	color: #222;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	margin: 6px 0;
	line-height: 18px;
	text-transform: capitalize
}
.posts .post__description h4 {
	color: #222;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	margin: 6px 0;
	line-height: 18px;
	text-transform: capitalize
}
.posts .post__description h3 {
	color: #222;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	margin: 6px 0;
	line-height: 18px;
	text-transform: capitalize
}
.posts .post__description p {
	color: #333;
	text-align: left;
	font-size: 14px;
	margin: 0 0 15px 0
}
.dashboard-status .item:hover, .posts .post:hover, .statictics2 .item:hover {
	transform: scale(1.02)
}
.posts .post-product {
	background-color: #20438f;
	color: #fff
}
.posts .post-product a {
	width: 100%
}
.posts .post-product .post__head {
	width: 100%;
	text-align: center;
	height: 80px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 18px;
	color: #fff
}
.posts .post-product .post__body {
	margin-top: 0;
	width: 100%;
	text-align: center
}
.posts .post-product .post__description {
	height: 110px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	color: #fff;
	font-style: 15px;
	font-weight: 700
}
.posts .post-product button {
	margin-bottom: 10px;
	background: 0 0;
	border: 2px solid currentColor;
	font-weight: 700;
	border-radius: 0;
	font-size: 14px
}
.search {
	position: relative;
	z-index: 2
}

@media only screen and (max-width:767px) {
.search__form {
	flex-direction: column
}
}
.search-form .form-element {
	width: auto;
	margin: 0
}

@media only screen and (max-width:767px) {
.search .form-element {
	margin: 2px 0
}
}

@media only screen and (max-width:767px) {
.search .form-element {
	width: 100%;
	margin: 2px 0
}
}
.search .form-element .btn {
	width: 100%;
	padding: 10px;
	border-radius: 0
}
.search .chosen-container {
	border: 1px solid #eee
}
.main {
	margin-top: 15px;
	align-content: flex-start;
	align-items: flex-start;
	padding-bottom: 10px
}

@media only screen and (max-width:767px) {
.main {
	flex-direction: column
}
.just-pad {
	margin: 0 10px
}
}
.main .left {
	flex: 0 0 25%
}
.main .left span {
	margin-right: 10px;
	display: inline-block
}
.main .left .chkbox {
	word-break: break-all
}

@media only screen and (max-width:767px) {
.main .left {
	flex: 0 0 100%;
	width: 100%;
	margin-bottom: 10px
}
}
.main .left .head h2 {
	margin-top: 9px;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	line-height: 27px
}

@media only screen and (min-width:768px) {
.main .left .accordion__body {
	display: block
}
}
.main .left input[type=radio] {
	margin-right: 10px
}
.main .left .chkbox {
	padding: 10px
}
.main .left .chkbox:nth-child(odd) {
	background-color: #fafafa
}
.main .right {
	flex: 1;
	padding: 0 10px
}

@media only screen and (max-width:767px) {
.main .right {
	width: 100%;
	padding: 0
}
.header__brand img {
	width: 100%;
	display: block;
	min-width: 160px
}
}
.main .right .posts {
	margin-top: 0;
	margin-bottom: 0
}
.main .right .post {
	width: 23%;
	margin: 1%
}

@media only screen and (max-width:1350px) {
.main .right .post {
	width: 31.3333%
}
}

@media only screen and (max-width:1050px) {
.main .right .post {
	width: 48%
}
}

@media only screen and (max-width:500px) {
.main .right .post {
	width: 47%
}
}
.main .right hr {
	width: 98%;
	margin: 0 auto
}
.main .right .head {
	width: 98%;
	margin: 0 auto;
	line-height: 25px
}

@media only screen and (max-width:600px) {
.main .right .head {
	flex-direction: column;
	text-align: left
}
}
.main .right .head p {
	font-size: 14px;
	margin: 0!important;
	flex: 1
}

@media only screen and (max-width:600px) {
.main .right .head p {
	display: block;
	width: 100%;
	text-align: left
}
}
.main .right .head .options {
	flex: 0 0 50%
}

@media only screen and (max-width:1133px) {
.main .right .head .options {
	flex: 0 0 60%
}
}

@media only screen and (max-width:945px) {
.main .right .head .options {
	flex: 0 0 73%
}
}

@media only screen and (max-width:600px) {
.main .right .head .options {
	flex: 0 0 100%;
	width: 100%;
	text-align: left
}
}
.main .right .head h2 {
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
	margin-right: 5px
}
.main .right .head .view {
	margin-right: 10px;
	flex: 0 0 30%
}
.main .right .head .view button {
	display: inline-block;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	margin: 2px;
	padding: 0;
	font-size: 14px;
	box-sizing: content-box
}

@media only screen and (max-width:500px) {
.main .right .head .view {
	display: none
}
}
.main .right .head .sort {
	flex: 1
}
.main .right .head .sort h2 {
	flex: 0 0 25%
}
.main .right .head .sort select {
	flex: 1
}
.main .right .head .sort .chosen-container {
	border: 1px solid #eee;
	border-bottom: 0;
	box-sizing: content-box
}
.main-2 {
	padding-bottom: 20px
}
.main-2 .left {
	overflow: hidden
}

@media only screen and (max-width:991px) {
.main-2 .left {
	display: none
}
}
.main-2 .left .list a {
	display: block;
	padding: 10px;
	width: 100%;
	word-spacing: -1px;
	border-left: 2px solid #1abc9c;
	font-weight: 500;
	margin-bottom: 0;
	font-size: 15px;
	color: #333;
	background: #fafafa;
	transition: all .3s
}
.main-2 .left .list a:hover {
	border-left: 2px solid #ad2424
}
.main-2 .left .list li {
	margin-bottom: 0
}
.main-2 .left .statictics li {
	width: 100%;
	padding: 10px;
	margin-bottom: 4px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	background-color: #1abc9c
}
.main-2 .left .img {
	margin-top: 15px;
	margin-bottom: 35px
}
.main-2 .left .posts {
	margin: 25px 0
}
.main-2 .left .posts .post {
	width: 100%;
	margin: 0
}
.main-2 .left .statictics2 {
	margin-top: 30px;
	flex-wrap: wrap
}
.main-2 .left .statictics2 .item {
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	width: 48%;
	margin-bottom: 4%
}
.main-2 .left .statictics2 .item h2 {
	margin-bottom: 10px;
	color: #fff;
	font-weight: 700
}

@media only screen and (max-width:1100px) {
.main-2 .left .statictics2 .item h2 {
	font-size: 18px
}
}
.main-2 .left .statictics2 .item h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff
}

@media only screen and (max-width:1100px) {
.main-2 .left .statictics2 .item h3 {
	font-size: 14px
}
}
.main-2 .left .statictics2 .item .icon {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	margin-bottom: 20px;
	font-size: 30px
}

@media only screen and (max-width:1100px) {
.main-2 .left .statictics2 .item .icon {
	width: 50px;
	height: 50px;
	font-size: 20px
}
}
.main-2 .left .statictics2 .item1 {
	background-color: #2b78aa
}
.main-2 .left .statictics2 .item1 .icon {
	color: #2b78aa
}
.main-2 .left .statictics2 .item2 {
	background-color: #e87e04
}
.main-2 .left .statictics2 .item2 .icon {
	color: #e87e04
}
.main-2 .left .statictics2 .item3 {
	background-color: #1abc9c
}
.main-2 .left .statictics2 .item3 .icon {
	color: #1abc9c
}
.main-2 .left .statictics2 .item4 {
	background-color: #ad2424
}
.main-2 .left .statictics2 .item4 .icon {
	color: #ad2424
}
.main-2 .right {
	margin-right: 3%
}

@media only screen and (max-width:991px) {
.main-2 .right {
	flex: 0 0 100%;
	width: 100%;
	margin-bottom: 10px
}
}
.main-seller .posts {
	margin-top: 20px!important
}
.main-seller .head {
	padding: 5px;
	background-color: #eee;
	line-height: 26px
}
.main-seller .left {
	flex: 0 0 290px
}

@media only screen and (max-width:991px) {
.main-seller .left {
	flex: 0 0 230px
}
}

@media only screen and (max-width:767px) {
.main-seller .right .head {
	flex-direction: column;
	width: 100%
}
}
.main-seller .right .head .search label {
	background: #2b78aa;
	color: #fff;
	height: 35px;
	padding: 0 7px;
	display: flex;
	align-items: center
}
.main-seller .right .head .search input {
	height: 35px;
	border: 0
}

@media only screen and (max-width:767px) {
.main-seller .right .head .search {
	width: 100%
}
}
.main-seller .right .head .filter {
	width: 150px
}

@media only screen and (max-width:767px) {
.main-seller .right .head .filter {
	margin-top: 5px;
	width: 100%
}
}
.main-seller .right .head .filter select {
	width: 100%!important;
	border: 0;
	padding: 0 5px!important;
	height: 35px
}
.main-seller .right .head .filter label {
	background: #ad2424;
	color: #fff;
	height: 35px;
	padding: 0 8px;
	display: flex;
	align-items: center
}
.popular {
	margin: 10px 0
}
.popular ul li {
	float: left;
	margin-right: 10px;
	position: relative
}
.popular ul li:not(:last-child):after {
	content: '';
	width: 5px;
	height: 1px;
	position: absolute;
	background: #666;
	top: 14px;
	right: -8px
}
.popular ul li a {
	font-size: 12px;
	color: #666;
	letter-spacing: .1px
}
.popular__title {
	letter-spacing: .15px;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px;
	color: #000!important
}
.popular__title:after {
	content: '';
	display: none
}
.breadcrumb {
	margin-top: 20px
}
.breadcrumb ul li {
	float: left;
	margin-right: 10px;
	position: relative
}
.breadcrumb ul li:not(:last-child):after {
	content: '\002F';
	position: absolute;
	color: #666;
	top: 2px;
	right: -8px
}
.breadcrumb ul li, .breadcrumb ul li a {
	font-size: 12px;
	color: #666;
	letter-spacing: .1px
}
.smn .breadcrumb {
	flex: 0 0 50%
}
.current-search {
	margin-top: 20px;
	padding: 0 10px;
	flex: 1
}
.current-search h2 {
	text-align: left;
	font-size: 20px;
	font-weight: 700
}
.sm .current-search {
	padding: 0;
	margin: 0 0 20px 0
}
.field-icon {
	float: right;
	margin-left: -34px;
	margin-right: 10px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
	opacity: .6
}
#loginbtnformlogin .field-icon {
	margin-top: 25px!important
}
.text-danger {
	padding-left: 10px!important;
	color: red!important;
	font-size: 14px!important;
	font-weight: 700!important
}
.accordion {
	margin: 10px 0
}
.accordion__head {
	margin-bottom: 10px;
	cursor: pointer
}
.accordion__head h2 {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .2px
}
.accordion__body {
	display: none
}
.accordion__body li {
	font-size: 14px;
	color: #777;
	font-weight: 500;
	margin-top: 8px
}
.accordion__body li li {
	font-weight: 500;
	margin-left: 20px
}
.accordion__body .selected {
	font-weight: 700;
	color: #000
}
.accordion__body label {
	font-size: 14px;
	margin-right: 3px;
	color: #777
}
.accordion__body .view-all {
	color: #2b78aa;
	cursor: pointer
}
.accordion__active {
	display: block
}
.minmax__input {
	border: 1px solid #eee;
	width: 35%;
	margin-right: 1%
}
.minmax__btn {
	width: 28%;
	border: 0;
	border-radius: 0;
	padding: 10px;
	padding: 12px;
	border-top: 1px solid #2b78aa
}
.load-more {
	margin: 20px
}
.load-more button {
	border-radius: 5px;
	padding: 15px 20px
}
.main-p {
	margin: 15px 0;
	align-content: flex-start;
	align-items: flex-start;
	width: 100%
}

@media only screen and (max-width:991px) {
.main-p {
	flex-direction: column
}
}
.main-p .left {
	flex: 0 0 70%;
	overflow: hidden;
	width: 100%
}

@media only screen and (max-width:991px) {
.main-p .left {
	flex: 0 0 100%;
	width: 100%;
	margin-bottom: 10px
}
}
.main-p .right {
	flex: 1;
	margin-left: 1%;
	width: 100%;
	overflow: hidden
}

@media only screen and (max-width:991px) {
.main-p .right {
	width: 100%;
	margin-left: 0
}
}
.pd {
	border: 1px solid #ccc;
	padding: 1%;
	margin: 1%
}
.detail {
	text-align: left;
	border: 1px solid #ccc;
	padding: 1%
}
.detail h2 {
	text-align: left;
	margin: 10px 0;
	font-size: 22px
}
.detailTitle h1 {
	text-align: left;
	margin: 10px 0;
	font-size: 22px;
	color: #4c4c4c;
	line-height: 28px;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase
}
.detail h3 {
	text-align: left;
	margin: 10px 0;
	font-size: 18px;
	text-transform: uppercase;
	color: #4c4c4c
}
.detail h5 {
	text-align: left;
	margin: 10px 0;
	font-size: 18px;
	text-transform: uppercase;
	color: #4c4c4c
}
.detail .viewCounter {
	text-align: left;
	margin: 10px 0;
	font-size: 18px;
	text-transform: uppercase;
	color: #4c4c4c
}

@media only screen and (max-width:767px) {
.detail .view-h3 {
	font-size: 16px
}
}

@media only screen and (max-width:500px) {
.detail .view-h3 {
	font-size: 14px
}
}
.detail p {
	font-size: 15px;
	letter-spacing: .5px;
	margin-left: 30px
}

@media only screen and (max-width:500px) {
.detail p {
	margin-left: 10px
}
}
.detail p.note {
	margin-left: 0;
	margin-top: 20px;
	font-weight: 700;
	color: #000;
	font-size: 12px
}
.detail hr {
	margin: 20px auto
}
.detail ul.features {
	font-size: 14px;
	margin-left: 0
}
.detail ul.features li {
	display: flex;
	margin: 5px 0;
	width: 50%
}
.detail ul.features li .attribute {
	color: #999;
	text-transform: uppercase;
	flex: 0 0 37%;
	padding-right: 10px
}
.detail ul.features li .value {
	flex: 0 0 50%
}

@media only screen and (max-width:767px) {
.detail ul.features li {
	width: 100%
}
}
.detail ul {
	list-style: square;
	font-size: 16px;
	margin-left: 25px;
	margin-top: 10px
}

@media only screen and (max-width:500px) {
.detail ul {
	margin-left: 10px
}
}
.detail ul li {
	margin-top: 5px;
	margin-left: 45px
}

@media only screen and (max-width:500px) {
.detail ul li {
	margin-left: 15px
}
}
.general {
	border: 1px solid #ccc;
	padding: 10px
}
.general .icons {
	color: #ccc
}
.general .icons .share {
	margin-right: 10px;
	position: relative
}
.general .icons .share #share-tooltip {
	position: absolute;
	width: 100px;
	background-color: #fff;
	left: -51px;
	top: 35px;
	border: 1px solid #ccc;
	z-index: 1111;
	text-align: center;
	justify-content: center
}
.general .icons .share #share-tooltip span {
	display: inline-block;
	margin: 5px;
	background: #2b78aa;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-content: center;
	align-items: center;
	color: #fff;
	border-radius: 50%
}
.general .icons .share #share-tooltip::before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	background: #fff;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) rotate(45deg);
	top: -9px;
	border: 1px solid #ccc;
	border-bottom: 0;
	border-right: 0
}
.general .icons .icon-liked {
	color: #ad2424
}
.general h2 {
	font-weight: 700
}
.general P {
	margin: 10px 0;
	font-size: 14px
}
.general .address, .general .date {
	text-transform: uppercase;
	color: #555;
	font-size: 12px
}
.seller {
	padding: 10px;
	border: 1px solid #ccc;
	margin-top: 20px
}
.seller h2 {
	font-size: 18px;
	text-align: left;
	font-weight: 700
}
.seller h6 {
	font-size: 18px;
	text-align: left;
	font-weight: 700;
	color: #4c4c4c;
	line-height: 28px;
	font-style: normal;
	text-transform: uppercase
}
.seller-options {
	width: 98%;
	margin: 10px auto 0 auto
}
.seller-options ul li {
	cursor: pointer;
	padding: 8px 10px 6px 10px;
	min-width: 100px;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
	background-color: #eee;
	transition: all .5s;
	backface-visibility: hidden
}
.seller-options ul li:hover {
	transform: scale(1.01) translateY(2px)
}
.seller-options ul .active {
	background-color: #2b78aa;
	color: #fff
}
.seller-item {
	display: none
}
.seller-item.active {
	display: block
}
.seller__img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 7px
}
.seller__img img {
	width: 100%
}
.seller__name {
	margin-left: 5px;
	flex: 1
}
.seller__name>div:first-child {
	width: 100%
}
.seller__name .follower, .seller__name .following, .seller__name .score {
	color: #999;
	font-size: 12px;
	display: block;
	font-weight: 600
}
.seller__name .score {
	color: #fff
}
.seller__name .name {
	display: block
}
.seller .score-ul {
	position: relative
}
.seller .score-ul ul li {
	display: block;
	height: 12px;
	background-color: #999;
	width: 8px;
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px
}
.seller .score-ul ul:hover+.score-ul-tooltip {
	display: block
}
.seller .score-ul-tooltip {
	background-color: #333;
	padding: 10px;
	width: 150px;
	position: absolute;
	top: 100%;
	left: 0;
	display: none
}
.seller a {
	font-weight: 700;
	font-size: 20px
}
.seller a span {
	display: block
}
.seller button {
	font-weight: 500;
	letter-spacing: .5px;
	font-size: 14px
}
.seller__contact-no {
	margin-top: 10px
}
.seller__contact-no .phone {
	font-weight: 600;
	font-size: 14px;
	display: block;
	color: #2b78aa;
	margin-bottom: 5px;
	text-align: center
}
.seller .posts {
	margin-top: 80px
}
#seller-phone-number {
	display: none
}
#seller-email-number {
	display: none
}
#seller-phone-title {
	cursor: pointer
}
#seller-email-title {
	cursor: pointer
}
.seller .__slr_hd {
	margin-bottom: 15px
}
.postedin {
	padding: 10px;
	border: 1px solid #ccc;
	margin-top: 20px
}
.postedin h2 {
	font-size: 18px;
	text-align: left;
	font-weight: 700;
	margin-bottom: 15px
}
.postedin p {
	text-transform: uppercase;
	color: #555;
	font-size: 12px
}
.postedin .map iframe {
	width: 100%!important;
	border: 0!important;
	padding: 0!important;
	margin: 10px 0!important
}
.imgcollection {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 20px
}
.imgcollection .single {
	width: 100%;
	overflow: hidden;
	position: relative
}
.imgcollection .single .owl-carousel-counter {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	padding: 5px
}
.imgcollection .single img {
	margin: 0 auto
}

@media only screen and (max-width:767px) {
.imgcollection .single img {
	width: 100%!important;
	margin: 0 auto;
	height: auto
}
}
.imgcollection .single .owl-stage-outer {
	position: relative
}
.imgcollection .single .owl-nav {
	position: absolute;
	left: 1%;
	z-index: 111;
	width: 98%;
	color: #2b78aa;
	font-size: 40px;
	transform: translate(0, 0)
}
.imgcollection .single .owl-nav .owl-next, .imgcollection .single .owl-nav .owl-prev {
	cursor: pointer;
	font-size: 80px;
	padding: 0;
	color: #2b78aa
}

@media only screen and (max-width:767px) {
.imgcollection .single .owl-nav .owl-next, .imgcollection .single .owl-nav .owl-prev {
	font-size: 60px
}
}

@media only screen and (max-width:500px) {
.imgcollection .single .owl-nav .owl-next, .imgcollection .single .owl-nav .owl-prev {
	font-size: 40px
}
}
.imgcollection .single .owl-item {
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden
}

@media only screen and (max-width:767px) {
.imgcollection .single .owl-item {
	height: 350px!important
}
}

@media only screen and (max-width:650px) {
.imgcollection .single .owl-item {
	height: 300px!important
}
}

@media only screen and (max-width:550px) {
.imgcollection .single .owl-item {
	height: 200px!important
}
}
.imgcollection .single .owl-item div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%!important;
	width: 92%!important
}
.imgcollection .single .owl-item div img {
	max-height: 100%!important;
	max-width: 100%!important;
	height: auto!important;
	width: auto!important
}
.imgcollection hr {
	margin: 10px auto
}
.imgcollection .records li {
	display: inline-block;
	width: 80px;
	margin-right: 10px
}
.imgcollection .records li img {
	width: 100%
}
.imgcollection .records .active {
	border: 1px solid #2b78aa
}
.owl-carousel {
	width: 100%!important;
	overflow: hidden!important
}
.owl-carousel img {
	width: 100%!important
}
.owl-item {
	padding: 0 2px
}
.owl-nav {
	width: 98%;
	display: flex;
	justify-content: space-between;
	font-size: 80px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 1%;
	transform: translateY(-50%)
}
.owl-carousel .owl-controls .owl-dot {
	float: left;
	background-size: cover;
	margin-top: 10px
}
.owl-carousel .owl-dot {
	float: left;
	background-size: cover!important
}
.owl-dots {
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: center;
	overflow: auto;
	overflow-x: scroll;
	scrollbar-color: #fff #fff;
	scrollbar-width: thin
}
.owl-dots::-webkit-scrollbar {
height:3px
}
.owl-dots::-webkit-scrollbar-track {
background:#fff
}
.owl-dots::-webkit-scrollbar-thumb {
background:#fff
}
.owl-dots::-webkit-scrollbar-thumb:hover {
background:#d4d4d4
}
.owl-dots button {
	background-size: contain!important;
	background-position: center center!important
}
.owl-dot {
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center center;
	width: 70px!important;
	height: 70px!important;
	margin-right: 10px;
	flex: 0 0 70px;
	margin-top: 10px;
	border-radius: 0
}

@media only screen and (max-width:767px) {
.owl-dot {
	width: 50px!important;
	height: 50px!important;
	flex: 0 0 50px
}
}

@media only screen and (max-width:500px) {
.owl-dot {
	width: 40px!important;
	height: 40px!important;
	flex: 0 0 40px
}
}
.owl-dot.active {
	border: 2px solid purple!important
}
.owl-dots-arrow {
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	padding: 35px 10px;
	cursor: pointer;
	display: none
}

@media only screen and (max-width:767px) {
.owl-dots-arrow {
	padding: 25px 8px
}
}

@media only screen and (max-width:500px) {
.owl-dots-arrow {
	padding: 20px 5px
}
}
.owl-dots-arrow-right {
	right: 0
}
.tooltip {
	display: none
}
.seller-card {
	border: 1px solid #eee;
	padding: 10px;
	background: linear-gradient(rgba(255,255,255,.95), rgba(255,255,255,.95)), url(../images/bg-circles.png)
}
.seller-card__head {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}
.seller-card__head img {
	display: block;
	width: 100%;
	margin: 10px auto;
	border-radius: 50%;
	max-width: 150px
}
.seller-card__head h2 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #002f34;
	margin: 10px 0 6px 0
}
.seller-card__body {
	color: #2c2c2c;
	font-size: 14px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}
.seller-card__body h2 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #30a8b6;
	margin: 10px 0;
	text-align: left
}
.seller-card__body span {
	margin-bottom: 3px
}
.seller-card__footer {
	color: #2c2c2c;
	font-size: 14px;
	padding-bottom: 10px
}
.seller-card__footer h2 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #30a8b6;
	margin: 10px 0;
	text-align: left
}
.seller-card__footer span {
	margin-bottom: 3px
}
.seller-card .title {
	font-weight: 600
}
.seller-card .email {
	word-break: break-all
}
.popup {
	background-color: rgba(0,0,0,.7);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 111111;
	text-align: center;
	overflow-y: -moz-scrollbars-none;
	overflow-y: -ms-scrollbars-none;
	overflow-x: hidden
}
.popup__head {
	margin: 20px 0
}
.popup__head img {
	width: 100%
}
.popup__body {
	margin: 20px 0
}
.popup__footer {
	margin: 20px 0
}
.popup__footer p {
	font-size: 12px;
	margin-bottom: 5px
}
.popup__footer a {
	color: #2b78aa
}
.popup__card {
	width: 90%;
	max-width: 400px;
	min-height: 50px;
	background-color: #fff;
	border-radius: 2px;
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0)
}
.popup__close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #ad2424;
	font-size: 25px;
	cursor: pointer
}
.popup__back {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #2b78aa;
	font-size: 25px;
	cursor: pointer
}
.popup__message {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #2b78aa
}
.popup input {
	padding: 5px;
	border: 1px solid #ccc
}
.popup h3 {
	text-transform: uppercase;
	margin: 10px 0;
	font-weight: 800
}
.popup .ctnWphon {
	text-transform: uppercase;
	margin: 10px 0;
	font-weight: 800;
	font-size: 1.17em
}
.popup .error {
	background-color: #ad2424;
	color: #fff;
	padding: 10px;
	margin-top: 10px;
	text-align: left
}
.popup::-webkit-scrollbar {
width:0!important
}
.popup-error .popup__card {
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 700px;
	background: #e2c862;
	padding-bottom: 10px
}
.popup-error .popup__close {
	color: #ad2424
}
.popup-error .popup__head {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}
.popup-error .popup__head img {
	width: 180px;
	max-width: 100%
}
.popup-error .popup__head .sorry {
	max-width: 300px;
	display: block;
	margin-bottom: 15px;
	margin-top: 15px
}
.popup-error .popup__head .minion {
	max-width: 125px
}
.popup-error .popup__body h2 {
	color: #ad2424;
	font-size: 70px;
	font-weight: 700;
	line-height: 60px;
	font-family: 'Times New Roman', Times, serif
}
.popup-error .popup__body h3 {
	color: #ad2424;
	font-size: 12px;
	line-height: 12px
}
.popup-success .popup__card-inner {
	background-image: url(../images/congratsbg2.png);
	background-size: 33%;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -20px;
	height: 100%
}
.popup-success .popup__card {
	max-width: 700px;
	background-image: url(../images/congratsbg3.png);
	background-size: 33%;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding-bottom: 35px;
	background-color: #fbf9fb
}
.popup-success .popup__head {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}
.popup-success .popup__head img {
	margin-top: 20px;
	max-width: 100%;
	width: 250px
}
.popup-success .popup__head .congrats {
	margin-top: 50px;
	margin-bottom: -50px;
	position: relative;
	display: block;
	max-width: 300px
}
.popup-success .popup__head .minion {
	margin-bottom: -50px
}
.popup-success .popup__body h2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 40px;
	font-family: 'Times New Roman', Times, serif
}

@media only screen and (max-width:500px) {
.popup-success .popup__body h2 {
	font-size: 30px;
	line-height: 30px
}
}
.popup-success .popup__body h3 {
	font-size: 15px;
	line-height: 18px;
	color: #ad2424
}
.view-all-popup .popup__card {
	max-width: 600px;
	padding: 20px;
	max-height: 90%
}
.view-all-popup h2 {
	text-align: left;
	margin-bottom: 20px
}

@media only screen and (max-width:500px) {
.view-all-popup h2 {
	font-size: 20px
}
}
.view-all-popup ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap
}
.view-all-popup ul li {
	flex: 0 0 48%;
	padding: 10px;
	border: 1px solid #eee;
	margin: 1%;
	cursor: pointer
}

@media only screen and (max-width:500px) {
.view-all-popup ul li {
	width: 100%
}
}
.view-all-popup .popup__body {
	max-height: 350px;
	height: 90%;
	overflow-y: scroll
}
.affiliate .popup__card {
	padding: 10px
}
.affiliate h2 {
	margin-bottom: 20px;
	font-size: 18px
}
.affiliate .code {
	background-color: #fafafa;
	padding: 10px;
	display: block;
	text-align: left
}
.popup-confirm .popup__card {
	max-width: 250px
}
.popup-confirm .popup__head img {
	max-width: 160px
}
.login {
	padding: 20px
}
.login .popup__head {
	margin: 20px 0
}
.login hr {
	margin: 10px 0
}
.login .btn, .login button {
	display: block;
	margin: 10px auto;
	font-size: 12px
}
.login__btn {
	width: 100%;
	border: 1px solid #2b78aa;
	border-radius: 0;
	margin: 5px 0;
	background: 0 0;
	color: #2b78aa;
	font-weight: 600;
	letter-spacing: 1px
}
.login__btn:hover {
	background: 0 0
}
.login__btn .icon {
	width: 20%;
	text-align: left;
	margin-right: 5px
}
.login__input input {
	margin-top: 10px
}
.s-login-b {
	display: inline-flex;
	width: 100%;
	justify-content: space-between
}
.s-login-b button {
	flex: 49%
}
.s-register-b button {
	flex: 25%
}

@media(max-width:600px) {
.s-register-b {
	flex-wrap: wrap
}
.s-register-b button {
	flex: 50%
}
}
.login-s-tx {
	font-weight: 700;
	font-size: 18px;
	display: block;
	margin-bottom: 6px
}
.login__btn-b, .login__btn-fb {
	color: #fff;
	background-color: #2b78aa;
	border: none;
	text-align: left
}
.login__btn-fb {
	background: #3a559a;
	border: 1px solid #3a559a
}
.login__btn-gm {
	background: #d10407;
	border: 1px solid #d10407;
	color: #fff
}
.login__btn-gm:hover {
	color: #d10407
}
.login__btn-tw {
	background: #35aaf2;
	color: #fff
}
.login__btn-lk {
	background: #077bb7;
	color: #fff
}
.login__btn-fb:hover {
	background-color: #fff;
	color: #3a559a
}
.login__btn-tw:hover {
	border-color: #35aaf2;
	background-color: #fff;
	color: #35aaf2
}
.login__btn-lk:hover {
	border-color: #077bb7;
	background-color: #fff;
	color: #077bb7
}
.login__btn-b {
	text-align: center;
	margin-top: 20px
}
.login__btn-g {
	color: #fff;
	background-color: #26a65b;
	border: 1px solid #26a65b
}
.login__btn-g:hover {
	color: #26a65b;
	background-color: #fff
}
.login #forget-btn {
	color: #2b78aa;
	font-size: 14px
}
.a-p-p {
	border: 2px solid #0261af!important
}
.cc {
	width: 24%;
	margin-right: 1%;
	text-align: center
}
.notification__img {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	overflow: hidden
}
.notification__img img {
	width: 100%
}
.notification__desc {
	font-size: 13px;
	color: #002f34;
	font-weight: 600;
	text-align: left
}
.notification__date {
	font-size: 10px;
	color: #777;
	font-weight: 400;
	margin-top: 3px;
	text-align: left;
	display: block
}
.notification__all {
	text-align: center;
	width: 100%
}
.notification__all a {
	color: #002f34!important
}
.notification a {
	display: block
}
.adform {
	border: 1px solid #ddd;
	margin-bottom: 15px
}

@media only screen and (min-width:768px) {
.adform {
	width: 50%;
	position: relative
}
}
.adform__container {
	width: 100%;
	max-width: 805px;
	margin: 10px auto 50px auto;
	padding: 1% 5%;
	border: 1px solid #ddd;
	display: block
}

@media only screen and (max-width:767px) {
.adform__container {
	border: none
}
}
.adform__container h2 {
	font-weight: 600;
	font-size: 18px;
	margin: 20px 0
}
.adform__primary {
	color: #002f34;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px;
	cursor: pointer;
	transition: all .5s;
	font-size: 14px
}
.adform__primary .text {
	display: flex;
	align-items: center
}
.adform__primary .text i {
	margin-right: 10px;
	width: 18px
}

@media only screen and (min-width:768px) {
.adform__primary .icon {
	transform: rotate(-90deg) translateX(0)
}
}
.adform .active {
	color: #fff;
	background: #2b78aa
}
.adform__sub {
	margin: 5px 20px;
	font-size: 14px;
	color: #002f34;
	display: none
}
.adform__sub ul {
	max-height: 100%;
	overflow: visible;
	overflow-y: visible
}
.adform__sub li {
	padding: 15px;
	cursor: pointer
}
.adform__sub li:hover {
	background-color: #ddd
}

@media only screen and (min-width:768px) {
.adform__sub li:hover {
	background-color: #31a863
}
}

@media only screen and (min-width:768px) {
.adform__sub li {
	border-bottom: 1px solid rgba(255,255,255,.3)
}
}

@media only screen and (min-width:768px) {
.adform__sub {
	position: absolute;
	border: 1px solid #e4e4e4;
	top: -6px;
	right: -337px;
	width: 313px;
	background: #3ac775;
	color: #fff
}
.adform:nth-child(9) .adform__sub {
	top: -397px
}
.adform:nth-child(10) .adform__sub {
	top: -452px
}
.adform:nth-child(11) .adform__sub {
	top: -80px
}
.adform:nth-child(12) .adform__sub {
	top: -185px
}
.adform:nth-child(13) .adform__sub {
	top: -191px
}
.adform:nth-child(14) .adform__sub {
	top: -48px
}
.adform:nth-child(15) .adform__sub {
	top: -153px
}
.adform:nth-child(16) .adform__sub {
	top: -60px
}
.adform:nth-child(17) .adform__sub {
	top: -165px
}
.adform:nth-child(9) .adform__sub ul {
	max-height: 875px;
	overflow: hidden;
	overflow-y: auto
}
.adform:nth-child(9) .adform__sub ul::-webkit-scrollbar {
width:8px
}
.adform:nth-child(9) .adform__sub ul::-webkit-scrollbar-track {
background:#14a851
}
.adform:nth-child(9) .adform__sub ul::-webkit-scrollbar-thumb {
background:linear-gradient(45deg, #10be58, #0b4f27)
}
.adform:nth-child(9) .adform__sub ul::-webkit-scrollbar-thumb:hover {
background:#2c7a4d
}
}
.productdetail {
	margin-bottom: 5px
}
.productdetail__container {
	max-width: 800px;
	margin: 10px auto 50px auto;
	padding: 1% 5%;
	border: 1px solid #ddd;
	position: relative
}

@media only screen and (max-width:767px) {
.productdetail__container {
	border: none
}
}
.productdetail__container h2 {
	font-weight: 600;
	font-size: 18px;
	margin: 20px 0
}
.productdetail .btn {
	font-size: 14px;
	display: inline-block
}
.productdetail .form-element {
	margin-bottom: 10px
}
.productdetail .chosen-container, .productdetail .chosen-container .chosen-single, .productdetail input, .productdetail select, .productdetail textarea {
	background: #eee;
	order: 1px solid #eee;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px
}
.productdetail select {
	background-image: url(../images/drop-down-arrow.png)!important;
	background-repeat: no-repeat!important;
	background-size: 10px!important;
	background-position: 92%!important
}
.cf__form .chosen-container .chosen-single {
	background: #eee;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: 500
}
.productdetail .chosen-single {
	background: #eee
}
.cf__form .chosen-single {
	line-height: 40px!important;
	border: none!important
}
.productdetail label {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
	color: #555
}
.productdetail hr {
	width: 100%;
	margin-top: 50px
}
.productdetail__imgupload {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}
.productdetail__imgupload input[type=file] {
	display: none
}
.productdetail__imgupload label {
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border: 1px solid #ccc;
	font-size: 25px;
	margin: 5px;
	cursor: pointer;
	color: #888;
	position: relative
}
.productdetail__imgupload label .img {
	width: 100%;
	height: 100%;
	padding: 3px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center
}
.productdetail__imgupload label .img img {
	width: auto;
	display: block;
	height: auto;
	max-width: 100%;
	max-height: 100%
}
.productdetail__imgupload label .close {
	position: absolute;
	top: -10px;
	right: -8px;
	background: #ad2424;
	padding: 2px 6px;
	font-size: 14px;
	border-radius: 100%;
	color: #fff!important
}
.productdetail__btn {
	border: 2px solid #ccc;
	width: 100%;
	margin: 1%;
	background-color: transparent;
	color: #2b78aa;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer
}
.productdetail__btn:hover {
	background-color: #2b78aa;
	color: #fff
}
.productdetail__location {
	margin-top: 10px;
	display: none
}
.productdetail__img {
	width: 100px;
	height: 100px;
	margin: 10px auto;
	border-radius: 50%;
	border: 1px solid #ccc;
	overflow: hidden
}
.productdetail__img img {
	width: 100%
}
.productdetailh3 {
	margin: 20px 0 10px 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize
}
.productdetail p {
	color: #555;
	font-size: 15px
}
.productdetail__phone {
	margin: 20px 0
}
.productdetail__change {
	font-size: 13px;
	margin-top: 20px;
	width: auto;
	display: flex;
	height: 100%;
	align-items: center;
	box-sizing: border-box;
	overflow-x: auto;
	overflow-y: hidden
}
.productdetail__change::-webkit-scrollbar {
height:3px
}
.productdetail__change::-webkit-scrollbar-track {
background:#ddd
}
.productdetail__change::-webkit-scrollbar-thumb {
background:#595959
}
.productdetail__change::-webkit-scrollbar-thumb:hover {
background:#2c7a4d
}
.productdetail__change li {
	margin-right: 0;
	padding: 10px;
	display: flex;
	text-align: left;
	align-items: center;
	flex-shrink: 0
}
.productdetail__change li {
	position: relative;
	color: #fff;
	background-color: #2b78aa;
	padding: 10px 30px;
	padding-right: 17px;
	padding-left: 26px
}

@media only screen and (max-width:767px) {
.productdetail__change li {
	margin-right: 5px;
	padding: 10px;
	display: flex;
	text-align: left;
	align-items: center;
	flex-shrink: 0
}
}
.productdetail__change li::after {
	content: '';
	position: absolute;
	top: 6px;
	right: -14px;
	width: 26px;
	height: 26px;
	background-color: #2b78aa;
	transform: rotate(45deg);
	z-index: 1;
	border: 1px solid #fff;
	border-left: 0;
	border-bottom: 0
}

@media only screen and (max-width:767px) {
.productdetail__change {
	flex-wrap: nowrap
}
.productdetail__change li::after {
	display: none
}
}
.productdetail__change li:last-child {
	background-color: #26a65b
}
.productdetail__change li:last-child::after {
	background-color: #26a65b
}
.prc-ch li {
	background-color: transparent!important;
	color: #666!important
}
.prc-ch li#parent:after {
	content: "/";
	font-weight: 700
}
.prc-ch li:last-child {
	background-color: #fff!important;
	color: #2276d2!important;
	padding: 0!important;
	font-weight: 700!important;
	position: absolute;
	left: 77%
}
.prc-ch {
	width: 75%!important
}
#change-category-btn {
	cursor: pointer
}
.ck-editor ol, .ck-editor ul {
	margin-left: 30px
}
.ck-editor ul {
	list-style: square
}
.ck-content {
	height: 200px;
	resize: vertical
}
.count-characters {
	margin-top: 5px;
	text-align: right;
	font-size: 12px;
	color: #666
}
.sidebar {
	order: 3
}
.sidebar ul {
	margin: 20px 0 40px 0
}
.sidebar ul li {
	margin-bottom: 10px;
	display: flex;
	padding: 2px
}
.sidebar ul li a {
	color: #444;
	line-height: 20px;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	visibility: visible;
	display: flex;
	padding-left: 5px
}
.sidebar ul li img {
	max-width: 95px
}
.sidebar ul li a:hover {
	color: #ad2424
}
.sidebar ul li .fa-eye {
	padding-top: 30px;
	color: #444;
	padding-left: 5px
}
.sidebar ul li .date {
	padding-top: 30px;
	color: #444;
	display: inline-block;
	float: right
}
.sidebar .img {
	width: 100%;
	max-width: 300px
}
.sidebar .img img {
	width: 100%
}
.tags a {
	background: #eee;
	padding: 5px;
	margin: 2px;
	display: block
}
.mainarticle h1 {
	line-height: 36px;
	font-weight: 900;
	font-style: normal;
	color: #444;
	font-size: 25px;
	visibility: visible;
	text-transform: uppercase
}
.mainarticle h2 {
	line-height: 28px;
	font-weight: 800;
	font-style: normal;
	color: #444;
	font-size: 22px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left;
	margin-top: 30px
}
.mainarticle h3, .mainarticle h4, .mainarticle h5, .mainarticle h6 {
	line-height: 26px;
	font-weight: 700;
	font-style: normal;
	color: #353535;
	font-size: 20px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left;
	margin-top: 30px
}
.mainarticle p {
	line-height: 27px;
	letter-spacing: .5px;
	font-weight: 500;
	font-style: normal;
	color: #141414;
	font-size: 16px;
	visibility: visible;
	margin-top: 10px;
	text-align: justify
}
.mainarticle mark {
	background: #f8f85a
}
.mainarticle ul {
	list-style: square;
	margin-left: 40px;
	margin-top: 10px
}
.mainarticle ul li {
	line-height: 27px;
	font-weight: 500;
	letter-spacing: .5px;
	font-weight: 500;
	font-style: normal;
	color: #141414
}
.mainarticle ol {
	margin-left: 40px;
	margin-top: 10px
}
.mainarticle ol li {
	line-height: 27px;
	font-weight: 500;
	letter-spacing: .5px;
	font-weight: 500;
	font-style: normal;
	color: #141414
}
.mainarticle img {
	width: 80%;
	margin: 30px auto 30px auto;
	display: block
}
.mainarticle ul.topics {
	list-style: none;
	margin-left: 0;
	margin-top: 20px
}
.mainarticle ul.topics li {
	margin-bottom: 10px
}
.mainarticle ul.topics li a {
	display: block;
	background-color: #f5f5f5;
	padding: 10px;
	font-weight: 600
}
.mainarticle a {
	color: #2b78aa;
	font-weight: 700
}
.mainarticle iframe {
	margin: 20px 0 0 0!important;
	padding: 0!important
}
.actions {
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 20px 0
}

@media only screen and (max-width:767px) {
.actions {
	flex-direction: column
}
}

@media only screen and (max-width:767px) {
.actions__social {
	width: 100%
}
}

@media only screen and (max-width:767px) {
.actions__social li {
	width: 100%
}
}
.actions__social li a {
	margin-right: 0;
	padding: 10px;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #fff
}

@media only screen and (max-width:767px) {
.actions__social li a {
	width: 100%
}
}
.actions__social li .facebook {
	background-color: #385490
}
.actions__social li .twitter {
	background-color: #00aced
}
.actions__social li .linkedin {
	background-color: #007bb6
}
.actions__social li .google {
	background-color: #dd4b39
}
.actions__social li .vk {
	background-color: #567ca4
}

@media only screen and (max-width:767px) {
.actions__users {
	width: 100%;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
}
.actions__users li {
	width: auto!important
}

@media only screen and (max-width:767px) {
.actions__users li {
	width: 100%!important
}
}

@media only screen and (max-width:767px) {
.actions__users li:first-child a {
	border: none
}
}
.actions__users li a {
	width: auto!important;
	margin-right: 0;
	padding: 10px;
	border-left: 1px solid #ccc;
	display: block;
	font-size: 12px;
	height: 40px;
	text-align: center;
	line-height: 1.6
}

@media only screen and (max-width:767px) {
.actions__users li a {
	width: 100%!important;
	height: auto
}
}
.relatedposts {
	margin-top: 10px;
	padding: 1%;
	border: 1px solid #ccc
}

@media only screen and (max-width:991px) {
.relatedposts {
	margin-bottom: 20px
}
}
.relatedposts h2 {
	text-align: left;
	margin: 10px 0;
	font-size: 18px
}
.relatedposts h4 {
	text-align: left;
	margin: 10px 0;
	font-size: 18px;
	color: #4c4c4c;
	line-height: 28px;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase
}
.relatedposts .posts {
	margin-top: 0;
	margin-bottom: 0
}
.relatedposts .post {
	width: 23%
}

@media only screen and (max-width:1350px) {
.relatedposts .post {
	width: 31.3333%
}
.relatedposts .post:nth-child(7), .relatedposts .post:nth-child(8) {
	display: none
}
}

@media only screen and (max-width:1050px) {
.relatedposts .post {
	width: 48%
}
}

@media only screen and (max-width:991px) {
.relatedposts .post {
	width: 31.33333%
}
}

@media only screen and (max-width:720px) {
.relatedposts .post {
	width: 48%
}
.relatedposts .post:nth-child(5), .relatedposts .post:nth-child(6) {
	display: none
}
}

@media only screen and (max-width:500px) {
.relatedposts .post {
	width: 48%
}
}
/*
iframe {
	margin: 50px 0 10px 0!important;
	padding: 20px!important;
	border: none!important
}
*/

@media only screen and (max-width:991px) {
iframe {
	padding: 15px!important;
	margin: 0
}
}
.contact {
	flex: 0 0 350px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 20px;
	padding-top: 55px
}

@media only screen and (max-width:991px) {
.contact {
	padding-top: 10px
}
}

@media only screen and (max-width:991px) {
.contact {
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	padding-bottom: 0;
	order: 1;
	flex: 0 0 100%;
	width: 100%
}
}

@media only screen and (max-width:991px) {
.contact .offices-loader {
	display: none
}
}
.contact__item {
	display: flex;
	padding: 28px 0;
	border: 1px solid #eee;
	width: 100%;
	margin: 10px 0 0 0;
	align-content: center;
	align-items: center
}

@media only screen and (max-width:991px) {
.contact__item {
	width: 48%;
	margin: 1%
}
}

@media only screen and (max-width:767px) {
.contact__item {
	max-width: 500px;
	width: 100%;
	margin: 10px auto
}
}

@media only screen and (max-width:360px) {
.contact__item {
	flex-direction: column
}
}
.contact__icon {
	width: 80px;
	height: 80px;
	border: 1px solid #ddd;
	background-color: #eee;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	margin-right: 30px;
	font-size: 20px;
	transition: all 1s
}
.contact__icon .icon {
	color: #2b78aa;
	font-size: 22px
}

@media only screen and (max-width:360px) {
.contact__icon {
	margin-right: 0
}
}
.contact__details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start
}

@media only screen and (max-width:360px) {
.contact__details {
	align-items: center;
	text-align: center
}
}
.contact h2 {
	line-height: 36px;
	font-weight: 600;
	font-style: normal;
	color: #353535;
	font-size: 18px;
	visibility: visible;
	text-transform: uppercase
}
.contact p {
	text-align: left;
	font-size: 14px
}

@media only screen and (max-width:360px) {
.contact p {
	text-align: center
}
}
.contact__item:hover h2 {
	color: #2b78aa
}
.contact__item:hover .contact__icon {
	background-color: #2b78aa
}
.contact__item:hover .contact__icon .icon {
	color: #fff;
	font-size: 22px
}

@media only screen and (max-width:991px) {
.cf-flex {
	flex-direction: column
}
}
.cf {
	flex: 1;
	padding: 20px;
	width: 100%;
	margin: 10px auto
}

@media only screen and (max-width:991px) {
.cf {
	padding: 0 10px;
	order: 2
}
}
.cf .flex input:first-child {
	margin-right: 10px
}

@media only screen and (max-width:500px) {
.cf .flex {
	flex-direction: column
}
.cf .flex input:first-child {
	margin-right: 0
}
}
.cf__container input {
	padding: 20px;
	background-color: #eee;
	border: none;
	width: 100%;
	margin-bottom: 10px;
	height: 50px;
	outline: 0
}
.cf select, .cf textarea {
	width: 100%;
	background-color: #eee;
	border: none;
	padding: 20px;
	resize: none;
	outline: 0
}
.cf select {
	margin-bottom: 10px
}
.cf textarea {
	height: 256px
}
.cf .chosen-container {
	margin-right: 10px;
	margin-bottom: 10px;
	background: #eee;
	width: calc(100% + 24px)!important
}

@media only screen and (max-width:500px) {
.cf .chosen-container {
	width: 100%!important;
	margin-right: 0
}
}
.cf .chosen-single {
	width: 100%;
	background-color: #eee;
	border: none;
	outline: 0;
	padding: 13px 10px
}
.cf .chosen-container-single .chosen-single div b {
	background-position: 0 10px
}
.cf button {
	padding: 12px 40px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

@media only screen and (max-width:991px) {
.cf button {
	align-self: flex-end
}
}
.text-center {
	text-align: center!important
}
.tick {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center
}
.no-border {
	border-top: 1px solid Transparent!important;
	border-left: 1px solid Transparent!important
}
.table {
	border-spacing: 0;
	width: 100%;
	margin-top: 20px
}
.table td {
	border-top: 1px solid #ccc;
	padding: 10px 2px
}

@media only screen and (max-width:400px) {
.table {
	font-size: 12px
}
}
.faqs .accordion {
	margin-top: 10px;
	background-color: #fcfcfc
}
.faqs .accordion:first-child {
	margin-top: 20px
}
.faqs .accordion__head {
	padding: 1%;
	margin-bottom: 0;
	background-color: #eee
}
.faqs .accordion__head h2 {
	margin-top: 0;
	font-weight: 600;
	font-size: 14px;
	line-height: normal
}
.faqs .accordion__head .icon {
	margin: 0 3px
}
.faqs .accordion__body {
	padding: 1%;
	line-height: 21px;
	font-weight: 400;
	font-style: normal;
	color: #515151;
	font-size: 14px;
	visibility: visible;
	margin-top: 10px
}
.forget {
	padding: 20px
}
.forget .popup__head {
	margin: 20px 0
}
.forget hr {
	margin: 10px 0
}
.forget .btn, .forget button {
	display: block;
	margin: 10px auto
}
.forget__btn {
	width: 100%;
	border: 1px solid #2b78aa;
	border-radius: 0;
	margin: 5px 0;
	background: 0 0;
	color: #2b78aa;
	font-weight: 600;
	letter-spacing: 1px
}
.forget__btn:hover {
	background: 0 0
}
.forget__btn .icon {
	width: 25%;
	text-align: left
}
.forget__input input {
	margin-top: 10px
}
.forget__btn-b, .forget__btn-fb {
	color: #fff;
	background-color: #2b78aa;
	border: none;
	text-align: left
}
.forget__btn-b:hover, .forget__btn-fb:hover {
	border: none;
	background-color: #2b78aa
}
.forget__btn-b {
	text-align: center;
	margin-top: 20px
}
.forget__btn-g {
	color: #fff;
	background-color: #ad2424;
	border: none
}
.forget__btn-g:hover {
	border: none;
	background-color: #ad2424
}
.forget .seperator {
	margin-top: 10px;
	color: #555;
	font-weight: 700;
	font-size: 13px
}
.cc {
	width: 24%;
	margin-right: 1%;
	text-align: center
}
.postnow {
	padding: 20px
}
.postnow .popup__head {
	margin: 20px 0
}
.postnow hr {
	margin: 10px 0
}
.postnow .actions ul {
	width: 100%
}
.postnow .actions ul li {
	width: 100%
}
.postnow .actions ul li a {
	width: 100%
}
.cc {
	width: 24%;
	margin-right: 1%;
	text-align: center
}
.package {
	display: flex;
	margin-bottom: 15px;
	flex-wrap: wrap
}
.package__container {
	max-width: 800px;
	margin: 10px auto 50px auto;
	padding: 1% 5%;
	border: 1px solid #ddd
}

@media only screen and (max-width:767px) {
.package__container {
	border: none
}
}
.package__container h2 {
	font-weight: 600;
	font-size: 18px;
	margin: 20px 0
}
.package .form-element {
	width: 48%;
	margin: 1%
}

@media only screen and (max-width:500px) {
.package .form-element {
	width: 100%;
	margin-right: 0
}
}
.package__radio {
	display: none
}
.package__radio:checked+label .inner {
	background: #26a65b
}
.package__label {
	width: 100%;
	display: block;
	border: 1px solid #ccc;
	padding: 10px;
	overflow: hidden;
	position: relative
}
.package__label .head {
	display: flex;
	align-content: center;
	align-items: center
}
.package__label .circle {
	width: 25px;
	height: 25px;
	border: 2px solid #ccc;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center
}
.package__label .inner {
	width: 15px;
	height: 15px;
	background: 0 0;
	border-radius: 50%
}
.package__label span.h2 {
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 0;
	font-size: 15px;
	margin-bottom: 0;
	margin-left: 10px
}
.package__label span.p {
	font-size: 13px;
	margin: 5px 0;
	display: block
}
.myads {
	margin-top: 30px
}
.myads__nav ul li {
	color: #2b78aa;
	border: 1px solid currentColor;
	padding: 5px 10px;
	margin-right: 10px;
	cursor: pointer
}
.myads__nav ul li:hover {
	color: #fff;
	background-color: #2b78aa
}
.myads__nav ul li.active {
	color: #fff;
	background-color: #2b78aa
}
.myads__ads h2 {
	line-height: 20px;
	font-weight: 700;
	font-style: normal;
	color: #353535;
	font-size: 16px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left;
	margin: 30px 0 10px 0
}
.myads__ads .posts {
	margin-top: 0
}
.myads__ads .posts hr {
	width: 98%;
	margin: 0 auto
}
.myads__messages {
	padding: 20px
}
.myads__messages .popup__head {
	margin: 20px 0
}
.myads__messages .btn, .myads__messages button {
	display: block;
	margin: 20px 10px 0 10px;
	border-radius: 0
}
.myads__messages h2 {
	font-weight: 700;
	margin: 10px 0;
	font-size: 18px
}
#favouriteadsContent {
	display: none
}
.mynetwork {
	margin-top: 30px
}
.mynetwork__nav ul li {
	color: #2b78aa;
	border: 1px solid currentColor;
	padding: 5px 10px;
	margin-right: 10px;
	cursor: pointer
}
.mynetwork__nav ul li:hover {
	color: #fff;
	background-color: #2b78aa
}
.mynetwork__nav ul li.active {
	color: #fff;
	background-color: #2b78aa
}
.mynetwork__network {
	margin: 10px auto
}
.mynetwork__network button:disabled {
	background-color: gray;
	cursor: not-allowed
}
.mynetwork__network h1 {
	line-height: 20px;
	font-weight: 700;
	font-style: normal;
	color: #353535;
	font-size: 20px;
	visibility: visible;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px
}
.mynetwork__network h2 {
	line-height: 20px;
	font-weight: 600;
	font-style: normal;
	color: #353535;
	font-size: 15px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left
}
.mynetwork__network .view-more {
	display: block;
	margin: 20px auto
}
.mynetwork__img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
	overflow: hidden
}
.mynetwork__img img {
	width: 100%;
	display: block
}
.mynetwork__contact {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding: 10px 0
}
.mynetwork table {
	width: 100%;
	font-size: 14px;
	margin-top: 20px;
	text-align: left;
	border-collapse: collapse
}

@media only screen and (max-width:360px) {
.mynetwork table {
	font-size: 12px
}
}
.mynetwork table th {
	border: 1px solid #ecf0f1;
	padding: 10px;
	text-transform: uppercase
}

@media only screen and (max-width:767px) {
.mynetwork table th:nth-child(2), .mynetwork table th:nth-child(3), .mynetwork table th:nth-child(4) {
	display: none
}
}

@media only screen and (max-width:500px) {
.mynetwork table th {
	padding: 5px
}
}
.mynetwork table tbody tr:nth-child(even) {
	background: #fafafa
}
.mynetwork table tbody tr button {
	border-radius: 0;
	background: #2b78aa
}
.mynetwork table tbody tr td {
	border: 1px solid #ecf0f1;
	padding: 10px
}

@media only screen and (max-width:767px) {
.mynetwork table tbody tr td:nth-child(2), .mynetwork table tbody tr td:nth-child(3), .mynetwork table tbody tr td:nth-child(4) {
	display: none
}
}

@media only screen and (max-width:500px) {
.mynetwork table tbody tr td {
	padding: 5px
}
}

@media only screen and (max-width:400px) {
.mynetwork table tbody tr td button {
	padding: 5px 8px
}
}
#followingContent {
	display: none
}
.settings {
	margin: 15px 0;
	align-content: flex-start;
	align-items: flex-start;
	position: relative
}
.settings .left {
	margin-right: 1%
}
.settings__nav {
	transition: all 1s
}

@media only screen and (max-width:767px) {
.settings__nav {
	position: absolute;
	background: #fff;
	z-index: 1111;
	width: 250px;
	top: 0;
	left: -212px;
	padding: 0 20px;
	box-shadow: 0 3px 3px rgba(0,0,0,.1)
}
}

@media only screen and (max-width:500px) {
.settings__nav {
	left: -215px
}
}
.settings__nav .icon {
	text-align: right;
	cursor: pointer
}

@media only screen and (max-width:767px) {
.settings__nav ul {
	position: absolute;
	background: #fff;
	z-index: 1111;
	width: 250px;
	left: -250px;
	transition: all 1s;
	padding: 0 10px;
	box-shadow: 0 3px 3px rgba(0,0,0,.1)
}
}

@media only screen and (max-width:500px) {
.settings__nav ul {
	left: -225px
}
}
.settings__nav ul li {
	color: #2b78aa;
	border: 1px solid #2b78aa;
	padding: 5px 10px;
	margin-bottom: 10px;
	cursor: pointer
}
.settings__nav ul li:hover {
	color: #fff;
	background-color: #2b78aa
}
.settings__nav ul li.active {
	color: #fff;
	background-color: #2b78aa
}

@media only screen and (max-width:767px) {
.settings__nav ul li {
	width: 100%
}
.settings__nav ul li:not(:last-child) {
	margin-right: 1%
}
}

@media only screen and (max-width:350px) {
.settings__nav ul li {
	font-size: 14px
}
}

@media only screen and (max-width:305px) {
.settings__nav ul li {
	font-size: 13px
}
}

@media only screen and (max-width:290px) {
.settings__nav ul li {
	padding: 5px
}
}
.settings__nav.active {
	left: 0
}
.settings__nav.active ul {
	left: 0
}
.settings__area {
	border: 1px solid #ddd;
	margin-bottom: 10px
}
.settings__area.active {
	display: block
}
.settings__head {
	line-height: 20px;
	font-weight: 700;
	font-style: normal;
	color: #353535;
	font-size: 20px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
	padding: 15px 10px;
	border-bottom: 1px solid #ddd
}
.settings__body {
	padding: 30px 10px
}
.settings h2 {
	line-height: 20px;
	font-weight: 600;
	font-style: normal;
	color: #353535;
	font-size: 14px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left
}
.settings p {
	margin: 10px 0;
	color: #555;
	font-size: 13px
}
.settings input[type=checkbox] {
	width: auto!important
}
.settings hr {
	margin: 20px auto!important
}
.settings .switch {
	margin-left: 5px;
	flex: 0 0 50px
}
.settings__img {
	width: 300px;
	height: 300px;
	margin-right: 50px;
	overflow: hidden
}

@media only screen and (max-width:767px) {
.settings__img {
	width: 150px;
	height: 150px;
	margin-right: 0;
	margin-bottom: 20px
}
}
.settings__img img {
	width: 100%
}
.settings__editimg {
	display: flex;
	overflow: hidden
}

@media only screen and (max-width:767px) {
.settings__editimg {
	flex-direction: column
}
}
.settings__editimg .desktop-file-btn, .settings__editimg button {
	margin-bottom: 10px;
	display: block;
	color: #2b78aa;
	border: 1px solid currentColor;
	border-radius: 0;
	background: 0 0!important
}
.settings__editimg .desktop-file-btn:hover, .settings__editimg button:hover {
	color: #2b78aa;
	border: 1px solid currentColor;
	background: 0 0!important
}
.settings__editimg p {
	margin-top: 0!important
}
.settings__editimg #importFromDesktopBtn {
	display: none
}
.settings__editimg .desktop-file-btn {
	margin-bottom: 10px;
	display: block;
	color: #2b78aa;
	padding: 8px 15px;
	font-weight: 500;
	width: auto;
	display: inline-block;
	border: 1px solid currentColor;
	border-radius: 0;
	background: 0 0!important
}
.settings__editimg .desktop-file-btn:hover {
	color: #2b78aa;
	border: 1px solid currentColor;
	background: 0 0!important
}
.settings__myprofile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	overflow: hidden
}
.settings__myprofile .img {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	margin: 10px auto;
	overflow: hidden
}
.settings__myprofile .img img {
	width: 100%;
	height: 100%
}
.settings__myprofile h2.name {
	font-size: 20px
}
.settings__follow p:not(:last-child) {
	margin-right: 20px!important
}
.settings__icons .icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid currentColor;
	color: #aaa;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center
}
.settings__icons .icon:not(:last-child) {
	margin-right: 10px
}
.settings__icons .icon.verified {
	color: #2b78aa
}
.settings input[type=checkbox] {
	width: auto!important
}
.settings .radio {
	padding: 10px;
	border: 1px solid #ddd
}
.settings input[type=radio] {
	width: auto!important;
	margin-top: 5px
}
.settings input[type=radio]+label {
	margin-right: 10px
}
.settings hr {
	margin: 20px auto!important
}
.settings .form-element {
	margin-bottom: 10px
}
.settings .chosen-container, .settings input, .settings textarea {
	border: 1px solid #ddd;
	font-size: 14px;
	font-weight: 500
}
.settings label {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
	color: #555
}
.settings .valid {
	border: 1px solid green
}
.settings .invalid {
	border: 1px solid #dc143c
}
.settings .error {
	color: #dc143c;
	margin-top: 2px;
	font-size: 14px
}
.settings .privacy-options {
	width: 150px;
	margin-bottom: 10px;
	margin-right: 10px
}
.editprofile {
	margin: 15px 0;
	align-content: flex-start;
	align-items: flex-start
}
.editprofile .left {
	margin-right: 1%
}

@media only screen and (max-width:767px) {
.editprofile .left {
	margin-right: 0
}
}

@media only screen and (max-width:767px) {
.editprofile .right {
	padding: 0
}
}

@media only screen and (max-width:767px) {
.editprofile__nav ul {
	display: flex
}
}

@media only screen and (max-width:500px) {
.editprofile__nav ul {
	flex-direction: column
}
}
.editprofile__nav ul li {
	color: #2b78aa;
	border: 1px solid currentColor;
	padding: 5px 10px;
	margin-bottom: 10px;
	cursor: pointer
}
.editprofile__nav ul li:hover {
	color: #fff;
	background-color: #2b78aa
}
.editprofile__nav ul li.active {
	color: #fff;
	background-color: #2b78aa
}

@media only screen and (max-width:767px) {
.editprofile__nav ul li {
	width: 100%
}
.editprofile__nav ul li:not(:last-child) {
	margin-right: 1%
}
}
.editprofile__area {
	border: 1px solid #ddd;
	margin-bottom: 10px
}
.editprofile__head {
	line-height: 20px;
	font-weight: 700;
	font-style: normal;
	color: #353535;
	font-size: 20px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
	padding: 15px 10px;
	border-bottom: 1px solid #ddd
}
.editprofile__body {
	padding: 30px 10px
}

@media only screen and (max-width:767px) {
.editprofile__body .flex-a {
	flex-direction: column
}
}
.editprofile__img {
	width: 300px;
	height: 300px;
	margin-right: 50px;
	overflow: hidden
}

@media only screen and (max-width:767px) {
.editprofile__img {
	width: 150px;
	height: 150px;
	margin-right: 0;
	margin-bottom: 20px
}
}
.editprofile__img img {
	width: 100%
}
.editprofile__editimg {
	display: flex;
	overflow: hidden
}

@media only screen and (max-width:767px) {
.editprofile__editimg {
	flex-direction: column
}
}
.editprofile__editimg button {
	margin-bottom: 10px;
	display: block;
	color: #2b78aa;
	border: 1px solid currentColor;
	border-radius: 0;
	background: 0 0!important
}
.editprofile__editimg button:hover {
	color: #2b78aa;
	border: 1px solid currentColor;
	background: 0 0!important
}
.editprofile__editimg p {
	margin-top: 0!important
}
.editprofile__myprofile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	overflow: hidden
}
.editprofile__myprofile .img {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	margin: 10px auto;
	overflow: hidden
}
.editprofile__myprofile .img img {
	width: 100%
}
.editprofile__myprofile h2.name {
	font-size: 20px
}
.editprofile__follow p:not(:last-child) {
	margin-right: 20px!important
}
.editprofile__icons .icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid currentColor;
	color: #aaa;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center
}
.editprofile__icons .icon:not(:last-child) {
	margin-right: 10px
}
.editprofile__icons .icon.verified {
	color: #2b78aa
}
.editprofile h2 {
	line-height: 20px;
	font-weight: 600;
	font-style: normal;
	color: #222;
	font-size: 14px;
	visibility: visible;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 15px
}
.editprofile p {
	margin: 10px 0;
	color: #555;
	font-size: 13px
}
.editprofile input[type=checkbox] {
	width: auto!important
}
.editprofile .radio {
	padding: 10px;
	border: 1px solid #ddd
}
.editprofile input[type=radio] {
	width: auto!important;
	margin-top: 5px
}
.editprofile input[type=radio]+label {
	margin-right: 10px
}
.editprofile hr {
	margin: 20px auto!important
}
.editprofile .form-element {
	margin-bottom: 10px
}
.editprofile .chosen-container, .editprofile input, .editprofile textarea {
	border: 1px solid #ddd;
	font-size: 14px;
	font-weight: 500
}
.editprofile label {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
	color: #555
}
.editprofile .valid {
	border: 1px solid green
}
.editprofile .invalid {
	border: 1px solid #dc143c
}
.editprofile .error {
	color: #dc143c;
	margin-top: 2px;
	font-size: 14px
}
#editprofileContent, #profilepictureContent {
	display: none
}
#editprofileContent .basic {
	flex: 0 0 65%
}

@media only screen and (max-width:767px) {
#editprofileContent .basic {
	flex: 0 0 100%;
	width: 100%
}
}
#editprofileContent .privacy {
	flex: 1;
	margin-left: 10px
}

@media only screen and (max-width:767px) {
#editprofileContent .privacy {
	flex: 0 0 100%;
	width: 100%;
	margin-left: 0
}
}
#privacysettingContent {
	display: none
}
#privacysettingContent .flex {
	padding: 5px;
	align-items: center!important
}
#privacysettingContent .flex:nth-child(even) {
	background-color: #f3f3f3
}

@media only screen and (max-width:500px) {
#privacysettingContent .flex:not(:last-child) {
	flex-direction: column;
	align-items: flex-start!important
}
}
#privacysettingContent .privacy-options {
	width: 100%;
	max-width: 200px
}

@media only screen and (max-width:500px) {
#privacysettingContent .privacy-options {
	max-width: 100%
}
}
#privacysettingContent h2 {
	margin-bottom: 0
}

@media only screen and (max-width:500px) {
#privacysettingContent h2 {
	margin-bottom: 5px
}
}
.chatbox {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center
}
.chatbox__container {
	width: 100%;
	display: flex;
	justify-content: center
}
.chatbox__head {
	width: 100%;
	padding: 10px;
	border: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	background-color: #2b78aa;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 24px
}
.chatbox__messengerinfo .img {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 5px
}
.chatbox__messengerinfo .img img {
	width: 100%
}
.chatbox__messengerinfo h2 {
	color: #fff;
	font-weight: 700;
	margin: 0
}
.chatbox__messengerinfo p {
	color: #fff;
	color: #fff;
	margin: 0;
	font-size: 10px
}
.chatbox__actions {
	font-size: 15px;
	position: relative
}
.chatbox__actions .action {
	margin-right: 20px;
	cursor: pointer
}
.chatbox__actions .more {
	display: none;
	position: absolute;
	top: 39px;
	right: 0;
	background: #fff;
	color: #555;
	padding: 14px;
	width: 139px;
	box-shadow: 0 0 5px rgba(0,0,0,.2)
}
.chatbox__actions .more li {
	cursor: pointer;
	font-size: 13px;
	margin-bottom: 6px;
	font-weight: 600
}
.chatbox__outerbody {
	max-height: 400px;
	overflow-y: scroll;
	width: 100%;
	scrollbar-color: #2b78aa #d4d4d4;
	scrollbar-width: thin
}
.chatbox__outerbody::-webkit-scrollbar {
width:7px
}
.chatbox__outerbody::-webkit-scrollbar-track {
background:#f1f1f1
}
.chatbox__outerbody::-webkit-scrollbar-thumb {
background:#2b78aa
}
.chatbox__outerbody::-webkit-scrollbar-thumb:hover {
background:#d4d4d4
}
.chatbox__body {
	width: 100%;
	padding: 10px;
	border: 1px solid #eee;
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}
.chatbox__msgbox {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	margin: 5px 0;
	max-width: 70%
}
.chatbox__avatar {
	flex: 0 0 40px;
	height: 40px;
	width: 40px;
	overflow: hidden;
	border-radius: 50%
}
.chatbox__avatar img {
	width: 100%;
	display: block
}
.chatbox__message {
	background-color: rgba(238,238,238,.5);
	padding: 10px;
	margin: 2px;
	border-radius: 5px;
	font-size: 14px;
	word-break: break-all
}
.chatbox__footer {
	width: 100%;
	border: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	padding: 5px;
	box-sizing: border-box
}
.chatbox__footer input {
	border-radius: 0
}
.chatbox__footer input[type=file] {
	display: none
}
.chatbox__sendmeassage {
	width: 100%
}
.chatbox__audio, .chatbox__location {
	border: 1px solid #2b78aa;
	color: #fff;
	cursor: pointer;
	border-radius: 0;
	margin-left: 2px
}
.chatbox__location {
	background-color: #26a65b;
	border: 1px solid #26a65b
}
.chatbox__file {
	border: 1px solid #d2527f;
	background-color: #d2527f;
	color: #fff!important;
	cursor: pointer;
	border-radius: 0;
	margin-left: 2px;
	padding: 6px 13px;
	text-transform: uppercase;
	margin-bottom: 0!important
}
.chatbox__sendfield {
	border: 0;
	border-radius: 10px;
	height: 35px;
	padding: 0 10px
}
.chatbox__msgbox-r .chatbox__avatar {
	order: 10
}
.chatbox__msgbox-r {
	align-self: flex-end;
	background: #e3f3ce;
	padding-right: 5px
}
.chatbox__chat-time {
	display: inline-blockinline-block;
	font-size: 10px;
	color: #888;
	margin-right: auto;
	justify-content: end;
	margin-top: 2px
}

@media only screen and (max-width:580px) {
.chatbox__container {
	min-width: 250px;
	display: flex;
	justify-content: center
}
.chatbox__head {
	font-size: 16px;
	align-items: flex-start
}
.chatbox__actions {
	margin-top: 10px
}
.chatbox__body {
	padding: 3px
}
.chatbox__msgbox {
	margin: 10px 0;
	max-width: 90%
}
.chatbox__avatar {
	margin: 3px
}
.chatbox__message {
	padding: 3px;
	margin: 2px
}
.chatbox__footer form {
	flex-direction: column;
	padding: 3px
}
.chatbox__send img {
	width: 25px;
	height: 25px
}
.chatbox__sendfield {
	padding: 0 3px
}
.chatbox__buttons {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto
}
}
.chatsearch {
	border: 1px solid #eee
}
.chatsearch input[type=text] {
	background-color: #eee!important;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	margin: 10px 0
}
.chatsearch__head {
	padding: 0 10px
}
.chatsearch hr {
	width: 100%;
	margin: 0
}
.chatsearch .form-element {
	margin: 0
}
.chatsearch__body {
	max-height: 400px;
	overflow-y: scroll;
	scrollbar-color: #2b78aa #fff;
	scrollbar-width: thin
}
.chatsearch__body::-webkit-scrollbar {
width:7px
}
.chatsearch__body::-webkit-scrollbar-track {
background:#fff
}
.chatsearch__body::-webkit-scrollbar-thumb {
background:#2b78aa
}
.chatsearch__body::-webkit-scrollbar-thumb:hover {
background:#d4d4d4
}
.chatsearch__user {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-top: 2px;
	align-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding: 10px
}
.chatsearch__img {
	flex: 0 0 40px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px
}
.chatsearch__img img {
	width: 100%;
	display: block
}
.chatsearch__info {
	flex: 1;
	width: 99%
}
.chatsearch__info h2 {
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between
}
.chatsearch__info p {
	margin: 2px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 98%
}
.chatsearch__info p.activity {
	color: #999;
	font-size: 12px
}
.chat-s-un {
	background: url(../../images/ticks.png) 0 0;
	width: 16px;
	height: 12px;
	display: inline-flex
}
.chat-s-rc {
	background: url(../../images/ticks.png) 0 -17px;
	width: 18px;
	height: 17px;
	display: inline-flex;
	background-repeat: no-repeat
}
.chat-s-rd {
	background: url(../../images/ticks.png) 0 18px;
	width: 16px;
	height: 13px;
	display: inline-flex
}
.actionscontent {
	padding: 20px
}
.actionscontent .popup__head {
	margin: 20px 0
}
.actionscontent .btn, .actionscontent button {
	display: block;
	margin: 10px auto
}
.actionscontent .circle {
	width: 22px;
	height: 22px;
	border: 1px solid #2b78aa;
	border-radius: 50%;
	flex: 0 0 22px;
	display: inline-flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-right: 10px
}
.actionscontent .circle .inner {
	width: 14px;
	height: 14px;
	background-color: transparent;
	border-radius: 50%
}
.actionscontent input[type=radio] {
	display: none
}
.actionscontent input[type=radio]:checked+label .inner {
	background: #2b78aa!important
}
.actionscontent .form-element {
	margin: 10px 0
}
.actionscontent h2 {
	font-weight: 700;
	margin: 10px 0;
	font-size: 18px
}
.actionscontent .headingpopup {
	font-weight: 700;
	margin: 10px 0;
	font-size: 18px;
	color: #4c4c4c;
	line-height: 28px;
	text-align: center;
	font-style: normal;
	text-transform: uppercase
}
.actionscontent textarea {
	border: 1px solid #eee
}
.actionscontent .report-option {
	text-align: left
}
.safetytips {
	padding: 20px
}
.safetytips .popup__head {
	margin: 20px 0
}
.safetytips .btn, .safetytips button {
	display: block;
	margin: 10px auto
}
.safetytips h2 {
	font-weight: 700;
	margin: 10px 0;
	font-size: 18px
}
.safetytips ul li {
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-size: 14px;
	color: #555
}
.deletechat {
	padding: 20px
}
.deletechat .popup__head {
	margin: 20px 0
}
.deletechat .btn, .deletechat button {
	display: block;
	margin: 20px 10px 0 10px;
	border-radius: 0
}
.deletechat h2 {
	font-weight: 700;
	margin: 10px 0;
	font-size: 18px
}
.blockuser {
	padding: 20px
}
.blockuser .popup__head {
	margin: 20px 0
}
.blockuser .btn, .blockuser button {
	display: block;
	margin: 20px 10px 0 10px;
	border-radius: 0
}
.blockuser h2 {
	font-weight: 700;
	margin: 10px 0;
	font-size: 18px
}
.help {
	padding: 20px;
	background: #fafafa
}
.help__search {
	width: 100%;
	max-width: 991px;
	margin: 20px auto
}

@media only screen and (max-width:767px) {
.help__search {
	width: 100%
}
}
.help__search .form-element:first-child {
	width: 90%
}
.help__search .form-element:first-child input {
	height: 50px
}
.help__search .form-element:last-child {
	width: 10%;
	background-color: #fff
}
.help__search .form-element:last-child button {
	width: 100%;
	height: 50px
}
.help__search button {
	background-color: transparent;
	color: #2b78aa;
	text-align: center;
	font-size: 18px
}
.help__topics {
	margin: 40px 0;
	max-width: 991px;
	margin: 0 auto
}
.help__topics .topic {
	width: 31.3333%;
	margin: 1%;
	padding: 20px;
	height: 175px;
	overflow: hidden
}

@media only screen and (max-width:767px) {
.help__topics .topic {
	width: 48%
}
}

@media only screen and (max-width:500px) {
.help__topics .topic {
	width: 98%
}
}
.help__topics .topic .icon {
	font-size: 70px;
	line-height: 0;
	margin-bottom: 20px
}
.help__topics .topic .icon a {
	color: #fff
}
.help__topics .topic .title {
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: 0
}
.help__topics .topic .title a {
	color: #fff
}
.help__articles {
	max-width: 991px;
	margin: 20px auto
}
.help__articles h2 {
	text-align: left;
	font-weight: 700
}
.help__articles ul {
	list-style: none;
	margin-left: 0;
	margin-top: 20px
}
.help__articles ul li {
	margin-bottom: 10px
}
.help__articles ul li a {
	display: block;
	background-color: #fff;
	padding: 10px;
	font-weight: 600
}
.billings .chosen-single, .billings input {
	background: #f2f2f2!important
}
.billings .form-element {
	margin-bottom: 20px
}
.billings table {
	width: 100%;
	border-spacing: 0
}
.billings table thead tr th {
	background-color: #f2f2f2;
	color: #000;
	padding: 10px;
	font-size: 14px;
	text-align: left
}

@media only screen and (max-width:560px) {
.billings table thead tr th {
	font-size: 13px
}
}

@media only screen and (max-width:535px) {
.billings table thead tr th {
	padding: 8px
}
}

@media only screen and (max-width:510px) {
.billings table thead tr th {
	font-size: 12px
}
}

@media only screen and (max-width:480px) {
.billings table thead tr th {
	padding: 5px
}
}

@media only screen and (max-width:445px) {
.billings table thead tr th {
	padding: 2px
}
}

@media only screen and (max-width:300px) {
.billings table thead tr th {
	font-size: 11px;
	font-weight: 600
}
}
.billings table tbody tr {
	padding: 0 5px
}
.billings table tbody tr td {
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px solid #f2f2f2
}
.billings table tbody tr td a {
	color: #2b78aa
}

@media only screen and (max-width:560px) {
.billings table tbody tr td {
	font-size: 13px
}
}

@media only screen and (max-width:535px) {
.billings table tbody tr td {
	padding: 8px
}
}

@media only screen and (max-width:510px) {
.billings table tbody tr td {
	font-size: 12px
}
}

@media only screen and (max-width:480px) {
.billings table tbody tr td {
	padding: 5px
}
}

@media only screen and (max-width:445px) {
.billings table tbody tr td {
	padding: 2px
}
}

@media only screen and (max-width:300px) {
.billings table tbody tr td {
	font-size: 11px
}
}
.billings__form {
	margin-top: 30px
}

@media only screen and (max-width:767px) {
.billings__form {
	flex-direction: column;
	widows: 100%
}
}
.billings__form .form-element {
	width: 15.83333%
}

@media only screen and (max-width:767px) {
.billings__form .form-element {
	width: 100%
}
}
.billings__form .form-element:not(:last-child) {
	margin-right: 1%
}

@media only screen and (max-width:767px) {
.billings__form .form-element:not(:last-child) {
	margin-right: 0;
	margin-bottom: 10px
}
}
.billings__form .form-element button {
	display: block;
	width: 100%;
	border-radius: 0;
	padding: 10px
}
.billings__table {
	margin-bottom: 30px
}
.invoice {
	margin-top: 40px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%
}
.invoice h2 {
	text-align: left;
	font-weight: 700
}
.invoice button {
	border-radius: 0;
	align-self: flex-end
}
.invoice__detail {
	margin-top: 30px;
	align-items: flex-start;
	width: 100%;
	max-width: 767px
}

@media only screen and (max-width:767px) {
.invoice__detail {
	flex-direction: column
}
}
.invoice__detail .item {
	width: 50%;
	padding: 1%
}

@media only screen and (max-width:767px) {
.invoice__detail .item {
	width: 100%
}
}
.invoice__detail .title {
	text-transform: uppercase;
	font-weight: 700;
	flex: 0 0 150px;
	width: 100%;
	padding: 5px;
	font-size: 15px
}
.invoice__detail .value {
	margin-left: 10px;
	color: #999;
	text-transform: uppercase;
	font-size: 15px;
	width: 100%;
	flex: 1;
	padding: 5px
}
.invoice__detail button {
	margin-top: 10px
}
.invoice__item {
	padding: 10px;
	background-color: #f8f8f8;
	margin-bottom: 10px;
	display: flex
}
.invoice__item .label {
	flex: 0 0 110px;
	color: #555;
	font-size: 14px;
	margin-right: 20px
}
.invoice__item .value {
	flex: 1
}
.invoice table {
	width: 100%;
	font-size: 14px;
	margin-top: 20px;
	text-align: left;
	border-collapse: collapse
}

@media only screen and (max-width:360px) {
.invoice table {
	font-size: 12px
}
}
.invoice table th {
	border: 1px solid #ecf0f1;
	padding: 10px;
	text-transform: uppercase
}

@media only screen and (max-width:500px) {
.invoice table th {
	padding: 5px
}
}
.invoice table tbody tr:nth-child(even), .invoice table tfoot tr:nth-child(even) {
	background: #fafafa
}
.invoice table tbody tr button, .invoice table tfoot tr button {
	border-radius: 0;
	background: #2b78aa
}
.invoice table tbody tr td, .invoice table tfoot tr td {
	border: 1px solid #ecf0f1;
	padding: 10px
}

@media only screen and (max-width:500px) {
.invoice table tbody tr td, .invoice table tfoot tr td {
	padding: 5px
}
}

@media only screen and (max-width:400px) {
.invoice table tbody tr td button, .invoice table tfoot tr td button {
	padding: 5px 8px
}
}
.invoice table tfoot {
	font-weight: 700
}
.invoice table tfoot td {
	padding: 10px;
	text-align: right
}
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
	overflow: visible!important
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
	outline: 0
}
.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #c0bfbf;
	-webkit-transition: .4s;
	transition: .4s;
	outline: 0
}
.switch .slider:before {
	position: absolute;
	content: "";
	height: 24px;
	width: 24px;
	left: -2px;
	bottom: -2px;
	background-color: #8a8a8a;
	-webkit-transition: .4s;
	transition: .4s
}
.switch input:checked+.slider {
	background-color: #176b3a
}
.switch input:focus+.slider {
	box-shadow: 0 0 1px #176b3a
}
.switch input:checked+.slider:before {
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
	background-color: #26a65b
}
.switch .slider.round {
	border-radius: 34px
}
.switch .slider.round:before {
	border-radius: 50%
}
.footer-expanded {
	background-color: #ebeeef;
	border-top: 1px solid rgba(0,47,52,.2);
	padding: 16px 0
}

@media only screen and (max-width:991px) {
.footer-expanded .item:not(:nth-child(3)):not(:nth-child(4)):not(:last-child) {
display:none
}
}
.footer-expanded .item ul li a {
	font-size: 14px;
	color: rgba(0,47,52,.64)
}
.footer-expanded .item .title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: left
}
.footer-expanded .item ul.social {
	margin-top: 3px
}
.footer-expanded .item ul.social li {
	margin-right: 7px
}
.footer-expanded .item ul.social li a {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid currentColor
}
.footer-expanded .item ul.social li a:hover {
	color: #2b78aa
}
.footer-expanded .item .img {
	margin-top: 3px;
	max-width: 150px
}
.footer-expanded .item .img img {
	width: 100%
}
.signup {
	background-size: cover;
	min-height: 400px;
	border-top: 1px solid #f1f1f1
}
.signup h2 {
	text-align: left;
	font-size: 20px
}
.signup .img {
	width: 100%
}
.signup .img img {
	max-width: 100%;
	max-height: 100%
}
.signup-flex {
	padding: 50px 0;
	align-items: stretch
}
.signup-flex .right {
	padding: 2%;
	flex: 1;
	background-color: #eee
}

@media only screen and (max-width:767px) {
.signup-flex .right {
	flex: 0 0 100%
}
}
.signup-flex .left {
	padding: 2%;
	flex: 0 0 50%;
	margin-right: 3%;
	background-color: #fff
}

@media only screen and (max-width:767px) {
.signup-flex .left {
	display: none
}
}
.signup label {
	color: #666;
	margin-bottom: 5px;
	font-size: 14px
}
.signup .form-element {
	margin-top: 10px;
	position: relative
}
.signup .form-element .flex {
	background-color: #fff;
	padding: 14px 0
}
.signup input[type=radio] {
	width: auto
}
.signup input, .signup select {
	background-color: #fff;
	padding: 14px 10px!important
}
.signup input[name=gender] {
	margin-left: 10px
}
.signup .chosen-container {
	background: #fff;
	padding: 6px
}
.signup .chosen-single {
	background-color: #fff!important;
	border: none!important
}
.signup .chosen-drop {
	width: 97.5%;
	border: 0
}
.signup .valid {
	border: 1px solid green
}
.signup .invalid {
	border: 1px solid #dc143c
}
.signup .btn, .signup button {
	padding: 14px 20px
}
.signup .error {
	color: #dc143c;
	margin-top: 2px;
	font-size: 14px
}
.sellerposts {
	margin-top: 10px;
	padding: 0;
	border: 1px solid #ccc;
	width: 100%;
	overflow: hidden
}
.sellerposts h2 {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	margin-top: 7px
}
.sellerposts .post__head {
	height: 180px
}
.sellerposts .owl-carousel {
	width: 100%
}
.sellerposts .owl-carousel .owl-item {
	padding: 0 0!important
}
.sellerposts .owl-carousel .owl-item .post {
	width: 100%;
	margin: 0 0!important
}
.sellerposts .owl-carousel .owl-item .post__head img {
	display: inline-block!important;
	width: auto
}
.sellerposts .owl-dots {
	display: none
}
.sellerposts .owl-nav {
	display: flex!important;
	justify-content: space-between;
	top: -20px!important;
	transform: translateY(0);
	width: 100%!important;
	left: 0!important
}
.sellerposts .owl-next, .sellerposts .owl-prev {
	background-color: #2b78aa!important;
	width: 30px;
	height: 35px;
	padding-bottom: 10px!important;
	font-size: 20px!important;
	border-radius: 0;
	line-height: 35px!important;
	position: absolute;
	top: 110px
}
.sellerposts .owl-prev {
	left: 0
}
.sellerposts .owl-next {
	right: 0
}
.sellerposts .owl-nav span {
	margin: 0!important;
	position: absolute;
	top: -1px
}
.sellerposts .owl-prev span {
	left: 11px
}
.sellerposts .owl-next span {
	right: 11px
}
.offices {
	padding-top: 50px;
	align-items: flex-start
}

@media only screen and (max-width:991px) {
.offices {
	flex-direction: column
}
}
.offices-list {
	flex: 0 0 350px
}

@media only screen and (max-width:991px) {
.offices-list {
	flex: 0 0 100%;
	width: 100%;
	order: 1
}
}
.offices ul {
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
	width: 100%
}

@media only screen and (max-width:991px) {
.offices ul {
	width: 98%;
	margin: 0 auto;
	margin-top: 10px
}
}
.offices ul li {
	width: 100%;
	margin-bottom: 15px;
	cursor: pointer;
	padding: 15px 20px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	color: #fff;
	transition: all .5s
}
.offices ul li.active {
	background-color: #ccc!important
}

@media only screen and (max-width:991px) {
.offices ul li {
	width: 31.33333%;
	margin: 1%
}
}

@media only screen and (max-width:767px) {
.offices ul li {
	font-size: 14px
}
}

@media only screen and (max-width:625px) {
.offices ul li {
	padding: 10px
}
}

@media only screen and (max-width:600px) {
.offices ul li {
	width: 100%;
	max-width: 300px
}
}
.offices ul #pakistan-office {
	background-color: #58b458
}
.offices ul #pakistan-office:hover {
	background-color: #438d43
}
.offices ul #singapore-office {
	background-color: #d63939
}
.offices ul #singapore-office:hover {
	background-color: #b62e2e
}
.offices ul #australia-office {
	background-color: #5142a3
}
.offices ul #australia-office:hover {
	background-color: #342780
}
.offices-office {
	flex: 1;
	margin-top: -10px
}

@media only screen and (max-width:991px) {
.offices-office {
	order: 2;
	width: 100%
}
}
#office2 {
	display: none
}
.preloader {
	position: absolute;
	top: 0;
	text-align: center;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: center
}
#office3 {
	display: none
}
.offices-loader {
	width: 100%;
	max-width: 767px;
	margin: 50px auto;
	text-align: center
}
.offices-loader img {
	width: 100%;
	max-width: 300px
}
.posted {
	margin: 0 auto;
	text-align: center;
	background: url(../images/congratsbg1.png);
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat
}

@media only screen and (max-width:991px) {
.posted {
	background-size: 500px
}
}

@media only screen and (max-width:767px) {
.posted {
	background-size: 400px
}
}

@media only screen and (max-width:500px) {
.posted {
	background-size: 300px
}
}
.posted-inner {
	padding: 120px 10px 120px 10px;
	background: url(../images/congratsbg.png);
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat
}

@media only screen and (max-width:991px) {
.posted-inner {
	background-size: 500px
}
}

@media only screen and (max-width:767px) {
.posted-inner {
	background-size: 400px
}
}

@media only screen and (max-width:500px) {
.posted-inner {
	background-size: 300px
}
}
.posted h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #2b78aa;
	margin: 0 auto 20px auto;
	max-width: 500px
}
.posted .img {
	width: 98%;
	max-width: 500px;
	margin: 10px auto
}
.posted .img img {
	width: 100%;
	display: block
}
.posted p {
	margin-top: 20px;
	font-weight: 700
}
.posted p a {
	color: #ad2424
}
.posted .addthis_toolbox {
	max-width: 263px;
	margin: 0 auto
}
.trustscore h1 {
	line-height: 20px;
	font-weight: 700;
	font-style: normal;
	color: #353535;
	font-size: 20px;
	visibility: visible;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px
}
.trustscore a {
	color: #2b78aa
}
.trustscore a:hover {
	text-decoration: underline
}
.trustscore table {
	width: 100%;
	font-size: 14px;
	text-align: left;
	border-collapse: collapse
}

@media only screen and (max-width:360px) {
.trustscore table {
	font-size: 12px
}
}
.trustscore table th {
	border: 1px solid #ecf0f1;
	padding: 10px;
	text-transform: uppercase
}

@media only screen and (max-width:500px) {
.trustscore table th {
	padding: 5px
}
}
.trustscore table tbody tr:nth-child(even) {
	background: #fafafa
}
.trustscore table tbody tr button {
	border-radius: 0;
	background: #2b78aa
}
.trustscore table tbody tr td {
	border: 1px solid #fff;
	padding: 10px
}

@media only screen and (max-width:500px) {
.trustscore table tbody tr td {
	padding: 5px
}
}

@media only screen and (max-width:400px) {
.trustscore table tbody tr td button {
	padding: 5px 8px
}
}
.trustscore table tbody tr.verified {
	background: rgba(38,166,91,.1)
}
.trustscore table tbody tr.unverified {
	background: rgba(173,36,36,.1)
}
.ui-slider {
	margin-bottom: 40px;
	margin-left: 18px;
	margin-right: 27px
}
.ui-slider .value {
	padding: 4px;
	position: absolute;
	top: 30px;
	left: 50%;
	text-align: center;
	display: block;
	font-size: 14px;
	color: #fff;
	background-color: #2b78aa;
	transform: translateX(-50%);
	min-width: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600
}
.ui-slider .value::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #2b78aa;
	width: 15px;
	height: 15px;
	z-index: -1;
	transform: rotate(45deg) translateX(-65%)
}
.ui-slider .price-range-both.value {
	width: 100px;
	margin: 0 0 0 -50px;
	top: 26px
}
.ui-slider .price-range-both {
	display: none!important
}
.ui-slider .value i {
	font-style: normal
}
.ui-slider-handle {
	outline: 0
}
.latest-products {
	margin-top: 10px;
	padding: 2%;
	background: #fafafa;
	width: 100%;
	overflow: hidden
}
.latest-products h2 {
	font-size: 18px;
	text-align: left;
	font-weight: 700;
	margin-bottom: 15px
}
.latest-products .post__head {
	height: 180px
}
.latest-products .owl-carousel {
	padding-top: 30px;
	width: 100%
}
.latest-products .owl-carousel .owl-item {
	padding: 0 10px!important
}
.latest-products .owl-carousel .owl-item .post {
	width: 100%;
	margin: 10px 0!important
}
.latest-products .owl-carousel .owl-item .post__head img {
	display: inline-block!important;
	width: auto!important
}
.latest-products .owl-dots {
	display: none
}
.latest-products .owl-nav {
	display: flex!important;
	justify-content: space-between;
	top: 15px!important
}
.latest-products .owl-next, .latest-products .owl-prev {
	background-color: #2b78aa!important;
	width: 30px;
	height: 30px;
	padding-bottom: 10px!important;
	font-size: 30px!important;
	border-radius: 4px;
	line-height: 0!important;
	display: flex;
	justify-content: center;
	align-items: center
}
.latest-products .owl-next span, .latest-products .owl-prev span {
	position: relative;
	top: -3px
}
.dashbaord-nav {
	padding: 10px 0;
	box-shadow: 0 3px 2px rgba(0,0,0,.1);
	position: relative
}
.dashbaord-nav .icon {
	margin-right: 25px;
	margin-left: 5px;
	color: #2b78aa;
	font-size: 16px;
	display: flex;
	position: relative;
	cursor: pointer
}
.dashbaord-nav .icon .badge {
	min-width: 20px;
	min-height: 20px;
	padding: 2px;
	color: #fff;
	background: #3a90d6;
	border-radius: 50%;
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: absolute;
	top: -12px;
	right: -18px
}
.dashbaord-nav .icon1 .badge {
	right: -21px
}
.dashbaord-nav #mbl-notifications-content {
	padding: 10px;
	position: absolute;
	top: 33px;
	left: -80px;
	width: 250px;
	background: #fff;
	z-index: 11111;
	box-shadow: 2px 2px 2px rgba(0,0,0,.3);
	display: none
}

@media only screen and (max-width:500px) {
.dashbaord-nav #mbl-notifications-content {
	left: -60px
}
}
.dashbaord-nav #mbl-notifications-content li::after, .dashbaord-nav #mbl-notifications-content li::before {
	display: none
}
.dashbaord-nav #mbl-notifications-content li {
	margin: 0!important
}
.dashbaord-nav #mbl-notifications-content li a:hover {
	background: #fff!important;
	color: #002f34!important
}

@media only screen and (max-width:767px) {
.dashbaord-nav #mbl-notifications-content li a {
	margin-bottom: 5px
}
}
.dashbaord-nav #mbl-notifications-content span {
	display: block
}
.dashbaord-nav #mbl-notifications-content span.flex {
	display: flex;
	flex-direction: row
}
.dashbaord-nav #mbl-notifications-content a {
	display: block
}
.dashbaord-nav .mobile-menu-dashboard {
	display: none
}

@media only screen and (max-width:767px) {
.dashbaord-nav .mobile-menu-dashboard {
	display: flex;
	justify-content: space-between
}
}

@media only screen and (max-width:991px) {
.dashbaord-nav ul {
	justify-content: space-between
}
}

@media only screen and (max-width:767px) {
.dashbaord-nav ul {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 200px;
	background-color: #222;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 11111111;
	transition: all 1s;
	overflow: hidden;
	display: none
}
}
.dashbaord-nav ul.active {
	right: 0;
	display: flex
}
.dashbaord-nav ul li {
	margin-right: 10px
}

@media only screen and (max-width:991px) {
.dashbaord-nav ul li {
	margin-right: 5px
}
}

@media only screen and (max-width:767px) {
.dashbaord-nav ul li {
	width: 100%;
	margin-right: 0;
	padding: 5px
}
}
.dashbaord-nav ul li a {
	padding: 10px;
	color: #2b78aa;
	display: block;
	border-bottom: 1px solid transparent;
	font-size: 14px
}
.dashbaord-nav ul li a:hover {
	border-bottom: 1px solid currentColor
}
.dashbaord-nav ul li a.active {
	border-bottom: 1px solid currentColor
}

@media only screen and (max-width:850px) {
.dashbaord-nav ul li a {
	padding: 5px
}
}

@media only screen and (max-width:767px) {
.dashbaord-nav ul li a {
	width: 100%;
	color: #fff
}
}

@media only screen and (max-width:1080px) {
.dashbaord-nav ul li a span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 13px;
}
}

@media only screen and (max-width:1024px) {
.dashbaord-nav ul li a span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}
}

@media only screen and (max-width:767px) {
.dashbaord-nav ul li a span {
	display: inline
}
}
.dashbaord-nav .dashboard-menu-icon {
	font-size: 20px;
	color: #2b78aa;
	margin-right: 20px;
	cursor: pointer
}

@media only screen and (min-width:768px) {
.dashbaord-nav .dashboard-menu-icon {
	display: none
}
}
.dashboard {
	padding-top: 30px
}
.dashboard-table {
	margin-bottom: 20px
}
.dashboard-table h2 {
	font-size: 18px;
	text-align: left
}
.dashboard-status {
	margin-bottom: 30px;
	flex-wrap: wrap
}
.dashboard-status .item {
	width: 24%;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 0
}

@media only screen and (max-width:767px) {
.dashboard-status .item {
	width: 48%;
	margin-bottom: 4%
}
}
.dashboard-status .item h2 {
	margin-bottom: 10px;
	color: #fff;
	font-weight: 700
}
.dashboard-status .item h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff
}
.dashboard-status .item .icon {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	margin-bottom: 20px;
	font-size: 30px
}
.dashboard-status .item1 {
	background-color: #2b78aa
}
.dashboard-status .item1 .icon {
	color: #2b78aa
}
.dashboard-status .item2 {
	background-color: #e87e04
}
.dashboard-status .item2 .icon {
	color: #e87e04
}
.dashboard-status .item3 {
	background-color: #1abc9c
}
.dashboard-status .item3 .icon {
	color: #1abc9c
}
.dashboard-status .item4 {
	background-color: #ad2424
}
.dashboard-status .item4 .icon {
	color: #ad2424
}
.dashboard table {
	width: 100%;
	border-spacing: 0
}
.dashboard table thead tr th {
	background-color: #f2f2f2;
	color: #000;
	padding: 10px;
	font-size: 14px;
	text-align: left
}

@media only screen and (max-width:560px) {
.dashboard table thead tr th {
	font-size: 13px
}
}

@media only screen and (max-width:535px) {
.dashboard table thead tr th {
	padding: 8px
}
}

@media only screen and (max-width:510px) {
.dashboard table thead tr th {
	font-size: 12px
}
}

@media only screen and (max-width:480px) {
.dashboard table thead tr th {
	padding: 5px
}
}

@media only screen and (max-width:445px) {
.dashboard table thead tr th {
	padding: 2px
}
}

@media only screen and (max-width:300px) {
.dashboard table thead tr th {
	font-size: 11px;
	font-weight: 600
}
}
.dashboard table tbody tr {
	padding: 0 5px
}
.dashboard table tbody tr td {
	font-size: 14px;
	padding: 10px;
	border-bottom: 1px solid #f2f2f2
}
.dashboard table tbody tr td a {
	color: #2b78aa
}

@media only screen and (max-width:560px) {
.dashboard table tbody tr td {
	font-size: 13px
}
}

@media only screen and (max-width:535px) {
.dashboard table tbody tr td {
	padding: 8px
}
}

@media only screen and (max-width:510px) {
.dashboard table tbody tr td {
	font-size: 12px
}
}

@media only screen and (max-width:480px) {
.dashboard table tbody tr td {
	padding: 5px
}
}

@media only screen and (max-width:445px) {
.dashboard table tbody tr td {
	padding: 2px
}
}

@media only screen and (max-width:300px) {
.dashboard table tbody tr td {
	font-size: 11px
}
}
.dashboard .panel {
	border: 1px solid #eee;
	padding: 10px;
	background-color: #fafafa
}

@media only screen and (max-width:500px) {
.dashboard .panel {
	padding: 4px
}
}
.dashboard .panel-head {
	padding: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px
}

@media only screen and (max-width:500px) {
.dashboard .panel-head {
	padding: 4px
}
}
.dashboard .panel-head select {
	max-width: 200px;
	min-width: 100px;
	border: 1px solid #eee;
	margin-left: 5px
}
.dashboard .panel-head h2 {
	font-size: 18px;
	text-align: left;
	color: #000
}

@media only screen and (max-width:500px) {
.dashboard .panel-head h2 {
	font-size: 15px
}
}
.dashboard .graph {
	flex: 0 0 70%;
	margin-bottom: 30px;
	margin-right: 30px
}

@media only screen and (max-width:991px) {
.dashboard .graph {
	flex: 0 0 100%;
	width: 100%
}
}

@media only screen and (max-width:767px) {
.dashboard .graph .panel-head.flex {
	flex-direction: column;
	align-items: flex-start
}
}

@media only screen and (max-width:767px) {
.dashboard .graph .panel-head.flex .options {
	width: 100%;
	margin-top: 10px
}
}
.dashboard .graph .panel-head.flex .options select {
	margin-right: 5px;
	min-width: 100px
}

@media only screen and (max-width:500px) {
.dashboard .graph select {
	max-width: 100%
}
}
.dashboard .affiliate-links {
	width: 100%;
	margin-bottom: 30px
}
.dashboard .affiliate-links h3 {
	font-size: 14px;
	margin-bottom: 10px
}
.dashboard .affiliate-links a {
	color: #1abc9c
}
.dashboard .affiliate-links p {
	background-color: #fff;
	padding: 5px;
	margin-bottom: 5px
}
.dashboard .affiliate-links button {
	margin-bottom: 5px;
	border: 1px solid #fff;
	border-radius: 0;
	width: 100%
}
.dashboard .affiliate-links button:hover {
	color: #fff;
	background-color: transparent
}
.dashboard .affiliate-links img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	cursor: pointer;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block
}
.dashboard .flex-gp {
	align-items: stretch
}

@media only screen and (max-width:991px) {
.dashboard .flex-gp {
	flex-direction: column
}
}

@media only screen and (max-width:767px) {
.dashboard-graphs {
	flex-direction: column
}
}
.dashboard-graphs .panel1 {
	flex: 0 0 49%;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 30px
}

@media only screen and (max-width:767px) {
.dashboard-graphs .panel1 {
	flex: 0 0 100%;
	margin-right: 0;
	width: 100%!important
}
}
.dashboard-graphs .panel2 {
	width: 49%;
	flex: 1;
	margin-left: 1%;
	margin-bottom: 30px
}

@media only screen and (max-width:767px) {
.dashboard-graphs .panel2 {
	flex: 0 0 100%;
	margin-right: 0;
	margin-left: 0;
	width: 100%!important
}
}
.panel12 {
	margin-bottom: 30px
}
.p404 {
	padding: 50px 0;
	align-items: center
}
.p404-text {
	font-size: 50px;
	color: #655588;
	text-align: center;
	font-weight: 900;
	text-transform: uppercase;
	animation: animate-404-text 3s infinite
}

@media only screen and (max-width:500px) {
.p404-text {
	font-size: 30px
}
}
.p404 .img {
	width: 100%
}
.p404 .img img {
	width: 100%;
	max-width: 600px
}
@keyframes animate-404-text {
0% {
transform:scale(1)
}
50% {
transform:scale(1.02)
}
100% {
transform:scale(1)
}
}
.credits h1 {
	line-height: 20px;
	font-weight: 700;
	font-style: normal;
	color: #353535;
	font-size: 20px;
	visibility: visible;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px
}
.credits a {
	color: #2b78aa
}
.credits a:hover {
	text-decoration: underline
}
.credits table {
	width: 100%;
	font-size: 14px;
	text-align: left;
	border-collapse: collapse
}

@media only screen and (max-width:360px) {
.credits table {
	font-size: 12px
}
}
.credits table th {
	border: 1px solid #ecf0f1;
	padding: 10px;
	text-transform: uppercase
}

@media only screen and (max-width:500px) {
.credits table th {
	padding: 5px
}
}
.credits table tbody tr:nth-child(even) {
	background: #fafafa
}
.credits table tbody tr button {
	border-radius: 0;
	background: #2b78aa
}
.credits table tbody tr td {
	border: 1px solid #fff;
	padding: 10px
}
.credits table tbody tr td:nth-child(2) {
	min-width: 100px
}

@media only screen and (max-width:500px) {
.credits table tbody tr td {
	padding: 5px
}
}

@media only screen and (max-width:400px) {
.credits table tbody tr td button {
	padding: 5px 8px
}
}
.credits table tbody tr.verified {
	background: rgba(38,166,91,.1)
}
.credits table tbody tr.unverified {
	background: rgba(173,36,36,.1)
}

@media only screen and (max-width:500px) {
.advertise .flex {
	flex-direction: column
}
}
.advertise h1 {
	text-align: center;
	font-size: 30px;
	margin: 10px 0 0;
	color: #404040;
	text-transform: uppercase
}

@media only screen and (max-width:991px) {
.advertise h1 {
	font-size: 25px;
	margin: 8px 0 0
}
}
.advertise h2 {
	text-align: center;
	font-size: 26px;
	color: #404040;
	margin-bottom: 15px
}

@media only screen and (max-width:991px) {
.advertise h2 {
	font-size: 20px;
	margin-bottom: 12px
}
}
.advertise h3 {
	font-size: 20px;
	color: #404040;
	margin-bottom: 30px;
	text-align: center
}

@media only screen and (max-width:991px) {
.advertise h3 {
	font-size: 17px;
	margin-bottom: 20px
}
}
.advertise p {
	color: #404040;
	font-size: 24px;
	text-align: center;
	margin: 10px 0;
	line-height: 35px
}

@media only screen and (max-width:991px) {
.advertise p {
	font-size: 20px;
	margin: 8px 0;
	line-height: 30px
}
}
.advertise-1 {
	background: url(../images/advertise1.webp);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px 0
}
.advertise-2 {
	text-align: center;
	background: #c657a1;
	padding: 30px 0 20px 0
}
.advertise-2 .img {
	width: 80%;
	margin: 0 auto
}
.advertise-2 .img img {
	width: 100%
}
.advertise-3 {
	color: #404040;
	font-size: 24px;
	padding: 35px 0;
	background-color: #fff;
	text-align: center
}
.advertise-4 {
	background: #f6cd01;
	color: #404040;
	position: relative
}
.advertise-4 .text {
	flex-shrink: 1;
	font-size: 52px
}

@media only screen and (max-width:767px) {
.advertise-4 .text {
	font-size: 40px
}
}
.advertise-4 .text span {
	background-color: #404040;
	color: #f6cd01
}
.advertise-4 .img {
	flex: 0 0 50%;
	width: 100%
}
.advertise-4 .img img {
	width: 100%;
	display: block
}
.advertise-5 {
	background: #0162b8;
	padding: 30px 0
}
.advertise-5 .text {
	flex: 1;
	width: 100%;
	margin-left: 3%;
	max-width: 700px
}
.advertise-5 .text h2, .advertise-5 .text p {
	text-align: left;
	color: #fff
}
.advertise-5 .img {
	flex: 0 0 40%;
	width: 100%
}
.advertise-5 .img img {
	width: 100%
}
.advertise-6 {
	background: #ddd;
	padding: 35px 0
}
.advertise-7 {
	padding: 35px 0;
	background: #fff
}
.advertise-8 {
	background: #c657a1;
	padding: 30px 0
}
.advertise-8 h2, .advertise-8 h3, .advertise-8 p {
	color: #fff
}
.advertise-8 .img {
	width: 100%
}
.advertise-8 .img img {
	width: 100%
}
.advertise-8 table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
	text-align: left
}

@media only screen and (max-width:380px) {
.advertise-8 table {
	font-size: 14px
}
}

@media only screen and (max-width:290px) {
.advertise-8 table {
	font-size: 12px
}
}
.advertise-8 table del {
	color: red
}
.advertise-8 table tr td, .advertise-8 table tr th {
	border: 1px solid #c657a1;
	color: #000;
	padding: 20px;
	background-color: #fff;
	width: 20%
}

@media only screen and (max-width:380px) {
.advertise-8 table tr td, .advertise-8 table tr th {
	padding: 15px
}
}

@media only screen and (max-width:290px) {
.advertise-8 table tr td, .advertise-8 table tr th {
	padding: 8px
}
}
.advertise-8 table tr td:first-child, .advertise-8 table tr th:first-child {
	width: 60%
}
.advertise-8 table tr:not(:first-child) td:last-child {
	color: #26a65b;
	font-weight: 700
}
.advertise-9 {
	padding: 30px 0;
	background: #f7ce01
}
.advertise-9 .contact-follow-flex {
	align-items: stretch
}

@media only screen and (max-width:767px) {
.advertise-9 .contact-follow-flex {
	flex-direction: column
}
}
.advertise-9 .item {
	flex: 0 0 50%;
	width: 100%;
	background-color: #fff;
	border-right: 1px solid #f7ce01
}
.advertise-9 .item .head {
	font-size: 32px;
	background: #fff;
	text-align: center;
	padding: 20px;
	border-bottom: 1px solid #f7ce01
}
.advertise-9 .item .body {
	padding: 20px;
	text-align: center
}
.advertise-9 .item .body p {
	font-size: 20;
	max-width: 350px;
	margin: 10px auto;
	word-break: break-all
}
.advertise-9 .item .body .btn {
	background-color: #f7ce01;
	border-radius: 50px;
	margin-top: 10px;
	display: inline-block
}
.advertise-9 .item .body .btn:hover {
	background-color: #f6cd01
}
.advertise-9 .item .body ul li {
	color: #404040;
	font-size: 20px;
	text-align: center;
	margin: 10px 0;
	line-height: 35px
}
.advertise .circles {
	margin-bottom: 30px
}
.advertise .circles .circle {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #c657a1;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px
}

@media only screen and (max-width:767px) {
.advertise .circles .circle {
	width: 150px;
	height: 150px;
	font-size: 15px
}
}
.advertise .circles .circle-1 {
	background-color: #f6cd01
}
.advertise .circles .circle-2 {
	background-color: #2b78aa
}
.blog {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start
}

@media only screen and (max-width:767px) {
.blog {
	overflow: hidden
}
}
.blogpost {
	display: flex!important;
	margin-top: 40px
}

@media only screen and (max-width:767px) {
.blogpost {
	flex-direction: column;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px
}
}

@media only screen and (max-width:767px) {
.blogpost {
	margin-top: 20px
}
}
.blogpost-left {
	flex: 0 0 30%;
	overflow: hidden;
	position: relative
}

@media only screen and (max-width:767px) {
.blogpost-left {
	flex: 100%
}
}
.blogpost-left img {
	width: 100%;
	transition: all 1s;
	margin-top: 0
}
.blogpost-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	box-shadow: inset 0 0 10px 10px rgba(204,204,204,.4);
	transition: box-shadow .5s, opacity .5s;
	opacity: 0;
	visibility: hidden;
	overflow: hidden
}
.blogpost:hover .blogpost-hover {
	opacity: 1;
	visibility: visible
}
.blogpost:hover .blogpost-hover-icon {
	right: 0;
	transform: translate(-50%, -50%) rotateZ(0)
}
.blogpost-hover-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%) rotateZ(90deg);
	width: 60px;
	height: 60px;
	z-index: 111111;
	transition: all .5s ease-out;
	background: rgba(43,120,170,.9);
	color: #fff;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-size: 14px
}
.blogpost-right {
	flex: 1;
	padding: 0 20px
}

@media only screen and (max-width:767px) {
.blogpost-right {
	padding: 0
}
}
.blogpost-desc a.h2, .blogpost-desc h2 {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0;
	margin-bottom: 15px;
	margin-top: 0;
	font-weight: 500;
	font-style: normal;
	color: #282828;
	text-align: left;
	display: block
}

@media only screen and (max-width:500px) {
.blogpost-desc a.h2, .blogpost-desc h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: 25px
}
}
.blogpost-desc a.p, .blogpost-desc p {
	display: block;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: .06em;
	color: #5e5e5e;
	margin-bottom: 30px;
	font-weight: 400;
	font-style: normal;
	text-align: left
}

@media only screen and (max-width:767px) {
.blogpost-desc a.p, .blogpost-desc p {
	text-align: justify
}
}
.blogpost-footer {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	list-style: none;
	font-size: 23px;
	line-height: 24px;
	letter-spacing: .04em;
	color: #999;
	font-weight: 400;
	font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased
}

@media only screen and (max-width:500px) {
.blogpost-footer {
	padding: 0
}
}
.blogpost-footer ul {
	display: flex;
	margin: 0!important
}
.blogpost-footer ul li {
	font-size: 13px;
	line-height: 24px;
	letter-spacing: .04em;
	color: #999;
	display: flex;
	position: relative;
	align-items: center;
	padding-right: 10px
}
.blogpost-footer ul li:not(:last-child) {
	margin-right: 10px
}
.blogpost-footer ul li:not(:last-child)::after {
	content: "";
	width: 1px;
	height: 15px;
	top: 5px;
	right: 0;
	background-color: #2b78aa;
	position: absolute
}
.blogpost-icon {
	margin-right: 5px;
	color: #999
}

@media only screen and (max-width:500px) {
.blogpost-icon {
	font-size: 13px
}
}

@media only screen and (max-width:410px) {
.blogpost-icon {
	font-size: 13px
}
}

@media only screen and (max-width:375px) {
.blogpost-icon {
	font-size: 10px
}
}
.blogpost-text {
	text-align: left;
	color: #999
}

@media only screen and (max-width:500px) {
.blogpost-text {
	font-size: 13px
}
}

@media only screen and (max-width:410px) {
.blogpost-text {
	font-size: 13px
}
}

@media only screen and (max-width:375px) {
.blogpost-text {
	font-size: 10px
}
}
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-top: 50px!important;
	margin-left: 0!important
}
.pagination li {
	color: #2b78aa!important;
	border: 1px solid #ccc;
	font-weight: 700!important;
	font-size: 22px!important;
	display: block;
	line-height: 0!important;
	width: 40px;
	height: 40px;
	display: flex!important;
	justify-content: center!important;
	align-content: center!important;
	align-items: center!important;
	cursor: pointer;
	transition: all 1s;
	padding: 0!important
}
.pagination li:not(:first-child) {
	margin-left: 10px
}
.pagination li:hover {
	background-color: #2b78aa;
	color: #fff!important
}

@media only screen and (max-width:600px) {
.pagination li {
	width: 35px;
	height: 35px;
	font-size: 20px!important
}
}

@media only screen and (max-width:500px) {
.pagination li {
	width: 30px;
	height: 30px;
	font-size: 18px!important
}
}
.pagination .next, .pagination .prev {
	padding: 0!important
}
.pagination .active {
	background-color: #2b78aa!important;
	color: #fff!important
}
.postmeta {
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	color: #999!important;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: .04em;
	padding-right: 20px;
	margin-right: 20px;
	position: relative
}
.postmeta .icon {
	margin-right: 10px;
	padding-right: 10px;
	position: relative
}
.postmeta .icon::after {
	content: "";
	width: 1px;
	height: 15px;
	top: 5px;
	right: 0;
	background-color: #2b78aa;
	position: absolute
}

@media only screen and (max-width:500px) {
.postmeta {
	font-size: 13px!important
}
}

@media only screen and (max-width:440px) {
.postmeta {
	font-size: 11px!important;
	padding-right: 10px;
	margin-right: 10px
}
}
.addthis {
	padding: 0
}

@media only screen and (max-width:767px) {
.earn-money .flex {
	flex-direction: column
}
}
.earn-money h1 {
	text-align: center;
	font-size: 30px;
	margin: 10px 0 0;
	color: #404040;
	text-transform: uppercase
}

@media only screen and (max-width:991px) {
.earn-money h1 {
	font-size: 25px;
	margin: 8px 0 0
}
}
.earn-money h2 {
	text-align: center;
	font-size: 26px;
	color: #404040;
	margin-bottom: 15px
}

@media only screen and (max-width:991px) {
.earn-money h2 {
	font-size: 20px;
	margin-bottom: 12px
}
}
.earn-money h3 {
	font-size: 20px;
	color: #404040;
	margin-bottom: 30px;
	text-align: center
}

@media only screen and (max-width:991px) {
.earn-money h3 {
	font-size: 17px;
	margin-bottom: 20px
}
}
.earn-money p {
	color: #404040;
	font-size: 24px;
	text-align: center;
	margin: 10px 0;
	line-height: 35px
}

@media only screen and (max-width:991px) {
.earn-money p {
	font-size: 20px;
	margin: 8px 0;
	line-height: 30px
}
}
.earn-money-1 {
	background: #48bddd;
	color: #404040;
	position: relative;
	padding: 20px 0
}
.earn-money-1 .text {
	flex: 1;
	width: 100%;
	margin-right: 3%;
	max-width: 700px
}
.earn-money-1 .text h2, .earn-money-1 .text p {
	text-align: left;
	color: #535353
}

@media only screen and (max-width:767px) {
.earn-money-1 .text h2, .earn-money-1 .text p {
	text-align: center
}
}
.earn-money-1 .text h2 {
	letter-spacing: 2px;
	font-weight: 900;
	background-image: linear-gradient(to right, #fff 1%, #fff 41%, #333 41%, #333 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 26px
}

@media only screen and (max-width:767px) {
.earn-money-1 .text {
	order: 2
}
}
.earn-money-1 .img {
	flex: 0 0 40%;
	width: 100%
}
.earn-money-1 .img img {
	width: 100%
}

@media only screen and (max-width:767px) {
.earn-money-1 .img img {
	max-width: 300px
}
}

@media only screen and (max-width:767px) {
.earn-money-1 .img {
	order: 1;
	text-align: center
}
}
.earn-money-2 {
	color: #404040;
	font-size: 24px;
	padding: 55px 0;
	background-color: #fff
}
.earn-money-2 h2, .earn-money-2 p {
	text-align: left
}

@media only screen and (max-width:767px) {
.earn-money-2 h2, .earn-money-2 p {
	text-align: center
}
}
.earn-money-2 h2 {
	letter-spacing: 2px;
	font-weight: 900;
	background-image: linear-gradient(to right, #333 1%, #333 31%, #2b78aa 31%, #2b78aa 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 26px
}
.earn-money-2 .img {
	flex: 0 0 40%
}
.earn-money-2 .img img {
	width: 100%
}

@media only screen and (max-width:767px) {
.earn-money-2 .img img {
	max-width: 300px
}
}
.earn-money-2 .text {
	margin-left: 2%
}
.earn-money-3 {
	background: #0e95cb;
	padding: 30px 0
}
.earn-money-3 .text {
	flex: 1;
	width: 100%;
	margin-right: 3%;
	max-width: 700px
}
.earn-money-3 .text h2, .earn-money-3 .text p {
	text-align: left;
	color: #fff
}

@media only screen and (max-width:767px) {
.earn-money-3 .text h2, .earn-money-3 .text p {
	text-align: center
}
}
.earn-money-3 .text h2 {
	letter-spacing: 2px;
	font-weight: 900;
	background-image: linear-gradient(to right, #fff 1%, #fff 41%, #333 41%, #333 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 26px
}

@media only screen and (max-width:767px) {
.earn-money-3 .text {
	order: 2
}
}
.earn-money-3 .img {
	flex: 0 0 40%;
	width: 100%
}
.earn-money-3 .img img {
	width: 100%
}

@media only screen and (max-width:767px) {
.earn-money-3 .img img {
	max-width: 300px
}
}

@media only screen and (max-width:767px) {
.earn-money-3 .img {
	order: 1;
	text-align: center
}
}
.earn-money-4 {
	background: #fff;
	padding: 35px 0
}
.earn-money-4 .img {
	flex: 0 0 50%;
	margin-right: 2%
}
.earn-money-4 .img img {
	width: 100%
}

@media only screen and (max-width:767px) {
.earn-money-4 .img img {
	max-width: 300px
}
}
.earn-money-4 .text {
	flex: 1
}
.earn-money-4 .text h2, .earn-money-4 .text p {
	text-align: left
}

@media only screen and (max-width:767px) {
.earn-money-4 .text h2, .earn-money-4 .text p {
	text-align: center
}
}
.earn-money-4 .text h2 {
	letter-spacing: 2px;
	font-weight: 900;
	background-image: linear-gradient(to right, #333 1%, #333 41%, #2b78aa 41%, #2b78aa 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 26px
}
.author-head {
	position: relative;
	margin-bottom: 35px;
	margin-top: 20px
}
.author-cover {
	border: 3px solid #fafafa
}
.author-cover img {
	width: 100%;
	display: block
}
.author-dp {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	height: 200px;
	background-color: #fff;
	border: 3px solid #fafafa;
	overflow: hidden
}

@media only screen and (max-width:767px) {
.author-dp {
	width: 150px;
	height: 150px
}
}

@media only screen and (max-width:600px) {
.author-dp {
	width: 130px;
	height: 130px
}
}

@media only screen and (max-width:550px) {
.author-dp {
	width: 120px;
	height: 120px
}
}

@media only screen and (max-width:500px) {
.author-dp {
	width: 110px;
	height: 110px
}
}

@media only screen and (max-width:450px) {
.author-dp {
	width: 100px;
	height: 100px
}
}

@media only screen and (max-width:400px) {
.author-dp {
	width: 90px;
	height: 90px
}
}

@media only screen and (max-width:300px) {
.author-dp {
	width: 80px;
	height: 80px
}
}
.author-dp img {
	width: 100%
}
.author-name {
	text-align: center;
	font-size: 20px;
	font-weight: 700
}
.author-social ul {
	display: flex;
	justify-content: center
}
.author-social ul li {
	margin: 5px
}
.author-social ul li a {
	color: #2b78aa;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid currentColor;
	border-radius: 50%
}
.author-about {
	background-color: #eee;
	padding: 50px;
	margin-top: 20px;
	margin-bottom: 20px
}

@media only screen and (max-width:700px) {
.author-about {
	padding: 30px
}
}

@media only screen and (max-width:600px) {
.author-about {
	padding: 20px
}
}

@media only screen and (max-width:500px) {
.author-about {
	padding: 10px
}
}
.author-about p {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	font-style: italic
}

@media only screen and (max-width:767px) {
.author-about p {
	width: 100%
}
}

@media only screen and (max-width:500px) {
.author-about p {
	font-size: 16px
}
}
.author-posts .posts {
	margin: 30px 0;
	display: flex;
	flex-wrap: wrap
}
.author-posts .post {
	width: 250px;
	padding: 0
}
.author-posts .post .post__head {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 160px
}
.author-posts .post .post__head a {
	height: 100%
}
.author-posts .post .post__body {
	padding: 0 10px;
	margin-top: 0
}
.author-posts .post .post__body h2 {
	font-weight: 700
}
.author-posts .post .post__description {
	height: 200px;
	border-bottom: 1px solid #eee;
	margin-bottom: 5px
}
.author-posts .post .date, .author-posts .post .view {
	margin: 0;
	margin-bottom: 5px;
	font-size: 12px
}
.pricing {
	background-color: #f5f5f5;
	padding: 50px 0
}
.pricing h1 {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase
}
.pricing p {
	text-align: center;
	margin: 10px auto 20px auto;
	max-width: 900px;
	font-size: 16px;
	line-height: 22px;
	color: #333
}
.pricing-h2 {
	font-size: 50px;
	font-family: 'Times New Roman', Times, serif;
	text-transform: capitalize;
	margin-top: 30px
}

@media only screen and (max-width:767px) {
.pricing-h2 {
	font-size: 30px;
	line-height: 35px
}
}
.pricing-p {
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
	color: #666;
	text-transform: capitalize;
	margin-bottom: 40px
}

@media only screen and (max-width:767px) {
.pricing-p {
	font-size: 16px
}
}
.pricing-cards {
	margin-top: 40px
}
.pricing .cards {
	margin-top: 10px;
	flex-wrap: wrap
}
.pricing .cards .card {
	background-color: #fff;
	padding: 10px;
	cursor: pointer;
	width: 18%;
	margin: 1%;
	transition: transform .5s
}

@media only screen and (max-width:1150px) {
.pricing .cards .card {
	width: 23%
}
}

@media only screen and (max-width:850px) {
.pricing .cards .card {
	width: 31.33333%
}
}

@media only screen and (max-width:650px) {
.pricing .cards .card {
	width: 48%
}
}
.pricing .cards .card-inner {
	padding: 10px;
	border: 2px solid #f5f5f5
}
.pricing .cards .card-price {
	padding: 40px 0;
	border-bottom: 1px solid #f5f5f5
}

@media only screen and (max-width:450px) {
.pricing .cards .card-price {
	padding: 20px 0
}
}
.pricing .cards .card-price h2 {
	font-size: 50px;
	line-height: 60px;
	font-family: 'Times New Roman', Times, serif
}

@media only screen and (max-width:450px) {
.pricing .cards .card-price h2 {
	font-size: 30px;
	line-height: 35px
}
}
.pricing .cards .card-price h3 {
	text-align: center;
	margin-top: 10px;
	text-transform: uppercase;
	color: #666
}
.pricing .cards .card-price p {
	text-align: center
}
.pricing .cards .card-desc p {
	text-align: center;
	margin-top: 10px
}
.pricing .cards .card:hover {
	transform: translateY(-5px)
}
.pricing .cards .card.active .card-inner {
	border: 2px solid #2b78aa;
	position: relative;
	overflow: hidden
}
.pricing .cards .card.active .card-inner::before {
	content: '\2714';
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #2b78aa;
	border: 2px solid #2b78aa;
	position: absolute;
	right: -10px;
	top: -10px
}
.pricing .cards .card.active .card-price {
	border-bottom: 1px solid #2b78aa
}
.pricing .cards .card.active .card-price h2, .pricing .cards .card.active .card-price h3 {
	color: #2b78aa
}
.pricing .cards .card.active .card-price p {
	color: #2b78aa
}
.pricing .cards .card.active .card-desc p {
	color: #2b78aa
}
.pricing-methods {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #eee
}
.pricing-methods .methods {
	margin-top: 20px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap
}
.pricing-methods .method {
	width: 23%;
	margin: 1%;
	cursor: pointer;
	transition: transform .5s
}

@media only screen and (max-width:767px) {
.pricing-methods .method {
	width: 48%
}
}
.pricing-methods .method-head img {
	width: 100%;
	display: block
}
.pricing-methods .method-desc {
	text-align: center;
	padding: 20px 10px;
	text-transform: uppercase;
	background-color: #fff;
	font-weight: 700;
	color: #666;
	box-shadow: 0 3px 3px rgba(0,0,0,.1)
}

@media only screen and (max-width:1020px) {
.pricing-methods .method-desc {
	font-size: 14px
}
}

@media only screen and (max-width:900px) {
.pricing-methods .method-desc {
	font-size: 13px
}
}

@media only screen and (max-width:850px) {
.pricing-methods .method-desc {
	font-size: 12px
}
}

@media only screen and (max-width:800px) {
.pricing-methods .method-desc {
	padding: 20px 5px
}
}
.pricing-methods .method:hover {
	transform: translateY(-5px)
}
.bank-pkg-form.active, .form-mobile-pay1.active, .pricing-methods .method.active {
	border: 2px solid #ad2424;
	position: relative;
	overflow: hidden
}
.bank-pkg-form.active:before, .form-mobile-pay1.active:before, .pricing-methods .method.active::before {
	content: '\2714';
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ad2424;
	border: 2px solid #ad2424;
	position: absolute;
	right: -10px;
	top: -10px
}
.pricing-forms {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #eee;
	width: 98%;
	margin-left: auto;
	margin-right: auto
}
.pricing-forms .label {
	font-weight: 700;
	color: #666;
	width: 130px;
	display: inline-block
}
.pricing-forms .form-element {
	margin-bottom: 7px
}
.pricing-forms .form {
	background-color: #fff;
	padding: 10px 20px
}
.pricing-forms .form .head {
	display: flex;
	justify-content: space-between;
	font-weight: 700;
	border-bottom: 1px solid #eee;
	align-items: center;
	margin-bottom: 20px;
	padding: 10px 0
}
.pricing-forms .form .head .price {
	padding-right: 15px
}
.pricing-forms .form input {
	border: 1px solid #eee
}
.pricing-forms .form select {
	border: 1px solid #eee
}
.pricing-forms .form label {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 14px;
	color: #555
}
.pricing-forms .form button {
	margin: 5px
}
.pricing-form {
	display: none
}
.pricing-form .img img {
	display: block;
	max-width: 100%
}
.pricing-form-1 {
	flex-direction: column
}
.pricing-form-1 .form-element {
	display: flex;
	margin-bottom: 10px;
	align-items: center
}
.pricing-form-1 .form-element label {
	width: 130px
}
.pricing-form-1 .form-element .options {
	width: 100%
}
.pricing-form-1 .form-element .options select:not(:last-child) {
	margin-right: 10px
}
.pricing-form-1 .flex {
	align-items: stretch
}
.pricing-form-1 .img {
	flex: 0 0 330px
}

@media only screen and (max-width:767px) {
.pricing-form-1 .img {
	display: none !important;
}
}
.pricing-form-1 .form {
	flex: 1;
	width: 100%
}
.pricing-form-2 {
	flex-direction: column
}
.pricing-form-2 .img {
	flex: 0 0 330px
}

@media only screen and (max-width:767px) {
.pricing-form-2 .img {
	display: none !important;
}
}
.pricing-form-2 .form {
	flex: 1;
	width: 100%
}
.pricing-form-2 .form-form {
	height: 246px;
	position: relative
}
.pricing-form-2 button {
	background-color: transparent;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	max-width: 500px
}
.pricing-form-2 button img {
	width: 100%
}
.pricing-form-2 button:hover {
	transform: translate(-50%, -50%) scale(1.01)
}
.pricing-form-3 {
	justify-content: space-between;
	flex-wrap: wrap
}
.pricing-form-3 .label {
	width: 160px;
	flex: 0 0 160px;
	margin-right: 10px
}

@media only screen and (max-width:500px) {
.pricing-form-3 .label {
	width: 110px;
	flex: 0 0 110px
}
}
.pricing-form-3 .value {
	word-break: break-all
}
.pricing-form-3 .form-element {
	display: flex
}
.pricing-form-3 .flex {
	width: 49%;
	margin-bottom: 20px;
	align-items: stretch;
	margin-bottom: 20px
}

@media only screen and (max-width:991px) {
.pricing-form-3 .flex {
	width: 100%
}
}
.pricing-form-3 .flex .img {
	width: 150px;
	display: flex;
	justify-content: center;
	align-items: center
}

@media only screen and (max-width:500px) {
.pricing-form-3 .flex .img {
	display: none
}
}
.pricing-form-3 .flex .img-1 {
	background-color: #007dc5
}
.pricing-form-3 .flex .img-2 {
	background: #00958f
}
.pricing-form-3 .flex .img-3 {
	background: #e6b50c
}
.pricing-form-3 .flex .img-4 {
	background: #023f2a
}
.pricing-form-3 .form {
	width: 100%
}

@media only screen and (max-width:767px) {
.pricing-form-3 .form {
	width: 100%
}
}
.pricing-form-4 {
	justify-content: space-between;
	flex-wrap: wrap
}
.pricing-form-4 .flex {
	width: 49%;
	margin-bottom: 20px;
	align-items: stretch
}

@media only screen and (max-width:991px) {
.pricing-form-4 .flex {
	width: 100%
}
}
.pricing-form-4 .flex .img {
	width: 150px
}

@media only screen and (max-width:500px) {
.pricing-form-4 .flex .img {
	display: none
}
}
.pricing-form-4 .form {
	width: 100%;
	flex: 1
}

@media only screen and (max-width:767px) {
.pricing-form-4 .form {
	width: 100%
}
}
.identity #step-3 {
	display: none
}
.identity p.msg {
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px
}
.identity p {
	margin-bottom: 10px;
	font-size: 14px
}
.identity h3 {
	margin-bottom: 5px
}
.identity .your-id {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 16px
}
.identity .your-id .id {
	color: #1abc9c;
	font-size: 20px;
	font-weight: 700
}
.identity h2 {
	font-size: 20px;
	text-transform: none;
	color: #111;
	text-align: left;
	margin: 20px 0
}
.identity h2 .count {
	color: #fa0;
	margin-right: 20px;
	font-size: 24px;
	position: relative
}
.identity h2 .count::after {
	content: "";
	display: inline-block;
	height: 50px;
	width: 1px;
	background: #fa0;
	margin-right: 10px;
	position: absolute;
	left: 20px;
	top: 0;
	transform: rotate(35deg)
}
.identity .requirements {
	display: none;
	margin: 20px auto
}
.identity .requirements.active {
	display: block
}
.identity .uploads {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: 800px
}

@media only screen and (max-width:963px) {
.identity .uploads {
	justify-content: center
}
}
.identity .uploads .upload {
	min-width: 200px;
	width: 31.33333%;
	height: 250px;
	margin: 1%;
	border: 1px solid #ccc;
	padding-bottom: 2px;
	overflow: hidden
}

@media only screen and (max-width:1128px) {
.identity .uploads .upload {
	min-width: 150px;
	height: 200px
}
}

@media only screen and (max-width:865px) {
.identity .uploads .upload {
	font-size: 14px;
	min-width: 120px;
	height: 170px
}
}
.identity .uploads .upload .head {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	border-bottom: 1px solid #ccc
}

@media only screen and (max-width:1128px) {
.identity .uploads .upload .head {
	height: 40px
}
}

@media only screen and (max-width:865px) {
.identity .uploads .upload .head {
	height: 50px
}
}
.identity .uploads .upload h2 {
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0
}

@media only screen and (max-width:849px) {
.identity .uploads .upload h2 {
	font-size: 12px
}
}

@media only screen and (max-width:600px) {
.identity .uploads .upload h2 {
	font-size: 14px
}
}
.identity .uploads .upload .img {
	position: relative;
	height: 200px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

@media only screen and (max-width:1128px) {
.identity .uploads .upload .img {
	height: 160px
}
}

@media only screen and (max-width:865px) {
.identity .uploads .upload .img {
	height: 120px
}
}
.identity .uploads .upload .img img {
	width: 100%;
	margin: 0 auto
}
.identity .uploads .upload .img .hover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	height: 100%
}
.identity .uploads .upload .img .hover button {
	background-color: #10a366;
	pointer-events: none
}
.identity .uploads .upload input[type=file] {
	display: none
}
.identity .uploads .upload label {
	overflow: hidden
}
.identity .uploads .upload:hover .hover {
	display: flex
}
.identity button.reupload {
	margin-left: 1%;
	border-radius: 0
}

@media only screen and (max-width:963px) {
.identity button.reupload {
	display: block;
	margin: 10px auto
}
}
.identity form {
	max-width: 800px
}
.identity input, .identity select {
	border: 1px solid #eee;
	border-radius: 3px
}
.identity .form-element {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

@media only screen and (max-width:500px) {
.identity .form-element {
	flex-direction: column;
	align-items: flex-start
}
}
.identity .form-element label {
	font-size: 14px;
	margin-right: 10px;
	text-align: right;
	flex: 0 0 200px
}

@media only screen and (max-width:500px) {
.identity .form-element label {
	flex: 0 0 100%;
	margin-bottom: 5px
}
}
.identity .btn-submit {
	background-color: #ad2424;
	display: inline-block;
	width: 100%
}
.identity-methods {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: 800px
}

@media only screen and (max-width:777px) {
.identity-methods {
	justify-content: center
}
}
.identity-methods .method {
	min-width: 200px;
	width: 31.3333%;
	margin: 1%;
	border: 1px solid #eee;
	font-weight: 700;
	cursor: pointer
}

@media only screen and (max-width:1128px) {
.identity-methods .method {
	min-width: 150px
}
}

@media only screen and (max-width:865px) {
.identity-methods .method {
	font-size: 14px;
	min-width: 120px
}
}
.identity-methods .method:hover {
	border: 2px solid #2b78aa
}
.identity-methods .method.active {
	border: 2px solid #2b78aa;
	position: relative;
	overflow: hidden
}
.package__label.active {
	border: 1px solid #26a65b
}
.identity-methods .method.active::before, .package__label.active:before {
	content: '\2714';
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #26a65b;
	border: 2px solid #26a65b;
	position: absolute;
	right: -10px;
	top: -10px
}

@media only screen and (max-width:1128px) {
.identity-methods .method.active::before {
	width: 36px;
	height: 36px;
	font-size: 18px
}
}
.identity-methods .method-head {
	border-bottom: 1px solid #eee;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}
.identity-methods .method-body {
	display: flex;
	justify-content: center;
	align-items: center
}
.identity-methods .method-body img {
	width: 100%
}
.withdraw p {
	margin-bottom: 10px;
	font-size: 14px
}
.withdraw p.msg {
	text-align: left;
	color: #ad2424;
	font-size: 14px
}
.withdraw h3 {
	margin-bottom: 5px
}
.withdraw .heading {
	display: flex;
	align-items: center;
	margin: 20px 0 30px 0
}
.withdraw .heading .count {
	color: #fa0;
	margin-right: 30px;
	font-size: 24px;
	position: relative;
	font-weight: 700
}
.withdraw .heading .count::after {
	content: "";
	display: inline-block;
	height: 40px;
	width: 1px;
	background: #fa0;
	position: absolute;
	left: 25px;
	top: 0;
	transform: rotate(35deg)
}
.withdraw h2 {
	font-size: 20px;
	text-transform: none;
	line-height: 26px;
	color: #111;
	text-align: left;
	font-weight: 700
}
.withdraw ul {
	margin-left: 30px;
	margin-bottom: 10px
}
.withdraw ul li {
	margin-bottom: 5px;
	list-style: square
}
.withdraw table {
	width: 100%;
	max-width: 800px;
	margin-bottom: 20px;
	border-collapse: collapse
}
.withdraw table thead th {
	font-weight: 400;
	text-align: left;
	padding: 10px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee
}
.withdraw table thead th:not(:first-child) {
	text-align: right
}
.withdraw table tbody td {
	padding: 6px 10px;
	width: 33.333333%
}

@media only screen and (max-width:991px) {
.withdraw table tbody td {
	width: 20%
}
}
.withdraw table tbody td:not(:first-child) {
	text-align: right
}

@media only screen and (max-width:991px) {
.withdraw table tbody td:nth-child(2) {
	width: 60%
}
}
.withdraw table tbody tr.bordered td {
	padding: 0
}
.withdraw table tbody tr.bordered td:not(:first-child) {
	border-bottom: 1px solid #eee
}
.withdraw table tbody tr:last-child td {
	border-bottom: 2px solid #eee
}
.withdraw form {
	max-width: 800px
}
.withdraw input, .withdraw select {
	border: 1px solid #eee;
	border-radius: 3px
}
.withdraw .form-element {
	display: flex;
	align-items: center;
	margin-bottom: 10px
}

@media only screen and (max-width:500px) {
.withdraw .form-element {
	flex-direction: column;
	align-items: flex-start
}
}
.withdraw .form-element label {
	font-size: 14px;
	margin-right: 10px;
	text-align: right;
	flex: 0 0 200px
}

@media only screen and (max-width:500px) {
.withdraw .form-element label {
	flex: 0 0 100%;
	margin-bottom: 5px
}
}
.withdraw .btn-withdraw {
	background-color: #ad2424;
	display: inline-block;
	width: 100%;
	max-width: 200px;
	margin: 0 auto
}
.withdraw-disclaimer {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: rgba(197,37,77,.233);
	padding: 10px;
	box-shadow: 0 2px 2px rgba(241,168,168,.267)
}
.withdraw-fields {
	display: none
}
.withdraw-fields h3 {
	margin-bottom: 5px
}
.withdraw-fields form .form-element {
	display: block
}
.withdraw-fields .btnPaypal {
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
	display: block;
	background-color: transparent
}
.withdraw-fields .btnPaypal img {
	width: 100%
}
.withdraw-attempts {
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 800px;
	padding: 10px 10px 7px 10px;
	background: rgba(240,186,186,.3)
}
.withdraw-attempts h3 {
	color: #666;
	font-size: 16px;
	margin-bottom: 0
}
.withdraw-attempts ul {
	margin-left: 0;
	margin-bottom: 0
}
.withdraw-attempts ul li {
	list-style: none;
	margin-left: 5px;
	color: #999
}
.withdraw-attempts ul li .fa-times {
	color: #c50101
}
.withdraw-methods {
	margin-top: 20px
}
.withdraw-methods .methods {
	margin-top: 20px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap
}
.withdraw-methods .method {
	width: 23%;
	margin: 1%;
	cursor: pointer;
	transition: transform .5s
}

@media only screen and (max-width:767px) {
.withdraw-methods .method {
	width: 48%
}
}
.withdraw-methods .method-head img {
	width: 100%;
	display: block
}
.withdraw-methods .method-desc {
	text-align: center;
	padding: 20px 10px;
	text-transform: uppercase;
	background-color: #fff;
	font-weight: 700;
	color: #666;
	box-shadow: 0 3px 3px rgba(0,0,0,.1)
}

@media only screen and (max-width:1020px) {
.withdraw-methods .method-desc {
	font-size: 14px
}
}

@media only screen and (max-width:900px) {
.withdraw-methods .method-desc {
	font-size: 13px
}
}

@media only screen and (max-width:850px) {
.withdraw-methods .method-desc {
	font-size: 12px
}
}

@media only screen and (max-width:800px) {
.withdraw-methods .method-desc {
	padding: 20px 5px
}
}
.withdraw-methods .method:hover {
	transform: translateY(-5px)
}
.withdraw-methods .method.active {
	border: 2px solid #ad2424;
	position: relative;
	overflow: hidden
}
.withdraw-methods .method.active::before {
	content: '\2714';
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #ad2424;
	border: 2px solid #ad2424;
	position: absolute;
	right: -10px;
	top: -10px
}
.withdraw .steps {
	display: none
}
#notification-content img {
	max-width: 50px
}
ul#notification-content a {
	padding-top: 0;
	color: #333
}
#notification-content {
	font-size: 14px;
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto
}
#notification-content li {
	color: #000!important
}
#notification-content li .text {
	margin-left: 5px;
	color: #7b7979;
	font-size: 12px
}
#notification-content li .text a {
	display: inline-block!important;
	padding: 0!important;
	color: #0560a2!important
}
#notification-content li strong.text {
	font-size: 15px
}
#notification-content li .text span {
	display: block;
	margin-top: 3px
}
#notification-content::-webkit-scrollbar {
width:6px;
background-color:#f5f5f5
}
#notification-content::-webkit-scrollbar-track {
background:#f1f1f1
}
#notification-content::-webkit-scrollbar-thumb {
background-color:#a09f9f
}
#notification-content::-webkit-scrollbar-thumb:hover {
background:#555
}

@media(max-width:767px) {
#notification-content li .text a {
	display: inline-block!important;
	padding: 0!important;
	color: #0560a2!important;
	border: none;
	width: auto;
	margin: 0
}
}
.chatuserlist-u {
	cursor: pointer;
	border: 1px solid #fff;
	width: 99%
}
.chatuserlist-u.active, .chatuserlist-u:hover {
	background: #d8d8d8;
	border: 1px solid #06508e
}
#loginbtnformlogin {
	position: relative
}
#loginbtnformlogin.open:before {
	background: url(../../../images/loading.gif) rgba(186,187,187,.22);
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center
}
#loginbtnformlogin2 {
	position: relative
}
#loginbtnformlogin2.open:before {
	background: url(../../../images/loading.gif) rgba(186,187,187,.22);
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center
}
.nofound {
	text-align: center;
	padding: 40px 0 100px;
	color: #515353;
	width: 100%
}
.nofound h3 {
	font-size: 26px;
	margin-bottom: 10px
}
.nofound p {
	font-size: 18px
}
.nofound img {
	width: 200px;
	height: 200px;
	object-fit: cover
}
label.req {
	position: relative;
	display: block
}
label.req:after {
	content: "*";
	position: absolute;
	font-size: 18px;
	color: red;
	margin-left: 2px;
	margin-top: -5px;
	display: inline-block
}
.req::after {
	content: "*";
	position: absolute;
	color: red;
	font-size: 16px;
	margin-left: 12px;
	margin-top: 0
}
.vis {
	background-color: red!important
}
.colo {
	background-color: red!important
}
.detail .d>* {
	padding: 10px!important
}
.detail .d * {
	text-align: left!important;
	margin: 0!important;
	font-size: 16px!important;
	position: static!important;
	width: auto!important;
	line-height: 35px
}
.detail .d img {
	object-fit: contain!important
}
.detail .d ol, .detail .d ul {
	margin-left: 35px!important
}
.detail .d ol li, .detail .d ul li {
	padding-left: 6px!important
}
.footer-expanded .item ul li a:hover {
	color: #000
}
.mr-d {
	text-align: center;
	margin: 20px 0
}
.jconfirm-box {
	width: 360px!important;
	margin: auto!important
}

@media(max-width:468px) {
jconfirm-box {
	width: 90%!important
}
}
.ur-bn, .ur-un {
	display: block;
	text-align: center;
	margin: 10px auto;
	width: 300px;
	padding: 10px;
	font-size: 17px;
	font-weight: 700
}
.ur-un {
	background: #c3f0fd;
	color: #00008b
}
.ur-bn {
	background: #fcc5c6;
	color: #8b0000
}
.dg-b-icon {
	position: relative;
	display: block
}
.dg-b-icon:after {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: -33px;
	right: 15px;
	font-size: 20px;
	display: inline-block
}
.dg-b-success {
	border: 1px solid green!important
}
.dg-b-success+.dg-b-icon:after {
	content: "\f058";
	color: green
}
.dg-b-error {
	border: 1px solid red!important
}
.dg-b-error+.dg-b-icon:after {
	content: "\f057";
	color: red
}
.dg-b-error:focus {
	outline: 0!important
}
.dg-b-success:focus {
	outline: 0!important
}
.dg-ph-msg+.dg-b-icon:after {
	top: -12px
}
._dg_error {
	color: #dc143c;
	margin-top: 2px;
	font-size: 14px
}
#contactformsuccess input, #contactformsuccess select {
	margin-bottom: 0!important
}
#contactformsuccess .flex {
	align-items: baseline;
	justify-content: flex-end
}
#contactformsuccess .flex>div {
	flex: 50%;
	margin-bottom: 10px
}
#contactformsuccess .flex>div:first-child {
	margin-right: 10px
}
#contactformsuccess .flex>div .chosen-container {
	margin-bottom: 0!important;
	width: 100%!important
}
#ct-label {
	position: relative;
	display: block
}
#ct-label .cc {
	position: absolute;
	right: 0;
	background: 0 0!important;
	line-height: initial!important;
	margin: 0 5px!important;
	width: auto!important;
	color: #716f6f;
	font-weight: 400;
	font-size: 13px
}
.up-suc-ds {
	border: 1px solid #4caf50
}
.up-err-ds, .up-prs-ds, .up-suc-ds {
	position: relative
}
.up-suc-ds:after {
	content: "\f00c";
	position: absolute;
	color: #fff;
	background: #0080009c;
	padding: 11px;
	top: 24px;
	text-transform: capitalize;
	font-stretch: extra-expanded;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	border-radius: 100%
}
.productdetail__imgupload label[for=adpic1]:after {
	content: "Cover";
	position: absolute;
	bottom: 0!important;
	font-size: 12px!important;
	background: azure;
	width: 88%;
	text-align: center;
	padding: 5px;
	font-weight: 700;
	font-family: arial;
	border-radius: 0!important;
	top: 62px!important;
	color: #666!important
}
.productdetail__imgupload label[for=adpic1], .up-suc-ds[for=adpic1] {
	border: 1px solid #219006
}
.up-err-ds:after {
	content: "Error";
	position: absolute;
	color: #fff;
	font-size: 12px;
	background: #c30606;
	font-family: arial;
	padding: 5px 15px;
	bottom: 8px;
	text-transform: capitalize;
	font-stretch: extra-expanded
}
.up-err-ds:hover:before {
	content: attr(data-msg);
	position: absolute;
	color: #fff;
	background: #373636;
	padding: 5px 15px;
	bottom: 35px;
	width: max-content;
	z-index: 999999;
	text-align: center;
	text-transform: initial;
	font-size: 13px;
	font-family: inherit
}
.up-prs-ds:before {
	content: " ";
	display: block;
	background: url(../../images/loading.gif) no-repeat rgba(0,0,0,.3);
	height: 100%;
	width: 100%;
	position: absolute
}

@media print {
.section__search, header {
	display: none
}
.advertise-image, .advertise-imagess, .advertiseImage1{
	display: none
}
.main-p {
	display: block
}
.owl-stage {
	transform: translate3d(0, 0, 0)!important;
	width: auto!important;
	display: block
}
.owl-carousel-counter, .owl-stage .cloned {
	display: none!important
}
.imgcollection {
	border: none
}
.owl-item {
	width: auto!important;
	height: auto!important;
	float: left
}
.imgcollection .single .owl-item div img {
	height: 200px!important;
	width: 200px!important;
	object-fit: scale-down;
	border: 1px solid #ccc;
	margin-bottom: 30px
}
.actions, .owl-dots, .owl-dots-arrow, .owl-nav, .relatedposts, .sellerposts, footer {
	display: none!important
}
.seller #login-btn-sup, .seller__contact-no {
	display: none!important
}
.dashbaord-nav {
	display: none
}
.postedin {
	display: none
}
.statictics2 {
	display: none
}
.img {
	display: none
}
.cus-lis {
	display: none
}
.right .head {
	display: none
}
#myBtnScroll {
	display: none!important
}
#fb-root {
	display: none
}
.main-p .right {
	margin-left: 0
}
.detail, .imgcollection, .main-p .right .general, .main-p .right .seller {
	page-break-inside: avoid;
	break-inside: avoid
}
#printBtn {
	display: none
}
}
#desplog {
	text-align: center;
	font-weight: 18px!important;
	background-color: green;
	color: #fff;
	padding: 9px
}
span[data-tooltip=yes] {
	position: relative;
	display: inline-block;
	float: right
}
span[data-tooltip=yes]:hover:before {
	content: attr(data-title);
	width: max-content;
	max-width: 250px;
	background-color: #2b78aa;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 22px;
	text-transform: initial;
	font-weight: 600;
	cursor: help
}
span[data-tooltip=yes]:after {
	content: "!";
	background: #000;
	padding: 0;
	color: #fff;
	width: 17px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 700;
	margin-left: 10px
}
.yt-tip {
	right: 30px!important
}
.tool {
	cursor: help;
	position: relative
}
.tool::after, .tool::before {
	left: 50%;
	opacity: 0;
	position: absolute;
	z-index: -100
}
.tool:focus::after, .tool:focus::before, .tool:hover::after, .tool:hover::before {
	opacity: 1;
	transform: scale(1) translateY(0);
	z-index: 100
}
.tool::before {
	border-style: solid;
	border-width: 1em .75em 0 .75em;
	border-color: #3e474f transparent transparent transparent;
	bottom: 100%;
	content: "";
	margin-left: -.5em;
	transition: all .65s cubic-bezier(.84, -.18, .31, 1.26), opacity .65s .5s;
	transform: scale(.6) translateY(-90%)
}
.tool:focus::before, .tool:hover::before {
	transition: all .65s cubic-bezier(.84, -.18, .31, 1.26) .2s
}
.tool::after {
	background: #3e474f;
	border-radius: .25em;
	bottom: 180%;
	color: #edeff0;
	content: attr(data-tip);
	margin-left: -8.75em;
	padding: 1em;
	transition: all .65s cubic-bezier(.84, -.18, .31, 1.26) .2s;
	transform: scale(.6) translateY(50%);
	width: 17.5em
}
.tool:focus::after, .tool:hover::after {
	transition: all .65s cubic-bezier(.84, -.18, .31, 1.26)
}
.post-count {
	background: #535353;
	display: block;
	flex: auto;
	padding: 10px;
	margin-top: 10px;
	font-size: 20px;
	color: #fff;
	font-weight: 700
}
.chk-st-d {
	position: relative;
	cursor: pointer;
	margin-top: 5px;
	margin-right: 5px;
	display: inline-block
}
.chk-st-d input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}
.chk-st-d span {
	display: block;
	padding: 5px 10px;
	border: 1px solid #333;
	cursor: pointer
}
.chk-st-d input:checked~span {
	background: #457fa524;
	border-color: #2b78aa;
	color: #2b78aa;
	font-weight: 700
}
.chk-st-d input:checked~span:after {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	top: -9px;
	right: -4px;
	color: green;
	position: absolute
}
.dloader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #3498db;
	width: 60px;
	height: 60px;
	display: inline-block;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite
}
.up-process:before {
	position: absolute;
	content: " ";
	border: 8px solid #fff;
	border-radius: 50%;
	border-top: 8px solid #3a950b;
	width: 40px;
	height: 40px;
	display: block;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes spin {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.aj_ld_c .post.flex .post__head {
	width: 100px
}
.aj_ld_c .post.flex img {
	max-height: 120px
}
.no-m {
	font-size: 15px;
	color: red;
	font-weight: 500
}
.chat_top_add {
	display: block;
	cursor: pointer;
	padding: 7px;
	padding-bottom: 1px;
	border: 1px solid #ccc;
	margin-bottom: 15px
}
.chat_top_add>div {
	display: inline-flex;
	width: 100%
}
.chat_top_add>div>div:first-child {
	flex: 0 0 60px;
	height: 60px
}
.chat_top_add>div>div:last-child {
	margin-top: 0;
	padding-top: 0
}
.chat_top_add>div img {
	width: 50px;
	height: 100%;
	object-fit: cover
}
.chat_top_add>div>div h3 {
	margin: 0!important;
	color: #464646;
	font-size: 16px;
	margin-bottom: 3px
}
.chat_top_add>div>div span {
	color: #666;
	font-size: 13px;
	font-weight: 600;
	display: block;
	margin-top: 4px;
	margin-right: 30px
}
.identity {
	position: relative
}
.identity .dld {
	height: 100%;
	width: 100%;
	z-index: 9999;
	background: rgba(0,0,0,.2);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: end;
	align-items: flex-end;
	padding-bottom: 108px
}
.identity .hm {
	text-align: center;
	padding: 73px 0;
	background: #deeff7;
	color: #0776ce;
	font-size: 22px;
	line-height: 32px;
	font-family: arial;
	font-weight: 500
}
.offices {
	position: relative
}
.offices .dld {
	height: 100%;
	width: 100%;
	z-index: 9999;
	background: rgba(0,0,0,.2);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: end;
	align-items: flex-end;
	padding-bottom: 108px
}
.offices .hm {
	text-align: center;
	padding: 73px 0;
	background: #deeff7;
	color: #0776ce;
	font-size: 22px;
	line-height: 32px;
	font-family: arial;
	font-weight: 500
}
.right {
	position: relative
}
.right .dld {
	height: 100%;
	width: 100%;
	z-index: 9999;
	background: rgba(0,0,0,.2);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: end;
	align-items: flex-end;
	padding-bottom: 108px
}
.right .hm {
	text-align: center;
	padding: 73px 0;
	background: #deeff7;
	color: #0776ce;
	font-size: 22px;
	line-height: 32px;
	font-family: arial;
	font-weight: 500
}
.billings, .dashboard, .main-seller, .myads, .mynetwork, .pg-h, .settings {
	min-height: 500px
}
#progress {
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: -6px;
	width: 0%;
	height: 2px;
	background: #b91f1f;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-transition: width .5s ease-out, opacity .4s linear;
	-ms-transition: width .5s ease-out, opacity .4s linear;
	-o-transition: width .5s ease-out, opacity .4s linear;
	-webkit-transition: width .5s ease-out, opacity .4s linear;
	transition: width .5s ease-out, opacity .4s linear
}
#progress.done {
	opacity: 0
}
#progress dd, #progress dt {
	position: absolute;
	height: 2px;
	-moz-box-shadow: #b91f1f 1px 0 6px 1px;
	-ms-box-shadow: #b91f1f 1px 0 6px 1px;
	-webkit-box-shadow: #b91f1f 1px 0 6px 1px;
	box-shadow: #b91f1f 1px 0 6px 1px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%
}
#progress dd {
	opacity: 1;
	width: 20px;
	right: 0;
	clip: rect(-6px, 22px, 14px, 10px)
}
#progress dt {
	opacity: 1;
	width: 180px;
	right: -80px;
	clip: rect(-6px, 90px, 14px, -6px)
}
@-moz-keyframes pulse {
30% {
opacity:1
}
60% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes pulse {
30% {
opacity:.6
}
60% {
opacity:0
}
100% {
opacity:.6
}
}
@-o-keyframes pulse {
30% {
opacity:1
}
60% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes pulse {
30% {
opacity:.6
}
60% {
opacity:0
}
100% {
opacity:.6
}
}
@keyframes pulse {
30% {
opacity:1
}
60% {
opacity:0
}
100% {
opacity:1
}
}
#progress.waiting dd, #progress.waiting dt {
	-moz-animation: pulse 2s ease-out 0s infinite;
	-ms-animation: pulse 2s ease-out 0s infinite;
	-o-animation: pulse 2s ease-out 0s infinite;
	-webkit-animation: pulse 2s ease-out 0s infinite;
	animation: pulse 2s ease-out 0s infinite
}
.inline-input {
	display: grid;
	grid-template-columns: 1fr 5fr;
	grid-gap: .5em
}
._withphone, .popup__back {
	display: none
}
.password-reset-email:hover {
	transform: translateY(5px)
}
.password-reset-email.active {
	border: 2px solid #ad2424;
	background-color: #fff;
	color: #3a559a;
	position: relative;
	overflow: hidden
}
.password-reset-mobile:hover {
	transform: translateY(5px)
}
.password-reset-mobile.active {
	border: 2px solid #ad2424;
	background-color: #fff;
	color: #3a559a;
	position: relative;
	overflow: hidden
}
.btn-chat, .btn-offer, .seller #login-btn-sup-c {
	background: #2b78aa;
	color: #fff;
	font-weight: 700
}
.btn-chat:hover, .btn-offer:hover, .seller #login-btn-sup-c:hover {
	background: #12af12!important
}
.makeofferc .jconfirm-box {
	background-image: url(../../images/offer-bg.jpg)!important;
	color: #fff!important;
	background-size: 100% 100%!important
}
.makeofferc-inv .jconfirm-box {
	background-color: #e74d3e!important;
	color: #fff!important;
	background-size: 100% 100%!important
}
@keyframes blink {
0% {
opacity:.1
}
20% {
opacity:.5
}
50% {
opacity:.7
}
100% {
opacity:1
}
}
.package-no-limit {
	background: #fee3e4
}
.postedin {
	text-align: center
}
.postedin h3 {
	font-size: 16px!important;
	color: #fff
}
.postedin .item .icon {
	width: 60px!important;
	height: 60px!important
}
.postedin ul {
	display: block;
	text-align: left;
	border: 1px solid #ddd;
	font-size: 14px
}
.postedin ul li {
	cursor: pointer;
	padding: 5px 10px;
	border-bottom: 1px solid #ddd
}
.postedin ul li:hover {
	background-color: #2b78aa;
	color: #fff
}

@media only screen and (max-width:767px) {
.header__mini #menu-user-content li a {
	font-size: 16px!important
}
}
[data-dp='__dp_child'], [data-dp='__dp_sub_child'] {
	display: none
}
.__adps_o .form-element, .__adps_o .form-group {
	margin-bottom: 25px
}
._ad_p_frm {
	display: none
}
._hmp_nw {
	margin-bottom: 30px;
	text-align: center
}
@media(max-width:560px){
	._hmp_nw{min-height:660px}
}
._hmp_nw_fl {
	justify-content: center
}
._hmp_nw_fl li {
	list-style-type: none;
	display: inline-block;
	width: 130px;
	position: relative;
	height: 130px;
	border: 2px solid red;
	z-index: 0;
	transition: all .3s ease;
	opacity: 1;
	margin: 10px
}
._hmp_nw_fl .bxr img {
	top: 45px
}
._hmp_nw ._hmp_nw_fl a {
	display: block;
	width: 100%
}
._hmp_nw ._hmp_nw_fl a span {
	padding-top: 85px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	padding: 0 3px
}
._hmp_nw_fl .bxr img {
	width: 100%;
	height: 70px
}

@media(max-width:480px) {
._hmp_nw_fl li {
	width: 110px;
	margin: 10px 5px
}
}

@media(max-width:370px) {
._hmp_nw_fl li {
	width: 105px;
	margin: 10px 5px
}
}
._hmp_nw_fl li:after, ._hmp_nw_fl li:before {
	content: "";
	display: block;
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	opacity: 1
}
._hmp_nw_fl li:before {
	width: calc(100% + 5px);
	height: 100%;
	z-index: 1
}
._hmp_nw_fl li:after {
	height: calc(100% + 5px);
	width: 100%;
	z-index: 1
}
._hmp_nw_fl li:before, ._hmp_nw_fl li:focus:before {
	height: 85%;
	opacity: .8
}
._hmp_nw_fl li:after, ._hmp_nw_fl li:focus:after {
	width: 85%;
	opacity: .8
}
._hmp_nw_fl .bxr {
	fill: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: all .5s ease;
	z-index: 2
}
._hmp_nw_fl li:hover:after {
	width: 0
}
._hmp_nw_fl li:hover:before {
	height: 0
}
._hmp_nw_fl li:hover img {
	transition: .9s;
	transform: rotateY(180deg)
}
.__vw_al {
	text-align: center;
	margin-top: 30px
}
._ctg_bnr img {
	object-fit: cover;
	max-height: 200px;
	width: 100%;
	margin: 25px 0
}
.for-align {
	text-align: center
}
.like-box {
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #ccc
}
.social-box {
	height: 35px
}
.social-box iframe {
	box-sizing: unset;
	margin: 0!important;
	padding: 0!important
}
.fb-button {
	border: 1px double #ccc;
	padding: 5px
}
.wid-fifty {
	width: 50%
}
.max-wid {
	margin-right: auto;
	margin-left: auto
}
.d-inline-flex {
	display: inline-flex
}
.justify-content-center {
	justify-content: center
}
.d-flex {
	display: flex
}
.align-items-center {
	align-items: center
}
.text-tomato {
	color: tomato
}
.text-purple {
	color: #17a2b8
}
.text-capitalize {
	text-transform: capitalize
}
.bg-success {
	background-color: #28a745
}
.bg-danger {
	background-color: #dc3545
}
.bg-drake {
	background-color: #343a40
}
.bg-white h1 {
	font-size: 2.5rem;
	font-weight: 600;
	margin: 0
}
.sec-heading {
	font-size: 2.5rem;
	margin: .67em 0
}
.mainblog h4, .tb-content h4 {
	font-size: 1.5rem;
	margin-top: 1.33em;
	margin-bottom: 1.33em;
	margin-left: 0;
	margin-right: 0;
	color: #2b78aa
}
.mainblog h5 {
	font-size: 1.25rem;
	margin-top: 1.67em;
	margin-bottom: 1.67em;
	margin-left: 0;
	margin-right: 0
}
.mainblog h2 {
	font-size: 1.7rem!important;
	text-align: inherit;
	color: #2b78aa
}
.mainblog h6 {
	font-size: 1rem;
	margin-top: 2.33em;
	margin-bottom: 2.33em;
	margin-left: 0;
	margin-right: 0
}
.post-category p:nth-child(2) {
	text-align: right;
	margin: 1em 0
}
.post-category p {
	color: #6c757d;
	margin: 0!important
}
.post-category p i {
	padding-right: 5px
}
.mainblog {
	padding: 0!important
}
.post-category {
	display: flex;
	justify-content: space-between;
	margin: 0
}
.main {
	margin-top: 15px;
	align-content: flex-start;
	align-items: flex-start;
	padding-bottom: 10px
}
.wid-for-hun {
	width: 100%
}
.tb-content {
	background-image: url(../../images/post-bg.webp);
	background-size: cover;
	border: 2px solid #ccc
}
.tb-content li:before {
	content: counters(item, ".") " -";
	color: #673ab7;
	display: table-cell;
	text-align: right;
	padding: 2px 5px;
	counter-increment: item
}
.tb-content li:hover:before {
	color: #81da9e
}
.tb-content legend {
	margin-left: 30px;
	font-weight: 700;
	text-transform: capitalize;
	left: 50%;
	color: #191919;
	font-size: 22px;
	padding: 0 10px;
	max-width: 27%
}
legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal
}
.mainblog hr {
	margin-top: 1rem!important;
	margin-bottom: 1rem!important;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1)
}
.mainblog hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
.latest-entries a:hover, .post-bread li a:hover, .single-title:hover {
	color: #2b78aa;
	text-decoration: none
}
.text-justify {
	text-align: justify
}
.mainblog ol, .mainblog ul, .text-just {
	font-size: 18px;
	font-weight: 600;
	line-height: 35px;
	text-align: justify
}
.mainblog table li {
	list-style-type: disc
}
.mainblog p {
	font-size: 18px;
	font-weight: 600;
	text-align: justify;
	line-height: 32px
}
.mainblog p strong {
	font-weight: bolder
}
.text-success {
	color: #28a745
}
.faqs-section .card-header {
	background: #fff;
	padding: 15px
}
.faqs-section .card-link {
	font-size: 18px;
	color: #13192d;
	font-weight: 600
}
.faqs-section .accordion {
	border: 1px solid #ccc
}
.mainblog dl, .mainblog ol, .mainblog ul {
	margin-top: 0;
	margin-bottom: 1rem;
	padding-left: 40px
}
.tb-content ol a {
	color: #673ab7;
	display: inline;
	font-weight: 600;
	padding: .5rem .1rem;
	text-decoration: none
}
.tb-content ol li {
	display: table
}
.post-category p .tb-content .outer .nested-1 {
	padding: 8px 0;
	margin-bottom: -5px
}
.tb-content ol {
	counter-reset: item;
	padding-left: 40px
}
.tb-content ol li a:before:hover {
color:#81da9e;
transition:all 250ms ease
}
.tb-content ol li:hover>a {
	color: #81da9e;
	transition: all 250ms ease
}
.pad-fr-t, .pad-fr-y {
	padding-top: .5rem
}
img {
	vertical-align: middle;
	border-style: none
}
.img-fluid {
	max-width: 100%
}
.s-links:hover {
	text-decoration: underline!important;
	color: #ab2d2f!important
}
.mainblog a:hover {
	text-decoration: none
}
.s-links {
	text-decoration: none;
	color: #dc3545;
	padding: 2px 5px
}
.related-row li {
	list-style: none;
	color: #076785;
	position: relative
}
.related-row li i {
	position: absolute;
	top: 10px;
	left: 0
}
.related-row li a {
	color: #076785;
	font-size: 18px;
	font-weight: 600;
	padding-left: 25px;
	padding-top: 1px;
	text-decoration: none
}
.nav-link {
	display: block;
	padding: .5rem 1rem
}
.text-info {
	color: #17a2b8
}
.text-wite {
	color: #f8f9fa
}
table {
	border-collapse: collapse
}
.margin-for-y {
	margin-bottom: .5rem
}
.mainblog blockquote {
	position: relative;
	font-size: 22px;
	line-height: 30px;
	margin: 1em 40px;
	padding-left: 1rem;
	padding-right: 1rem
}
.mainblog blockquote i {
	position: absolute;
	left: -10px;
	color: tomato
}
.table td, .table th {
	padding: .75rem!important;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
	text-align: left
}
.gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1em
}
table.tbl-green {
	border: 2px solid #28a745
}
table.tbl-dark {
	border: 2px solid #343a40
}
table.tbl-border {
	border-radius: 10px
}
table.tbl-red {
	border: 2px solid #dc3545
}
.mainblog .collapsible {
	border: 1px solid #2b78aa;
	border-bottom: none;
	color: #2b78aa;
	border-radius: 0!important;
	cursor: pointer;
	padding: 12px 8px;
	font-weight: 600;
	width: 100%;
	text-align: left;
	outline: 0;
	font-size: 15px;
	align-items: center;
	display: flex;
	justify-content: space-between;
	background: #fff
}
.mainblog .active, .mainblog .collapsible:hover {
	color: #fff;
	background-color: #2b78aa
}
.mainblog .active, .mainblog .collapsible:hover:after {
	color: #fff
}
.mainblog .collapsible:after {
	content: '\002B';
	color: #2b78aa;
	font-size: 30px;
	float: right;
	margin-left: 5px
}
.mainblog img {
	width: 100%;
	height: auto
}
.mainblog .active:after {
	color: #fff
}
.mainblog button {
	background: #2b78aa;
	color: #fff;
	padding: 4px 5px;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer
}
.wid-com {
	width: 100%!important;
	margin-bottom: 40px
}
.mainblog .content {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	border-left: 1px solid #2b78aa;
	border-right: 1px solid #2b78aa;
	border-top: none;
	transition: max-height .2s ease-out;
	background-color: #f1f1f1
}
.faqs-section .content:last-child {
	border-bottom: 1px solid #2b78aa
}
.for-bg-color {
	background: rgba(0,0,0,.17)
}
.row {
	overflow: hidden;
	margin: 30px 0;
	z-index: 333
}
.row>.column {
	padding: 0 8px
}
.row:after {
	content: "";
	display: table;
	clear: both
}
.column {
	float: left;
	width: 25%
}
.modal {
	display: none;
	position: fixed;
	z-index: 333;
	padding-top: 10px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000
}
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 80%;
	max-width: 1200px
}
.close {
	color: #fff;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: 700
}
.close:focus, .close:hover {
	color: #999;
	text-decoration: none;
	cursor: pointer
}
.mySlides {
	display: none
}
.cursor {
	cursor: pointer
}
.modal-content .next, .modal-content .prev {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	transition: .6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none
}
.next {
	right: 0;
	border-radius: 3px 0 0 3px
}
.next:hover, .prev:hover {
	background-color: rgba(0,0,0,.8)
}
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0
}
.mySlides img {
	height: 80vh;
	object-fit: contain
}
.c-gal {
	text-align: center;
	background-color: rgba(0,0,0,.9)
}
.c-gal .column {
	width: auto;
	float: none;
	display: inline-block
}
.c-gal .column img {
	width: 80px;
	height: 80px;
	object-fit: cover
}
.c-gal .modal-content {
	background-color: transparent
}
.gl-p img {
	width: 100%;
	height: 150px;
	object-fit: cover
}
.caption-container {
	text-align: center;
	padding: 2px 16px;
	color: #fff
}
.modal-content .caption-container p {
	text-align: center
}
.demo {
	opacity: .6
}
.active, .demo:hover {
	opacity: 1
}
img.hover-shadow {
	transition: .3s
}
.hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19)
}

@media only screen and (max-width:767px) {
.tb-content legend {
	max-width: 70%
}
.wrapper {
	padding: 0 1%;
	margin: 0 auto
}
.tb-content ol {
	padding: 0;
	margin: 0
}
.mainblog ol, .mainblog p, .mainblog ul, .text-just {
	font-size: 15px;
	line-height: 25px
}
.mainblog h4, .tb-content h4 {
	font-size: 1rem
}
.bg-white h1 {
	font-size: 30px
}
.mainblog {
	padding: 0 15px
}
.mainblog dl, .mainblog ol, .mainblog ul {
	padding-left: 0
}
.mainblog .tbl-green ol {
	padding-left: 10px
}
.gl-p img {
	height: 100px
}
.tb-content ol a {
	font-size: 14px
}
}

@media only screen and (max-width:568px) {
.mainblog dl, .mainblog ol, .mainblog ul {
	padding-left: 0
}
}
.main-p .right .posts {
	margin: 25px 0
}
.main-p .right .img {
	margin-top: 15px;
	margin-bottom: 35px
}
.main-p .right .statictics2 {
	margin-top: 30px;
	flex-wrap: wrap
}
.main-p .right .statictics2 .item1 {
	background-color: #2b78aa
}
.main-p .right .statictics2 .item {
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	width: 48%;
	margin-bottom: 4%
}
.main-p .right .statictics2 .item .icon {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	margin-bottom: 20px;
	font-size: 30px
}
.main-p .right .statictics2 .item h2 {
	margin-bottom: 10px;
	color: #fff;
	font-weight: 700
}
.main-p .right .statictics2 .item1 .icon {
	color: #2b78aa
}
.main-p .right .statictics2 .item h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff
}
.main-p .right .statictics2 .item3 {
	background-color: #e87e04
}
.main-p .right .statictics2 .item2 {
	background-color: #1abc9c
}
.main-p .right .statictics2 .item4 {
	background-color: #ad2424
}
.main-p .right .statictics2 .item3 .icon {
	color: #e87e04
}
.main-p .right .statictics2 .item4 .icon {
	color: #ad2424
}
.main-p .right .statictics2 .item2 .icon {
	color: #1abc9c
}
.main-p .right .img img {
	width: 100%
}
.main-p .right ul li a {
	color: #444;
	line-height: 20px;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	visibility: visible;
	padding-left: 5px;
	display: flex
}
.main-p .right .cus-lis li {
	margin-bottom: 10px;
	display: flex;
	padding: 2px
}
.main-p .right ul li a:hover {
	color: #ad2424
}
.main-p .right ul li img {
	max-width: 95px
}
.main-p .right .cus-lis {
	margin: 20px 0 35px 0
}
.main-p .right .list li {
	margin-bottom: 0
}
.main-p .right .list li a {
	display: block;
	width: 100%;
	word-spacing: -1px;
	padding: 10px;
	border-left: 2px solid #1abc9c;
	font-weight: 500;
	margin-bottom: 0;
	font-size: 15px;
	color: #333;
	background: #fafafa;
	transition: all .3s
}
.main-p .right .list li a:hover {
	border-left: 2px solid #ad2424
}
.main-p .right .head h2 {
	margin-top: 9px;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	line-height: 27px
}
.main-p .right .posts .post {
	width: 100%
}
.main-p .right ul li .fa-eye {
	color: #444;
	padding-left: 5px;
	padding-top: 30px
}
.main-p .right ul li .date {
	display: inline-block;
	float: right;
	padding-top: 30px
}
#myBtnScroll:hover {
	opacity: 1
}
#myBtnScroll {
	display: none;
	position: fixed;
	bottom: 30px;
	width: 50px;
	height: 50px;
	right: 100px;
	z-index: 99;
	font-size: 25px;
	text-align: center;
	border: none;
	outline: 0;
	transition: transform .5s ease;
	background-color: #2b78aa;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 10px;
	box-shadow: 0 0 40px rgba(0,0,0,.4);
	opacity: .5
}
.fb-customerchat iframe, .fb_dialog_content iframe {
	margin: 0!important;
	padding: 0!important;
	border: none!important
}
#latest-products {
	position: relative
}
#latest-products .post {
	border: none!important
}
#latest-products .owl-nav {
	position: absolute;
	top: 50%
}
#latest-products img {
	width: 100%;
	height: 180px;
	object-fit: cover
}
.main .left #list {
	display: block
}
#view-group, #view-single {
	background: #9e9e9e
}
#view-group.active, #view-single.active {
	background: #2b78aa
}
.user-badge {
	position: relative
}
.user-badge .status-circle {
	position: absolute;
	bottom: -5px;
	right: 35%;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: grey;
	border: 2px solid #fff
}
.user-badge .status-circle.status-online {
	background: green
}

@media(max-width:768px) {
.user-badge .status-circle {
	right: 45%
}
}

@media(max-width:480px) {
.user-badge .status-circle {
	right: 40%
}
}
.soverlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,.8) url(../../images/notification-loader.gif) center no-repeat
}
#notification-content .loading {
	overflow: hidden
}
#notification-content .loading .soverlay {
	display: block
}
#notification-content {
	display: none;
}

@media(max-width:991px) {
.atss {
	position: inherit !important;
}
}
.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
			text-align: left;
			width: 100% !important;
  }
  
  .chosen-container * {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  
  .chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	z-index: 1010;
	width: 100%;
	border: 1px solid #aaa;
	border-top: 0;
	background: #fff;
	
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(100% 100%);
			clip-path: inset(100% 100%);
  }
  
  .chosen-container.chosen-with-drop .chosen-drop {
	clip: auto;
	-webkit-clip-path: none;
			clip-path: none;
  }
  
  .chosen-container a {
	cursor: pointer;
  }
  
  .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
	color: #999999;
  }
  
  .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
	content: ":";
	padding-left: 2px;
	vertical-align: top;
  }
  
  /* @end */
  /* @group Single Chosen */
  .chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 6px;
   
	
	background-color: #fff;
   
	background-clip: padding-box;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
  }
  
  .chosen-container-single .chosen-default {
	color: #999;
  }
  
  .chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
  }
  
  .chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px;
  }
  
  .chosen-container-single .chosen-single abbr {
	position: absolute;
	top: 13px;
	right: 26px;
	display: block;
	width: 12px;
	height: 12px;
	background: url("../images/chosen-close.png") 0 0 no-repeat;
	font-size: 1px;
	background-size: 12px 12px;
  }
  
  
  
  .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px;
  }
  
  .chosen-container-single .chosen-single div {
	position: absolute;
	top: 7px;
	right: 0;
	display: block;
	width: 18px;
	height: 100%;
  }
  
  .chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/chosen-sprite.png") no-repeat 0px 2px;
  }
  
  .chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
  }
  
  .chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #aaa;
	background: url("../images/chosen-magnify.png") no-repeat 99% 50%;
	background-size: 15px;
	font-size: 13px;
	line-height: normal;
	border-radius: 0;
  }
  
  .chosen-container-single .chosen-drop {
	
	background-clip: padding-box;
  }
  
  .chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(100% 100%);
			clip-path: inset(100% 100%);
  }
  
  /* @end */
  /* @group Results */
  .chosen-container .chosen-results {
	color: #444;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	max-height: 240px;
	-webkit-overflow-scrolling: touch;
  }
  
  .chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none;
  }
  
  .chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
  }
  
  .chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default;
  }
  
  .chosen-container .chosen-results li.highlighted {
	background-color: #3875d7;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
	color: #fff;
  }
  
  .chosen-container .chosen-results li.no-results {
	color: #777;
	display: list-item;
	background: #f4f4f4;
  }
  
  .chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default;
  }
  
  .chosen-container .chosen-results li.group-option {
	padding-left: 15px;
  }
  
  .chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
  }
  
  /* @end */
  /* @group Multi Chosen */
  .chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	height: auto;
	background-color: #fff;
   
	cursor: text;
  }
  
  .chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none;
  }
  
  .chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
  }
  
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	padding: 0;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	-webkit-box-shadow: none;
			box-shadow: none;
	color: #999;
	line-height: normal;
	border-radius: 0 !important;
  
	
  }
  
  .chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 5px 5px 3px 0;
	padding: 3px 20px 3px 5px;
  
	max-width: 100%;
  
	background-color: #d8d8d8;
   
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	
	color: #333;
	line-height: 13px;
	cursor: default;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice span {
	word-wrap: break-word;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
	background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
	font-size: 1px;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background-position: -42px -10px;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	color: #666;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px;
  }
  
  .chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0;
  }
  
  .chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default;
  }
  
  /* @end */
  /* @group Active  */
  .chosen-container-active .chosen-single {
	border: 1px solid #5897fb;
	
  }
  
  .chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #aaa;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  
   
	
  }
  
  .chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: none;
	background: transparent;
  }
  
  .chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 2px;
  }
  
  .chosen-container-active .chosen-choices {
	border: 1px solid #5897fb;
	
  }
  
  .chosen-container-active .chosen-choices li.search-field input[type="text"] {
	color: #222 !important;
  }
  
  /* @end */
  /* @group Disabled Support */
  .chosen-disabled {
	opacity: 0.5 !important;
	cursor: default;
  }
  
  .chosen-disabled .chosen-single {
	cursor: default;
  }
  
  .chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default;
  }
  
  /* @end */
  /* @group Right to Left */
  .chosen-rtl {
	text-align: right;
  }
  
  .chosen-rtl .chosen-single {
	overflow: visible;
	padding: 0 8px 0 0;
  }
  
  .chosen-rtl .chosen-single span {
	margin-right: 0;
	margin-left: 26px;
	direction: rtl;
  }
  
  .chosen-rtl .chosen-single-with-deselect span {
	margin-left: 38px;
  }
  
  .chosen-rtl .chosen-single div {
	right: auto;
	left: 3px;
  }
  
  .chosen-rtl .chosen-single abbr {
	right: auto;
	left: 26px;
  }
  
  .chosen-rtl .chosen-choices li {
	float: right;
  }
  
  .chosen-rtl .chosen-choices li.search-field input[type="text"] {
	direction: rtl;
  }
  
  .chosen-rtl .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
	padding: 3px 5px 3px 19px;
  }
  
  .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
	right: auto;
	left: 4px;
  }
  
  .chosen-rtl.chosen-container-single .chosen-results {
	margin: 0 0 4px 4px;
	padding: 0 4px 0 0;
  }
  
  .chosen-rtl .chosen-results li.group-option {
	padding-right: 15px;
	padding-left: 0;
  }
  
  .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
	border-right: none;
  }
  
  .chosen-rtl .chosen-search input[type="text"] {
	padding: 4px 5px 4px 20px;
	background: url("../images/chosen-sprite.png") no-repeat -30px -20px;
	direction: rtl;
  }
  
  .chosen-rtl.chosen-container-single .chosen-single div b {
	background-position: 6px 2px;
  }
  
  .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
	background-position: -12px 2px;
  }