@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Spectral+SC:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Nunito Sans', sans-serif;
font-size: 18px;
text-transform: initial!important;
}
html {
overflow-x: hidden;
scroll-behavior: smooth;
}
body {/*overflow-x: hidden;*/}
input:focus,
textarea:focus{
outline: none;
}
a,a:hover{
text-decoration: none;
cursor: pointer;
font-size: 18px!important;
}
ul li{
list-style: none;
}
input:focus, textarea:focus {
    outline: none!important;
    box-shadow: none!important;
}

.container {
width: 1170px;
margin: auto;
/* background: red; */
padding: 0 15px;
}

.row {
margin: 0 -15px;
}

* {
box-sizing: border-box;
}
form{
	display: flow-root;
	width: 100%;
}
/*common-css-end---------------------------------------------------------------------------------------*/
/*header-area   */
header.header-area {
/* background: rebeccapurple; */
width: 100%;
float: left;
background: #f1f1f1;
padding: 15px 0;
padding-bottom: 0;
}



header.header-area .row {
display: flex;
justify-content: space-between;
align-items: center;
}

.search-area {}

form {}

.search-area .search-box {
position: relative;
width: 100%;
}

.search-area .search-box button {
position: absolute;
right: 0;
top: 0;
border: navajowhite;
background: #F97528;
/* color: #ffffff; */
height: 100%;
padding: 0 15px;
font-size: 20px;
cursor: pointer;
width: 75px;
}

.search-area {
/*background: #444040;*/
/* padding: 7px; */
width: 357px;
margin-right: 4px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0px 2px;
}

.search-area .search-box input {
border: none;
padding: 3px 9px;
font-size: 14px;
width: 100%;
padding-right: 48px;
font-weight: 500;
border-radius: 0;
height: 41px;
}

.logo-area {
width: auto;
}

.logo-area img {
width: 176px;
}

.option-area {
/* background: rebeccapurple; */
}

.option-area ul li {
display: inline-block;
color: white;
/* background: black; */
margin: 1px !important;
float: left;
width: 156px;
}
.wrap-box {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.option-area ul li a {
color: white;
padding: 8px;
background: #444040;
width: 100%!important;
display: block;
text-align: center;
text-transform: capitalize;
}

.option-area ul li i {
padding-right: 8px;
font-size: 14px!important;
}
/*header-area   */

/*hero-area*/
.hero-area {
float: left;
width: 100%;
padding: 0px 0;
}

.hero-area .hero-img-area {
width: 100%;
/*height: 600px;*/
}

.hero-area .hero-img-area img {
width: 100%;
/*height: 100%;*/
object-fit: cover;
object-position: bottom;
}
.option-area ul li a:hover i {
color: #f97528;
transition: .4s all;
}

/*post-area*/
.col-3-1 {
width: 33.33%;
float: left;
overflow: hidden;
}

.col-single-item {
background: #313247;
margin-bottom: 8px;
margin: 0;
}

.col-single-item .col-img {
width: 100%;
/*height: 200px;*/
}

.col-single-item .col-img img {
height: 100%;
object-fit: cover;
width: 100%;
object-position: 
}

section.post-area {
/* padding: 6px; */
width: 100%;
float: left;
}

/*section.post-area .row {
margin: 0px -18px;
}*/


section.post-area .col-desc {
color: white;
padding: 20px;
/* float: left; */
width: 100%;
display: inline-block;
height: 190px;
overflow: hidden;
}





section.post-area .col-desc h3 {
font-weight: 600;
font-size: 18px;
padding-bottom: 7px;
}

section.post-area .col-desc p {
font-weight: 400;
font-size: 15px;
}
.col-3-1:nth-child(2n+2) .col-single-item {
background: #3C3B39;
}

.col-3-1:nth-child(2n+3) .col-single-item {
background: #0D090A;
}

.col-3-1:nth-child(4n+5) .col-single-item {
background: #1C0E0E;
}

.col-3-1:nth-child(4n+6) .col-single-item {
/*background: #4A2222;*/
}

.col-3-1:nth-child(4n+7) .col-single-item {
background: #4467b7;
}
/*post-area*/
.col-5-1 {
width: 20%;
float: left;
overflow: hidden;
}

.col-5-1 .col-signle {
/*margin: 5px;*/
/* padding: 10px; */
/* background: rebeccapurple; */
float: left;
box-shadow: 0 0 3px #6d6d6d;
}

.col-5-1 .col-signle .theme-img {
width: 100%;
object-fit: cover;
overflow: hidden;
}

.col-5-1 .col-signle img {
width: 100%;
}




.section.themes-area {
float: left;
width: 100%;
/*padding-bottom: 50px;*/
float: left;
/* background: rebeccapurple; */
}

.section.themes-area .row {
/* background: #f3f3f3; */
float: left;
padding: 10px 0px;
padding-top: 0;
}

.section-title {
/* padding: 10px; */
}

.section-title h2 {
font-size: 29px;
font-weight: 400;
padding: 10px 5px;
border-left: 10px solid deepskyblue;
background: #ebf7fb;
padding: 9px 11px;
/* margin: 0 7px; */
margin-top: 20px;
margin-bottom: 10px;
}

.theme-title {
/* background: #9b999a; */
/* padding: 15px 0px!important; */
/* margin-bottom: 0px; */
/* text-align: center; */
margin-top: 0px;
float: left;
width: 100%;
/* background: #e4e9ea; */
/* height: 63px; */
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
}

.theme-title h3 {color: black;font-size: 16px;font-weight: 800;/* font-weight: 200!important; *//* font-size: 16px; *//* height: 35px; */}
.section-foot {
width: 100%;
float: left;
padding: 34px 0;
display: flex;
justify-content: space-between;
}

.section-foot a {
color: red;
font-size: 14px;
font-weight: 600;
}

footer.footer-area {
float: left;
width: 100%;
}
.footer-width{
width: 275px!important;
}

.footer-head {
float: left;
}

.footer-head-area {
width: 100%;
background: #403d42;
padding: 15px 0px;
display: flex;
justify-content: space-between;
}

.footer-head-area {
float: left;
margin-bottom: -61px;
}

.footer-head-area .footer-head {
/* padding-right: 60px; */
color: white;
padding-left: 15px;
width: 325px;
}

a.lnk {
background: #1393D3!importanmt;
background: red;
}

a.lnk {
background: #1393D2!important;
}

a.ins {
background: #D64683!important;
}


/*mega menu-css*/
.mega-menu-area {
/* background: #f7f7f7; */
width: 100%;
text-align: right;
margin-top: 10px;
/* box-shadow: 0 0 4px #0000004d; */
position: relative;
/*border-bottom: 1px solid #cdcdcd;*/
margin-bottom: 11px;
display: flex;
justify-content: space-between;
align-items: center;
}

.mega-menu-area ul li {
display: inline-block;
/* padding: 1px; */
color: #3C8CD4;
cursor: pointer;
float: left;
}
.mega-sub-area {
position: absolute;
background: white;
width: 100%;
left: 0;
top: 96%;
/*box-shadow: 0px 1px 6px #b1a4a4;*/
display: none;
background: white;
z-index: 99999999999999;
padding-bottom: 40px;
}

.mega-sub-area p.mega-sub {
/* width: 100%; */
background: #0080ff;
padding: 10px;
color: white;
margin-bottom: 10px;
text-align: center;
font-size: 18px;
}

p.mega-sub {}

.mega-sub-area ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 10px;
width: 100%;
}

.mega-sub-area ul li {
width: 33.33%!important;
float: left;
text-align: left;
padding: 0!important;
}

.mega-menu-area ul li a {
/* background: red; */
display: block;
padding: 10px!important;
font-size: 16px;
/* color: #3C8CD4; */
font-weight: 500;
border: none!important;
}
.mega-menu-area ul li span a {
padding: 10px 17px!important;
display: block;
color: black;
font-style: 14px;
}
.mega-menu-area ul li a:hover {
/*background: #0080ff;*/
background: var(--bl);
color: white;
}
.mega-menu-area ul li:hover span a {color: white!important;}

.mega-menu-area ul li span {
/* padding: 15px; */
display: block;
}

.mega-menu-area ul li:hover {
background: var(--bl);
color:white;
}

.mega-menu-area ul li:hover .mega-sub-area {
display: block;
}
.footer-head-area .footer-head h2 {
font-size: 19px;
font-weight: 600;
}
.more-linkk {
width: 100%;
float: left;
}

.more-linkk a {
color: red!important;
padding-right: 14px!important;
display: inline-block;
margin-right: 7px;
margin-bottom: 11px;
background: deepskyblue;
width: 100px;
float: right;
color: white!important;
text-align: center;
margin-right: 12px;
padding: 0!important;
}
.mega-sub-area.mega-sub-m a:hover {
background: inherit;
}
.more-linkk a:hover {
background: deepskyblue!important;
}


/* add */
.footer-1.footer-common.footer-width {}

.footer-common .footer-head {
/* background: rebeccapurple; */
width: 100%;
display: block;
height: 50px;
margin-bottom: 10px;
}

.footer-common .footer-head h2 {
font-size: 19px;
font-weight: 600;
color: white;
margin-top: -2px;
}
.copy-right-content p {
margin: 0!important;
}
.hero-area .container,section.post-area .container,.themes-area .container {
max-width: 100%!important;
}

/* latestcss  */
.col-single-item .col-img .imageclass {
width: 100%;
height: 250px;
object-fit: cover;
}

.col-single-item .col-img .imageclass img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top;
}


.mega-sub-area.mega-sub-m {
/*     display: block; */
}
li.text-only .mega-sub-area{
left: -72%!important;
}
.mega-sub-area.mega-sub-m .col-signle {
/* background: red; */
overflow: hidden;
/* margin: 5px!important; */
margin: 7px;
/* border: 1px solid gray; */
box-shadow: 0 0 2px #00000075;
}

.mega-sub-area.mega-sub-m a {
padding: 0!important;
margin: 0;
}

.mega-sub-area.mega-sub-m {
/* background: rebeccapurple; */
text-align: center;
padding: 0 17px;
}

.mega-sub-area.mega-sub-m .more-linkk a {
padding: 10px 20px!important;
margin-bottom: 15px;
margin-top: 15px;
width: 137px!important;
}

.mega-sub-area.mega-sub-m .col-signle a {
color: black;font-weight: 500;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
}

.mega-sub-area.mega-sub-m a.imageclass {
width: 100%;
}

.mega-sub-area.mega-sub-m .theme-title {
float: left;
width: 100%;
margin: 0;
background: #e4e9ea;
}



.mega-sub-area.mega-sub-m a.imageclass {
/* background: rebeccapurple; */
display: block;
height: 155px;
}

.mega-sub-area.mega-sub-m a.imageclass img {
height: 100%!important;
object-fit: cover;
}
.col-5-1 .col-signle .theme-img a.imageclass {
height: 185px;
}

.col-5-1 .col-signle .theme-img a.imageclass img {
height: 100%;
width: 100%;
object-fit: cover;
transition: .4s all;
}
.mega-sub-area.mega-sub-m p.mega-sub {
/* background: red; */
margin-left: -17px;
margin-right: -17px;
}
.mega-menu-area ul {
float: right;
}

.mega-sub-area.mega-sub-m .col-signle a:hover {
color: inherit!important;
}

.theme-title h3 a {
color: beige;
color: black;
font-weight: 600;
}

.feature-mega .col-img {}

.feature-mega .col-img a.imageclass {
height: 100%;
float: left;
}
.feature-mega .col-desc a.desc-col {
font-size: 14px;
}
.feature-mega {}

.feature-mega .col-desc {
/* float: left; */
padding: 10px;
text-align: left;
}

.feature-mega .col-desc h3 {
color: white;
}

.feature-mega .col-desc p {
color: white;
}

.feature-mega .col-desc a.desc-col {
}

.feature-mega .col-3-1 {
width: 25%;
}
.mega-menu-area .user-box {
float: left;
/* padding: 20px; */
color: #4e4e4e;
font-size: 19px;
}
.no-marge {
/* background: rebeccapurple; */
/* float: left; */
/* margin: 0!important; */
display: flow-root;
margin: 0 -5px!important;
}
.theme-title h3 a {
background: rebeccapurple;
display: flex;
background: white;
font-weight: 500;
font-size: 15px;
height: 49px;
padding: 3px 10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #444040;
}

.theme-title h3 a:hover {
background: #eef3f5;
/*color: white;*/
transition: .4s all;
}

.col-5-1 .col-signle .theme-img a.imageclass img:hover {
/*transform: scale(1.1222);*/
overflow: hidden;
transition: .4s all;
}


.footer-social-area .social-menu ul li:nth-child(2n) a {
background: #148CD2;
}

.footer-social-area .social-menu ul li:nth-child(2n+3) a {
background: #00B3E6;
}

.footer-social-area .social-menu ul li:nth-child(2n+4) a {}

.user-img {}

.user-wrap {
/* cursor: pointer; */
position: relative;
float: left;
}

.user-wrap ul {
/* display: none; */
background: white;
color: #000000;
width: 146px;
/* padding: 10px; */
box-shadow: 0 0 2px #000000a3;
border-radius: 2px;
position: absolute;
font-size: 15px;
/* font-weight: 600; */
font-style: italic;
display: none;
opacity: 0;
visibility: hidden;
top: 36px;
left: 0px;
z-index: 999999;
}

.user-wrap .user-img {
width: 35px;
height: 35px;
cursor: pointer;
}

.user-wrap .user-img img {
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid;
padding: 7px;
}

.user-wrap ul li {
display: inline-block;
width: 100%;
text-align: left;
padding: 5px 10px;
}

.user-wrap:hover ul {
display: block;
transition: .3s all;
visibility: visible;
opacity: 1;
}

.user-wrap ul li:hover {
background: #cdcdcd;
color: black;
}

.user-wrap ul li a {
padding: 0!important;
margin: 0!important;
display: block;
background: inherit!important;
color: black!important;
}
.usrname {
display: inline-block;
float: left;
/* background: rebeccapurple; */
margin-top: 11px;
margin-left: 11px;
font-size: 15px;
}

/*tmp-css*/
.mega-sub-area {
position: absolute;
background: white;
width: 100%;
/*left: -3px;*/
top: 96%;
box-shadow: 0px 1px 0px 2px #b1a4a4;
background: white;
z-index: 999;
padding-bottom: 0px!important;
}

p.mega-sub {
display: none;
}

.mega-sub-area.mega-sub-m {
padding-top: 13px;
}
.mega-sub-area.mega-sub-m .more-linkk a {
padding: 5px 7px!important;
background: var(--bl)!important;
}
.mega-menu-area ul li a{
color:black;
}

section.footer-n-area {
float: left;
background: black;
width: 100%;
padding-top: 35px;
}
.foot-item-head h3 {
color: white;
border-bottom: 1px solid #f97528;
display: inline-block;
margin-bottom: 14px;
}

.foot-item-1 li a {
color: white;
font-size: 15px;
}

.foot-item-1 li a:hover {
color: #f97528;
transition: .3s all;
}
.fot-col-wrap {
display: flex;
justify-content: space-between;
}

section.foot-social {width: 100%;float: left;margin-top: 17px;}

section.foot-social .row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.foot-payment-img img {
height: 36px;
}
.foot-social-buttons ul li {
display: inline-block;
}
.foot-social-buttons ul li a {
color: white;
background: #3970A9;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.ins {
background: #9A57A4!important;
}
.linkedin {
background: #1193D1!important;
}
.twitter {
background: #00AEED!important;
}
section.copyright-area {
float: left;
width: 100%;
background: rebeccapurple;
background: #f1f1f1;
padding: 10px;
margin-top: 14px;
}

section.foot-social p {
color: black;
}

section.copyright-area {
display: none;
}

section.foot-social {
background: white;
margin-top: 44px;
padding-top: 10px;
padding-bottom: 10px;
}
.central-wrap-box {
padding: 0 5px;
}
header.header-area .container {
width: 100%;
}

header.header-area .container .row {
padding: 0 10px;
}
.allthemes-area .col-5-1 .col-signle {
border: 1px solid #e7e7e7;
margin-bottom: 6px;
}
.home-them-title, .feature-them-title {
width: 100%;
font-size: 23px;
font-weight: 700;
color: black;
border-bottom: 1px solid #444040;
margin-bottom: 10px;
margin-top: 14px;
text-align: left;
}
.home-them-title p, .feature-them-title p {
color: white;
background: #444040;
display: inline-block;
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
padding: 6px 16px;
position: relative;
}
.home-them-title p:before, 
.feature-them-title p:before {
position: absolute;
content: "";
top: 0;
width: 0;
height: 0;
/*border-bottom: 39px solid #444040;*/
/*border-right: 38px solid transparent;*/
left:100%;
}
.content-area{
padding: 0 20px!important;
}


.single-news {
width: 100%;
float: left;
background: #f1f1f1;
margin-bottom: 10px;
margin-top: 10px;
border-left: 10px solid #f87821;
padding: 15px;
box-shadow: 0 0 2px #898787;
}
.common-area {
background: inherit!important;
padding: 15px;
display: flow-root;
margin-bottom: 30px;
}
.allthemes-area .common-wrap {
padding: 20px 10px;
}

.no-minus-marg {
margin: 0 -3px;
}
.mega-sub-m .col-5-1 {
width: calc(16.666% - 0px);
}
.mw-c-btn{
/* width: auto!important; */
width: 153px;
font-size: 14px!important;
/* border-radius: 37px; */
padding: 0!important;
height: 31px!important;
background: #f97528!important;
color: white!important;
margin: 0 5px;
border-radius: 2px;
}
button.load-more-btn.mw-c-btn {
margin-top: 12px;
}
.img-wrap-pic .img-wrap-box {
width: 100%;
/* background: rebeccapurple; */
padding: 10px;
display: flow-root;
box-shadow: 0 0 2px black;
display: flex;
justify-content: center;
align-items: center;
}
.related .im-2-1 {
width: calc(33.33% - 4px)!important;
margin: 0 2px!important;
}
p.recomended {
border-bottom: 1px solid #444040;
margin-bottom: 10px;
}

p.recomended span {
background: #444040;
color: white;
padding: 3px 13px;
display: inline-block;
font-size: 15px;
font-weight: 400;
position: relative;
}
span.hero-ovarlay {
position: absolute;
z-index: 999;
/*background: #f5f5f52e;*/
width: 100%;
height: 100%;
top: 0;
display: flex;
align-items: flex-end;
}

span.hero-ovarlay span.title {
color: white;
/* background: #f97528; */
padding: 10px;
margin-bottom: 10px;
margin-left: -2px;
font-size: 24px;
}
p.recomended span::before {
z-index: 9999;
position: absolute;
content: "";
top: 0;
width: 0;
height: 0;
border-bottom: 27px solid #444040;
border-right: 30px solid transparent;
left:100%;
}
.admin-news-wrapper {
width: 1200px;
margin: auto;
margin-top: 50px;
}

.mw-single-news {
width: 1200px;
/* background: rebeccapurple; */
margin: auto;
padding: 19px;
box-shadow: 0px 0px 3px #ada2a2;
margin-bottom: 50px;
margin-top: 14px;
}




.col-5-1 a {
display: block;
width: 100%;
}

.col-5-1 a img {
width: 98%;
}


.photo-desc-tray {
position: absolute;
background: #ffffff;
box-shadow: 0 0 3px #a19999;
padding: 15px;
z-index: 999;
/* width: 200%; */
bottom: 88%;
left: 222px;
visibility: hidden;
width: 100%;
border-radius: 3px;
transform :scale(.7);
}

.res-img {
position: relative;
}

.res-img:hover .photo-desc-tray {
transform :scale(1);
opacity: 1;
visibility: visible;
transition:0.2s all
}

.photo-desc-tray:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 28px solid transparent;
border-right: 52px solid #ffffff;
border-bottom: 2px solid transparent;
left: -50px;
bottom: 0;
}

.photo-desc-tray li {
display: inline-block;
width: 100%;
color: black;
}
li.desc-tray-id {
    text-transform: uppercase;
}
.res-img::nth-child(3n+3){
opacity: .3;
}

.res-img.revs .photo-desc-tray {
left: -100%!important;
}

.res-img.revs .photo-desc-tray::before {
border-top: 17px solid transparent!important;
border-left: 52px solid #ffffff!important;
border-bottom: 2px solid transparent!important;
bottom: 0!important;
left: 100%!important;
border-right: 0!important;
}
.desc-tray-id{
text-transform: lowercase;
margin-top: 10px;
border-top: 1px solid #9d9c9c;
padding-top: 1px;
}

.theme-gallery .thumbs .thumbdetails {
padding: 2px 0;
font-size: 12px;
font-weight: 400;
color: black;
background: white;
width: 100%;
z-index: 99999999;
bottom: 0;
}

.gallery-wrap.gallery-2 .thumbs {
position: relative;
}


.gallery-wrap.gallery-2 .thumbs:hover {
transition:.3s all;
}

.theme-gallery .thumbs a img {
margin-bottom: -5px;
}

.pgrp-row {
background: white;
box-shadow: 0 0 3px #959090;
padding: 22px;
display: flow-root;
display: flex;
flex-wrap: wrap;
}

.pgrp-col {
width: calc(20% - 10px);
float: left;
margin: 5px;
box-shadow: 0 0 1px black;
}

.pgrp-col li {
}

.pgrp-col li.proimg {
width: 20%;
height: 100%;
float: left;
height: 30px;
width: 30px;
}

.pgrp-col li.proimg a {
display: block;
height: 100%;
}

.pgrp-col li.proimg img {
height: 100%;
border-radius: 50%;
width: 100%;
}

.pgrp-col li.proname {
width: 80%;
float: left;
padding-left: 5px;
color: black;
font-size: 13px;
transition: .3s all;
}

.pgrp-col ul {
width: 100%;
display: flex;
align-items: center;
}

a.pgrpcol-wrap {
display: block;
height: 100%;
display: flex;
transition: .3s all;
padding: 5px;
}



a.pgrpcol-wrap:hover{
background: #dbdbdb;
transition: .3s all;
}

a.pgrpcol-wrap:hover li.proname {
color: #F97528;
transition: .4s all;
}
.pgrp-card {
width: 300px;
margin: auto;
padding: 10px;
text-align: center;
margin-bottom: 50px;
margin-top: 10px;
box-shadow: 0 0 2px #8f8989;
background: white;
}

.pgrp-card .pgrp-pic {
margin-top: 10px;
}

.pgrp-card .pgrp-pic img {
width: 100px;
border-radius: 50%;
height: 100px;
object-fit: cover;
object-position: top;
}

.pgrp-name {
font-weight: 800;
color: #f97528;
margin-bottom: 0px;
margin-top: 10px;
border-bottom: 1px solid gray;
padding-bottom: 7px;
}

.pgrp-desk {
text-transform: lowercase;
font-weight: 400;
font-size: 13px;
font-style: italic;
padding: 10px;
}
.photogrpbio-row {
background: #ebebeb;
margin: 0 -5px;
padding-top: 20px;
padding-bottom: 50px;
}
.pgrp-desk-btn a {
background: #f97528;
color: white;
padding: 7px;
display: block;
margin-top: 15px;
}
.mw-s-img {
width: calc(16.66% - 6px);
float: left;
margin: 3px;
box-shadow: 0 0 2px #0000008c;
}

.mw-s-img a {
display: block;
overflow: hidden;
}

.mw-s-img a .mw-img-wrap {}

.mw-s-img a .mw-img-wrap img {
width: 100%;
}

.ms-p-id {
text-align: center;
padding: 4px;
font-size: 11px;
font-weight: bold;
}
.pgrp-card {
border-top: 10px solid #f97528;

}
.pgrp-desk:first-letter {
text-transform: capitalize!important;
color: #f97528;
font-size: 16px;
font-weight: 600;
}

.blnk-msg {
text-align: center;
padding: 100px;
border-top: 1px solid #d7d7d7;
background: #f7f7f7;
}

.blnk-msg h2 {
font-size: 55px;
/*padding-bottom: 100px;*/
}





.profile-area {
width: 300px;
margin: auto;
margin-bottom: 100px;
text-align: center;
padding: 10px!important;
background: white;
}

.prof-edit-btn a {
background: #f97528;
color: white;
display: block;
text-align: center;
padding: 7px;
margin-top: 10px;
}

.profile-area .avatar-area .avatar {
}

.profile-area .avatar-area {
text-align: center;
display: flex;
justify-content: center;
}
.prof-wrap {
background: #ebebeb;
padding: 10px;
padding: 55px;
}
.norm-page {
background: white;
/* box-shadow: 0 0 1px black; */
margin: 15px;
padding: 15px;
margin-bottom: 100px;
color: black;
font-size: 14px;
font-weight: 500;
}

.norm-page h1 {
font-weight: 800;
font-size: 30px;
margin-bottom: 9px;
}
.img-desc::first-letter {
text-transform: capitalize;
}


.fullpage {
border-top: 1px solid #b9b7b7;
background: #ededed;
display: flow-root;
margin: 0 -5px;
}
.subscribe .form-wrap.contact-main-area .wrapper-contact {
display: inherit!important;
}

.subscribe .form-wrap.contact-main-area .wrapper-contact div#register-form {
float: inherit!important;
margin: auto;
margin-bottom: 104px;
border-top: 10px solid var(--bl);
}

.group-col {
width: calc(16.6667% - 8px);
overflow: hidden;
float: left;
margin: 3px;
position: relative;
}

.group-col a.eimgs {
display: inline-block;
width: 100%;
height: 160px;
padding: 0px;
}

.group-col a.eimgs img {
width: 100%;
height: 100%;
object-fit: cover;
}

.group-col .group-action {
position: absolute;
background: #e1e1e1e8;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
transform: scale(.5);
transition: .4s alll;
visibility: hidden;
opacity: 0;
}

.group-col .group-action a {
background: #2868f9;
width: 76px;
text-align: center;
margin: 2px;
padding: 5px;
color: white;
}

.group-col:hover .group-action {
visibility: visible;
opacity: 1;
transform: scale(1);
transition: .4s all;
}
.group-box {
width: 100%;
float: left;
border-top: 10px solid;
}

.group-form-right {
width: 40%;
float: left;
}

.group-img-left {
width: 60%;
float: right;
margin-top: 10px;
padding-left: 10px;
}

.group-wrap {
/*background: ref;*/
background: #f3f3f3;
display: flow-root;
padding: 10px 0px;
}

.group-form-right{
background: white;
padding: 18px;
margin-top: 10px;
box-shadow: 0 0 2px black;
}

.group-form-right input[type="submit"] {
padding: 6px;
background: var(--bl);
margin-top: 20px;
font-weight: 500;
font-size: 14px;
width: 110px;
text-transform: uppercase;
}

.grp-title {
width: 100%;
border-bottom: 1px solid;
}

.grp-title p {
background: #444040;
display: inline-block;
color: white;
padding: 4px 20px;
}
.group-img-left-wrap {
background: white;
padding: 15px;
box-shadow: 0 0 2px black;
}

.sgroup-col-4-1 {
width: calc(20% - 8px);
float: left;
overflow: hidden;
margin: 4px;
}

.sgroup-col-4-1 a {
width: 100%;
display: inline-block;
height: 179px;
}

.sgroup-col-4-1 a img {
width: 100%;
height: 100%;
object-fit: cover;
}

.group-img-left-wrap {
display: flow-root;
height: 100%;
}
.sgroup-col-4-1 {
position: relative;
box-shadow: 0 0 2px #000000bd;
}

.sgroup-col-4-1 .grp-b-edit {
position: absolute;
background: #d1d1d1cf;
width: 100%;
height: 100%;
top: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
transform: scale(.5);
opacity: 0;
visibility: hidden;
transition: .4s all;
}

.sgroup-col-4-1 .grp-b-edit a {
width: auto!important;
height: auto!important;
color: white;
font-size: 14px;
background: #1c4cd3;
padding: 5px 22px;
display: inline-block;
}

.sgroup-col-4-1:hover .grp-b-edit {
visibility: visible;
opacity: 1;
transform: scale(1);
}

.grp-b-title {
padding: 4px;
text-align: center;
}
.group-box {
display: flex;
flex-wrap: wrap;
}
.grp-msg {
font-weight: 500;
font-size: 19px;
}
.mega-menu-area.admin-mega li.text-only .mega-sub-area {
left: 0!important;
box-shadow: none!important;
}
.mega-sub-area {
box-shadow: none!important;
}
.mega-sub-area,
.mega-sub-area.mega-sub-m {
border: 1px solid #a5a2a2!important;
}
.sgrpst-col {
width: calc(20% - 10px);
float: left;
box-shadow: 0 0 4px #666363;
margin: 5px;
border-radius: 6px;
background: rebeccapurple;
display: block;
overflow: hidden;
}
.sgrpst-col a.grp-btn {
display: block;
background: rgba(0,128,255,1);
text-align: center;
color: white;
padding: 8px;
text-transform: uppercase;
}
.sgrpst-col-row {
background: aliceblue;
display: flow-root;
padding: 10px;
padding-bottom: 170px;
}
.sgrpst-col .grpst-desc {
background: gray;
height: 118px;
overflow: hidden;
padding: 10px;
color: white;
font-size: 15px;
}
.sgrpst-col .grpst-desc p {
border-bottom: 1px solid gray;
padding-bottom: 1px;
margin-bottom: 4px;
}

.imgfieldrowwrap {
background: white;
padding: 10px;
box-shadow: 0 0 1px black;
display: flow-root;
margin-bottom: 10px;
}

.fieldimgapproved {
width: calc(25% - 8px);
float: left;
margin: 4px;
box-shadow: 0 0 2px black;
border-top: 4px solid #00c935;
}

.fieldimgapproved img {
width: 100%;
height: 100%;
margin-bottom: -4px;
}

.fieldimgapproved.unapproved {
border-color: #7added;
}

.fieldimgapproved.unapproved a {
display: block;
height: 100%;
}
p.altmsg {
position: absolute;
background: white;
padding: 10px;
width: 100%;
transform: scale(0.5);
visibility: hidden;
opacity: 0;
transition: .4s all;
}

.fieldimgapproved {
position: relative;
}
.fieldimgapproved:hover p.altmsg{
visibility: visible;
opacity: 1;
transition: .4s all;
transform: scale(1);
}
p.altmsg a {
background: red;
display: inline-block;
color: white;
width: 68px;
text-align: center;
padding: 3px;
margin-top: 10px;
}

.reposingle-col {
width: calc(20% - 10px);
float: left;
overflow: hidden;
margin: 5px;
box-shadow: 0 0 3px #a9a5a5;
padding: 10px;
}

.reposingle-col .kimgs {
width: 100%;
height: 117px;
/* border: 1px solid #dbd9d9; */
}

.reposingle-col .kimgs img {
width: 100%;
height: 100%;
object-fit: cover;
}

.reposingle-col .descksa {
padding: 6px;
height: 40px;
text-align: center;
/* border-top: 1px solid #c3bebe; */
margin-top: 5px;
overflow: hidden;
word-break: break-word;
}

.btnsapprv {
display: flex;
justify-content: space-between;
margin-top: 5px;
/* background: #d1cfcf; */
padding: 7px;
margin: -10px;
margin-top: 0px;
}

.btnsapprv a {
width: calc(50% - 4px);
background: #797979;
display: block;
text-align: center;
color: white;
padding: 5px;
}

.btnsapprv a:first-child {
background: darkgreen;
}

.btnsapprv a:last-child {
background: #858585;
}

.alert-pop {
padding: 200px 0;
background: aliceblue;
}

.alert-pop .pop-box {
margin: auto;
width: 500px;
box-shadow: 0 0 5px #898989;
padding: 19px;
background: white;
border-top: 10px solid red;
}

.alert-pop .pop-box a {
background: red;
color: white;
padding: 6px 20px;
display: inline-block;
margin-top: 14px;
}

.alert-pop .pop-box p {
font-weight: 400;
font-size: 19px;
}
.pb-form-col.commissionxsl,.pb-form-col.quantityxsl {
display: none;
}

.common-list-page {
background: aliceblue;
padding: 20px;
margin: 0 -4px;
border-top: 1px solid #c8c8c8;
}

.common-listdisplay {
width: 90%;
margin: auto;
background: white;
padding: 25px;
box-shadow: 0 0 2px black;
margin-top: 20px;
}

.common-listdisplay .table-wrap {
width: 100%;
}

.common-listdisplay .table-wrap .table-top {
margin-bottom: 10px;
}

.common-listdisplay .table-wrap .table-top li {
display: inline-block;
}

.common-listdisplay .table-wrap .table-top li a {
background: #1a853f;
color: white;
padding: 4px 20px;
display: block;
font-size: 14px;
}

.common-listdisplay .table-wrap .table-top li.data-head {
color: black;
width: 100%;
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px;
}

.common-listdisplay .table-wrap table.dbtable {
width: 100%;
text-align: center;
}

.common-listdisplay .table-wrap table.dbtable td {
padding: 9px;
color: black;
font-size: 14px;
}

.common-listdisplay .table-wrap table.dbtable th {
padding: 8px;
text-transform: uppercase;
}
.common-listdisplay .table-wrap .table-top li:last-child {
display: none;
}

.pagetray {
margin: 0 -5px;
background: #f1f1f1;
padding: 20px;
}

.traywrap {
background: white;
padding: 25px;
font-size: 15px!important;
color: black;
box-shadow: 0 0 3px #575353;
margin: auto;
}
.traywrap a {
/*color: tomato;*/
color: #0080FF;
text-decoration: underline;
}
.row-offset {
margin-bottom: 250px;
}
.cust-tray {
font-size: 16px;
color: black;
display: flex;
justify-content: space-between;
}
.grad-bg {
background: rgb(249,117,40);
background: linear-gradient(90deg, rgba(249,117,40,1) 36%, rgba(0,212,255,1) 76%);
padding: 20px;
display: flow-root;
}
.bg-left-items{
width: calc(50% - 10px);
}

.bg-right-items{
width: calc(50% - 10px);
}
.bg-right-items.join-bg-cust-2 .video-fram {
overflow: hidden;
}
.video-fram {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; 
}
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.bg-vids {
width: 87%;
}
.bg-left-items.join-bg-cust-1 {
text-align: right;
}
.grad-bg-1 {
background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
padding: 20px;
display: flow-root;
}
.grad-bg-1 a {
color: blue;
text-decoration: revert;
}

.cust-tray {
width: 1073px;
margin: auto;
padding: 70px 0;
}

.btnsapprv.three-btn-wrap a {
margin: 0 2px;
}
.btnsapprv.three-btn-wrap a:nth-child(2n+2) {
background: #f97528;
}
.common-listdisplay .table-wrap .table-top li:nth-last-child(2) {
display: none!important;
}
.common-area.preview-area {
background: #d9d9d9!important;
margin: 0 -5px;
}
textarea#admin-comments {
height: 110px;
resize: none;
}
.fieldimgapproved.unapproved.rejected {
border-color: grey;
}

.fieldimgapproved.unapproved a {
background: #7added;
}
span.hero-ovarlay {
flex-wrap: wrap;
}

span.hero-ovarlay span.title {
display: flex;
justify-content: space-between;
width: 100%;
align-items: flex-end;
}

spna.hero-description-line {
width: 50%;
text-align: right;
}
.mw-single-news {
width: 98%;
font-size: 15px;
}
td.inv-created i {
background: green;
color: white;
/* padding: 10px; */
border-radius: 50%;
font-size: 19px;
height: 32px;
width: 32px;
display: flex;
justify-content: center;
align-items: center;
}

td.inv-not-created i {
background: #d00d0d;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 20px;
}
section.topphotographers {
background: #E6E6E6;
margin: 0 -5px;
padding: 50px 0;
}
.topphotographers-wrapper {
width: 1200px;
margin: auto;
background: white;
}

.half-page {
width: 50%;
float: left;
display: flex;
flex-wrap: wrap;
}
.topphotographers-cover {
display: flex;
flex-wrap: wrap;
}
.half-2-1 {
width: 50%;
float: left;
/*overflow: hidden;*/
display: flow-root;
}

.topphotographers-cover .haf-cover-col-img img {
width: 100%;
}
.topphotographers-cover .haf-cover-col-img:last-child img{
width: 100%;
margin-bottom:-4px;
}
.haf-cover-col-img {
width: calc(100% - 10px);
margin:5px;
margin-top:0;
margin-bottom:0;
}
.half-cover-text {
background: #6D6E70;
height: 100%;
display: block;
display: flow-root;
position: relative;
}

.half-cover-text h1 {
color: #404041;
font-weight: 900;
font-size: 58px;
}
.half-cover-text p {
color: #909398;
font-size: 30px;
}
.inside-text {
width: max-content;
text-align: center;
transform: rotate(-90deg);
left: revert;
position: absolute;
right: -150px;
bottom: 270px;
}
.cover-main {
width: 100%;
position: relative;
}

.cover-main .bottom-logo {
display: flex;
position: absolute;
justify-content: flex-end;
align-items: flex-end;
bottom: 0;
width: 100%;
padding: 25px;
}

.cover-main .top-text-desc {
width: 345px;
margin: auto;
text-align: center;
margin-top: 100px;
padding: 20px;
}

.cover-main .top-text-desc span {
font-size: 30px;
display: inline-block;
font-weight: 700;
color: #231f20;
}

.cover-main .top-text-desc span span.round {
width: 80px;
height: 80px;
background: red;
color: white;
border-radius: 50px;
padding: 14px;
margin: 10px;
position: relative;
border: 5px solid black;
font-weight: 700;
}

.cover-main .top-text-desc span span.round:before {
position: absolute;
content: "";
left: 0;
top: 0;
z-index: 9999;
background: white;
}

.cover-main .top-text-desc h1 {
font-weight: 900;
font-size: 61px;
text-transform: uppercase;
text-align: left;
line-height: 61px;
width: 100%;
color: #231F20;
font-family: 'Open Sans', sans-serif;
}

.cover-main .top-text-desc p {
text-transform: uppercase;
font-size: 35px;
margin-top: 13px;
text-align: left;
color: #231F20;
}

.sub-cover {
padding: 100px;
border-top: 1px solid #aea1a1;
margin-top: 100px;
display: flex;
}

.sub-cover .sub-cover-left {
width: 60%;
float: left;
}

.sub-cover {}

.sub-cover .sub-cover-left ul.box {
padding: 15px;
border: 3px solid #cdb49a;
height: 100%;
}

.sub-cover .sub-cover-left ul.box li {
display: inline-block;
width: 100%;
padding-bottom: 14px;
}

.sub-cover .sub-cover-left ul.box li h1,.sub-cover .sub-cover-left ul.box li h4 {
font-size: 27px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
color: #6D6E70;
margin-bottom: 10px;
text-align: left;
}

.sub-cover .sub-cover-left ul.box li p {
color: #726d6d;
font-weight: 500;
font-size: 16px;
font-family: 'Open Sans';
}

.sub-cover-left ul.box li h4 {
font-weight: 600!important;
font-size: 21px!important;
color: #858184!important;
}

.sub-cover  .sub-cover-right {
width: 40%;
}

.sub-cover .sub-cover-right .sub-cover-right-img {
width: calc(100% - 20px);
overflow: hidden;
margin-left: 20px;
height: 100%;
}

.sub-cover .sub-cover-right .sub-cover-right-img img {
width: 100%;
display: block;
height: 100%;
}
.photo-grapher-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.photo-grapher-box .info-left {
width: 40%;
float: left;
border-right: 30px solid #BE1E2D;
display: flex;align-items: center;
}

.photo-grapher-box .info-right {
width: 53%;
}

.photo-grapher-box .info-right ul li {
margin-bottom: 21px;
}

.photo-grapher-box .info-right ul li h2 {
font-size: 28px;
font-family: 'Open Sans';
color: #808184;
font-weight: 100;
font-weight: 600;
}

.photo-grapher-box .info-right ul li p {
font-size: 17px;
color: #7e7c7c;
margin-top: 14px;
font-weight: 500;
}
.photo-grapher-box .info-left .img-wrap {
border: 1px solid #808184;
padding: 14px;
width: 300px;
height: 300px;
border-radius: 3px;
}

.photo-grapher-box .info-left .img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}

.photo-grapher-box .info-left li h1 {
text-align: left;
font-size: 31px;
font-weight: 800;
font-family: 'Open Sans';
color: #58595B;
margin-top: 13px;
}

.photo-grapher-box .info-left li p {
color: #606061;
font-size: 18px;
font-weight: 700;
font-family: 'Open Sans';
}

.photo-grapher-box .info-left li p span {
color: #BE1E2D;
}
.sub-cov-foot-left {}

.sub-cover.sub-cover-footer {
background: black;
padding-left: 0;
padding-right: 0;
}

.sub-cov-foot-left {
width: 60%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}

.sub-cov-foot-left ul li {
width: 16.667%;
float: left;
}

.sub-cov-foot-left ul li img {
width: 100%;
margin-bottom: -4px;
}

.sub-cov-foot-left ul {
border: 2px solid gainsboro;
padding: 23px;
border-left: 0;
}

.sub-cov-foot-right {
width: 40%;
float: left;
padding: 10px;
padding-left: 42px;
color: #c8c4c4;
font-weight: 400;
}

.sub-cov-foot-right ul li {
width: 100%;
float: left;
text-align: left;
}

.sub-cov-foot-right ul li.header h1 {
text-align: left;
color: #BE1D2B;
font-weight: 700;
font-size: 20px;
}

.sub-cov-foot-right ul li.header h1 a {
color: #FFE629;
margin-top: 10px;
display: block;
margin-bottom: 13px;
}

#FFE629li.social {}

.sub-cov-foot-right li.social ul li a {
color: #b0b3b4;
margin-bottom: 10px;
display: flex;
align-items: center;
}

.sub-cov-foot-right li.social ul li a i {
margin-right: 5px;
}
i#facebook {
background: #353ca5;
width: 30px;
height: 30px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
display: flex;
border-radius: 50%;
}

button#printerbtn {
padding: 5px 30px;
cursor: pointer;
background: #0078c8;
color: white;
border: navajowhite;
border-radius: 3px;
}

.text-right {
text-align: right;
}
.btn-flexer {
display: flex;
justify-content: space-between;
width: 276px;
}

.btn-flexer .prev-edit-img-btn a {
width: 132px;
text-align: center;
}

.btn-flexer .prev-edit-img-btn a:hover {
background: #0080ff;
color: white!important;
transition: .4s all;
cursor: pointer;
}
.up-modal-area {
position: fixed;
width: 100%;
height: 100%;
z-index: 99999999;
background: #0000009e;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: .4s all;
}

.up-modal-area .up-modal-box {
background: white;
width: 600px;
margin: auto;
padding: 20px;
margin-top: 0;
border-radius: 3px;
border-top: 10px solid #0080ff;
min-height: 200px;
position: relative;
visibility: hidden;
opacity: 0;
transition: .4s all;
}
.up-modal-box-active{
visibility: visible!important;
opacity: 1!important;
margin-top: 40px!important;
transition: .4s all;
}
.d-block{
visibility: visible!important;
opacity: 1!important;
transition: .4s all;
}


.up-modal-area .up-btn {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: right;
}

.up-modal-area .up-btn button {
border: none;
padding: 7px 20px;
margin: 15px;
background: #0080ff;
color: white;
border-radius: 3px;
cursor: pointer;
}
.up-modal-area .up-btn button.cancel {
background: #846e6e;
margin-right: -4px;
}
.prev-area-c-up img {
height: 200px;
margin-bottom: 5px;
border: 1px solid #cabcbc;
padding: 10px;
}

.prev-area-c-up {
width: 100%;
margin: 10px 0;
border-bottom: 1px solid #c8bdbd;
margin-bottom: 40px;
}

.new-img-up-area {}

.new-img-up-area label {
cursor: context-menu;
}

label {}

.new-img-up-area input {
width: 100%;
padding: 7px 0;
cursor: pointer;
}

.preloadergi {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
background: #fcfefc;
opacity: 0;
visibility: hidden;
transition: .4s all;
z-index: 9999999999;
flex-wrap: wrap;
}
.actv{
visibility: visible!important;
opacity: 1!important;
transition: .4s all;
}

.loader-wrapper-area .pogress {
margin-top: -98px;
background: #d7d7d7;
border-radius: 40px;
overflow: hidden;
}

.loader-wrapper-area {}

.loader-wrapper-area .pogress .progress-bar {
background: #1a1acd!important;
height: 17px!important;
color: white;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
}
.star-count {
width: 100%;
float: left;
}

.star-count ul li {
width: 100%;
/* background: #cccccc; */
float: left;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-top: 10px;
font-size: 15px;
}

.star-count ul li span.ratparam {
width: 10%;
}

.star-count ul li span.ratbar {
width: 85%;
display: inline-block;
height: 12px;
background: #d6dbdf;
border-radius: 30px;
}

.star-count ul li span.valr {
width: 5%;
text-align: center;
}

.star-count ul li span {
font-size: 14px;
}
span.inner-rate {
background: #f49c13;
height: 100%;
border-radius: 30px;
}

.rating-btn {
width: 100%;
float: left;
margin-top: 20px;
}

.rating-btn button {
border: none;
background: #0080ff;
padding: 6px 12px;
border-radius: 3px;
margin-bottom: 5px;
color: white;
cursor: pointer;
font-size: 15px;
text-transform: capitalize;
}

.ratings-give-area {
float: left;
width: 100%;
display: inline-block;
position: relative;
}

.ratings-star {
position: absolute;
background: white;
width: 100%;
top: 0;
left: 0;
}

.ratings-star ul li {
display: inline-block;
font-size: 46px;
}

.ratings-star ul li i {
color: gray;
cursor: pointer;
}
.starbg i {
color: #f49c13!important;
}

.org-container {
width: 1200px;
margin: auto;
/*box-shadow: 0 0 2px #897c7c;*/
padding: 15px;
margin-bottom: 20px;
}

.full-row {
width: 100%;
float: left;
}

button#neworg {
border: none;
outline: none;
background: #0087ff;
color: white;
padding: 7px 27px;
border-radius: 3px;
cursor: pointer;
}

.all-org {
width: 100%;
display: flow-root;
padding: 10px 0;
/* display: flex;
*//* justify-content: center;
*//* align-items: center; 
*//* flex-wrap: wrap; */
}

.all-org .col-4-1 {
width: calc(25% - 10px)!important;
float: left;margin: 5px;
}

.all-org .col-4-1 a {}

.all-org .col-4-1 .col-item {
border: 1px solid #a6a6a6;
border-left: 6px solid #b3a6a9;
margin-bottom: 3px;
padding: 10px 10px;
background: #ffffff;
border-radius: 6px;
}
.all-org .col-4-1 .col-item:hover {
background: #d8d4d4!important;
transition: .4s all;
}
.all-org .col-4-1 .col-item li p {
width: 100%;
color: black;
text-transform: capitalize;
font-size: 15px;
margin-bottom: 10px;
}

.all-org .col-4-1 .col-item li h5 {
color: black;
font-weight: 500;
font-size: 15px;
}
.neworgarea {
position: fixed;
width: 100%;
height: 100%;
background: #8080809c;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}

div#neworgform {
width: 500px;
margin: auto;
background: white;
padding: 20px;
margin-top: 100px;
display: flow-root;
position: relative;
}

.org-form-col-1-1 {
width: 100%;
box-sizing: border-box;
}

.org-form-col-1-1 input {
width: 100%;
border: 1px solid #ccc;
height: 36px;
padding: 5px!important;
margin-bottom: 20px;
}

.org-form-col-1-1 label {
margin: 0;
padding: 0;
padding-bottom: 5px;
color: #4b4747;
font-size: 15px;
text-transform: capitalize;
}

.org-form-col-1-1 input[type="submit"] {
margin-bottom: 0;
margin-top: 0;
cursor: pointer;
font-weight: 500;
text-transform: uppercase;
}
div#cls-btn {
position: absolute;
right: 0px;
background: #ff1111;
color: white;
padding: 5px 12px;
top: 0;
cursor: pointer;
text-transform: lowercase;
}
.org-main-wrap {
background: aliceblue;
margin: 0 -5px;
margin-bottom: -20px;
}
.d-flex-btn {
display: flex;
justify-content: space-between;
align-items: center;
}

div#neworgtitle {
font-weight: 800;
font-size: 22px;
}
.org-search {display: flex;width: 405px;}

.org-search button {cursor: pointer;border: none;padding: 0 18px;outline: none;background: #025baa;color: white;border-radius: 0px 3px 3px 0px;}
.org-form-col-2-1 {width: calc(50% - 10px);float: left;margin: 5px;}

.org-form-col-2-1 input {width: 100%;height: 31px;border: 1px solid #CCCCCC;padding: 10px;}

#oldorgformarea {width: 600px;margin: auto;padding: 10px;box-shadow: 0 0 3px #7b7474;display: flow-root;margin-bottom: 10px;margin-top: 60px;background: white;position: relative;}

form#oldorgformarea {}

div#org-view {
position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #00000069;
opacity: 0;
visibility: hidden;
transition: .4s all;
}

div#old-cls-btn {position: absolute;right: 0;top: 0;background: #ff0b49;color: white;padding: 4px 10px;cursor: pointer;}
ul#btn-wrapper-50 li {width: calc(50% - 10px);margin: 5px;float: left;}

ul#btn-wrapper-50 li .org-btn-up {width: 100%;background: #ff0b49;display: flex;text-transform: uppercase;font-size: 17px;text-align: center;height: 32px!important;border-radius: 3px;color: white;justify-content: center;align-items: center;}

#orgupdate {background: #0070BA!important;}
.all-org.all-org-member {}

.all-org.all-org-member .col-4-1 {width: 100%!important;margin: 0px 0px;border-radius: 0!important;}

.all-org.all-org-member .col-4-1 .col-item {border: none;border-radius: 0;margin: 0;border-bottom: 1px solid #d7d7d7;padding: 5px 6px;}

.all-org.all-org-member .col-4-1 .col-item li {text-align:center;width: 30%!important;float: left;}

.all-org.all-org-member .col-4-1 .col-item li p {margin: 0;}
.all-org.all-org-member .col-4-1 .col-item ul {display: flow-root;}
li.org-mem-btn button {
border: none;
cursor: pointer;
color: white;
width: calc(25% - 5px);
background: #025baa;
border-radius: 3px;
padding: 6px;
text-transform: capitalize;
}
li.org-mem-btn button:hover {background: #0087ff;}
.org-menu-wrap {width: 200px;float: left;border: none;margin-left: 10px;}

.org-menu-wrap select {cursor: pointer;padding: 4px 5px;margin-top: 4px;border-radius: 4px;text-transform: capitalize;}

.org-menu-wrap select option:hover {cursor: pointer;}
.purchesed-org-item-area {display: flow-root;/* background: #f1f1f1; *//* padding: 10px; */margin-bottom: 25px;margin-left: -5px;margin-right: -5px;border: 1px solid #c4b9b9;padding: 16px;}

.org-img-wrap.p {float: left;width: calc(20% - 10px);margin: 5px;padding-bottom: 40px;border: 1px solid #bdb5b5;padding: 10px;overflow: hidden;}

.org-img-wrap.p a img {width: 100%;height: 200px;object-fit: cover;}

.org-img-wrap.p .org-down-btn a {color: white;padding: 8px;background: deepskyblue;display: block;margin-top: 10px;border-radius: 3px;text-align: center;}
.all-org.all-org-member {border-top: 40px solid #17A2B8;border-top-right-radius: 10px;border-top-left-radius: 10px;margin-top: 33px!important;padding: 0;display: inline-block;box-shadow: 0 0 3px #aea6a6;}
.norm-btn-grip {display: flex;justify-content: flex-end;align-items: center;width: 584px;float: right;}

.norm-btn-grip a.pvinv-btn {background: #0070ba;color: white;width: 168px;text-align: center;padding: 9px;margin-top: 51px;font-weight: 700;text-transform: capitalize;font-size: 14px;margin-right: -8px;border-radius: 3px;}
.norm-btn-grip input#stripe-btn {margin-right: 7px;margin-left: 16px;}
.admin-news-wrapper small {width: 100%;float: left;margin-bottom: 10px;font-size: 19px;color: black;text-transform: lowercase;}
.loder-tray {background: white;width: 600px;margin: auto;padding: 34px;box-shadow: 0 0 3px #6a6666;}

.loader-box-are {background: aliceblue;padding: 50px;}

.imp-grip {width: 100%;box-sizing: border-box;}

.imp-grip input {width: 100%;margin-bottom: 19px;margin-top: 10px;cursor: pointer;}

.loder-tray button {border: none;padding: 8px 20px;background: #444040;color: white;border-radius: 3px;cursor: pointer;}
.batch-download-btn-area {margin-bottom: 14px;text-align: right;}

.b-btn-1 button {border: navajowhite;padding: 7px 19px;border-radius: 3px;background: #1b45db;color: white;cursor: pointer;}
button#b-btns {float: right;border: navajowhite;padding: 8px 20px;border-radius: 3px;color: white;background: #1b45db;cursor: pointer;}
.thumb-down-btn {text-align: center;color: white!important;}

.thumb-down-btn a {display: block;color: white;background: #a5a5a5;padding: 6px;}
.all-d-wrap-p {justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 18px;position: absolute;width: 100%;bottom: -34px; left: 0;}

.all-d-wrap-p .thumb-down-btn {width: 50%;float: right;}

.all-d-wrap-p .down-btn {
position: inherit!important;
    width: 50%!important;
    float: left;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.photocol label.batch-op-tray {
    display: inherit!important;
}

.photocol label.batch-op-tray input {
    width: 14px!important;
    position: absolute;
    margin-top: -30px;
}
.purchased-wrap .single-block-p .img-wrap a img{

	height: 170px!important;
}
.all-d-wrap-p.thumb-down-btn {width: 40%!important;}
.org-down-btn {display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;margin: -10px;margin-top: 8px;}

.org-down-btn a {width: 50%;border-radius: 0!important;}

.org-down-btn a.btn-xs-2 {background: #a5a5a5!important;}
button#b-btns a {color: white;padding: 9px 13px!important;display: block;}
section.ftp-log-area {margin: 0 -5px;background: #cfcfcf;}

.ftp-log-box {display: flow-root; width: 357px;margin: auto;background: white;padding: 20px;border-top: 4px solid #0070ba;}

section.ftp-log-area {padding: 55px;}
.ftp-form-col-1 {}

.ftp-form-col-1 input[type="submit"] {margin:  0px;margin-top: 19px;width: 100%;padding: 10px;}

.distbutor-box {
background: white;
/*padding: 15px 0;*/
border-top: 5px solid #0070BA;
}
.distbutor-box li.signle-dist {display: flex;justify-content: space-around;border-bottom: 1px solid #bdb5b5;padding: 10px;}
a.add-new-dist {background: #0070ba;color: white;margin-bottom: 10px;display: inline-block;padding: 8px 30px;border-radius: 3px;cursor: pointer;}
li.signle-dist.dist-head {background: #b5b5b5;}
span.dist-btns-wrap {display: flex;justify-content: space-between;}
span.dist-btns-wrap a {background: #0070ba;color: white;margin: 3px;padding: 3px 0px;border-radius: 3px;width: 68px;text-align: center;}
li.signle-dist span {width: 11%;justify-content: left;align-items: center;}
li.signle-dist.not-head {padding-bottom: 3px;align-items: center; flex-wrap: wrap;}
span.dist-btns-wrap {width: 18%!important;}

span.col-width-dist-8 {width: 190px!important;overflow: hidden;text-align: center;}

span.col-width-dist-8 a {font-size: 10px;}

span.col-width-dist-3 {width: 13%!important;}
span.dist-state {background: #f97528;color: white!important;padding: 2px 5px;border-radius: 3px;font-size: 12px;}
li.signle-dist.not-head span {color: black;font-size: 13px;}
a.log-btn.-additional-org-btn {
width: 100%!important;
}
.row.flex-container.feature-content-thumb-area {}

.row.flex-container.feature-content-thumb-area .col-3-1 {
width: calc(16.6% - 4px);
}

.row.flex-container.feature-content-thumb-area .col-3-1 .col-img {
height: 200px;
}
.trend-section-title {border-bottom: 1px solid black;margin-left: 1px;margin-right: 2px;margin-bottom: 19px;}

.trend-section-title h1 {
display: inline-block;
background: black;
color: white;
padding: 8px 17px;
}

.trending-image-area {padding: 24px;display: flow-root;padding-bottom: 50px;}
.tred-img-row .tred-single-img {
width: calc(20% - 4px);
float: left;
margin: 2px;
margin-bottom: -3px;
}

.tred-img-row .tred-single-img img {
width: 100%;
height: 100%;
}

.filterpopupbox {
width: 100%;
/* background: #dddddd; */
/* padding: 20px; */
/*    opacity: 0;
visibility: hidden;*/
padding: 0px 0px;
padding-bottom: 10px;
margin-top: 10px;
}


.actvf{
opacity: 1!important;
visibility: visible!important;
}
.filterpopupbox li {
width: 100%;
float: left;
}

.filterpopupbox li caption {
width: 100%;
display: block;
}

.filterpopupbox li span.liner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 7px;
}

.filterpopupbox li span.liner span.inp-wrap {
width: calc(50% - 5px);
}

.filterpopupbox li span.liner span.inp-wrap input {
height: 28px;
font-size: 13px;
color: black;
text-transform: uppercase;
cursor: pointer;
}
.filterclse {
position: absolute;
right: 0;
top: 0;
background: #0078C8;
color: white;
width: 47px;
text-align: center;
padding: 3px;
cursor: pointer;
}

li.finalfilter-btn {
margin-top: 7px;
width: 100%;
}

li.finalfilter-btn button#filtered {
border: navajowhite;
color: white;
background: #0078C8;
width: 100px;
padding: 6px;
cursor: pointer;
}

select#fperiod {
cursor: pointer;
text-transform: uppercase;
color: black;
padding: 8px 10px;
border-radius: 4px;
}

select#fperiod option {
text-transform: uppercase;
/* background: #4a4a4a; */
cursor: pointer;
padding: 10px;
display: block;
}
td.commonchhecker {
position: relative;
}

td.commonchhecker label {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
div#selectedperson {
border: 1px solid #b7acac;
background: white;
min-height: 100px;
padding: 15px;
cursor: not-allowed;
}

div#makereport,#makereport2 {
text-align: right;
}

div#makereport2 button ,
div#makereport button {
border: navajowhite;
background: #0078C8;
color: white;
padding: 5px 30px;
cursor: pointer;
border-radius: 3px;
}
div#selectedperson {}

div#selectedperson span#sperson {
position: relative;
display: inline-block;
margin-bottom: 65px;
margin-right: 20px;
}

div#selectedperson span#sperson span.icon {
background: #e1e1e1;
width: 70px;
height: 70px;
display: inline-block;
border-radius: 50%;
position: relative;
}

div#selectedperson span#sperson span.name {
position: absolute;
left: -1px;
/* bottom: -17px; */
width: 100%;
text-align: center;
top: 93%;
}
div#selectedperson span#sperson span.icon span.remv {
position: absolute;
background: #b9a541;
height: 100%;
width: 100%;
top: 0;
left: 0;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 10px;
text-transform: uppercase;
cursor: pointer;
visibility: hidden;
opacity: 0;
transition: .4s all;
transform: scale(0.5);
}

div#selectedperson span#sperson span.icon:hover span.remv {
visibility: visible;
opacity: 1;
transition: .4s all;
transform: scale(1);
}
div#report-grip {
position: fixed;
width: 100%;
height: 100%;
background: #F1F1F1;
z-index: 99999;
top: 0;
left: 0;
overflow-y: scroll;
overflow-x: hidden;
}
.rephidden{
opacity: 0;
visibility: hidden;
}
.bodyfix{
position: fixed;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
span#report-grip-closer {
background: #ff3636;
color: white;
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
width: 100px;
position: absolute;
right: 73px;
top: 28px;
z-index: 999999999999;
cursor: pointer;
}
.filterpopupbox li label {
margin: 0;
padding: 0!important;
}

.f-50 {
width: 100%;
float: left;
}
.hiderange{
display: none;
}
.sales-details-title .details-right{
width: 100%;
}


.filterpopupbox select#fdatetype {
padding: 4px!important;
cursor: pointer;
text-transform: uppercase;
font-size: 14px;
}

.filterpopupbox input#sfname {
padding: 5px 11px!important;
font-size: 15px;
}

input#sfname::placeholder {
text-transform: uppercase;
font-size: 11px;
}

.filterpopupbox select#fstatus {
padding: 5px!important;
text-transform: uppercase;
font-size: 13px;
cursor: pointer;
}

.filterpopupbox select#limits {
padding: 4px!important;
text-transform: uppercase;
font-size: 14px;
cursor: pointer;
}

li.fdatetype {}

li.fdatetype input {
width: 100%;
display: block;
}

li.fdatetype span.Zebra_DatePicker_Icon_Wrapper {
width: 100%!important;
}
.f-divider {}

.filterpopupbox ul {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.f-divider {
width: calc(20% - 10px);
float: left;
}
.filterpopupbox span.Zebra_DatePicker_Icon_Wrapper input#datefrom {
padding-right: 0!important;
}
.filterpopupbox span.Zebra_DatePicker_Icon_Wrapper input#dateto {
padding-right: 0!important;
}
li.finalfilter-btn button#filtered {
width: 100%;
}
.filterpopupbox.final-report-box-wrap .f-divider {
width: calc(25% - 10px);
}

li#final-reporting-btn-wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 25px;
}

li#final-reporting-btn-wrap .full-page {
width: calc(50% - 4px);
}

li#final-reporting-btn-wrap .full-page button {
padding: 0;
text-transform: uppercase;
font-size: 11px;
width: 100%;
height: 33px;
}
.right-justify {
text-align: right;
padding-right: 15px!important;
}
.inline-block {
display: flex!important;
}
.login-box-area .login-box p.logttl {
background: gainsboro;
padding: 11px;
margin-bottom: 14px;
font-size: 18px;
height: 75px;
text-align: left;
}

.cke_top, .cke_contents, .cke_bottom {
padding: 20px;
}
ul#product-nav {
display: flow-root;
border-bottom: 1px solid #ededed;
margin-bottom: 14px;
}

ul#product-nav li {
display: inline-block;
}

ul#product-nav li a {
/* background: #3779bd; */
color: black;
padding: 10px;
display: inline-block;
margin-bottom: 13px;
width: 100px;
text-align: center;
padding: 5px;
text-transform: uppercase;
font-size: 11px;
}

ul#product-nav li a:hover {
background: #009688;
color: #efefee;
}
.video-area {
background: white;
padding: 0;
margin: 0!important;
}

.videos-rows {
width: 100%;
background: white;
display: flex;
flex-wrap: wrap;
}

.videos-rows .video-cols {
width: calc(20% - 16px);
float: left;
margin: 8px;
margin-bottom: 19px;
    border: 1px solid gainsboro;
    padding: 10px;
}

.videos-rows .video-cols .vid-thumb {
width: 100%;
height: auto;
/*min-height: 140px;*/
overflow: hidden;
position: relative;
z-index: 2;
}

.videos-rows .video-cols img {
width: 100%;
height: 100%;
object-fit: cover;
}
ul.vid-desc {
width: 100%;
/* background: rebeccapurple; */
margin-top: 5px;
}

ul.vid-desc li {
width: 100%;
margin-bottom: 5px;
color: black;
}

ul.vid-desc li.vid-titles {
font-size: 15px;
line-height: 21px;
font-weight: 600;
margin-top: 13px;
text-transform: capitalize;
}

ul.vid-desc li.vid-main-desc {
font-weight: 500;
color: gray;
font-size: 15px;
border-bottom: 1px solid gainsboro;
padding-bottom: 5px;
}

li.vid-tags span {
background: gainsboro;
padding: 1px 10px;
display: inline-block;
border-radius: 7px;
color: black;
font-size: 12px;
}

li.vid-tags {
}
.videos-rows .video-cols .vid-thumb span.vid-duration {
position: absolute;
/* background: rebeccapurple; */
z-index: 9999999;
width: 100%;
bottom: 0;
display: flow-root;
text-align: right;
color: white;
padding-right: 10px;
padding-bottom: 6px;
}
a.common-play-video {
position: relative;
height: 100%;
display: block;
}


a.common-play-video i {
position: absolute;
left: 50%;
color: white;
font-size: 37px;
border: 1px solid white;
display: flex;
border-radius: 50%;
width: 60px;
height: 60px;
justify-content: center;
align-items: center;
transform: translate(-50%, -50%);
top: 50%;
background: #F97528;
}

.search-pagination {
width: 100%;
display: flow-root;
margin-top: 20px;
padding-top: 10px;
float: left;
border-top: 1px solid gainsboro;
}

.search-pagination ul li {
display: inline-block;
}

.search-pagination ul li a {
border: 1px solid var(--bl);
color: var(--bl);
height: 35px;
min-width: 35px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 7px;
cursor: pointer;
padding: 10px;
margin-bottom: 10px;
}

.search-pagination ul {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.selected {
background: var(--bl);
color: white!important;
}


li.form-col-2-1 {
width: calc(50% - 15px);
display: inline-block;
margin-bottom: 12px;
}

li.form-col-3-1 {
width: calc(33.33% - 15px);
display: inline-block;
margin-bottom: 12px;
}

li.form-col-4-1 {
width: calc(25% - 15px);
display: inline-block;
margin-bottom: 12px;
}
li.form-col-5-1 {
width: calc(20% - 15px);
display: inline-block;
margin-bottom: 12px;
}

button.ctbn {
border: none;
padding: 10px 47px;
background: var(--gr);
color: white;
cursor: pointer;
}
div#example_length label {
display: flex;
justify-content: space-between;
align-items: center;
width: 205px;
text-transform: capitalize;
font-size: 12px;
}
div#example_length label select {
margin: 0 10px;
}
table#example {
border-collapse: collapse;
}

/*delivery-page-css======================*/
.delivery-page-area {
background: #f1f1f1;
padding: 8px;
position: relative;
}

.delivery-page-area div#page-wrap {
background: white;
padding: 15px;
}

div#page-title {
width: 100%;
display: flow-root;
text-align: center;
border-bottom: 1px solid #cecccc;
padding-bottom: 12px;
}

div#page-title h3 {
font-size: 29px;
font-weight: 800;
}
td#deliver-action-col{
width: 14%;
}
td#deliver-action-col span {
display: flex;
justify-content: space-between;
align-items: center;
width: 138px;
text-align: center;
border-radius: 3px;
}

td#deliver-action-col span a {
background: #DE3163;
width: calc(50% - 4px);
color: #dedede;
display: block;
padding: 2px 4px;
font-size: 12px;
border-radius: 3px;
border: 1px solid #DE3163;
}
#accept-btn{
background: #9FE2BF!important;
color: black!important;
border: 1px solid #9FE2BF!important;
}
div#deliver-menu {
display: inline-block;
position: absolute;
z-index: 99;
top: 90px;
}

div#deliver-menu ul li {
display: inline-block;
}

div#deliver-menu ul li a {
color: black;
border: 1px solid blue;
padding: 4px 15px;
margin-right: 9px;
display: block;
color: #60608f;
font-size: 12px;
}

div#deliver-menu ul li a:hover {
background: black;
color: white;
transition: .4s all;
}
#actv-deliver-menu{
background: black;
color: white!important;
transition: .4s all;
}
.reject-msg-view-area,
.reject-msg-area {
position: fixed;
width: 100%;
height: 100%;
background: #b7b5b570;
z-index: 99999999;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
}

.r-msg-view-wrap,
.r-msg-wrap {
width: 500px;
margin: auto;
background: white;
padding: 14px;
margin-top: 50px;
}

.reject-msg-area .r-msg-wrap textarea {
resize: none;
height: 95px!important;
}

.r-btn-area {
text-align: right;
border-top: 10px;
padding-top: 10px;
}

.r-btn-area button {
border: beige;
padding: 4px;
width: 83px;
text-align: center;
border-radius: 3px;
background: #22A39F;
color: white;
cursor: pointer;
margin-left: 9px;
}

.r-btn-area button#r-btn-2 {
background: #CF0A0A;
}
.rep-check-btn-col {
width: 10%;
text-align: center!important;
}

td.rep-check-btn-col button {
border: navajowhite;
width: 57px;
background: #28B463;
color: white;
border-radius: 3px;
padding: 1px;
cursor: pointer;
background: white;
border: 1px solid #28B463;
color: black;
font-size: 13px;
}

td.rep-check-btn-col button:hover {
background: #28B463;
color: white;
}
a#accept-btn {}

td#deliver-action-col span a:hover {
background: white!important;
color: black;
}
.cust-alt-box {
background: #00000078;
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 0;
}
.rej-actv{
visibility: visible!important;
opacity: 1!important;
}


.cust-alt {
width: 400px;
margin: auto;
background: white;
padding: 21px;
margin-top: 10px;
border-radius: 2px;
box-shadow: 0 0 3px black;
}

.cust-alt-box span.popTitle {
padding: 10px 0;
display: block;
color: black;
font-size: 19px;
font-weight: 800;
text-transform: uppercase;
padding-top: 0;
}

.cust-alt p {
color: black;
}

.cust-alt hr {
margin-top: 0px;
margin-bottom: 12px;
}

hr.hr-foot {
margin-top: 11px;
margin-bottom: 8px;
display: none;
}

.popfooter button {
border: none;
width: 78px;
padding: 4px;
cursor: pointer;
background: #66BE8C;
color: white;
}

.popfooter {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid gainsboro;
}
.newslist-area {
margin: 0 -5px;
}

.allNewslist {
width: calc(25% - 30px);
margin: 15px 15px;
float: left;
overflow: hidden;
/* border: 1px solid #eaeaea; */
/* padding: 12px; */
box-sizing: border-box;
max-width: 300px;
}

.allNewslist a.img-div {
height: 162px!important;
width: 100%;
background: #9f9e9e;
/* overflow: hidden; */
/* display: block; */
/* border: 1px solid #e0e0e0; */
float: left;
box-sizing: border-box;
}

.allNewslist a.img-div img {
width: 100%;
height: 100%;
object-fit: cover;
}

.allNewslist .desk a {
color: #565353;
margin-top: 1px;
display: block;
margin-bottom: 5px;
font-size: 16px;
font-weight: 500;
width: 100%;
float: left;
padding: 10px 0;
height: 59px;
overflow: hidden;
font-weight: 700;
}

.allNewslist .desk {
display: block;
margin-top: 10px;
/* display: flow-root; */
}
.single-news-foot-wrap {
width: 100%;
float: left;
display: flex;
justify-content: space-between;
margin-top: -11px;
/* margin: 0px 10px; */
/* border-top: 1px solid #cfcfcf; */
/* padding: 10px; */
align-items: center;
box-sizing: border-box;
margin-top: 4px;
padding-top: 0px;
margin-bottom: 20px;
}

.readMore-btn a {
border: 1px solid #727276;
display: inline-block;
padding: 4px 9px;
border-radius: 3px;
/* margin-top: 10px; */
color: #797979;
}

.newslist-area {
padding: 20px;
}

.newslist-area .newslist-wrap {
display: flow-root;
margin: -12px -12px;
}
.readMore-btn a:hover {
background: #8f8989;
color: white;
transition: .4s all;
}

.newsview-area {
margin: 0 -5px;
border-top: 1px solid gainsboro;
}

.singleNewsview {
width: 65%;
margin: auto;
margin-top: 30px;
display: flow-root;
float: left;
}

.singleNewsview .iconimage {
width: 100%;
}

.singleNewsview .iconimage img {
width: 100%;
height: 100%;
}

.singleNewsview .newstitle {
font-weight: 500;
margin-top: 10px;
color: #616161;
font-size: 19px;
line-height: 1.1;
text-align: left;
font-family: "Montserrat",sans-serif;
}

.singleNewsview .newsdescription {
margin-top: 16px;
font-size: 16px;
line-height: 1.7;
margin-bottom: 20px;
font-family: "Montserrat",sans-serif;
font-weight: 400;
}
.dttlwrap {
font-family: 'Montserrat', sans-serif!important;
display: flex;
justify-content: space-between;
margin: 10px 0;
margin-bottom: 20px;
}

.dttlwrap .news-category, .dttlwrap .news-date {font-family: 'Montserrat', sans-serif!important;text-transform: uppercase;color: black;font-size: 14px;cursor: pointer;}
.dttlwrap .news-category:hover, .dttlwrap .news-date:hover {
color:blue; 
}
.singleNewsview .newstitle h2 {
font-size: 18px;
color: inherit;
line-height: 1.2;
}
.news-comment-area {
margin-top: 28px;
display: flow-root;
/* border-top: 1px solid gainsboro; */
padding-top: 19px;
margin-bottom: 100px;
}

.news-comment-area input,.news-comment-area textarea {
width: 100%;
border: 1px solid gainsboro;
padding: 8px;
}

.news-comment-area .commenter-name {
margin-bottom: 12px;
}

.news-comment-area .commenter-email {
margin-bottom: 12px;
}

.news-comment-area .commenter-comment textarea {
resize: none;
height: 100px;
}

.news-comment-area .commenter-btn {
text-align: right;
margin-bottom: 21px;
}

.news-comment-area .commenter-btn input {
border: none;
padding: 9px 20px;
margin-top: 10px;
cursor: pointer;
background: #F97528;
color: white;
width: 129px;
border-radius: inherit;
font-weight: inherit;
}

.news-comment-area h2 {
font-size: 23px;
text-transform: uppercase;
margin-bottom: 10px;
}
.newsview-wrap {
width: 1100px;
margin: auto;
display: flow-root;
}

.newsview-wrap .news-sidebar-wrap {
width: calc(35% - 18px);
float: left;
margin-left: 18px;
margin-top: 14px;
}

.newsview-wrap .news-sidebar-wrap .allNewslist {
width: 100%;
position: relative;
margin-bottom: 0;
}
.newsview-wrap .news-sidebar-wrap .allNewslist a.img-div {
width: 106px;
height: 60px!important;
float: left;
position: absolute;
top: 0;
}

.newsview-wrap .news-sidebar-wrap .allNewslist .desk {
float: left;
padding-left: 118px;
margin-top: -15px;
margin-bottom: 10px;
}

.newsview-wrap .news-sidebar-wrap .allNewslist .single-news-foot-wrap {
align-items: flex-end;
border-bottom: 1px solid gainsboro;
padding-bottom: 14px;
margin-bottom: 1px;
box-sizing: border-box;padding-right: 24px;
}

.latest-head h2 {
font-size: 20px;
margin-left: 11px;
margin-top: 10px;
border-bottom: 1px solid gainsboro;
margin-bottom: 6px;
}
.approval-filter-menu {
/* background: gainsboro; */
margin: 0 16px;
/* text-align: center; */
border-top: 1px solid gainsboro;
padding: 21px;
border-bottom: 1px solid gainsboro;
padding-left: 0;
}

.approval-filter-menu ul li {
display: inline-block;
}

.approval-filter-menu ul li a {
text-transform: capitalize;
margin: 0 10px;
background: white;
color: black;
padding: 6px;
display: block;
width: 107px;
border: 1px solid #444040;
text-align: center;
margin-left: 0;
}

.approval-filter-menu ul li a:hover {
background: #444040;
color: white;
transition: .4s all;
}
.actvf{
background: #444040!important;
color: white!important;
transition: .4s all;
}
a.create-blog-btn {
/*margin-left: 100px;*/
border: 1px solid #444040;
display: inline-block;
padding: 8px;
display: block;
min-width: 180px;
text-align: center;
/*position: absolute;*/
top: 0;
right: 0;
color: #444040;
font-size: 13px;
text-transform: capitalize;
float: right;
border-radius: 30px;
font-size: 14px;
margin-bottom: 10px;
}

a.create-blog-btn:hover {
background: #444040;
color: white;
transition: .4s all;
}

.client-comments-area {
width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.client-comments-area .single-comment {
/*width: calc(50% - 15px);*/
width:100%;
margin-bottom: 25px;
background: white;
}

.client-comments-area .single-comment .single-comment-wrap {

padding: 14px;

}

.client-comments-area .single-comment .single-comment-wrap .client-img img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
object-position: top;
}

.client-comments-area .single-comment .single-comment-wrap .left {
width: 100%;
overflow: hidden;
float: left;
display: flex;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid gainsboro;
margin-bottom: 10px;
padding-bottom: 10px;
}

.client-comments-area .single-comment .single-comment-wrap .client-img {
width: 80px;
height: 80px;
border-radius: 50%;
float: left;
}
.client-comments-area .single-comment .single-comment-wrap .left .name-wrap {
padding-left: 19px;
}

.client-comments-area .single-comment .single-comment-wrap .left .client-name {
font-weight: 700;
}

.client-comments-area .single-comment .single-comment-wrap .left .client-comment-date {
font-weight: 400;
font-size: 12px;
}
.client-comments-area .single-comment .single-comment-wrap .left ul.client-review li {
display: inline-block;
margin-top: 3px;
}

.client-comments-area .single-comment .single-comment-wrap .left ul.client-review li i {
color: orange;
}

.page-header {text-align: center;padding: 20px 0;padding-bottom: 0px;}

.page-header h2 {font-size: 40px;font-weight: 900;text-transform: uppercase;/* border-bottom: 2px solid orange; */display: inline-block;}

span.pview-btn-wrap {
display: flex;
/* background: radial-gradient(black, transparent); */
justify-content: center;
}

.pview-btn {
color: green;
padding: 0px 10px;
border-radius: 3px;
text-transform: capitalize;
font-size: 13px;
background: #9FE2BF!important;
color: black;
border: 1px solid #9FE2BF!important;
transition: .3s all;
}

.pview-btn:hover {
background: white!important;
}
.Zebra_DatePicker {
z-index: 9999999999999999!important;
}
.select2-dropdown{
margin-left: 0!important;
}


.comments-form {
display: block;
float: left;
width: 100%;
margin-bottom: 10px;
/*border-bottom: 1px solid gainsboro;*/
padding-bottom: 20px;
}

.comments-form .pb-form-col.sbm-btn-col {
}

.comments-form input#mainformsubmit {
background: red;
float: right;
margin-top: -1px;
border-radius: 3px!important;
border: 1px solid #009B60;
color: white;
background: #009B60;
cursor: pointer;
font-weight: 400;
text-transform: uppercase;
padding: 5px 29px!important;
}

.comments-form textarea {
resize: none;
height: 100px!important;
border-radius: 3px;
}
.project-comments {
display: flow-root;
}

.project-comments .single-comments {
background: white;
width: 100%;
margin-bottom: 10px;
position: relative;
margin-top: 12px;
display: inline-block;
border-bottom: 1px solid gainsboro;
padding-bottom: 6px;
}

.project-comments .single-comments span.img-section {
width: 40px;
float: left;
overflow: hidden;
position: absolute;
/*    left: 15px;
top: 15px;*/
height: 40px;
/* border: 1px solid; */
}

.project-comments .single-comments span.img-section img {
width: 100%;
height: 100%;
border-radius: 50%;
}

.project-comments .single-comments span.commnts-section {
padding-left: 49px;
/* background: gainsboro; */
width: 100%;
display: flow-root;
box-sizing: border-box;
}

.project-comments .single-comments span.commnts-section span.commenter-det {
width: 100%;
display: block;
}

.project-comments .single-comments span.commnts-section span#pcomment {
width: 100%;
display: block;
}

.project-comments .single-comments span.commnts-section span.commenter-det span#commenterid {
/* display: none; */
text-transform: capitalize;
color: black;
font-size: 12px;
font-weight: 700;
margin-bottom: 3px;
display: inline-block;
}

.project-comments .single-comments span.commnts-section span.commenter-det span#commentertype {
text-transform: capitalize;
color: #d00b0b;
font-size: 8px;
}

.publications-img img {
    height: 200px;
    width: 100%;
    object-fit: contain;
}
.prod-left-disps .lefttop-class .pb-form-col img{
	object-fit: contain!important;
}
.singin-page {
    width: 820px;
    margin: auto;
    padding: 120px 0;
}
.project-areas {
    width: 1200px;
    margin: auto;
    padding: 80px 0;
}
.project-areas .newsdescription {
    margin-top: 25px;
}

.project-areas .newsdescription b.proj-ttl {
    padding-bottom: 0px;
    margin-bottom: 8px;
}

span.icon-overlay {
    font-size: 20px!important;
}
.iconimage img {
    width: 100%;
}

.joinpage-wrapper{
	max-width: 1050px;
	width: inherit!important;
}

.dbtable, table, th, td{
	font-size: 16px!important;
}


.advanced{
text-decoration: none;
font-size: 15px;
font-weight: 500;
}
.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active
{
color: #fff;
background-color: #00838f !important;
border-color: #00838f !important;
box-shadow: none;
}
.advanced{
color: #00838f !important;
}
.form-control:focus{
box-shadow: none;
border: 1px solid #00838f;
}
.label-wrap label.pcheker  {
display: block;
background: white;
margin-top: -5px;
margin-bottom: 16px;
text-align: center;
color: black;
font-weight: 600;
font-size: 14px;
border: 3px solid tomato;
padding: 5px;
border-top: 0;
position: relative;
cursor: pointer;
}
.label-wrap label.pcheker input {
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
}
.label-wrap label.pcheker:hover{
transition: .4px;
background: gainsboro;
}
span.single-img-download {
    position: absolute;
    right: 0;
    bottom: 42px;
    z-index: 9999;
    right: 18px;
}
span.single-img-download i {
    font-weight: bold;
    font-size: 22px;
}
span.single-img-download i:hover {
	color: red;
	cursor: pointer;
}
	.popup {
    position: fixed;
    background: #00000085;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.popup-wrap {
    max-width: 800px;
    margin: auto;
    background: white;
    padding: 20px;
    box-sizing: border-box;
}
.popup .popup-title {
    border-bottom: 1px solid gainsboro;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.popup-body textarea{
	width: 700px!important;
	height: 200px;
}
.popup .popup-footer {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid gainsboro;
}



.limiter-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.limiter-wrap p.count-msg {
    display: inline-block;
}

.limiter-wrap span#pg-limit {
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    margin-left: 58ox;
    margin-left: 50px;
}

.limiter-wrap span#pg-limit p {
    margin-right: 18px;
}
.limiter-wrap span#pg-limit select {
    padding: 1px 0px;
    border-radius: 4px;
    width: 68px!important;
    cursor: pointer;
}

.rightManagedPrices {
    border: gainsboro;
    display: block;
    float: left;
    width: 100%;
    background: rebeccapurple;
    background: gainsboro;
    padding: 10px;
}

.rightManagedPrices .price-control {
    border-radius: 4px;
    font-size: 14px;
    padding: 5px 6px;
    margin-bottom: 20px;
}

.rightManagedPrices label {
    text-transform: uppercase;
    /* font-weight: 500; */
    font-size: 14px!important;
}

	


/*product-display-codes*/
.prod-main {
    font-size: 14px;
}
	.prod-right-disps {
    width: 35%;
    float: right;
    padding: 10px;
    float: right;
    /*box-shadow: 0 0 2px black;*/
    padding: 16px;
    background: white;

}
.prod-left-disps {
    width: 64%;
    float: left;
}

.pb-form-col.keyimagexsl {}

.prod-left-disps .pb-form-col {
    padding: 0;
}

.prod-left-disps .lefttop-class .pb-form-col {
    padding: 10px;
    box-shadow: 0 0 4px #7e7777;
    background: white;
}
.left-bottom-disp{
	    /*padding: 10px;*/
    /*box-shadow: 0 0 2px black;*/
    background: white;
    text-align: center;
}
.prod-left-disps .lefttop-class .pb-form-col img {
    /*width: auto;*/
    width: 100%;
    object-fit: cover;
    height: auto;
    max-height: 500px;
}

div#content10 {
	display: flex;
	flex-wrap: wrap;
	/*width: 1200px;*/
	margin: auto;
	justify-content: space-between;
}
.prod-main {
    padding: 30px;
    /*background: #e9e9e9;*/
}
.group-feature-img-col {
    width: calc(33.33% - 10px);
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 1px solid #ded6d6;
}

.group-feature-img-col img {
    width: 100%;
}

.group-feature-area-custom {
    width: 100%;
    float: left;
    border-bottom: 2px solid gray;
    margin-bottom: 15px;
    padding-bottom: 9px;
}
.pb-form-col.featuresxs.keyimagexsl img {
    width: 100%;
}

.pb-form-col.featuresxs.keyimagexsl {}

.pb-form-col.keyimagexsl {
    text-align: center;
}
p.imglist a {
    width: calc(33% - 6px);
    float: left;
    overflow: hidden;
    margin: 3px;
}

p.imglist img {
    width: 100%;
}




.prod-single-price-col {
    /*border-bottom: 1px solid gray;*/
    position: relative;
}

.prod-single-price-col input[type="radio"] {
    background: rebeccapurple;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 11px;
}

.prod-single-price-col label {
    padding: 9px;
    padding-left: 28px;
    /* background: rebeccapurple; */
    width: 100%;
    text-align: left;
    cursor: pointer;
}
.left-bottom-disp{
/*width: 550px;*/
margin: auto;
text-align: left;
}
.pricepoint{
	margin-top: 0;
}
.pricepoint{
	padding: 0;
}
.price-cart-btn{
	text-align: left;
}


/*product-display-codes end*/

.rightManagedPricesDiv select{
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
resize: vertical;
border-radius: inherit;
border-radius: 30px;
border-radius: 5px;
font-size: 14px;
padding: 5px 15px;
cursor: pointer;
margin-bottom: 20px;
}

.rightManagedPricesDiv label {
width: 100%;
display: block;
text-align: left;
color: gray;
font-weight: 400;
text-align: left;
font-weight: 900;
text-transform: capitalize;
font-size: 17px!important;
color: gray;
}

.rightManagedPricesDiv {
    background: #e6e6e6;
    padding: 50px 100px;
    display: block;
    float: left;
    width: 100%;
}
.price-s-option .s-rpice-list input{
    width: 15px;
}

label.altlabel {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
text-align: left;
}
.pdxsl {
    padding: 20px;
    background: #d8d8d8;
    width: 100%;
    display: block;
    padding: 51px!important;
}

.price-s-option .s-rpice-list label.altlabel, .price-s-option .s-rpice-list label.altlabel b {
    font-size: 14px;
    font-weight: 700!important;
    /* color: #686868; */
    font-size: 14px!Important;
}
.deliveryTray {
    background: white;
    display: block;
    float: left;
    width: 100%;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 3px;
    box-shadow: 0 0 2px #888282;
    margin-top: 20px;
    /* border-top: 10px solid gray; */
}

.deliveryTray select {
    font-size: 14px;
    cursor: pointer;
    border-radius: 30px;
    padding: 5px 16px;
}

.deliveryTray .deliveryoptionAppend {
    margin-top: 14px;
    color: black;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    color: black;
}

.deliveryTray label.deliver-label {
    /* background: #a6a6a6; */
    display: block;
    color: #121212;
    margin: -30px;
    margin-bottom: 16px;
    text-transform: capitalize;
    font-size: 14px!important;
    padding: 10px;
    border-bottom: 1px solid #c2c2c2;
    text-align: left;
    padding-left: 32px;
    /* background: rebeccapurple; */
    display: block;
}

.deliveryTray .deliveryOptionsDiv label {
    color: black;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 14px!important;
    margin-top: 27px;
    text-align: left;
    display: block;
}
.alert-box {
    background: #e9e9e9;
    padding: 24px;
    margin-top: 36px;
    border-left: 5px solid;
}

.pre-loader {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 999999999972;
	display: none;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	background: #ffffffb5;
	text-align: center;
}
a#getPreview {
    color: #28A745;
    border: 1px solid #28A745;
    padding: 4px 8px;
    display: inline-block;
    /* width: 100px; */
    border-radius: 3px;
    margin-top: 10px;
    font-size: 12px!important;
}

a#getPreview:hover {
    background: #28A745;
    color: white;
    transition: .4s all;
}
.pre-loader img {
	width: 200px;
}

ul.saleImgPrev {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    /* row-gap: 10px; */
}
p.photo-ids {
    font-size: 14px;
    text-align: center;
    color: black;
}

ul.saleImgPrev li {
    /*border: 1px solid gainsboro;*/
    margin-top: 10px;
}
 .select2-results__option {
    display: flex;
    align-items: center;
}
.select2-results__option img {
    margin-right: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
span.select2-selection.select2-selection--single {
	border: 1px solid #ced4da!important;
}
span#select2-usertype-container {
	padding-left: 0;
}
span#select2-status-container {
line-height: 40px!important;
}

span.select2-selection__arrow {
top: 9px!important;
}

span.select2-selection.select2-selection--single {
height: 40px!important;
border-radius: inherit;
}
li.cart-prod-wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
input.admin-price {
    width: 76px;
    /*position: absolute;*/
    /*top: 100%;*/
    right: 0;
    float: right;
    padding: 5px 10px;
    margin-right: 9px;
    font-size: 12px;
}
span.cart-sesc {
    font-size: 15px;
    position: relative;
}

span.cart-sesc i {
    font-size: 14px;
    color: #141414;
    padding: 5px 7px;
    border-radius: 5px;
    font-size: 11px;
    /* position: absolute; */
    left: 0;
    /* bottom: 0; */
    /* right: 0; */
    top: 25px;
    border: 1px solid #cbcbcb;
}

.sale-btn:hover,
.sale-btn{
	padding: 9px;
    border: none;
    border-radius: 0;
    font-weight: 600;
  background-color: #0070BA;
  color: white;
  border: none;
  border-radius: 4px!important;
  cursor: pointer;
  float: right;
  margin-left: 10px;
  margin-top: 51px;
  width: 185px!important;
   height: 35px; 
  /*font-weight: 900;*/
  font-size: 15px!important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0!important;
}
ul.price-ul {}

ul.price-ul .price,ul.price-ul .vat,ul.price-ul .delivery-op {
    font-size: 16px;
}

ul.price-ul li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: black;
}

ul.price-ul li span {
    font-size: 15px!important;
    margin-left: 7px;
    color: black;
    font-weight: 400;
}