@charset "utf-8";
/* CSS Document */
:root {
	--greencolor: #55ad45;
       --greenborder:#4ba43b;
	--goldcolor: #d5bf62;
	--bluebg: #f2f5fc;
	--bluecolor: #0690e9;
	--blue_border: #047dca;
	--blue_shadow: 0px 7px 11px -7px rgba(5,125,202,0.5);
	--btn_shadow: 0px 7px 21px -7px rgba(0, 0, 0, 0.2);
	--green_shadow: 0px 7px 10px -5px rgba(96,194,78,0.4);
	--btn_shadow_hover: 0px 9px 21px -7px rgba(0, 0, 0, 0.25);
	--lightborder: #dee2e6;
	--card_pdgLR: 10px;
	--pdgcx: 24px;
	--pdgcy: 24px;
	--pdgbx: 60px;
	--pdgby: 50px;
	--mgncx: 24px;
	--mgncy: 24px;
	--mgnbx: 60px;
	--mgnby: 50px;
       --pdgacx:15px;
       --pdgacy:15px;
       --mgnacy:15px;
       --mgnacx:15px;
       --bordercolor:#ddd;
    --warning:#d32428;
    --warning:#ff000b;
       --upgrade_color: #ffc107;
       --upgrade_border: #eeb405;
       --upgrade_shadow: 0px 7px 10px -5px rgba(255,193,8,0.5)
    --roboto:'Roboto', sans-serif;
    --poppins:'Poppins', sans-serif;
   --sponsor_color:#57d490;
  --premium_color:#30beff;
--menubar_color:#4c5865;
      --acc_shadow: 0px 5px 32px -12px rgba(0,0,0,0.2);
}
.mgnTby
{
    margin-top:var(--mgnby);
}
.mgnTcy
{
    margin-top:var(--mgncy);
}
body {
	font-family: 'Roboto', sans-serif;
	color: #444;
       font-weight: normal;
       background: #fff;
}
.burgermenu
{
       height: 100%!important;

       overflow: hidden!important;
}
a, *:focus {
	outline: none;
}
a:hover {
	color: var(--bluecolor);
       text-decoration:none;
}
.m_header, .m_main, .m_footer {
	padding: 15px 0px 0px;
}
.m_header {
	position: fixed;
 position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1500;
	background: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
       transition: all .5s;
}
/*header scroll fix*/
.make_view
{
       position: absolute;
}
.m_header.show_header
{
       position: fixed;
       animation:  show_header .3s forwards;
}
@keyframes show_header
{
       from{
              top: -100%;
       }
       to
       {
              top: 0%;
       }
}
.m_header.fixed_header
{
       position: fixed;
}
.m_header.hide_header
{
       position: fixed;
       /*animation:  hide_header 2s forwards;    */
}
@keyframes hide_header
{

       100%
       {
              top: -100%;
       }
}


.header_top {

    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 10px var(--pdgcx);
}
.header_bottom:after {
	content: "";
	width: 100%;
	display: table;
}
.header_logo {
	display: block;
	width: 230px;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 0px;
	/* padding-top: 5px;*/
	margin-top: -5px;
	box-sizing: border-box;
	flex-grow: 0;
	flex-shrink: 0;
}
.header_logo a {
	display: inline-block;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	vertical-align: middle;
}
.header_logo img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.header_top_menu {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	float: right;
	list-style: none;
	margin: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
}
.header_top_menu_li {
	display: inline-block;
	padding: 15px;
}
.header_top_menu_li a {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	white-space: nowrap;
	text-decoration: none;
	color: #626368;
	font-weight: 500;
	font-size: 1rem;
	transition: all .3s;
}
.header_top_menu_li a:hover {
	color: var(--greencolor);
}
.header_top_menu_li a i {
	color: var(--greencolor);
	margin-right: 5px;
	padding-bottom: 5px;
}
/*.gradient_border_b
{
       font-family: var(--roboto);
       font-weight: bold!important;
       background: -webkit-linear-gradient(to right, #05e7fb, #ecd46d, #56a861);
       background: linear-gradient(to right, #05e7fb, #ecd46d, #56a861);
        -webkit-background-clip: text;
        background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
       transition: all .3s;
}
.gradient_border_b:hover{
       background: -webkit-linear-gradient(to right,  #ecd46d, #56a861,#05e7fb);
       background: linear-gradient(to right,  #ecd46d, #56a861,#05e7fb);
          -webkit-background-clip: text;
        background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;

}*/
.gradient_border_b i {
	font-size: 1.2rem;
}
.gradient_border_b span {
	position: relative;
}
.gradient_border_b span:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	left: 0px;
	bottom: -5px;
	background: linear-gradient(to right, #05e7fb, #ecd46d, #56a861);
}
.header_bottom {
	display: block;
	width: 100%;
	height: auto;
	padding: 0px var(--pdgcx);
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	position: relative;
}
.header_bottom:after {
	content: "";
	width: 100%;
	display: table;
}
.header_menu {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	justify-content: space-between;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;

}
.header_menu_li {
	display: inline-block;
	padding: 7px 1%;
}
.header_menu_li:first-child {
	padding-left: 0px;
}
.header_menu_li:last-child {
	padding-right: 0px;
}
.header_menu_li > a {
	display: block;
	text-decoration: none;
	color: #777;
	transition: all .3s;
	line-height: 1.5;
       cursor: default;
	/*font-size: calc(1rem - (1rem - 14px) *.5);*/
}
.header_menu_li > a > i
{
       display: none;
}
.header_menu_li:hover > a {
	color: var(--greencolor);
}
.header_menu
{
    position: relative;
}
.header_burger_menu
{
       display: none;
}

.sub_menu_level1
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: none;
       visibility: none;
    flex-wrap: wrap;
    position: absolute;
    top: 100%;
       left: 0px;
    height: 0;
    /*max-height: 0;*/
    overflow: hidden;
       overflow-y: auto;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0px;
    border-radius: 0px 0px 5px 5px;
    box-sizing: border-box;
    box-shadow: var(--btn_shadow);
   opacity: 0;
   transition: opacity .3s;
}
.sub_menu_level1_li
{
    flex: 1 0 calc(20% - 10px);
    margin: 0px;
    width: 20%;
}
.sub_menu_level2
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-bottom: 15px;
}
.sub_menu_level2_li
{
    margin: 10px 0px;
    padding: 0px;
    width: 100%;
    font-size: .9rem;
    color: #777;
}
.sub_menu_level2_li a
{
       color: #bbb;
       text-decoration: none;
       font-size: .8rem;
       transition: all .3s;
}
.sub_menu_level2_li a:hover span
{
       color:var(--greencolor);
}
a.header_sub_menu_title
{
    font-weight: 500;
    color: #777;
       font-size: .9rem;
       text-decoration: none;
}
a.header_sub_menu_title i
{
       font-size: .7rem;
       color: #bbb;
}
a.header_sub_menu_title i:before
{
       padding-bottom: 2px;
}

.header_sub_menu_title:hover
{
   color: var(--greencolor);
}


/*.header_search {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: auto;
	box-sizing: border-box;
	height: auto;
	padding: 0px var(--pdgcx);
	position: relative;
	opacity: 0;
	visibility: hidden;
	height: 0px;
	margin-bottom: -15px;
	transition: all .2s;
}*/
.header_search {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: auto;
	box-sizing: border-box;
	height: auto;
	padding: 0px var(--pdgcx);
	position: relative;
	opacity: 0;
	visibility: hidden;
	transition: all .2s;
}
.showsearch .header_search {
	opacity: 1;
	/*height: 48px;*/
	visibility: visible;
}
.header_search_input {
	border: 1px solid var(--greencolor);
	border-radius: 3px 0px 0px 3px;
	padding: 0px 15px 0px 35px;
	box-sizing: border-box;
	height: 32px;
	line-height: 32px;
	font-size: 1rem;
	margin: 0px;
	float: left;
	width: auto;
	max-width: 180px;
}
.header_search_input::placeholder {
	color: #777;
}
.header_search i {
	position: absolute;
	left: 35px;
	top: 3px;
	color: #bbb;
}
.header_search_btn {
	border-radius: 0px 3px 3px 0px;
	margin: 0px;
	padding: 0px 15px;
	border: none;
	height: 32px;
	line-height: 32px;
	color: #fff;
	float: left;
	background: var(--greencolor);
	transition: all .3s;
}
.header_bottom {
	display: block;
}
/*.header_bottom .header_search
{
	display: none;
}*/
.burger_menu {
	display: none;
	width: 36px;
	height: 27px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	z-index: 1600;
	flex-basis: 36px;
}
.user_notifications
{
    font-size: 1rem;
    color: #444;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    margin: 0px 10px 0px 0px;
     position: relative;
}
.user_notifications_btn
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    white-space: nowrap;
    align-items: center;
     cursor: pointer;
       outline: none;
}
.user_notifications i
{
    color: var(--greencolor);
       font-size: 1.2rem;
}
.user_notifications_btn > .user_notifications_count
{
    font-size: .65rem;
    align-self: flex-start;
    padding: 0px 2px;
    background: var(--warning);
    border-radius: 3px;
    color: #fff;
       display: none;
}
.has_notifications .user_notifications_count
{
       display: block;
}
.user_notification_count
{
         font-size: .65rem;
    align-self: flex-start;
    padding: 0px 2px;
    background: var(--warning);
    border-radius: 3px;
    color: #fff;
}
.user_notification_cover
{
    position: absolute;
    right: -150px;
    top: 120%;
    box-shadow: var(--btn_shadow);
    height: 280px;
    background: #fff;
    width: 250px;
    overflow: hidden;
    z-index: 9999;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-top: 40px;
    display: none;
}
.user_notification_cover.active
{
       display: block;
}
.user_notification_header
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    height: 40px;
    padding:0px 10px;
    background: var(--greencolor);
    background: #444;
    background:#777;
    color: #fff;
    align-items: center;
    justify-content: space-a;
    white-space: nowrap;
    position: absolute;
    top: 0px;
    font-weight: 500;
}
.user_notification_cover.no_notifications
{
   height: auto;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #eee;
       text-align: center;
       width: 230px!important;
}
.user_notification_info
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
}
.user_notification_info i
{
    font-size: 1rem;
    color: #bbb;
    margin-right: 10px;
}
.user_notification_info i:before{
    padding-bottom: 2px;
}
.user_notification_info span
{
    white-space: normal;
    line-height: 1.1;
    color: #777;
}
.user_notification_list
{
    list-style: none;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px 10px;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
}
.user_notification_box
{
    margin:10px 0px 5px;
    border-bottom: 1px solid #eee;
    height: auto;
    overflow: hidden;
}
.user_notification_box a
{
    text-decoration: none;
    color: #444;
       transition: all .3s;
}
/*.user_notification_box a > p:first-child
{
       margin-top: -15px;
}*/
.user_notification_box p
{
    font-size: .9rem;
       color: #777;
}
p.user_notification_box_title
{
    font-size: .95rem;
    font-weight: 500;
    margin-bottom: 0px;
}
p.user_notification_box_title:hover{
    color: var(--greencolor);
}
.user_notification_box   a:hover{
    color: var(--greencolor);
}














.header_user_menu {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
.register_menu_btn, .login_menu_btn, .header_user {
	display: inline-block;
}
.register_menu_btn a {
	border: 1px solid #bbb;
	border-radius: 4px;
	padding: 5px 15px;
	font-size: .9rem;
	text-decoration: none;
	color: #626368;
	font-weight: 500;
	transition: all .3s;
	white-space: nowrap;
}
.register_menu_btn a:hover {
	color: var(--greencolor);
}
.register_menu_btn i {
	display: none;
}
.login_menu_btn a {
	border: 1px solid var(--greencolor);
	border-radius: 4px;
	padding: 5px 15px;
	color: #fff;
	font-size: .9rem;
	text-decoration: none;
	font-weight: 500;
	transition: all .3s;
	background: var(--greencolor);
	white-space: nowrap;
}
.login_menu_btn a:hover {
	color: var(--greencolor);
}
.login_menu_btn {
	margin-left: 15px;
}
.login_menu_btn i {
	display: none;
}
.login_menu_btn a:hover {
	background: #fff;
}
.header_top .header_user {
	position: relative;
	z-index: 100;
	max-width: 200px;
}
.header_user_div {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.header_user_div a {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	height: auto;
	overflow: hidden;
	flex-wrap: nowrap;
	text-decoration: none;
}
.header_user_icon {
	width: 30px;
	height: 30px;
	border: 1px solid var(--greencolor);
	text-align: center;
	line-height: 23px;
	font-size: 1.5rem;
	background: #fff;
	border-radius: 3px;
	color: var(--greencolor);
}
.header_username {
	padding: 0px 10px;
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       align-items: center;
	flex-direction: column;
	box-sizing: border-box;
       white-space: nowrap;
}
.header_username span {
	display: block;
	height: 10px;
}
/*.header_username span:first-child {
	font-size: .7em;
	color: var(--greencolor);
}*/
.header_username .account_name{
	color: #444;
       font- size: 1rem;
	max-width: 120px;
	height: auto;
}
.header_user_ul_toggle {
	display: block;
	width: 30px;
	height: 30px;
	color: #777;
	text-align: center;
	line-height: 30px;
}
.user_menu {
	display: none;
	list-style: none;
	margin: 7px 0px;
	padding: 0px 15px;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	min-width: 200px;
	right: -5px;
	height: auto;
	width: 100%;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #eee;
}
.header_user_ul_toggle {
	transition: all .53s;
}
.user_menu_toggler i:before
{
       padding-bottom: 1px;
}
.user_menu_toggler.active {
	transform: rotate(-180deg);
	color: var(--greencolor);
}
.user_menu {
	display: none;
}
.user_menu.active {
	display: block;
      box-shadow:var(--btn_shadow);
}
.user_menu li {
	display: block;
}
.user_menu li a {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	text-decoration: none;
	font-size: .9rem;
	color: #444;
	padding: 10px 0px;
	align-items: center;
	transition: all .3s;
	border-top: 1px solid #ddd;
}
.user_menu li:first-child a {
	border: none;
}
.user_menu li a span {
	line-height: normal;
}
.user_menu li a:hover {
	color: var(--greencolor);
}
.signout i {
	color: var(--greencolor);
	padding-bottom: 5px;
	font-size: 1.1rem;
}
.signout span {
	padding-left: 10px;
	font-weight: 500;
}
.header_top .header_logo {
	order: 1;
	flex-grow: 0;
	flex-shrink: 0;
}
.header_top_menu {
	margin-left: 0;
}
.header_link {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: start;
	white-space: nowrap;
	text-decoration: none;
	color: #777;
	font-weight: 500;
	margin: 0px 0px 0px auto;
	transition: all .3s;
}
.header_link i {
	margin-right: 5px;
	color: var(--greencolor);
}
.header_link i:before {
	line-height: 20px;
}
.header_link:hover {
	color: var(--greencolor);
}
.header_top .header_search {
	order: 2;
}
.header_top .header_link {
	order: 3;
}
.header_top .header_top_menu {
	order: 4;
}
.header_top .header_user_menu {
	order: 5;
}
.header_top .burger_menu {
	order: 6;
}
/* main*/
.m_main {
	height: auto;
	margin-top: 114px;
	overflow: hidden;
	padding-top: 0px;
}
.home_search_cover {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0px var(--pdgcx);
	box-sizing: border-box;
	position: relative;
}
.home_search_left {
	display: block;
	width: 50%;
	float: left;
	padding: 0px var(--pdgbx) 0px;
	box-sizing: border-box;
}
.home_search {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.home_search_title {
	display: block;
	height: auto;
	overflow: hidden;
	margin: 100px 0px 25px;
	font-size: 2.4rem;
	line-height: 120%;
	padding: 5px 0px;
	color: #444;
	font-weight: 600;
	text-align: left;
}
.home_search_title span {
	text-align: left;
	display: inline;
	padding: 0px 0px;
	white-space: normal;
	overflow-wrap: break-word;
}
.home_search_title b {
	font-style: normal;
	font-weight: 300;
	display: inline-block;
	padding: 0px 5px;
	font-size: 2.4rem;
}
.home_search_title b:first-child {
	color: var(--goldcolor);
	padding-left: 0px;
}
.home_search_box {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: nowrap;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0px 7px 23px -7px rgba(0, 0, 0, 0.3);
}
.home_search_txtbox {
	display: inline-block;
	position: relative;
	flex: 1;
}
.home_search_input {
	display: block;
	width: 100%;
	height: 60px;
	border: 2px solid var(--greencolor);
	position: relative;
	z-index: 10;
	line-height: 54px;
	padding: 0px 20px 0px 50px;
	font-size: 1.2rem;
	box-sizing: border-box;
	flex-shrink: 1;
	border-radius: 5px 0px 0px 5px;
}
.home_search_input::placeholder {
	color: #777;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: inherit;
}
.home_search_btn {
	border: none;
	border-radius: 0px 5px 5px 0px;
	background: var(--greencolor);
	color: #fff;
	font-size: 1.6rem;
	height: 60px;
	line-height: 60px;
	padding: 0px 45px;
	box-sizing: border-box;
}
.home_search_btn:hover {}
.home_search_icon {
	position: absolute;
	left: 15px;
	top: 12px;
	font-size: 1.4rem;
	color: #bbb;
	z-index: 100;
}
.popular_search_tags {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	height: auto;
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
}
.popular_searchtags_title {
	float: left;
	width: auto;
	padding: 5px 15px;
	box-sizing: border-box;
	font-weight: 600;
}
.popular_searchtags_tags {
	display: inline-block;
	float: left;
	width: auto;
	height: 30px;
	overflow: hidden;
	padding: 0px 0px;
	box-sizing: border-box;
}
.search_tag {
	display: inline-block;
	width: auto;
	font-size: .85rem;
	color: #777;
	text-decoration: none;
	border: 1px solid #bbb;
	border-radius: 30px;
	padding: 0px 10px;
	box-sizing: border-box;
	white-space: nowrap;
	margin: 5px;
	cursor: pointer;
	font-size: calc(7px + (16px - 7px) *.5);
	transition: all .3s;
}
.search_tag:hover {
	background: #eee;
}
.home_graphics_cover {
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin-top: 1px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}
.home_graphics {
	display: inline-block;
	width: auto;
	height: auto;
	position: relative;
	text-align: center;
	padding: 15% 0px 0px 0px;
	box-sizing: border-box;
	overflow: hidden;
}
.home_img {
	display: block;
	max-width: 100%;
	position: relative;
	z-index: 100;
	overflow: hidden;
}
.circle_anim {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: -20%;
	z-index: 90;
	transform: translateX(-50%);
}
.circle_outer, .circle_middle, .circle_inner, .circle_outer1, .circle_middle1, .circle_inner1 {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 5%;
	height: 8%;
	border-radius: 70%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 73px -12px rgba(160, 185, 227, 1);
	transform: translate(-50%, -50%);
}
.circle_outer {
	animation: outer_anim 12.1s 0s infinite linear;
	z-index: 10;
}
.circle_middle {
	animation: outer_anim 12.1s 2s infinite linear;
	z-index: 20;
}
.circle_inner {
	animation: outer_anim 12.1s 4s infinite linear;
	z-index: 30;
}
.circle_outer1 {
	animation: outer_anim 12.1s 6s infinite linear;
	z-index: 10;
}
.circle_middle1 {
	animation: outer_anim 12.1s 8s infinite linear;
	z-index: 20;
}
.circle_inner1 {
	animation: outer_anim 12.1s 10s infinite linear;
	z-index: 30;
}
@keyframes outer_anim {
	70%, 100% {
		width: 82%;
		height: 100%;
		opacity: 0;
	}
}
.breadcrumb_cover {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    justify-content: space-between;
	width: 100%;
	margin: 15px 0px;
	padding: 0px var(--pdgcx);
	box-sizing: border-box;
	font-size: .9rem;
	flex-wrap: nowrap;
	align-items: center;
}
.breadcrumb_cover .breadcrumb {
	margin: 0px;
}
.breadcrumb-item a {
	text-decoration: none;
	color: #444;
       transition: all .3s;
}
.breadcrumb-item a:hover {
	text-decoration: none;
	color: var(--greencolor);
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #bbb;
}
/*category*/
.home_categories_cover {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: var(--bluebg);
	padding: 0px var(--pdgcx);
	box-sizing: border-box;
}
.home_categories_wrap {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: var(--pdgby) var(--pdgbx);
	padding: var(--pdgby) 0;
	box-sizing: border-box;
}
.page_title {
	font-size: 2rem;
	height: auto;
	min-height: 50px;
       font-weight: normal;
}
.center_txt
{
       width: 100%;
       text-align: center;
}
.page_title .free_txt {
	color: var(--greencolor);
	padding: 0px 7px;
	text-decoration: underline;
}
.page_sub_title {
	font-size: 1.1rem;
}
.page_flex_bar {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	height: auto;
	margin: 30px 0px 0px;
}
.page_flex_bar .view_all_btn {
	margin: 0px;
}
.submit_script_btn {
	display: inline-block;
	width: auto;
	height: 50px;
	background: var(--greencolor);
	color: #fff;
	font-weight: 500;
	padding: 0px 15px;
	line-height: 50px;
	border-radius: 3px;
	box-shadow: 0px 5px 12px -2px rgba(0, 0, 0, 0.2);
}
.submit_script_btn .icon {
	background: var(--goldcolor);
	border-radius: 50%;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	margin-right: 10px;
	color: #444;
	font-size: 1.4rem;
}
.view_all_btn {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	padding: 0px 15px;
	height: 36px;
	align-items: center;
	background: #fff;
	border-radius: 3px;
	text-decoration: none;
	color: #777;
	white-space: nowrap;
	border: 1px solid #bbb;
	margin-left: auto;
}
.home_category_list {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	height: auto;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	margin: auto;
	flex-wrap: wrap;
	padding: 24px 0px 0px;
}
/*new*/
.category_cover
{
    margin: var(--mgnby) 0px 0px;
}
.category_cover .home_category_item
{
    width: 100%;
    margin: 15px 0px;
}
.category_cover .home_category_icon
{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #e7e7e7;
    overflow: hidden;
    background-image: url("../images/category_icon.png");
    background-repeat: no-repeat;
    background-position: center top;
    transition: all .3s;
}
.category_cover .home_category_item:hover .home_category_icon{
    background-position: center bottom;
    background-color: var(--greencolor);
}
.max_width_75
{
    width: 75%;
}
.max_width_50
{
    width: 50%;
}
/*new*/
.home_category_item {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: 220px;
	flex-direction: column;
	height: auto;
	overflow: hidden;
	background: #fff;
	border-radius: 3px;
	padding: 15px;
	box-sizing: border-box;
	margin: 20px;
	border: 1px solid #bbb;
	align-items: center;
	box-shadow: 0px 3px 12px -2px rgba(0, 0, 0, 0.1);
	transition: all .3s;
	text-decoration: none;
}
.home_category_item:hover {
	box-shadow: 0px 9px 23px -2px rgba(0, 0, 0, 0.1);
}
.home_category_icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #fff;
	text-align: center;
	line-height: 60px;
}
.home_category_name {
	font-size: .9rem;
	text-align: center;
	margin: 5px 0px;
	color: #444;
	text-decoration: none;
}
.home_category_count {
	color: var(--greencolor);
	font-size: .8rem;
	text-decoration: none;
}
/*category*/
/*script_list*/
.listing_wrap {
	display: block;
	height: auto;
	width: 100%;
	padding: var(--pdgby) var(--pdgcx) 20px;
	box-sizing: border-box;
}
.my_listing
{
       position: relative;
}
.similar_listing_wrap {
	display: block;
	height: auto;
	width: 100%;
	padding: var(--pdgby) var(--pdgcx);
	box-sizing: border-box;
}
.page_title_bar {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	padding: 0px var(--pdgbx);
	padding: 0px;
	box-sizing: border-box;
	height: auto;
	min-height: 50px;
	overflow: hidden;
}
.list_slider_cover {
	display: block;
	width: 100%;
	padding: 0px var(--pdgbx);
	padding: 0px;
	box-sizing: border-box;
	position: relative;
	height: auto;
}
.slider_nav_left, .slider_nav_right {
	display: block;
	width: 44px;
	height: 44px;
	background: #e8ecf8;
	border-radius: 50px;
	text-align: center;
	line-height: 40px;
	font-size: 1.4rem;
	font-weight: 500;
	color: #444;
	cursor: pointer;
	transition: all .3s;
	z-index: 10;
}
.nav_edge {
	opacity: 0;
	cursor: default;
}
.slider_nav_left:hover, .slider_nav_right:hover {
	box-shadow: 0px 5px 12px -5px rgba(0, 0, 0, 0.2);
}
.slider_nav_left {
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
}
.slider_nav_right {
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
}
.list_slider {
	width: 100%;
	display: block;
	height: 100%;
	/*overflow: hidden;*/
	margin: 30px 0px 0px;

}
.list_slider_cover .owl-carousel .owl-stage-outer {
	padding-bottom: 20px;
       height: 100%;
       height: calc(100% + 40px);
       box-sizing: border-box;
       overflow: hidden;
       overflow-x: hidden;
       overflow-y: visible;
}
.list_slider .owl-stage
{
          display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       height: 100%;
}
.script_list_card, .script_list_box {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	height: auto;
	overflow: hidden;
	border: 2px solid #ddd;
	background: #fff;
	border-radius: 5px;
	transition: all .3s;
	box-shadow: 0px 3px 32px -12px rgba(0, 0, 0, .2);
}
.list_card .script_list_card {
	/*min-height: 415px;*/
       height: 100%;
       max-height: 480px;
}
.script_list_card:hover, .script_list_box:hover {
	box-shadow: 0px 7px 32px -7px rgba(0, 0, 0, .3);
}
.script_list_image {
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	border: none;
	margin-bottom: auto;
	margin-bottom: 0;
       background-color: #fff;
}
.script_list_image:empty
{
       background-color: #cdd4e7;
       min-height: 120px;
}
.script_list_image img {
	width: 100%;
	padding: 0px;
	margin: 0px;
       background:#fff;
}
.script_list_image img:empty {
	width: 100%;
	padding: 0px;
	margin: 0px;
       min-height: 140px;
     /*  background:#cdd4e7;
       background-image: url("../images/product_default_image.jpg");*/
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
}
/*hide until load*/
.script_list_card .script_list_image
{
       overflow: hidden;
}

/*.checked_card
{
       border-color: red;
}*/
.script_list_image .owl-lazy
{
       position: absolute;
       position: static;
       top: 0px;
       left: 0px;
       width: 50%;
}
.default_product_img
{
       display: none;
}
/*hide until load*/
.script_list_title {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-decoration: none;
	color: #444;
	padding: 10px var(--card_pdgLR);
	font-weight: 500;
       flex-shrink: 0;
       margin-bottom: auto;
}
.script_list_title:hover {
	color: var(--bluecolor);
}
.script_list_descp {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0px var(--card_pdgLR);
	font-size: .9rem;
	font-weight: 400;

       flex-shrink: 0;
}
.script_list_links {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px var(--card_pdgLR);
	box-sizing: border-box;
	flex-wrap: nowrap;
}
.script_list_link + .script_list_link {
	margin-left: 10px;
}
.script_list_link {
	display: inline-flex;
	align-items: center;
	background: var(--bluebg);
	padding: 4px 10px;
	font-size: .8rem;
	color: #444;
	font-weight: 500;
	transition: all .3s;
	border-radius: 3px;
	border: 1px solid #bbb;
	text-decoration: none;
	box-sizing: border-box;
	white-space: nowrap;
}
.script_list_link i {
	margin-right: 10px;
}
.script_list_row {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	padding: 10px var(--card_pdgLR);
	justify-content: space-between;
	flex-wrap: nowrap;
}
.script_list_descptag {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: auto;
	height: auto;
	overflow: hidden;
}
.script_list_descpicon {
	display: inline-block;
	width: 36px;
	height: 36px;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	color: bbb;
	position: relative;
	margin-right: 10px;
	z-index: 20;
}
.script_list_descpicon i {
	z-index: 25;
}
.price_icon {
	color: var(--greencolor);
}
.script_list_descpicon:before {
	content: "";
	width: 0px;
	height: 0px;
	border: 7px solid transparent;
	border-left-color: #fff;
	position: absolute;
	top: 50%;
	right: -13px;
	transform: translatey(-50%);
	z-index: 20;
}
.script_list_descpicon:after {
	content: "";
	width: 0px;
	height: 0px;
	border: 7px solid transparent;
	border-left-color: #ddd;
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translatey(-50%);
	z-index: 5;
}
.script_list_descpname {
	display: block;
	height: auto;
	font-weight: 500;
	overflow: hidden;
	line-height: 18px;
}
.script_list_descpname span {
	font-size: .9rem;
	color: #bbb;
	padding: 0px;
	margin: 0px;
	display: blo;
}
.script_list_descpname b {
	font-size: 1.rem;
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: 500;
	color: #444;
}
.price_tag b {
	color: var(--greencolor);
}
.review_tag b {
	color: #ff9b01;
}
.views_icon {
	color: #fdcd01;
}
.review_icon{
    color: #ff9b01;
}
.script_list_col {
	display: block;
	height: auto;
	padding: 0px;
	box-sizing: border-box;
}
.script_seller {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	text-decoration: none;
	color: #444;
}
.script_seller:hover {
	color: #444;
}
.script_seller_icon {
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 40px;
	text-align: center;
	line-height: 24px;
	border: 1px solid #ddd;
	flex-shrink: 0;
}
.script_seller_icon i {
	color: var(--greencolor);
}
.script_seller_name {
	padding-left: 0px;
	display: inline;
	align-items: flex-start;
	line-height: 18px;
	color: #bbb;
	margin: 0px 0px;
	font-size: .9rem;
}
.script_seller_name span {
	font-weight: 500;
	padding: 0px 5px;
	color: #bbb;
}
.script_seller_name span:hover {
	color: var(--greencolor);
}
.script_list_category {
	display: inline-flex;
	margin: 10px 0px 0px;
	font-size: .8rem;
	text-decoration: none;
	color: #777;
	border: 1px solid var(--goldcolor);
	padding: 0px 0px;
	border-radius: 20px;
	word-wrap: break-word;
}
.script_list_category span {
	font-weight: 500;
	padding: 0px 3px;
	margin-left: 2px;
	border-radius: 3px;
	color: #444;
}
.script_list_category:hover span {
	color: var(--greencolor);
}
.bi-wallet2:after {
	content: "$";
	font-size: .45rem;
	font-weight: 300;
	font-style: normal;
	position: absolute;
	left: 14.8px;
	top: 2px;
}
.script_list_row100 {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: nowrap;
	padding: 0px var(--card_pdgLR) 10px;
	box-sizing: border-box;

}
.script_list_card .script_list_row100
{
       margin-bottom: auto;
}
.script_list_col50 {
	width: 50%;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
}
.script_list_col50 + .script_list_col50 {
	margin-left: 15px;
}
.script_seller_descp {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-direction: column;
}
.script_seller_name a {
	text-decoration: none;
}
.script_list_category {
	border: none;
	margin: 0px 10px;
	padding-left: 0px;
	border-radius: 3px;
	padding: 0px;
	color: #777;
	font-size: .8rem;
}
.script_list_category a {
	color: #bbb;
	text-decoration: none;
}
.script_list_row .script_list_category:first-child {
	margin-left: 0px;
}
.script_list_rating {
	display: block;
	width: auto;
	min-width: 70px;
	height: 70px;
	overflow: hidden;
	text-align: center;
	background: #eee;
	padding: 10px 0px;
	box-sizing: border-box;
	font-size: 1.7rem;
	font-weight: 300;
	border-radius: 3px;
	flex-grow: 1;
}
.small_title {
	font-size: .7rem;
	color: #444;
	display: block;
	float: none;
}
.favourite_toggler {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 1.2rem;
	cursor: pointer;
	position: relative;
}
.favourite_toggler i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: center;
	transition: all .3s;
	transform: translate(-50%, -50%);
}
.favourite_toggler .bi-heart-fill {
	font-size: .1%;
	opacity: 0;
}
.favourite_toggler.active {
	color: red;
}
.favourite_toggler i.bi-heart {
	font-size: 100%;
	opacity: 1;
}
.favourite_toggler.active i.bi-heart {
	font-size: .1%;
	opacity: 0;
}
.favourite_toggler i.bi-heart-fill {
	font-size: .1%;
	opacity: 0;
}
.favourite_toggler.active i.bi-heart-fill {
	font-size: 100%;
	opacity: 1;
}
.rateit {
	display: inline-block;
	position: relative;
	user-select: none;
	line-height: 1;
}
.rateit .rateit-range {
	position: relative;
	display: inline-block;
	outline: none;
	background: url("../images/star.png");
}
.rateit .rateit-range * {
	display: block;
}
.rateit .rateit-preset {
	background: url("../images/star.png") left -66px;
	color: rgb(239, 107, 34);
}
.rateit .rateit-hover, .rateit .rateit-selected {
	position: absolute;
	left: 0;
	top: 0;
}
.rateit .rateit-hover {
	background: url("../images/star.png") left -44px;
	color: rgb(239, 197, 41);
}
.hot_ratings {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	height: 22px;
}
.reviews_count {
	font-size: 0.85rem;
	padding-left: 10px;
	color: #444;
	white-space: nowrap;
}
.confirm_icon
{
    display: block;
    width: auto;
    overflow: hidden;
    margin: 0px auto 15px;
    color: var(--bluecolor);
    position: relative;
    z-index: 100;
    background: url("../images/confirm_icon_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding:  15px 30px;
    font-size: 3rem;
          font-size: 5vw;
}
.warning_icon
{
    display: block;
    width: auto;
    overflow: hidden;
    margin: 0px auto 15px;
    color: var(--warning);
    position: relative;
    z-index: 100;
    background: url("../images/error_icon_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding:  15px 30px;
    font-size: 3rem;
    font-size: 5vw;
}

.no_result_icon
{
    display: block;
    width: auto;
    overflow: hidden;
    margin: 0px auto 15px;
    color: var(--warning);
    position: relative;
    z-index: 100;
    background: url("../images/error_icon_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding:  15px 30px;
    font-size: 3rem;
       font-size: 5vw;
}
  .modal .confirm_icon, .modal .no_result_icon, .modal .warning_icon
       {
              font-size: 3rem;
       }
.no_result_box {
	display: block;
	text-align: center;
	padding: var(--pdgby) var(--pdgcx);
        border: 1px solid #ddd;
       background: #fff;
	margin: 24px 0px;
       margin: 0px;
	border-radius: 5px;
}
.no_result_box .no_result_sub_title  a
{
       color: var(--greencolor);
       padding: 0px 5px;
       text-decoration: none;
}
.a_tag, .a_tag:hover
{
        color: var(--greencolor);
       padding: 0px 5px;
       text-decoration: none;
}
.no_result_title {
	font-size: 2rem;
	color: #ababab;
       color: #444;
	margin-bottom: 10px;
}
.no_result_sub_title {
	color: #bbb;
       color: #777;
	text-align: center;
}
.script_list_card .script_list_descp {
	display: none;
}
.script_list_card.no_image .script_list_descp {
	display: block;
}
.script_list_card.no_image .script_list_image {
	display: none;
}
.script_list_card.no_image .script_list_title {
	margin-top: 0;
       margin-bottom: 0;
}
.script_list_last_row {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	padding: 5px var(--card_pdgLR);
	height: 36px;
	flex-wrap: nowrap;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--lightborder);
}
/*list card order*/
.no_image .script_list_title
{
    order: 1;
}
.no_image .script_list_descp
{
    margin-bottom: 10px;
    order: 2;
}
.no_image .script_list_row100
{
    order:3;
}
.no_image .script_list_links
{
    order:4;
}
.no_image .script_list_row
{
    order: 5;
}
.no_image .script_list_last_row
{
    order: 6;
}

/*script_list*/
/*tabs*/
.light_bluebg {
	background: var(--bluebg);
}
.tab_pills {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	justify-content: center;
	margin: 30px 15px 15px;
}
.pill_item {
	display: inline-block;
	width: auto;
	margin: 15px;
	text-align: center;
	text-decoration: none;
	color: #444;
	font-size: .9rem;
	padding: 0px 15px;
	height: 24px;
	background: #fff;
	border-radius: 30px;
	border: 1px solid #bbb;
	transition: all .3s;
}
.pill_item:hover {
	color: inherit;
	border-color: var(--greencolor);
}
.pill_item.active {
	background: var(--greencolor);
	color: #fff;
	border-color: #444;
}
/*tabs*/
/*screens*/
.detail_listing {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0px 24px;
	box-sizing: border-box;
}
.no_slider_cover {
	position: relative;
}
.no_slider {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 500px;
	position: relative;
	background: var(--bluebg);
}
.no_slider_descp {
	width: 90%;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	height: auto;
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	margin: 0px auto;
	overflow: hidden;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.no_slider_icon {
	font-size: 12vw;
	color: #dce3f3;
}
.no_slider_icon i
{
    border: 2px solid;
        border-radius: 12px;
}
.no_slider_title {
	font-size: 1.4rem;
	color: #bbb;
	text-align: center;
}
#screens_cover {
	position: relative;
}
.screens_cover {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	border: 2px solid #ddd;
	border: none;
	border-radius: 3px;
	padding: 0px;
	background: #fff;
	box-sizing: border-box;
       padding-top: 5px;
}
.screens_cover.absolutes {
	position: absolute;
	bottom: 0px;
}
.screens_cover.fixed {
	position: fixed;
}
.screens_big {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
       /*margin-bottom: 50px;*/
       margin-bottom: 0px;
}
.screens_big  .slider_nav_left {
	left:5px;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}
.screens_big .slider_nav_right {
	right: 5px;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}
.screens_big:hover .slider_nav_left, .screens_big:hover .slider_nav_right {
	opacity: 1;
	visibility: visible;
}
.enter_fullscreen {
	font-size: 1rem;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff;
	border: 1px solid #bbb;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	z-index: 100;
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 10px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	cursor: pointer;
}
.enter_fullscreen i:before {
	line-height: 2;
	margin-right: 5px;
}
.exit_fullscreen {
	font-size: 1.4rem;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0px 10px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 5px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
}
.exit_fullscreen {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	justify-content: center;
	align-items: center;
}
.exit_fullscreen i:before {
	line-height: normal;
}
.exit_fullscreen span {
	font-size: .9rem;
	padding-left: 10px;
}
.screens_big:hover .enter_fullscreen {
	opacity: 1;
	visibility: visible;
}
.fullscreen_slider .slider_nav_left {
	left: 10px;
}
.fullscreen_slider .slider_nav_right {
	right: 10px;
}
.screens_thumb {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	padding: 15px 60px;
	box-sizing: border-box;
}
.screens_thumb .slider_nav_left, .screens_thumb .slider_nav_right {
	width: 32px;
	height: 32px;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.2rem;
	line-height: 28px;
}
.screens_thumb .slider_nav_left {
	left: 0px;
}
.screens_thumb .slider_nav_right {
	right: 0px;
}
.screens_thumb .slider_nav_left:hover, .screens_thumb .slider_nav_right:hover {
	background: var(--bluebg);
}
.big_slider .owl-stage, .full_slider .owl-stage {
	background: #f5f5f5;
}
.big_slider .owl-stage {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
}
/*big slider heigh adjust*/
.big_slider .owl-stage
{
    background: #eee;
    align-items: flex-start;
    justify-content: center;
}
/*slider_new*/
.big_item
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: flex-start;
  /*  height_new1 height: 250px;
 max-heights: 250px;*/
          /* new fixed height
         height: 320px;
       align-items: flex-start;
 max-heights: 320px; */
      /*  height: 360px;*/
       height: 300px;
       max-height: 360px;
          background: url("../images/ajax-loader.gif");
       background-position: center;
       background-repeat: no-repeat;
}
.big_item.img_complete
{
       background-image: none;
}
.img_loaded
{
       background-image: none!important;
}
/*slider_new*/
/*.big_item img
{
    max-height: 300px;
    object-fit: cover;
}*/
/* height_new2*/
.big_slider .owl-item {height: 0;}
.big_slider .owl-item.active {height: auto;}

.big_item img
{
   /* max-height: 300px;
    object-fit: cover;      */
       /* height_new1
       display: inline-block!important;
       max-width: 100%;
       width: auto!important;
       height: auto;
       margin: 0px auto;
       max-height: 100%; */

}
 /*height new2*/
.big_item > img
{
       display: inline-block!important;
       margin: 0px auto;
       width: auto!important;
       max-width: 100%;
       max-height: 100%;
       object-fit: contain;
    /*     background: url("../images/ajax-loader.gif");
       background-position: center;
       background-repeat: no-repeat;*/
       position: relative;
}

/*big slider heigh adjust*/
.screens_thumb .owl-item {
	height: 70px;
	width: auto;
	overflow: hidden;
	border: 1px solid #bbb;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
	background: var(--bluebg);
}
.screens_thumb .owl-item img {
	display: inline-block;
	height: auto;
	width: auto;
	max-height: 100%;
}
.thumb_item {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	height: 100%;
	overflow: hidden;
}
.thumb_item
{
   background-image: url("../images/ajax-loader.gif");
       background-position: center;
       background-repeat: no-repeat;
    background-size: 20%;
}
.thumb_item .owl-lazy[style]
{
    background: var(--bluebg);
}
.thumb_item.img_complete
{
       background-image: none;
}
.cur_item
{
       border-color: var(--greencolor)!important;
}
.thumb_item img {
	align-self: center;
	max-width: 100%;
}
.fullscreen_slider {
	position: fixed !important;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: block;
	background: rgba(255, 255, 255, .98);
	overflow: hidden;
	text-align: center;
	padding: 30px 60px;
	box-sizing: border-box;
	border-radius: 0px;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
}
.fullscreen_slider.show {
	opacity: 1;
	z-index: 9999;
	visibility: visible;
}
.full_slider {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f5f5f5;
	position: relative;
}
.full_item {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.full_item img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.full_slider .owl-stage-outer {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	height: 100%;
}
.full_slider .owl-stage {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.full_inner {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: 100%;
	height: 100%;
       background-image: url("../images/ajax-loader.gif");
       background-position: center;
       background-repeat: no-repeat;
}
.full_inner .owl-lazy[style]
{
    background: rgba(255,255,255,1);
    padding: 0px;
}
.full_inner .owl-lazy
{
    background: rgba(255,255,255,0);
     padding: 100%;
    box-sizing: border-box;
}
.big_item .owl-lazy[style]
{
    background: #eee;
    padding: 0px;
}
.big_item .owl-lazy
{
    background: rgba(255,255,255,0);
     padding: 100%;
    box-sizing: border-box;
}
.full_inner.img_complete
{
        background-image: none;
}
.full_inner > img {
	display: inline-block;
	width: auto !important;
       height: auto;
       max-height: 100%;
	margin: auto;
    /*   background-image: url("../images/ajax-loader.gif");
       background-position: center;
       background-repeat: no-repeat; */
}


/*height_new2*/



.full_inner > img
{
       cursor: zoom-in;
}

.zoom_container
{
    width: 100%;
       height: 100%;
       display: block;
       overflow: hidden;
       overflow-x: auto;
       overflow-y: auto;
       cursor: zoom-out;
    border: 1px solid #ddd;
    padding: 0px;
    box-sizing: border-box;
    max-width:99%;
    margin: auto;
    padding: 5px;
    box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.3);
    cursor: default;
}
.zoom_container img
{
       display: block;
       margin: 0px auto;
       width: auto;
       height: auto;
       max-height: none;
       max-width: none;
       background: none;
}
.zoom_close
{
    position: absolute;
    top: 5px;
    left:50%;
    transform: translateX(-50%);
    z-index: 20000;
    display: none;
    text-align: center;
    border: 1px solid #bbb;
    box-shadow: var(--btn_shadow);
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 10px;
    opacity: 0;
    transition: all .3s;
}
.full_inner:hover .zoom_container ~ .zoom_close
{
    display: inline-block;
    position: fixed;
    opacity: 1;
}
.zoom_close span
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.zoom_close span i
{
    margin-right: 10px;
}
.zoom_close span i:before{
    padding-bottom: 4px;
}
.zoom_close .zoom_in
{
    display: inline-flex;
}
.zoom_close .zoom_out
{
    display: none;
}
.zoom_container ~ .zoom_close .zoom_out
{
    display: inline-flex;
}
.zoom_container ~ .zoom_close .zoom_in
{
    display: none;
}


/*height_new2*/

.script_title {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: -3px;
}
.script_title h1
{
       font-size: 1.4rem;
       display: inline;
}

.promote_tag, .sponsored_tag, .premium_tag {
	display: none;
	margin: 0px 10px;
	font-size: .8rem;
	font-weight: 500;
	color: #fff;
	padding: 0px 15px;
	border-radius: 30px;
	box-sizing: border-box;
	height: 24px;
	vertical-align: normal;
	white-space: nowrap;
	align-items: center;
}
.sponsored_tag
{
    display: inline;
    padding: 3px 9px;
    background: var(--sponsor_color);
}
.premium_tag
{
    display: inline;
    padding: 3px 9px;
    background:var(--premium_color);
}
.script_list_box.sponsored_list, .script_list_card.sponsored_list
{
	border:2px solid var(--sponsor_color);
}
.sponsored_list .promote_tag
{
	display: inline-flex;
	background: var(--sponsor_color);
}
.script_list_box.premium_list, .script_list_card.premium_list
{
	border:2px solid var(--premium_color);
}
.premium_list .promote_tag
{
	display: inline-flex;
	background: var(--premium_color);
}
.rate_inner {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.show_price {
	flex: 1;
	box-sizing: border-box;
}
.details_rating {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 15px;
}
/*popup*/



/*----new popup on create lising page  start-*/

.spons_popup
{
    display: none;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 11111;   
       transform-origin: center;
}
.spons_popup.show_popup
{
       display: block; 
}
.spons_popup .popup_content{
	padding: 0px 0px 30px;
	width:700px;
	max-width: 96%;
}
.spons_popup .popup_header
{
	padding: 10px 30px 5px;
	border-bottom:1px solid #793030 !important;
	background-color: #ff6565;
	color:#fff;
}
.spons_popup .popup_header .popup_title{

	color:#fff!important;
}

.spons_popup .popup_body{
	padding: 30px;
	box-sizing: border-box;
}
.spons_popup .popup_footer
{
	padding: 0px 30px;
	box-sizing: border-box;
}
.popup_txt
{
	font-size: .9em;
	opacity: .8;
	display: block;	
}

/*----new popup on create lising page  end*/


.popup
{
    display: none;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 11111;
       transform-origin: center;
}
.popup.show_popup
{
       display: block;
}
.popup_bg
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    background: rgba(0,0,0,0.3);
}
.popup_content
{
    display: block;
    min-width: 300px;
    width: 480px;
    height: auto;
    max-width: 90%;
    max-height: 95%;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 5px;
    background: #fff;
    padding: 10px 24px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-40%);
    z-index: 999;
    transition: all .3s;
    text-align: center;
    font-family: var(--poppins);
    box-shadow: 0px 7px 40px rgba(0,0,0,.3);
}

.popup_header
{
    display: block;
    height: auto;
    overflow: hidden;
    padding: 0px 50px;
       box-sizing: border-box;
       position: relative;
}
.popup_close
{
    font-size: 1.2rem;
    cursor: pointer;
    position: absolute;
      right: 0px;
       top: -5px;
    color: #bbb;
    transition: all .3s;
}
.popup_close:hover{
    color: var(--bluecolor);
}
.popup_title
{
    font-size: 1.4rem;
    font-weight: 500;
    color: #444;
     font-family:inherit;
    margin-bottom: 5px;
}
.popup_sub_title
{
    font-weight: 300;
    margin-bottom: 3px;
}
.popup_icon
{
    display: block;
    text-align: center;
    margin: 0px 0px 5px;
    height: 75px;
    overflow: hidden;
}
.popup_icon i
{
    font-size: 4rem;
    color: #777;
}
.popup_icon i:before
{
    padding-bottom:20px;
}

.popup_body
{
    display: block;
    height: auto;
    overflow: hidden;
}
.popup_body p
{
    margin-bottom: 5px;
}
.popup_footer
{
    display: block;
    height: auto;
    overflow: hidden;
}
.popup_btns
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    margin: auto;
    padding:10px 0px 15px 0px;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}
.popup_action_btn, .popup_cancel_btn, .popup_warning_btn
{
    display: inline-flex;
    white-space: nowrap;
    padding: 0px 15px;
    background: var(--greencolor);
    color: #fff;
  min-width: 100px;
    transition: all .3s;
    text-decoration: none;
    height: 36px;
    align-items: center;
       justify-content: center;
    border-radius: 5px;
    box-shadow: var(--btn_shadow);
    gap: 15px;
align-items: center;
}
.modal-body a
{
       text-decoration: none;

}
.popup_div
{
       display: block;
       width: 100%;
       max-height: 450px;
       overflow: hidden;
       overflow-y: auto;
}
.modal-header.center_title
{

       padding-bottom: 0px;
}
.modal-header.center_title .modal-title
{
       text-align: center;
       flex: 1;
       margin-right: -30px;
}
.popup_action_btn:hover{
    color: #fff;
    background: var(--bluecolor);
    box-shadow: var(--btn_shadow_hover);
}
.popup_warning_btn, .popup_warning_btn:hover{
    color: #fff;
    background: var(--warning);
    box-shadow: var(--btn_shadow_hover);
}
.popup_cancel_btn
{
    background: #fff;
    color: #bbb;
    border: 2px solid #bbb;
}
.popup_cancel_btn:hover{
    color: var(--warning);
    border-color: var(--warning);
    box-shadow: var(--btn_shadow_hover);
}
.popup_action_btn + .popup_cancel_btn
{
    margin-left: 15px;
}
.popup_warning_btn + .popup_cancel_btn
{
    margin-left: 15px;
}
.popup_warning_btn + .popup_action_btn
{
    margin-left: 15px;
}
.popup_action_btn + .popup_warning_btn
{
    margin-left: 15px;
}
.modal
{
       z-index: 22000;
}
.modal-backdrop
{
       z-index: 21000;
}
.review_popup .modal-header
{
    color: #fff;
    background: var(--greencolor);
    padding: 10px;
}
.modal-header .btn-close
{
    background-color: #fff;
    margin-right: 0px;
}
.modal-header, .modal-footer
{
       border: none;
}
.modal-body
{
    padding: 10px;

}
.modal_txt {
	color: #404E67;
	font-size: 1rem;
	text-align: center;
	line-height:1.5;
	width: 100%;
	margin: var(--pdgcy) auto;
}
.modal.offerbanner_modal
{
       z-index: 21500;
}
.offerbanner_modal .modal-header
{
       padding: 0px;
       margin: 0px;
}
.offerbanner_modal .btn-close
{
       position: absolute;
       padding: 0px;
       margin: 0px;
       right: -10px;
       top: -10px;
       width: 24px;
       height: 24px;
       border-radius: 40px;
    /*   background-color: var(--warning);*/
       z-index: 100;
}
.offerbanner_modal .modal-body
{
       padding: 5px;
}
.mobile_offer_banner
{
       display: none;
}
.web_offer_banner
{
       display: block;
}
.web_offer_banner
{
       display: block;
       max-width: 100%;
       height: auto;
       overflow: hidden;
       position: relative;
}
.web_offer_banner a
{
       display: block;
       width: 100%;
       max-width: 100%;
       height: 100%;
       max-height: 100%;
}
.web_offer_banner a img
{
       display: inline-block;
       width: 100%;
       max-width: 100%;
       height: auto;
       max-height: 100%;
}
/*popup*/
.msg_popup
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: auto;
    align-items: center;
    min-width: 300px;
    max-width: 80%;
    height: auto;
    overflow: hidden;
    min-height: 70px;
    background: rgba(255,255,255,.9);
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    position: fixed;
    z-index: 25000;
    left: 50%;
    transform: translateX(-50%);
    bottom:-110%;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: var(--btn_shadow);
    transition: all .5s;
    opacity: 0;
}
.msg_content
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    height: auto;
    overflow: hidden;
    flex-direction: column;
}
.msg_title
{
    font-size: 1.2rem;
    color: #fff;
    margin-top: -4px;
    font-weight: 500;
}
.msg_note
{
    font-size: 1rem;

}
/*my listing box*/
.mylisting .page_title_bar
{
       max-width: 500px;
}
.my_listing_titlecover
{
    display: block;
    height:  60px;
    border-radius: 5px;
    padding: 0px 15px;
    box-sizing: border-box;
   /* position: relative;*/
       z-index: 100;
    border: 2px solid #809dca;
    border: 2px solid #ddd;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
.my_listing_titlebar
{
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 56px;
       position: relative;
       z-index: 100;
}
.my_lsiting_title
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: flex-start;
       flex-wrap: nowrap;
}
.my_listing_title i
{
    margin-right:5px;
    color: var(--greencolor);
}
.my_listing_title i:before{
    padding-bottom: 3px;
}
.my_listing_title span
{
    font-size: 1.2rem;
    padding-right: 7px;
       display: inline-block;
       line-height: 1;
}
.my_listings_count
{
    font-size: 1.4rem;
    color: var(--greencolor);
    font-weight: 600;
}
.my_listing_img
{
    display: block;
    width: 340px;
    min-height: 80px;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    right: 0px;
    top: -115px;
       top: -45px;
}
.my_listing_img i
{
    font-size: 4rem;
    color: #ccc;
    margin: auto;
    position: relative;
    z-index: 100;
}
.my_listing_img img
{
    max-width: 330px;
    height: auto;
    display: inline-block;
    margin: auto;
    position: absolute;
    left: 50%;
    top:50%;
    z-index: 10;
       opacity: .4;
    transform: translate(-50%,-50%);
}
.my_listingbox_title
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}
.my_listingbox_title .script_list_title
{
       flex-shrink: 1;
}
.my_listingbox_icon
{
    font-size: 1.4rem;
    width: 50px;
    height: 50px;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: center;
    background: var(--greencolor);
    color: #fff;
    border-radius: 70px;
    flex-shrink: 0;
}
.my_listingbox_icon i:before{
    padding-bottom: 3px;
}
.my_listingbox_descp
{
    display: inline;
}
.my_listingbox_descp a
{
    display: inline;
    position: relative;
    padding-right: 5px;
    text-decoration: none;
    color: #777;
    font-size: .9rem;
}
.my_listingbox_descp a:hover{
    color: var(--bluecolor);
}
.my_listingbox_descp a:after{
    content: "/";
    display: inline;
    padding-left: 5px;
}
.my_listingbox_descp a:last-child:after{
    display: none;
}
/*my listing box*/
.page_container
{
       width: 100%;
       height: auto;
       padding: var(--pdgcy) var(--pdgcx);
       position: relative;
       display: block;
}
.page_container:after
{
       content: "";
       width: 100%;
       display: table;
       height: 0px;
}
.join_features
{
    display: block;
    height: auto;
    width: 80%;
    margin: 30px auto;
    position: relative;
}
.join_features_inner
{
       width: 100%;
       height: auto;
        background: #24343f;
       border-radius: 5px;
    box-shadow:  0px 15px 40px rgba(0,0,0,0.3);
    padding: var(--pdgby) var(--pdgcx) 0px;
       position: relative;
    z-index: 100;
}

.join_features:before{
    content: "";
    width: 150px;
    height: 200px;
    background: url("../images/dots.png");
    display: block;
    position: absolute;
    z-index: 50;
    left: -100px;
    bottom: -50px;
    opacity: .5;
}
.join_features:after{
    content: "";
    width: 150px;
    height: 200px;
    background: url("../images/dots.png");
    display: block;
    position: absolute;
    z-index: 50;
    right: -100px;
    top: -20px;
    opacity: .5;
}
.join_features_title
{
    font-size: 1.4rem;
    color: #fff;
}
.join_features_ul
{
    list-style: none;
    padding: 0px;
    margin: 30px 0px;
}
.join_features_ul li
{
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-size: 1.1rem;
    padding-left: 30px;
    position: relative;
}
.join_features_ul li:before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: var(--greencolor);
    position: absolute;
    left: 15px;
    top: 10px;
    display: block;
}
.join_action_bar
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    background: var(--greencolor);
    color: #fff;
    align-items: center;
    justify-content: space-between;
    position: relative;
    bottom: -30px;
    margin-top: -30px;
}
.action_bar_title
{
    font-size: 1.4rem;
}
.action_bar_title span
{
    color: #fff;
}
.action_btn
{
    color: var(--greencolor);
    background: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    box-shadow: var(--btn_shadow);
}
.msgbox_icon
{
    display:flex;
    margin: 0 auto;
    padding: 15px;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
}
.success_icon
{          color: var(--greencolor);
           background: url("../images/success_icon_bg.png");
          background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}
.error_icon
{          color: var(--warning);
           background: url("../images/error_icon_bg.png");
          background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
}
.msg_icon
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 50px;
    line-height: 40px;
    margin-right: 15px;
    flex-shrink: 0;
}
.success
{
    background: var(--greencolor);
    background:rgba(85,173,69,0.9);
    opacity: 1;
}
.success, .success .msg_icon
{
    color: #fff;
    border-color:#fff;
}
.error
{
    background: var(--warning);
    background:rgba(255,0,12,0.7);
    opacity: 1;
}
.error, .error .msg_icon
{
    color: #fff;
}
.show_msg
{
    bottom: 0px;
}

.public.success, .public.error
{
    opacity: .4;
    border: 2px solid red;
}
.add_favourite_btn {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	white-space: nowrap;
	text-decoration: none;
	color: #777;
	font-size: .9rem;
	padding: 0px 10px;
	border: 1px solid #ddd;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	cursor: pointer;
	transition: all 1s;
    user-select: none;
}
.add_favourite_btn i {
	margin-right: 10px;
}
.add_favourite_btn:hover {
	color: orange;
	border-color: orange;
}
.add_favourite_btn.favour_booked
{
    padding: 0px 5px;
}
.add_favourite_btn.favour_booked i
{
    color: red;
}
.add_favourite_btn.favour_booked span
{
    color: var(--greencolor);
}
.publish_details {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: start;
	align-items: center;
	margin: 15px 0px;
}
.publish_txt {
	font-size: .9rem;
	font-weight: 500;
}
.publish_info {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-direction: column;
	margin-left: var(--mgncx);
}
.publish_name {
	color: #444;
}
.user_with_icon
{
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all .3s;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0px 5px;
    font-weight: 500;
    font-size: .9rem;
}
.user_with_icon span
{
    line-height: 1.2;
}
.user_with_icon i:before{
    padding-bottom: 2px;
}
.user_with_icon i
{

    font-size: 1rem;
    margin-right: 5px;
    color: var(--greencolor);
}

.publish_links {
	font-weight: 300;
	font-size: .8rem;
	color: var(--bluecolor);
	text-decoration: none;
}
.short_details {
	margin: 15px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	color: #444;
}
.details_btn_row {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.publisher_btn {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	white-space: nowrap;
	padding: 0px 15px;
	box-sizing: border-box;
	background: var(--greencolor);
	color: #fff;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	transition: all .3s;
	margin: 15px 0px;
}
.publisher_btn span {
	margin-left: 10px;
}
.publisher_btn:hover {
	color: #fff;
	box-shadow: var(--btn_shadow_hover);
}
.download_btn {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	white-space: nowrap;
	padding: 0px 15px;
	box-sizing: border-box;
	background: #fff;
	color: #444;
	border: 2px solid #ddd;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	transition: all .3s;
	margin: 15px 0px;
}
.download_btn span {
	margin-left: 10px;
}
.download_btn:hover {
	color: var(--greencolor);
	box-shadow: var(--btn_shadow_hover);
}
.demo_btn {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	white-space: nowrap;
	padding: 0px 15px;
	box-sizing: border-box;
	background: #fff;
	color: #444;
	border: 2px solid var(--bluecolor);
	text-decoration: none;
	height: 40px;
	margin: 15px 0px;
	line-height: 40px;
	border-radius: 5px;
	transition: all .3s;
}
.demo_btn span {
	margin-left: 10px;
}
.demo_btn:hover {
	color: var(--bluecolor);
	box-shadow: var(--btn_shadow_hover);
}
.script_details_cover {
	display: block;
	margin: 15px 0px 0px;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	color: #444;
	text-align: right;
}
.script_details_title {
	font-weight: 500;
	margin-bottom: 15px;
	text-align: left;
}
.script_descp {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: left;
}
.script_descp p {
	text-align: left;
}
.report_link {
	display: inline-flex;
	align-items: center;
	padding: 0px 15px;
	height: 40px;
	white-space: nowrap;
	line-height: 40px;
	color: orange;
	text-decoration: none;
	cursor: pointer;
}
.report_link i {
	margin-right: 10px;
}
.price_details {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	background: var(--bluebg);
	padding: 15px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 15px;
	align-items: center;
}
.price_title {
	font-weight: 500;
}
.price_value {
	font-weight: 600;
	font-size: 1.6rem;
}
.price_value i {
	color: var(--greencolor);
	margin-right: 5px;
	font-style: normal;
}
.script_bar {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: var(--bluebg);
	padding: 15px 15px;
	box-sizing: border-box;
}
.script_info {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	flex-wrap: nowrap;
	font-size: .85rem;
	justify-content: space-between;
	margin-bottom: 15px;
}
.script_info_title {
	font-weight: 500;
}
.script_info_descp {
	font-weight: 300;
	text-align: right;
}
.script_info span {
	line-height: 1.2;
	display: inline-block;
}
.script_bar_tags {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: 45px;
}
.script_bar_tags_title {
	font-weight: 500;
	margin-bottom: 10px;
}
.script_bar_tags_list {
	display: inline-flex;
	width: 100%;
       flex-wrap: wrap;
	height: auto;
	overflow: hidden;
	font-size: .9rem;
}
.script_bar_tags_list a {
	text-decoration: none;
	display: inline-block;
	float: left;
	padding: 3px 5px;
	color: var(--bluecolor);
       transition: all .3s;
}
/*tag change*/
.script_bar_tags_list a
{
          margin: 5px;
    padding:0px 5px;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 0.75rem;
       color: #a8903b;
       font-weight:400;
    background: #fdedb1;
     border: 1px solid #fbe48e;

}
.script_bar_tags_list a:after {
	/*content: ",";*/
}
.script_bar_tags_list a:last-child:after {
	/*content: "";*/
}
.script_bar_tags_list a:hover{
	text-decoration: none;
       color: var(--greencolor);
       background:#fdf29e;

}
.script_bar_tags:last-child {
	margin-bottom: 0px;
}
/*screens*/
/*reviews*/
.reviews_listing {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: var(--pdgby) var(--pdgcx);
	box-sizing: border-box;
}
.flex_title_bar {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.submit_review_btn {
	display: inline-flex;
	width: auto;
	align-items: center;
	height: 50px;
	border: 2px solid #ddd;
	line-height: 50px;
	padding: 0px 15px;
	border-radius: 50px;
	text-decoration: none;
	color: #444;
	float: right;
	white-space: nowrap;
	font-weight: 500;
	transition: all .3s;
	box-shadow: var(--btn_shadow);
}
.submit_review_btn span:first-child {
	color: var(--greencolor);
	width: 24px;
	height: 24px;
	line-height: 16px;
	padding-bottom: 8px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid var(--greencolor);
}
.submit_review_btn span:last-child {
	padding-left: 5px;
}
.submit_review_btn:hover {
	color: var(--greencolor);
	box-shadow: var(--btn_shadow_hover);
}
.avg_ratings {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	width: auto;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.rating_txt {
	padding-left: 10px;
	box-sizing: border-box;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
}
.rating_txt b {
	padding: px 10px;
	display: inline-block;
	height: auto;
	overflow: hidden;
	border-radius: 3px;
	margin: 0px 5px;
	font-size: .9rem;
	text-align: center;
}
.rating_txt span {
	font-weight: 500;
}
.rating_txt span:last-child {
	margin-left: 0px;
	font-weight: 500;
}
.reviews_list {
	display: block;
	height: auto;
	overflow: hidden;
	padding: 0px;
	box-sizing: border-box;
}
.review_box {
	display: block;
	border: 1px solid #ddd;
	margin: 24px 0px 0px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	transition: all .3s;
	box-shadow: var(--btn_shadow);
}
.review_box:hover {
	box-shadow: var(--btn_shadow_hover);
}
.review_box_ratings {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.review_box_ratings .rating_txt {
	margin-top: 10px;
	padding-left: 0px;
}
.review_box_ratings .rating_txt span {
	padding-left: 5px;
	font-weight: 500;
}
.review_box_title {
	font-size: calc(1rem + (.7rem - 7px) *.5);
	font-weight: 500;
	color: var(--bluecolor);
	margin-bottom: 10px;
}
.review_sub_title {
	color: #777;
	font-weight: normal;
}
.review_username {
	margin: 0px 7px;
	text-decoration: none;
	color: #444;
	font-weight: 500;
}
.review_date {
	font-weight: 300;
	margin-left: 5px;
	color: #777;
}
.review_note {
	color: #444;
	font-weight: 400;
	margin-top: 10px;
}
.result_title {
	font-weight: 500;
  width: 100%;
       flex-wrap: wrap;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: space-between;
}
.result_title
{
    flex-wrap: nowrap;
}
.breadcrumb_fix + .title_div
{
    display: none;

}
.breadcrumb_fix .top_btns
{
    justify-content: space-between;
    flex:2 3 auto;

}
.breadcrumb_fix .breadcrumb_nav
{
    width: calc( 300px - var(--pdgcx));
}
.breadcrumb_fix .section_title
{
    margin: 0px;
}
.breadcrumb_fix .result_title
{
    margin: 0px;
}

.view_all_reviews {
	display: inline-flex;
	padding: 0px 15px;
	margin-left: auto;
	text-align: center;
	text-decoration: none;
	color: #444;
	font-weight: 500;
	border: 2px solid var(--bluecolor);
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	border-radius: 50px;
	align-items: center;
	transition: all .3s;
	box-shadow: var(--btn_shadow);
}
.view_all_reviews:hover {
	color: var(--bluecolor);
	box-shadow: var(--btn_shadow_hover);
}

.review_reply
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    background: var(--bluebg);
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    margin-top: 5px;
}
.user_icon
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border:1px solid var(--greencolor);
    background: #fff;
    align-items: center;
    justify-content: center;
    color: var(--greencolor);
    margin-right: 15px;
    flex-shrink: 0;
}
.reply_username
{
    font-weight: bold;
}
.reply_date
{
    font-weight: 300;
    font-size: .8rem;
    color: #777;
}
.review_box_title span
{
    display: none;
}
.admin_verified span, .verified_tag
{
    display: inline-block;
    color: var(--greencolor);
    padding: 0px 10px;
    background-color: var(--bluebg);
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: .8rem;
    margin-left: 5px;
    white-space: nowrap;
}
.admin_verified span i, .verified_tag i
{
    margin-right: 5px;
}





















/*reviews*/
/*leftbar*/
.hide_overflow
{
       overflow: hidden;
}
.page_wrap
{
    width: 100%;
    height: auto;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    justify-content: space-between;
    padding:0 var(--pdgcx) var(--pdgby);
    flex-wrap: nowrap;
}
.leftbar_cover
{
    display: block;
    width: 250px;
    height: 100%;

       overflow: auto;
    flex-shrink: 0;
    margin-right:var(--mgncx);
}
.leftbar
{
    width: inherit;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 3px 3px 0px 0px;
    padding: 10px 15px;
    box-sizing: border-box;
	background: #fff;
}

/*leftbar adjusts*/
.page_wrap
{
   padding-left: 300px;
       box-sizing: border-box;
       position: relative;
}
.leftbar_cover
{
       position: absolute;
       left: var(--pdgcx);
       height: 100%;
       overflow: hidden;
}
.leftbar_mobile_title
{
       display: none;
}
.filter_close_btn
{
       display: none;
}
.fixed_cover
{
       position: fixed;
}
.absolute_cover
{
        position: absolute;
       bottom: 15px;
}
.leftbar
{
       height: auto;
       overflow: hidden;
       overflow-y: auto;
}
/*leftbar adjusts*/

.leftbar_rating
{
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: auto;
    position: relative;
}
.leftbar_rating_li
{
    display: block;
    width: 100%;
    height: auto;
    padding: 0px;
    margin-bottom: 5px;
    position: relative;
}
.leftbar_rating_li label
{
    color: #ff7302;
    font-size: .9rem;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding-left: 10px;
}
.leftbar_rating_li label i:before{
    padding-bottom: 1px;
}
.leftbar_rating_li label span
{
    color: #444;
    font-weight: 500;
}
.leftbar_section
{
    display: block;
    height: auto;
    position: relative;
    margin: 24px 0px 10px;
}
.leftbar_section:after{
    content: "";
    width: 100%;
    height: 0px;
    display: table;
}
.leftbar_section_title
{
    font-weight: 500;
    width: 100%;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 15px;
}
.leftbar_section_content
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.leftbar_section_content:after{
    content: "";
    display: table;
    width: 100%;
    height: 0px;
}
.section_menubar
{
    display: none;
}
.leftbar_checklist
{
    list-style: none;
    padding: 0px;
}
.leftbar_checklist li
{
    display: block;
    width: 100%;
    height: auto;
    margin: 5px 0px;
}
.leftbar_checklist li label
{
    padding-left: 10px;
    color: #444;
	font-size: .9rem;
}
.form-check-input:checked
{
    background-color:#0b78fb;
}
.form-check-input[type="checkbox"]
{
    border-radius: 0px;
}
.content_cover
{
    width: 100%;
    height: auto;
    position: relative;
}
.content_cover:after
{
       content: "";
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       width: 100%;
       height: 0px;
}
.clear_filter_btn
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	width: 100%;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    padding: 0px 30px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-weight: 500;
    color: var(--bluecolor);
    background: #f9f9f9;
    margin: 10px 0px;
    cursor: pointer;
	box-sizing: border-box;
	box-shadow: none;
}
.clear_filter_btn.active{
    color: var(--bluecolor);
    border-color: var(--bluecolor);
}
.clear_filter_btn[disabled]
{
    color:#bbb;
}
.clear_filter_btn:hover{
    color: var(--bluecolor);
    box-shadow: var(--btn_shadow);
}
.clear_filter_btn span
{
    padding-left: 10px;
}
.clear_filter_btn i:before
{
    padding-bottom: 2px;
}
.clear_filter_btn i
{
    transition: all .3s;
}
.clear_filter_btn:active i
{
    transform: rotate(-270deg);
}
.btn_inner
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: center;
}
.leftbar_title
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 500;
    white-space: nowrap;
    margin-bottom: 5px;
}
.leftbar_burger_menu
{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-align: center;
}
.leftbar_menubar
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    color: var(--greencolor);
    font-size: 1rem;
}
.leftbar_menubar i:before{
    padding-bottom: 2px;
}
.top_btns
{
    width: auto;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    justify-content: flex-end;
}
.select_one {
    border-radius: 3px;
    height: 40px;
    max-width: 200px;
    box-shadow: var(--btn_shadow);
}
.select_one:hover {
    box-shadow: var(--btn_shadow_hover);
}

.respond_btn {
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 200px;
    height: 40px;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    text-decoration: none;
    background:  var(--upgrade_color);
    color: #fff;
    margin-left: 0px;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: var(--btn_shadow);
}
.respond_btn span {
    white-space: nowrap;
}
.respond_btn:hover {
    color: #444;
    box-shadow: var(--btn_shadow_hover);
}
.pleft
{
       padding-left: var(--pdgcx)!important;
}
.new_listing_btn {
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    max-width: 200px;
    height: 40px;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    text-decoration: none;
    background: var(--greencolor);
    color: #fff;
    margin-left: 15px;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: var(--btn_shadow);
}
.new_listing_btn span {
    white-space: nowrap;
}
.new_listing_btn:hover {
    color: #fff;
    box-shadow: var(--btn_shadow_hover);
}
.new_listing_btn i {
    font-size: 1.2rem;
    margin-right: 10px;
}
.new_listing_btn i:before
{
       padding-bottom: 2px;
}
.top_btns .new_listing_btn
{
    order:2;
}
.top_btns .select_one
{
    order:1;
    margin-left: auto;
}
.script_list_box {
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.script_list_box .script_list_title {
    height: auto;
    padding: 0 0 15px;
}
.script_list_box .script_list_links {
    justify-content: flex-start;
    padding: 0px;
}
.script_list_box .script_list_link {

	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	white-space: nowrap;
	padding: 0px 15px;
	box-sizing: border-box;
	background: #fff;
	color: #444;
	border: 2px solid #ddd;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	transition: all .3s;
	margin: 15px 0px;
}

.script_list_box .script_list_link:hover {
	color: var(--greencolor);
	box-shadow: var(--btn_shadow_hover);
}
.script_list_box .script_list_link + .script_list_link {
    margin-left: 15px;
    background: var(--bluecolor);
    color: #fff;
}
.blue_btn
{
    border-color: #067ecc!important;
}
.script_img_cover {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    box-sizing: border-box;
       position: relative;
}
/*image adjust*/
.script_list_box .script_list_image
{
       position: relative;
       padding-top: 50%;
       box-sizing: border-box;
}
.script_list_box .script_list_image img
{
       position: absolute;
       width: 100%;
       height: auto;
       top: 0px;
       left: 0px;
}

.script_list_box .script_list_last_row {
    border: none;
}
/*word limit*/
.script_list_box .script_list_descp {
    padding: 0;
line-height: 22px;
       max-height: 66px;
}
.script_list_box.search_description_limit  .script_list_descp {
    padding: 0;
line-height: 22px;
       max-height:44px;
}
.script_list_box .script_list_row {
    padding: 0;
}
.script_list_box .script_list_row100 {
    padding: 0;
    margin-bottom: 10px;
}
.section_wrap {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.section_title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #444;
    line-height: 30px;
    margin-bottom: 10px;
}
.section_title a
{
       color: var(--bluecolor);
       text-decoration: none;
       transition: all .3s;
}
.section_title a:hover{
       color: var(--greencolor);
}
.section_title .search_term
{
    color: var(--bluecolor);
}
.section_subtitle
{
    color:#444;
    margin-bottom: 10px;
}
.section_content {
    color: #777;
}
.keyword_tags_list
{
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0px 0px;
    padding: 0px;
}
.keyword_tag
{
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    background: #ebebeb;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #777;
    text-decoration: none;
    margin:5px;
    font-size: .9rem;
    transition: all .3s;
}
.keyword_tag:hover{
    color: var(--bluecolor);
    border-color: var(--bluecolor);
    box-shadow: var(--btn_shadow);
}
.keyword_tag span
{
    display: block;
    white-space: nowrap;
    line-height: 1;
}
.category_tags_list
{
    display: inline-flex;
    list-style: none;
    flex-wrap: wrap;
    margin: 0px 0px;
    padding: 0px;
}
.category_tag
{
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #777;
    text-decoration: none;
    margin:5px;
    font-size: .9rem;
    transition: all .3s;
}
.category_tag:hover{
    color: var(--bluecolor);
    border-color: var(--bluecolor);
     box-shadow: var(--btn_shadow);
}
.category_tag span
{
    display: block;
    white-space: nowrap;
    line-height: 1;
}
.rightbar_ref
{
       position: relative;
}
.rightbar_cover
{
   display: block;
    width: 100%;
    height: 100%;
      overflow: hidden;
       position: relative;
}
.rightbar
{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #bbb;
    border-radius: 5px;
    background: #fff;
    padding: 10px 10px 10px;
    box-sizing: border-box;

}
.rightbar .category_tags_list, .rightbar .keyword_tags_list
{
    flex-direction: row;
}
.rightbar .category_tag
{
    background: none;
    border: none;
    padding: 5px 0px;
    margin: 5px 0px;
}
.rightbar .category_tag span
{
    white-space: normal;
    color: var(--bluecolor);
}
.rightbar .category_tag:hover
{
    color: var(--greencolor);
    box-shadow: none;
}
.rightbar .category_tag:hover span
{
    color: var(--greencolor);
}

.rightbar .keyword_tag
{
    background: none;
    border: none;
    padding: 5px 0px;
    margin: 5px 0px;
}
.rightbar .keyword_tag span
{
    white-space: normal;
    color: var(--bluecolor);
}
.rightbar .keyword_tag:hover
{
    color: var(--greencolor);
    box-shadow: none;
}
.rightbar .keyword_tag:hover span
{
    color: var(--greencolor);
}
.rightbar .category_tag span, .rightbar .keyword_tag span
{
    position: relative;
}
/*.rightbar .category_tag span:after, .rightbar .keyword_tag span:after
{
   content: ",";
    padding-left:2px;
}*/
/* tag color*/
.rightbar .category_tags_list,
.rightbar .keyword_tags_list {
    flex-direction: row;
}
/*tag change*/
.rightbar .category_tag, .rightbar .keyword_tag {
    margin: 5px;
    padding: 3px 5px;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 0.8rem;
    background: #5cc4f2;
    background: #b2d76f;
    background: #fdedb1;
   /* border: 1px solid #58b6e0;
    border: 1px solid #86b54c;*/
    border: 1px solid #fbe48e;

}
.rightbar .category_tag span:after, .rightbar .keyword_tag span:after {
    display: none;
}
/*tag change*/
.rightbar .category_tag span, .rightbar .keyword_tag span {
     color: #a8903b;
    font-weight: 400;
    transition: all 0.3s;
}
.rightbar .category_tag:hover span, .rightbar .keyword_tag:hover span {
   /* color: #1a475a;*/
    color: #444;
}
.reset_icon_btn
{
    width:38px;
    height: 38px;
    border-radius: 5px;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
    background: var(--bluecolor);
}
.reset_icon_btn.active
{
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.reset_icon_btn i:before{
    padding-bottom: 2px;
}
.reset_icon_btn:hover{
    background: var(--warning);
    color: #fff;
}
/* tag color*/
.rightbar .script_list_card
{
     margin-top: var(--mgncy);
}
.title_div
{
   padding:  5px  var(--pdgcx) 0;
}
.singleline_tags
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    height: auto;
    overflow: hidden;
    align-items: flex-start;
    flex-wrap: nowrap;
    background: none;
    padding: 0px;
    height: auto;
    border-radius: 3px;
    border: none;
    margin-bottom: 5px;
}
.singleline_tags .section_subtitle
{
    margin-bottom: 0px;
    margin-right: 10px;
    margin-top: 0px;
    font-size: 1rem;
    flex-basis: 80px;
    white-space: nowrap;
    position: relative;
}
.singleline_tags .section_subtitle:after{
    content: ":";
    padding-left: 5px;
}
.singleline_tags .more_tags
{
    white-space: nowrap;
    text-decoration: none;
    margin-left: auto;
    color: #444;
    flex-basis: auto;
    transition: all .3s;
}
.singleline_tags .more_tags:hover{
    color: var(--greencolor);
}
.singleline_tags .more_tags span
{
    display: none;
}
.singleline_tags .more_tags i:before
{
    padding-bottom: 2px;
}
.singleline_tags.show_all .more_tags
{
    transform: rotate(-180deg);
    color: var(--greencolor);
}
.singleline_tags .section_content
{
    display: inline-block;
    overflow: hidden;
    width: 80%;
    height: 22px;
    padding: 0px;
    box-sizing: border-box;
    line-height: 1.3;
    padding-right: 10px;
}
.singleline_tags.show_all  .section_content
    {
        height: auto;
    }
.singleline_tags .category_tags_list,  .singleline_tags .keyword_tags_list
{
    display: inline-block;
    width: 100%;
flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    padding-top: 3px;
}
.singleline_tags .category_tag, .singleline_tags .keyword_tag
{
    padding: 0px;
    background:none;
    border: none;
    display: inline;
   float: left;
    margin: 0px 0px 5px 0px;
}
.singleline_tags .category_tag span, .singleline_tags .keyword_tag span
{
    padding: 0px;
    background: none;
    border: none;
    margin-right: 5px;
    color: var(--bluecolor);
    position: relative;
}
.singleline_tags .category_tag span:after, .singleline_tags .keyword_tag span:after
{
    content: ",";
}

.singleline_tags.show_all  .category_tag span, .singleline_tags.show_all .keyword_tag span
{
    padding: 0px;
    background: none;
    border: none;
    margin-right: 5px;
    color: var(--bluecolor);
    position: relative;
    white-space: normal;
}




.pagination_bar {
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
	margin-top: 10px;
}
.pagination_title {
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 30px;
    margin-right: 15px;
}
.pagination_list {
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    list-style: none;
    margin: 0;
    align-items: center;
    padding: 0;
    height: 30px;
    justify-content: flex-end;
    flex-wrap: nowrap;

}
.paging_nav {
    min-width: 35px;
    height: 30px;
    border: 1px solid #ddd;
    margin: 0px 7px 0px 0px;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
    line-height: 30px;
    display: block;
    padding: 0 5px;
    color: #777;
    box-sizing: border-box;
    flex-shrink: 1;
}
.paging_nav:last-child {
    margin-right: 0;
}
.paging_nav:first-child {
    margin-left: 0;
}
.paging_nav:hover {
    color: var(--bluecolor);
}
.paging_nav.active
{
    color: var(--bluecolor);
    border-color: var(--bluecolor);
}
.paging_nav i:before {
    padding-bottom: 1px;
}
.paging_nav
{
    font-size: .9rem;
}
.paging_nav i
{
    font-size: 1rem;
}
/*leftbar*/

/*public pages*/
.public_page
{
    padding: var(--pdgcy) var(--pdgby);
    font-family:var(--poppiins);
}
.page_shade
{
    position: relative;
}
.page_shade > *
{
    position: relative;
    z-index: 100;
 padding-bottom: 10px;
}
.page_shade:after{
    content: "";
    width: 120%;
    height: 30%;
    background:linear-gradient(to right, #022760,#106bf3);
    position: absolute;

    left: 0px;
    bottom: -20%;
    display: block;
    transform-origin: (0px, 0px);
    transform: skewY(-5deg);
    z-index: 10;
}
.page_shade:before{
    content: "";
    width: 120%;
    height:30%;
    background:linear-gradient(to right,rgba(255,255,255,.1),rgba(255,255,255,0));
    position: absolute;

    left: 0px;
    bottom: -20%;
    display: block;
    transform-origin: (100%, 0px);
    transform: skewY(-10deg);
    z-index: 20;
}
.public_title
{
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
    position: relative;
    z-index: 100;
    display: block;
    width: 100%;
    height: auto;
    color: #444;
    margin-bottom: 30px;
}
.public_title .title_txt
{
    display: block;
      position: relative;
      z-index: 100;
       font-size: 3rem;
       font-weight: 300;
}
.public_title span
{
    display: block;
    font-weight: bold;
    padding-left: 0px;
}
.public_title
{
    position: relative;
    z-index: 100;
}
.public_title:after{
    content: "";
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background: #398af0;
    display: block;
    position: absolute;
    top: 0px;
    right: 20%;
    z-index: 1;
    opacity: .2;
    transform: rotate(-45deg);
}
.public_title.normal_title
{
    font-weight: normal;
    font-size: 2.4rem;
}
.public_title:before{
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #398af0;
    display: block;
    position: absolute;
    top: 70px;
    right: 35%;
    z-index: 1;
    opacity: .1;
    transform: rotate(-45deg);
}
.public_note
{
    font-size: 1.1rem;
    color: #777;
    text-align: justify;
}
.public_left
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    line-height: 1.7;
    padding: 0px 60px 0px 30px;
    box-sizing: border-box;
}
.form-control
{
    color: #444;
}
.public_page .form-control, .public_page form .form-select, .public_page .form .form-select
{
    height: 50px;
}
.form_col
{
    margin-bottom: 30px;
}
.form-text
{
    display: none;
}
.form-control::placeholder
{
    color: #bbb;
}
.submit_green_btn, .submit_green_btn_sm
{
    background: var(--greencolor);
    color: #fff;
    box-shadow: var(--btn_shadow);
    padding: 7px 25px;
    font-size: 1.2rem;
}
.submit_green_btn:hover .submit_green_btn_sm:hover{
    box-shadow: var(--btn_shadow_hover);
   color: #fff;
}
.account_page .submit_green_btn, .submit_green_btn_sm
{
    background: var(--greencolor);
    color: #fff;
    box-shadow: var(--btn_shadow);
    padding: 5px 15px;
    font-size: 1.1rem;
}
.account_page  .submit_green_btn:hover, .submit_green_btn_sm:hover{
    box-shadow: var(--btn_shadow_hover);
   color:var(--bluebg);
       text-shadow: 0px 0px 5px -3px rga(0,0,0,0.3);
}
.form-label, .form-select
{
    color: #777;
}
.form_note
{
    color: #777;
    font-size: 1.2rem;
}
.form_note_link
{
    text-decoration: none;
    font-weight: bold;
    color: var(--greencolor);
}

.signup_form
{
    background: #fff;
    border-radius: 5px;
    margin: 15px 0px;
    padding: var(--pdgcy) var(--pdgcx);
    box-shadow: 0px 0px 43px -22px rgba(0,0,0,0.3);
}
.field_error
{
    color: var(--warning);
}
.field_error .form-text
{
    display: block;
    color: var(--warning);
}
.field_error .form-label, .field_error .form-select
{
    color: var(--warning);
}
.field_error .form-control::placeholder
{
    color: #ff878c;

}
.field_error .form-control ,  .field_error .form-select
{
    border-color: #ff696f!important;
   border-style: dashed;
  background-color:#fff0f1;
}
.agree_btn
{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}
.agree_btn .form-check
{
    border: 1px solid #ced4da;
    border-radius: 30px;
    padding: 5px 15px;
    display: inline-block;
    overflow: hidden;
    padding-left: 40px;
    transition: all .3s;
}
.agree_btn .form-check:hover
{
    box-shadow: var(--btn_shadow);
}
.agree_btn a
{
    text-decoration: none;
    font-weight: 500;
    transition: all .3s;
}
.agree_btn a:hover{
    color:var(--greencolor);
}






.login_form
{

      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: auto;
    min-width: 300px;
    max-width: 70%;
    max-width: 350px;
    background: #fff;
    padding: var(--pdgby) var(--pdgcx) 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 44px -22px rgba(0,0,0,0.3);
    margin: 15px auto;
    border-radius:5px;
}
.form_title
{
    font-size:1.4rem;
    font-weight: 600;
    text-align: center;
   padding-bottom: 5px;
}
h1.form_title
{
       margin-bottom: 0px;
}
.form_subtitle
{
    font-size:1.1rem;
    font-weight: 500;
    text-align: center;
   padding-bottom: 10px;
   border-bottom:1px solid #ddd;
}
.input_with_icon
{
    position: relative;
}
.input_with_icon .form-control
{
    padding-left: 40px;
    box-sizing: border-box;
}
.input_with_icon i
{
    position: absolute;
    left: 10px;
    top: 10px;
    color: var(--greencolor);
}
.signin_btn
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    height: 50px;
    margin: auto;
    padding: 0px var(--pdgbx);
    background: var(--greencolor);
    color: #fff;
    font-size: 1.2rem;
    box-shadow: var(--btn_shadow);
}
.signin_btn span
{
    line-height: 1;
}
.signin_btn:hover{
    color: #fff;
    box-shadow: var(--btn_shadow_hover);
}

.form_link
{
    text-decoration: none;
    color: #777;
    margin: 10px 0px;
    font-size: 1.1rem;
}
.form_link:hover{
    color: var(--greencolor);
}
.form_bottom_link
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    text-align: center;
    height: 44px;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #ddd;
}
.form_bottom_link a
{
    font-size: 1.1rem;
    color: #444;
    text-decoration: none;
}
.form_bottom_link a:hover{
    color: var(--greencolor);
}
.public_right
{
    padding: var(--pdgby);
}
.public_sub_title
{
    font-size: 1.4rem;
    margin-bottom: 15px;
}
.public_sub_title span
{
    padding-left: 5px;
    color: var(--greencolor);
}
.captcha
{
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       width: 100%;
       align-items: flex-start;
}
.signup_btn_link
{
  font-size: 1.2rem;
    font-weight: 400;
    color: #444;
    text-align: center;
    display: inline-flex;
    align-items: center;
    border: 2px solid var(--greencolor);
    padding: 0px 50px;
    height: 50px;
    border-radius: 5px;
    background: #fff;
    text-decoration: none;
    box-shadow: var(--btn_shadow);
    box-sizing: border-box;
}
.public_note a
{
    color: var(--bluecolor);
    text-decoration: none;
}
.public_note a:hover{
    color: var(--greencolor);
}
.signup_btn_link:hover{

    color: var(--greencolor);
    box-shadow: var(--btn_shadow_hover);
}
.field_error i
{
    color: inherit;
}
.contact_cover
{
    margin: var(--mgncy) 0px;
    box-shadow: 0px 0px 44px -22px rgba(0,0,0,0.5);
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.page_cover
{
    margin: var(--mgncy) auto;
    box-shadow: 0px 0px 44px -22px rgba(0,0,0,0.5);
    background: #fff;
    border-radius: 5px;
    width: 60%;
    overflow: hidden;
}
.page_msg
{
    margin: var(--mgncy) auto;
    box-shadow: 0px 0px 44px -22px rgba(0,0,0,0.5);
    background: #fff;
    border-radius: 5px;
    width: 70%;
    overflow: hidden;
       padding: var(--pdgcy) var(--pdgcx) 0px;
       box-sizing: border-box;
}
.contact_left
{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #809dca;
    background-image: url("../images/contactus_bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    padding: 0;
    position: relative;
}
.contact_content
{
    display: block;
    width:70%;
    margin: 120px auto var(--mgncy);
    }
.contact_bg
{
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.contact_bg svg
{
    width: 100%;
}
.contact_title
{
    font-size: 2.4rem;
    color: #fff;
    margin-bottom: 15px;
}
.contact_title h1
{
          font-size: 2.4rem;
       font-weight: 400;
}
.contact_sub_title
{
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 15px;
}
.contact_content .public_note
{
    color: #fff;
    font-weight: 300;
}
.contact_form
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    flex-direction: column;
    padding: var(--pdgby) var(--pdgbx);
    box-sizing: border-box;
}

/*public pages*/
/*footer*/
.m_footer {
	padding: 0px;
	background: #343a40;
}
.footer_top {
	padding: 80px 60px 60px;
	padding: var(--pdgby) var(--pdgbx);
	padding: var(--pdgby) var(--pdgcx);
	box-sizing: border-box;
	width: 100%;
	height: auto;
}
.footer_main {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.footer_logo {
	width: 200px;
	height: auto;
	overflow: hidden;
}
.footer_logo img {
	max-width: 100%;
	display: inline-block;
}
.footer_main_txt {
	color: #ddd;
	text-align: justify;
	margin: 15px 0px;
	font-size: .95rem;
	font-weight: 300;
}
.footer_note {
	display: block;
	height: auto;
	overflow: hidden;
	color: #bbb;
}
.footer_note_title {
	font-size: 1.2rem;
	margin-bottom: 7px;
}
.footer_note_txt {
	padding: 15px;
	border-radius: 5px;
	box-sizing: border-box;
	background: #444a50;
	font-size: .9rem;
	color: #717478;
	color: #959a9f;
}
.footer_note_txt a {
	color: #3968a4;
	color: #959a9f;
	transition: all .3s;
}
.footer_note_txt a:hover {
	color: #959a9f;
}
.footer_bottom {
	display: block;
	width: 100%;
	background: #1e2227;
	height: auto;
	overflow: hidden;
	text-align: left;
	padding: 0px 24px;
	box-sizing: border-box;
}
.footer_copyright_txt {
	display: inline-block;
	margin: 0;
	line-height: normal;
	color: #b7b7b7;
	color: #919191;
	font-size: .9rem;
}
.footer_mainlinks {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer_mainlinks_li {
	display: block;
	padding: 0px;
	margin-bottom: 10px;
}
.footer_mainlinks_li a {
	  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	text-decoration: none;
	color: #bbb;
	font-weight: 500;
	padding: 0px 10px 5px;
	transition: all .3s;
}
.footer_mainlinks_li a:hover {
	color: var(--greencolor);
}
.footer_mainlinks_li a i {
	color: var(--greencolor);
}
.footer_mainlinks_li a span {
	padding-left: 15px;
	display: inline-block;
}
.footer_links {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
}
.footer_links_li {
	display: block;
	margin-top: 10px;
}
.footer_links_li a {
	display: block;
	padding-left: 0px;
	font-size: .9rem;
	text-decoration: none;
	color: #717478;
	transition: all .3s;
}
.footer_page_link {
	color: #919191;
	font-size: .8rem;
	text-decoration: none;
	position: relative;
	white-space: nowrap;
}
.footer_page_link:hover {
	color: var(--greencolor);
}
/*.footer_page_link.link_sep
{
  position: relative;
}
.link_sep:before
{
    content: "";
    width: 1px;
    height: 14px;
    background: #717478;
    margin-right: 3px;
    display: inline-block;
    position: absolute;
    left: -8px;
    top: 1px;
}*/
.footer_links_li_header {
	color: #bbb;
	font-weight: 500;
}
.footer_links_li_header i {
	display: none;
}
.footer_links_li a:hover {
	color: var(--greencolor);
}

/*docs*/
.docs_page
{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    padding: var(--pdgby) var(--pdgbx);
    box-sizing: border-box;
    box-shadow: var(--btn_shadow);
}
.docs_page_title
{
    font-size:2rem;
    font-family: var(--poppins);
    font-weight: 600;
    margin-bottom: 30px;
    color: #444;
}
.docs_title
{
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
    color: var(--bluecolor);
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.docs_section
{
    margin: 30px 0px;
}
.docs_note
{
    padding: 0px 0px; box-sizing: border-box;
    height: auto;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
}
.docs_note p
{
    font-weight: 400;
    line-height: 1.7;
    color: #444
}
.doc_txt_btn
{
   display: inline-flex;
    padding: 0px 15px;
    height: 40px;
    background: var(--greencolor);
    align-items: center;
    justify-content: center;
    color: #fff!important;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: var(--btn_shadow);
    white-space: nowrap;
    border: 2px solid transparent;
}
.doc_txt_btn:hover{
    background: #fff;
    border: 2px solid var(--greencolor);
    color: #444!important;
}
.docs_note a
{
    color: var(--bluecolor);
    text-decoration: none;
    transition: all .3s;
}
.docs_note a:hover{
    color: var(--greencolor);
}
/*docs*/
/*sitemap*/
.sitemap_page
{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    padding: var(--pdgby) var(--pdgbx);
    box-sizing: border-box;
    box-shadow: var(--btn_shadow);
}
.sitemap_section
{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 17px;
    box-sizing: border-box;
}
.sitemap_section_title
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    padding-left:17px;
    position: relative;
    border-radius: 0px 0px 0px 10px ;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff;
    z-index: 100;
       font-size: 1.4rem;
}
.sitemap_section_icon
{
    width: 24px;
    height: 24px;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: center;
    background: var(--greencolor);
    border-radius: 30px;
    color: #fff;
    position: absolute;
    left: -12px;
    top: 0px;
}
.sitemap_section_title a
{
    white-space: nowrap;
    padding-left: 0px;
    font-weight: 500;
    font-size: 1.1rem;
       text-decoration: none;
       color: #444;
       text-transform: uppercase;
    padding-bottom: 0px;
}
.sitemap_section_title a:hover
{
       color: var(--greencolor);
}
.sitemap_ul
{
    list-style: none;

    margin: 15px 0px;
    height: auto;
    position: relative;
    width: 100%;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       padding: 15px;
       box-sizing: border-box;
    flex-wrap: wrap;
}
.sitemap_li
{
    padding-left: 24px;
    margin-bottom: 5px;
    position: relative;
}
.sitemap_li:before{
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    border:1px solid var(--greencolor);
    border-radius:7px;
    position: absolute;
    left: 9px;
    top: 9px;
    transition: all .3s;
}
.sitemap_li a
{
    text-decoration: none;
    color: #777;
    font-size: .9rem;
}
.sitemap_li a:hover{
    color: var(--bluecolor);
}
.sitemap_li:hover:before{
    background: var(--greencolor);
}
/*sitemap*/
/*package benfefits*/
.package_listings
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
       justify-content: center;
}
.bg_img
{
       background: url("../images/rocket_bg.png");
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
}
.package_cover
{
    display: block;
    width: 42.5%;
    margin: 3% 2.5%;
    background: rgba(255,255,255,.7);
    border-radius: 5px;
    border: 2px solid #ddd;
    padding: 24px;
    box-sizing: border-box;
}

.package_title_cover
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    align-items: center;
    flex-wrap: nowrap;
}
.package_title
{
    font-size: 1.6rem;
    white-space: nowrap;
       font-weight: normal;
}
.package_title span
{
    color: #444;
    padding-left: 5px;
}
.package_tag
{
    background: #eee;
    padding: 0px 7px;
    font-size: .9rem;
    margin: 0px 10px;
    border-radius: 20px;
    color: #fff;
}
.special_note, .txt_info
{
    border: 1px dashed#bbb;
    background: var(--bluebg);
    padding: 15px;
    text-align: center;
    display: block;
    margin: auto;
    width: 80%;
    height: auto;
    overflow: hidden;
    margin-bottom: var(--mgncy);
    box-shadow:var(--btn_shadow);
}
.txt_info.text_left
{
       text-align:left;
}
.txt_info
{


       width: 100%;
       box-shadow: none;
}.form_note
{
    width: block;
    width: 100%;
    background: var(--bluebg);
    border: 1px solid #a6d6ed;
    padding: 10px 15px;
    box-sizing: border-box;
    margin: 10px auto;
    border-radius: 3px;
}
.features_list
{
    list-style: none;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px;
    margin: var(--mgncy) 0px;
}
.features_list_li
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    padding: 0px;
    margin: 10px 0px;
    align-items: flex-start;
}
.features_list_li i
{
    font-size: 1.6rem;
    color: var(--greencolor);
}
.features_list_li i:before{
    padding-bottom: 10px;
}
.features_list_li span
{
    padding-left: 10px;
}
.account_cover .special_note
{
       width: 100%;
}
.special_note a
{
       text-decoration: none;
       color: #444;
       font-weight: 600;
}
.special_note a:hover{
       color: var(--greencolor);
}
.sponsored_package .package_tag
{
    background:var(--sponsor_color);
}
.package_content
{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.package_details
{
    list-style: none;
    margin: 15px 0px;
    padding:  5px 0px 10px;
       height: auto;
       overflow: hidden;
}
.package_li
{
    padding: 0px 0px 0px 60px;
    box-sizing: border-box;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    position: relative;
    margin-bottom: 15px;
    min-height: 60px;
}
.package_detail_icon
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 40px;
    height: 40px;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: inherit;
    flex-shrink: 0;
    position: absolute;
    left: 0px;
}
.sponsored_package .package_detail_icon
{
    border-color: var(--sponsor_color);
}
.package_detail_icon i:before{
    padding-bottom: 2px;
}
.package_descrp
{
    color: #444;
    font-family: var(--poppins);
       text-align: justify;
}
.package_infotxt
{
    color: #444;
    font-weight: 600;
    margin-bottom: 10px;
}
.package_btn
{
    display: inline-flex;
    background: var(--greencolor);
    margin-top: 15px;
    background: linear-gradient( to right, #f9737e,#feae95);
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 50px;
    text-decoration: none;
    padding: 0px 25px;
    border-radius: 5px;
    box-shadow: var(--btn_shadow);
    margin-bottom: 15px;
    transition: all .3s;
   text-shadow: 0px 2px 7px rgba(0,0,0,0.2);

}
.package_btn:hover{
    box-shadow: var(--btn_shadow_hover);
    color: #fff;
    background: var(--bluecolor);

}
.upgrade_txt
{
    margin-bottom: 10px;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    height: auto;
    padding: 10px 10px;
    box-sizing: border-box;
    border-radius: 3px;
    overflow: hidden;
       flex-wrap: nowrap;
}
.upgrade_txt span
{
    padding-right: 5px;
    box-sizing: border-box;
    line-height: 1.2;
}
.upgrade_txt .upgrade_link
{
    margin-left: 5px;
    border-radius: 3px;
    height: 24px;
}
.upgrade_link
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-decoration: none;
    background: linear-gradient( to right, #f9737e,#feae95);
    padding: 0px 10px;
    color: #fff;
    font-size: .8rem;
    border-radius: 5px;
       border: 1px solid #fd7882;
    box-shadow: 0px 7px 10px -5px rgba(253,120,131,0.5);
    transition: all .3s;
}
.upgrade_link:hover{
    color: #fff;
    background: var(--bluecolor);
       border-color: var(--blue_border);
       box-shadow: var(--blue_shadow);
}

.upgrade_link_btn
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-decoration: none;
    background: var(--bluecolor);
    padding: 2px 7px;
    color: #fff;
    border: 1px solid var(--blue_border);
    box-shadow: var(--blue_shadow);
    font-size: .75rem;
    border-radius: 3px;
    transition: all .3s;
}
.upgrade_link_btn:hover{
    color: #fff;
    background: var(--blue_border);
}

.sponsored_package
{
    color: var(--sponsor_color);
    border-color: var(--sponsor_color);
}
.premium_package
{
    color: var(--premium_color);
    border-color: var(--premium_color);
}
.premium_package .package_tag
{
    background: var(--premium_color);
}
/*package benfefits*/
/*account pages*/

.account_page
{
    padding: var(--pdgcy) 0px;
    font-family: var(--roboto);
}
.account_titlebar
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  /*  background: #fff;*/
    border-radius: 5px;
   /* border: 1px solid #ddd;*/
    padding: var(--pdgacy) 0px 0px;
    box-sizing: border-box;
    height: auto;
    flex-wrap: wrap;
   margin-bottom: var(--mgncy);
}
.account_cover .account_titlebar
{
       padding-top: 0px;
       padding-bottom: 10px;
       margin-bottom: 10px;
       border-bottom: 1px solid #ddd;

}
.account_titlebar_title
{
    font-size: 1.4rem;
    font-weight: 500;
}
h1.account_titlebar_title
{
       margin-bottom: 0px;
}
.account_titlebar .new_listing_btn
{
       margin-left: auto;
       margin-top: 5px;
}
 .avg_rating_titlebar
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.avg_rating_left
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    flex-wrap: wrap;
}
.avg_rating_right
{
    font-weight: 500;
    color: #444;
}
.account_section
{
    background: #fff;
    border-radius: 5px;
    border: 1px solid var(--bordercolor);
    padding: var(--pdgacy) var(--pdgacx);
margin-top: var(--mgncy);
}
.account_section_content
{
    display: block;
    width: 100%;
    height: auto;
    padding-top: var(--pdgacy);
    position: relative;
}
.account_section_content:after{
    content: "";
    display: table;
    width: 100%;
    height: 0px;
}
.account_section_title
{
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--bordercolor);
}
.account_section_title.with_delete
{
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       align-items: center;
       justify-content: space-between;
       flex-wrap: nowrap;
}
h1.account_section_title
{
       margin-bottom: 0px;
}
.account_section_title_left
{
 display: inline-flex;
}
.account_section_subtitle
{
    font-size: 1rem;
    font-weight: 500;
    padding-bottom: 5px;
}
.account_form .form-label
{
       color: #444;
}
.account_form .form-control, .account_form .form-select
{
    border-color: #bbb;
}
.account_form .form_col
{
       margin-bottom: 10px;
}
.mandatory
{
    position: relative;
    padding-right: 20px;
}
.mandatory:after{
    content: "*";
    color: var(--warning);
    font-size: 1.4rem;
    display: inline;
    margin-left: 5px;
    position: absolute;
    right: 5px;
    top: -1px;
}
.account_review_box
{
    display: block;
    border: 1px solid #ddd;
    margin: 24px 0px 0px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    transition: all .3s;
    box-shadow: var(--btn_shadow);
}
.review_header
{

    padding: 10px;
    width: 100%;
    position: relative;
    box-sizing: border-box;

    border-bottom: 1px solid #ddd;
}
.account_box_ratings
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
     padding: 10px 0px;
    box-sizing: border-box;
}
.account_review_box .review_note
{
    padding: 0px 0px 10px;
    height: auto;
    width: 100%;
    margin-top: 0px;
    box-sizing: border-box;
}
.account_row
{
       margin-bottom: var(--mgncy);
}
/*account menu*/

.account_title
{
    display: none;
}
.account_leftmenu
{
    background: #fff;

    border-radius: 5px;
    height: auto;
    overflow: hidden;
    width: 250px;
}
.account_menu_ul
{
width: 250px;
    list-style: none;
    padding: 10px 0px;
    margin: 0px;
    height: auto;
    overflow: hidden;
       border-radius: 0px;

}
.account_menu_li
{
    display: block;
    width: 100%;
    height: 40px;
   padding: 0px;
    text-align: center;
    margin: 5px 0px;
}
.account_menu_li a
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 90%;
    height: 40px;
    line-height: 40px;
    margin: 0px auto;
    padding: 0px;
    align-items: center;
    flex-wrap: nowrap;
    text-decoration: none;
    color: #444;
    font-size: .9rem;
    padding: 0px 10px;
    border-radius: 5px;
    background: #fff;
    transition: all .3s;
    outline: none;

}
.account_menu_li a i
{
    color: var(--greencolor);
}
.account_menu_li a i:before{
    padding-bottom: 2px;
}
.account_menu_li a span
{
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 1;
    color: #444;
       text-align: left;
}
.account_menu_li a:hover, .account_menu_li a.active{
    background: var(--greencolor);
    color: #fff;
    box-shadow: var(--btn_shadow);
}
.account_menu_li a:hover i, .account_menu_li a:hover span, .account_menu_li a.active i, .account_menu_li a.active span
{
    color: #fff;
}
/*account menu*/
/*dashboard*/
.statistics_row
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
       width: 100%;
       height: auto;
       overflow: hidden;
}
.statistics_card
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f3f7ff;
    background: #fff;
    border-radius: 5px;
    padding: var(--pdgacy) var(--pdgacx);
    box-sizing: border-box;
    transition: all .3s;
    border: 1px solid var(--bordercolor);
    text-decoration: none;
    color: #444;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
  box-shadow: var(--acc_shadow);
    margin-bottom: var(--mgncy);
       align-self: stretch;
}
.statistics_card:hover{
    box-shadow: var(--btn_shadow_hover);
}
.statistics_card_icon
{
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: #777;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2rem;
    flex-shrink: 0;
}
.statistics_card_content
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    padding:0px  var(--pdgacx);
    flex-direction: column;
}
.statistics_card:hover{
    color: #444;
}
.statistics_card_title
{
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.2;
    margin-bottom: 5px;
}
.statistics_card_arrow
{
    position: absolute;
    right: var(--pdgacx);
    bottom: var(--pdgacy);
    z-index: 100;
    color:#bbb;
       transition: all .3s;
}
.statistics_card:hover .statistics_card_arrow
{
       right: 5px;
}
.statistics_card_count
{
    font-weight: 600;
    font-size:1.4rem;
}
.statistics_card2
{
             margin-left:var(--mgnacx);
       margin-right: var(--mgnacx);

}
.statistics_card1 .statistics_card_icon
{
    background: var(--sponsor_color);
    background:linear-gradient(to top,var(--sponsor_color), #72e7a7);
}
.statistics_card2 .statistics_card_icon
{
    background:var(--premium_color);
    background:linear-gradient(to top,var(--premium_color), #89d1f2);
}
.statistics_card3 .statistics_card_icon
{
    background: #627de6;
    background:linear-gradient(to top,#627de6, #bbacf7);
    background:linear-gradient(to top,#f00909, #ff6060);
}
.statistics_card1 .statistics_card_arrow
{
    color: var(--sponsor_color);
}
.statistics_card2 .statistics_card_arrow
{
    color: var(--premium_color);
}
.statistics_card3 .statistics_card_arrow
{
    color:#627de6;
 color: #ff6060;
}
.statistics_card1
{
       margin-left: 0px;
}
.statistics_card3
{
       margin-right: 0px;
}
.profile_card {
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    padding: var(--pdgacy) var(--pdgacx);
    box-sizing: border-box;
    border-radius: 5px;
   /* box-shadow: var(--btn_shadow);*/
    border: 1px solid #8689ca;
    border: 1px solid var(--bordercolor);
    color: #444;
    flex-direction: column;
    position: relative;
    z-index: 100;
    overflow: hidden;
    background: linear-gradient(to top, #9698d6,#bebfe6 );
 background: #fff;
  transition: all .3s;
       margin-bottom: var(--mgncy);
}

.profile_card_icon {
    width: 70px;
    height: 70px;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to top, rgba(255,255,255,.5), rgba(255,255,255,0));
    background: linear-gradient(to top, #9698d6,#bebfe6 );
    border-radius: 10px;
    margin-bottom: 15px;
    font-size: 3rem;
    color: #fff;
}
.profile_card_subtitle
{
       font-weight: 300;
}
.profile_card_title {
    font-size: 1.4rem;
       font-weight: 600;
    margin-bottom: 10px;
}
.profile_card_content {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: rgba(255,255,255,.07);
    background: linear-gradient(to top, rgba(255,255,255,.5), rgba(255,255,255,.3));
    background: linear-gradient(to top, #9698d6,#bebfe6 );
    padding: var(--pdgacy) var(--pdgacx);
    box-shadow: 0 5px 9px -5px rgba(0,0,0,0.05);
    border-radius: 5px;
color: #444;
}
.profile_card_img {
    display: block;
    position: absolute;
    width: 70%;
    right: -15%;
    top: 15%;
    opacity: 1;
    z-index: -1;
}
.profile_card_details {
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 5px;
}
.profile_card_details i:before {
    padding-bottom: 2px;
}
.profile_card_details span {
    padding-left: 15px;
    line-height: 1;
    color: #fff;
       word-break: break-all;
}
.profile_card:hover{
      box-shadow: var(--btn_shadow_hover);
}
.account_card
{
    display: block;
    height: auto;
       min-height: 273px;
    overflow: hidden;
    padding: var(--pdgacy) var(--pdgacx);
    box-sizing: border-box;
    margin: 0px;
    background: #fff;
    border:1px solid var(--bordercolor);
    border-radius: 5px;
   transition: all .3s;
        /* box-shadow: var(--btn_shadow);*/
    position: relative;
}
.account_card:hover{
        box-shadow: var(--btn_shadow_hover);
}
.account_card_content
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
       padding: 10px 0px;
       box-sizing: border-box;

}
.account_card_content:after
{
    content: "";
    width: 100%;
    display: table;
    height: 0px;
}
.account_card:after
{
    content: "";
    width: 100%;
    display: table;
    height: 0px;
}
.account_card_title
{
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

/*dashboard*/
/*account pages*/
.mw150
{
       min-width: 150px;
}
.mw200
{
       min-width: 200px;
}
.mw100
{
       min-width: 100px;
}
.status_valid, .status_pending, .status_removed, .status_edit_pending
{
 color: #fff;
padding: 0px 5px;
background-color: #91c714;
border-radius: 20px;
font-weight: 400;
font-size: .75rem;
min-width: 60px;
display: inline-block;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
  cursor: default;
}
.status_pending
{
       background: var(--upgrade_color);
}
.status_removed
{
       background: #ff4c54;
}
.status_edit_pending
{
       background: #06b5dd;
}
.listing_table thead
{
    border: 1px solid #ddd;
    background: var(--bluebg);
    color: #444;

}
.listing_table thead th
{
   padding-top: 15px;
    padding-bottom: 15px;
}
.mobiletitle
{
       display: none;
}
.listing_table
{
    border: 1px solid #ddd;
       vertical-align: middle;
}
.listing_table td
{
    vertical-align: middle!important;
       font-size: .9rem;
}
.listing_action_btn
{
    width: 24px;
    height: 24px;
    text-align: center;
    background: #ddd;
    border-radius: 3px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--btn_shadow);
    transition: all .3s;
    margin: 2px 1px;
}
.listing_action_btn i:before{
    padding-bottom: 1px;
}
.listing_action_btn:hover{
    color: #fff;
}
.delete
{
    background: #f45440;
}
.add
{
    background: #91c714;
}
.edit
{
    background: var(--bluecolor);
}
.manage
{
    background: #aa4fd1;
}
.upgrade
{
    background:  var(--upgrade_color);
}
.badges
{
    background: #06b5dd;
}
.subscribe
{
    background: #34c38f;
}
.image
{
    background: #556ee6;
}
.category
{
    background: #ffa500;
}
.denied
{
       background: #f46a6a;
}
.review
{
       background: #ffc717;

}
.table_link_with_icon
{
    display: inline-flex;
    color: #404E67;
       font-weight: 500;

    text-decoration: none;
    font-size: .9rem;
    align-items: flex-start;
}
.table_link_with_icon i
{
    color: var(--greencolor);
}
.table_link_with_icon i:before{
    padding-bottom: 5px;
}
.table_link_with_icon span
{
    padding-left: 5px;
    line-height: 1;
    font-weight: 500;
}
.table_link_with_icon:hover{
    color: var(--bluecolor);
}
.singleline_txt
{
       display: inline-block;
       white-space: nowrap;
       font-size: .9rem;
}
.listing_no_result
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    margin: 15px 0px;
    align-items: center;
    justify-content: center;
    background: #eee;
    color: #bbb;
}
.listing_no_result i:before{
    padding-bottom: 3px;
}
.listing_no_result span
{
    padding-left: 10px;
    line-height: 1;
    font-weight: 500;

}
/*.account_cover
{
       padding: var(--pdgacx);
       background: #fff;
       border: 1px solid #ddd;
       border-radius: 5px;
}*/
/*dashboard adjust*/
.account_menubar
{
       display: none;
}
.account_page .page_wrap{
    padding: 0px;
    padding-left: 280px;
}
.account_page
{
    padding: 0px;
}
.account_page .content_cover
{
    padding:0px var(--pdgcx) var(--pdgcy) 0px;
}
.account_page .leftbar_cover
{
      position: absolute;
       left: 0px;
       width: 250px;
       height: 100%;
       background: var(--menubar_color);
}
.account_page .fixed_acc_cover
{
       position: fixed;
}
.account_page .absolute_acc_cover
{
       position: absolute;
       bottom: 0px;
       padding-bottom: 0px;
}
.absolute_acc_menu
{       position: absolute;
       top: 0;
}
.account_menu
{
    border-radius: 0px;
    border: none;
    background:var(--menubar_color);
       width: 250px;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
}
.account_leftmenu
{
    background: var(--menubar_color);

}
.account_menu_li
{
    margin-bottom: 0px;
    border-radius: 0;

}
.account_menu_li a
{
    border-radius: 0;
    background: none;

}
.account_menu_li a span
{
    color: #fff;
}
.widget_display_box
{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    box-shadow:var(--btn_shadow);
    margin: var(--mgncy) auto;
}
.widget_display_title
{
    display: block;
    width: 100%;
    min-height: 40px;
    height: auto;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    background: var(--bluebg);
    color: #444;
    font-weight: 500;
    font-size: 1.1rem;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0px 0px;
}
.widget_display_content
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    height: auto;
    min-height: 70px;
    padding: 10px;
    box-sizing: border-box;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    border-top: 0px;
    justify-content: space-between;
}
.get_widget_btn
{
    display: inline-flex;
    height: 40px;
    align-items: center;
    flex-wrap: nowrap;
    background: var(--greencolor);
    color: #fff;
    text-decoration: none;
    padding: 0px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s;
    box-shadow: var(--btn_shadow);
       margin-right: 7px;
}
.get_widget_btn span
{
       white-space: nowrap;
}
.get_widget_btn:hover{
    color: #fff;
    box-shadow: var(--btn_shadow_hover);
    background: var(--bluecolor);
}
.copy_code_btn
{
       display: inline-flex;
    height: 40px;
    align-items: center;
    flex-wrap: nowrap;
    background: var(--bluecolor);
    color: #fff;
    text-decoration: none;
    padding: 0px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s;
       border: 2px solid #067ecc;
    box-shadow: var(--btn_shadow);
}
.copy_code_btn:hover{
       color: #fff;
       box-shadow: var(--btn_shdaow_hover);
}
.get_widget_btn i
{
    margin-right:7px;
}
.get_widget_btn i:before{
    padding-bottom: 2px;
}
/*dashboard adjust*/
/*page preloader*/
.preloader
{
    overflow: hidden;
    /*position: relative;*/

}
.preloader .m_main
{
    position: relative;
   -webkit-animation: bluranim   .5s forwards;
   animation: bluranim   .5s forwards;
}
@-webkit-keyframes bluranim
{
    from
    {
        filter: blur(0);
    }
    to {
        filter: blur(4px);
    }
}
@keyframes bluranim
{
    from
    {
        filter: blur(0);
    }
    to {
        filter: blur(9px);
    }
}
 .m_main:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    display: none;
    background:rgba(255,255,255,0);
        transition: all 2s;
}
  .preloader .m_main:before
{
       display: block;
         background:rgba(255,255,255,0.5);
}
.page_loader_cover
{
     display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    position: fixed;
    z-index: 1000;
    visibility: hidden;
       opacity: 0;
    left: 0px;
    top: 30%;
    height: auto;
    align-items: center;
    justify-content: center;
    transform: all .3s;
}
.preloader .page_loader_cover
{
    top: 30%;
       opacity: 1;
       visibility: visible;
}
.page_loader
{
    display: inline-block;
    background: var(--greencolor);
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: var(--btn_shadow);
    box-shadow: 0px 10px 60px -15px rgba(0, 0, 0,.5);
    padding: 10px 10px;
    margin:0px auto 20px;
       top: 10px;
    overflow: hidden;
    cursor: default;
   position: relative;

}
.preloader .page_loader
{
       -webkit-animation: showanim .5s forwards;
       animation: showanim .5s forwards;
}
@-webkit-keyframes showanim
{
       from
       {
              top: 0px;
       }
       to
       {
              top: 20px;
       }
}
@keyframes showanim
{
       from
       {
              top: 0px;
       }
       to
       {
              top: 20px;
       }
}
.page_loader_title
{
    margin: 0px 20px;
}
.page_loadingbar
{
    width: 100%;
    height: 3px;
    margin-top: 5px;
    border-radius: 5px;
    background:var(--bluebg);
    overflow: hidden;
    position: relative;
}
.page_loadingbar:after{
    content: "";
    width: 20%;
    height: 3px;
    background: #30beff;
    background: var(--bluecolor);
    display: block;
    position: absolute;
    left: -20%;
    top: 0px;
    transition: all 1s;
    -webkit-animation: pageloader .5s infinite;
    animation: pageloader .5s infinite;
}
@-webkit-keyframes pageloader
{

    0%{
        left: -20%;
        width: 20%;
    }
    100%
    {
        left: 150%;
        width: 80%;
        opacity: 1;
    }

}
@keyframes pageloader
{

    0%{
        left: -80px;
        width: 20%;
    }
    100%
    {
        left: 150%;
        width: 80%;
        opacity: 1;
    }

}
.preloader.load_complete .page_loader_cover
{
       opacity: 0;
       top: -50px;
       transition: .5s;
}
.preloader.load_complete .m_main:before
{
       opacity: 0;
       transition: .5s;
}
.preloader.load_complete .m_main
{
        -webkit-animation: clearblur   .5s forwards;
   animation: clearblur  .5s forwards;
}
@-webkit-keyframes clearblur
{
    from
    {
        filter: blur(4px);
    }
    to {
        filter: blur(0px);
    }
}
@keyframes clearblur
{
    from
    {
        filter: blur(4px);
    }
    to {
        filter: blur(0px);
    }
}
/*page preloader*/

/* account page*/
.listing_example
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    padding:  var(--pdgcx);
    box-sizing: border-box;
    height: auto;
    width: 100%;
    overflow: hidden;
    align-items: flex-start;
}
.listing_example > i
{
    font-size: 3rem;
    flex-shrink: 0;
       color: #777;
}
.listing_example > i:before
{
    padding-bottom: 20px;
}
.listing_example_details
{
    padding-left: 15px;
}
.listing_example_content
{
    color: #444;
}
.listing_example_content b
{
    padding-right: 10px;
}
.listing_example_btn
{
    display: inline-flex;
    align-content: center;
    background: #fff;
    border-radius: 5px;
    border: 2px solid var(--greencolor);
    padding: 0px 10px;
    margin: 15px 0px;
    cursor: pointer;
    font-weight: 500;
    font-size: .9rem;
    transition: all .3s;
    color: var(--greencolor);
}
.listing_example_btn i:before{
    padding-bottom: 2px;
}
.listing_example_btn span
{
    padding-left:5px;
    color: #444;
    white-space: nowrap;
}
.listing_example_btn:hover{
    color: var(--greencolor);
    border-color:var(--bluecolor);
}
/*account_tabs*/
.listings_tab_cover
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.listing_tab_cover:after{
    content: "";
    width: 100%;
    height: 0;
    display: table;
}
.tab_names_list
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 0px;
    border-bottom: 5px solid var(--greencolor);
}
.mobile_tab_names
{
       display : none;
}
.tab_name
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: auto;
    height: 70px;
    background: var(--bluebg);
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
    color: #444;
    text-decoration: none;
    cursor: pointer;
       flex-grow: 0;
}
.tab_name + .tab_name
{
    margin-left:7px;
}
.tab_name b
{
    display: inline;
   margin-left:5px;
}
.tab_name.active
{
    color: #fff;
    background: var(--greencolor);
}
.tab_name:hover
{
    color: #fff;
   text-decoration: none;
    background: var(--greencolor);

}
.tab_name.active:hover{
    color: #fff;
    background: var(--bluecolor);
}
.tab_pane_content
{
    display: block;
    height: auto;
    position: relative;
    padding: var(--pdgcx);
}
.tab_pane_content:after{
    content: "";
    width: 100%;
    height: 0px;
    display: table;
}

.simple_tags
{
    display: block;
    height: auto;
    overflow: hidden;
}
.simple_tags ul
{
    display: inline-flex;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    flex-wrap: wrap;
}
.simple_tags li
{
    display: inline-flex;
    align-content: center;
    justify-content: space-between;
    background: var(--bluecolor);
    color: #fff;
    font-size: .9rem;
    white-space: nowrap;
    margin: 5px;
    border-radius: 5px;
    padding: 3px 5px 3px 10px;
       box-sizing: border-box;
    cursor: default;
    transition: all .3s;
}
.simple_tags li:selection
{
       background: none;
       outline: none;
}
.simple_tags li a
{
    display: inline-block;
    width: 15px;
    height: 20px;
    cursor: pointer;
    margin-left: 7px;
}
.simple_tags li a i:before{
    padding-bottom: 1px;
}
.simple_tags li{
   pointer-events: none;
}
.simple_tags li a{
   pointer-events: auto;
}
.simple_tags li:hover{
    background: var(--warning);
}

.image_display_cover
{
    width: 250px;
    margin: var(--mgncy) 0;
    background: var(--bluebg);
    padding: 15px var(--pdgcx) 15px;
    border-radius: 5px;
    border: 1px dashed var(--bluecolor);
    text-align: center;
}
.image_display_icon
{
    font-size: 3rem;
    color: var(--greencolor);
}
.image_display_label
{
    color: #777;
}
.image_display_box
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: auto;
    height: auto;
    padding: 15px;
   overflow: hidden;
}
.image_display_box img
{
    display: none;
    max-width:120px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius:0px;
    box-shadow: var(--btn_shadow);
}
.image_display_box.image_opened img
{
    display: block;
}
.image_display_box.image_opened .image_display_icon
{
    display: none;
}
.screenshots_display
{
   width: 100%;
    background: var(--bluebg);
    padding: 5px;
    border-radius: 5px;
    border: 1px dashed var(--bluecolor);
    text-align: center;
    position: relative;
       height: 100%;
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
     align-items: center;
       justify-content: center;
       box-sizing: border-box;
}
.screenshots_display img
{
       max-width: 100%;
}
.image_delete_icon
{
    display: none;
    color: #444;
    position: absolute;
    top: 0px;
    right: 3px;
    cursor: pointer;
    transition: all .3s;
}
.image_delete_icon:hover{
    color: var(--warning);
}
.image_opened .image_delete_icon
{
    display: inline-block;
}
.add_file_upload, .delete_file_upload, .delete_form
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #444;
    text-align: center;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #444;
}
.add_file_upload i:before
{
    padding-bottom: 1.5px;
}
.add_file_upload:hover{
    color: #fff;
    background: var(--greencolor);
}
.delete_file_upload:hover,.delete_form:hover
{
    color: #fff;
    background: var(--warning);
}
.add_file_upload:hover , .delete_file_upload:hover, .delete_form:hover{
    box-shadow:0px 3px 7px -3px rgba(0,0,0,.5);
}
.add_file_btns
{
    display: none;
    align-items: center;
    flex-wrap: nowrap;
    height: 38px;
}
.add_file_btns.active
{
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.account_section_title_btn
{
    display: inline-flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
}
.account_section_title_btn i
{
    color: var(--greencolor);
}
.account_section_title_btn i:before
{
    padding-bottom: 1px;
}
.account_section_title_btn span
{
    padding-left: 10px;
}
.account_section_title_btn:hover{
    color: var(--greencolor);
}
.acceptable_category
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--greencolor);
    border: 1px solid #ddd;
    padding: 3px 5px;
    border-radius: 5px;
}
.acceptable_category i:before{
    padding-bottom: 2px;
}
.acceptable_category span
{
    padding-left: 5px;
    white-space: nowrap;
}


/*account_tabs*/

.subscription_title_cover
{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: var(--mgncy);
       padding: 0px 10px;
       box-sizing: border-box;
}
.subscription_title
{
    font-weight: 600;
font-size: 2rem;
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       flex-wrap: wrap;
}
.subscription_title span
{
    padding-left: 10px;
}
.subscription_tag
{
    display: inline-flex;
    padding: 2px 10px;
    width: auto;
    background: #ddd;
    border-radius: 30px;
    color: #fff;
    box-sizing: border-box;

}
.subscription_details
{
    font-size: 1rem;
    color: #777;
    margin-bottom: 0px;
       display: block;
       width: 100%;
       height: auto;
       overflow: hidden;
       padding: 0 10px;
       box-sizing: border-box;
}
.subscription_options
{
    display: block;
    width: 100%;
    background: var(--bluebg);
    padding: 10px;
    border: 1px dashed #ddd;
    border-radius: 5px;
    margin: var(--mgncy) 0;
    box-sizing: border-box;
    position: relative;
    margin-top: 60px;
}

.subscription_options_title
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    box-sizing: border-box;
    color: #444;
    font-weight: 600;
    width: 100%;
    height: 50px;
    line-height: 1;
    position: absolute;
    top: -60px;
    left: 0px;
       text-align: center;
       font-size: 1.2rem;

}

.subscription_option_txt
{
    font-weight: 600;
}
.subscription_cover
{
    display: block;
    padding: 15px 10px;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
       margin-bottom: var(--mgncy);
}
.subscription_features
{
    list-style: none;
    padding: 0px 0px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    border: 2px solid #ddd;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    flex-direction: column;
    width: auto;
    max-width:100%;
    margin: auto;
/*    box-shadow: 0px 0px 60px -10px #9df3e1;*/
    box-shadow: var(--btn_shadow);
}
.premium_features
{
    border-color: var(--premium_color);
    color: var(--premium_color);
}
.premium_subscription .subscription_tag
{
    background: var(--premium_color);
}
.sponsored_features
{
    border-color: var(--sponsor_color);
    color: var(--sponsor_color);
}
.sponsored_subscription .subscription_tag
{
    background: var(--sponsor_color);
}

/*.subscription_pricetag_select_btn input
{
    display: none;
}
.subscription_pricetag_select_btn .form-check
{
    padding: 0px;
    margin: 0px;
}*/

.subscription_features_li
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: flex-start;

    padding: 0px var(--pdgcx);
    margin: 15px 0;
}
.subscription_features_li i
{
   width: 30px;
       height: 30px;
       border: 1px solid #ddd;
       border-radius: 40px;
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       align-items: center;
       justify-content: center;
    font-size: 1.4rem;
       flex-shrink: 0;
}
.subscription_features_li i:before{
    padding-bottom: 1px;
}
.subscription_features_li span
{
padding-left: var(--pdgcx);
    color: #444;
}
.make_subscription_box
{
    display: block;
    width: 80%;
    margin: auto;
    padding: var(--pdgcx);
    background: var(--bluebg);
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: var(--mgncy) auto;
}
.make_subscription_titles
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0px;
}
.make_subscription_txt
{
    display: inline-flex;
    line-height: 1.2;
    font-weight: 500;

}
.make_subscription_row
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    margin: 15px 0px;
    border-top: 1px solid #ddd;
    padding: 24px 0px 0px;
}
.make_subscription_pack
{
    font-weight: 500;
    color: #263b80;
}
.make_subscription_btn
{
    display: inline-flex;
    width: auto;
    float: right;
    align-items: center;
    flex-wrap: nowrap;
    background: var(--bluecolor);
    color: #fff;
    font-size: .9rem;
    padding: 2px 7px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s;
}
.make_subscription_btn:hover{
    background: var(--upgrade_color);
    box-shadow: var(--btn_shadow);
}
.make_subscription_btn i:before
{
    padding-bottom: 2px;
}
.make_subscription_btn span
{
    padding-left: 7px;
}
.make_subscription_price
{
    font-size: 1rem;
}
.make_subscription_price span:first-child
{
    color: var(--greencolor);
    font-weight: 600;
    margin-right: 3px;
}
.make_subscription_paypal
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    font-weight: 300;
    font-size: .9rem;
}
.make_subscription_paypal img
{
    width: auto;
    height: 20px;
    margin-left: 10px;
}
.return_link
{
    display: block;
    width: 100%;
    height: auto;
    margin: 5px auto;
    text-align: center;
    font-weight: 600;
    color: #263b80;
    text-decoration: none;
    transition: all .3s;
}
.return_link:hover{
    color: var(--warning);
}
.subscription_options_cover
{
       display: block;
       height: auto;
       overflow: hidden;
       padding: 0px 10px;
       box-sizing: border-box;
}
.subscription_pricetag
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: space-between;
flex-wrap: nowrap;
       flex-direction: column;
    background: #477786;
    color: #fff;
    padding: 10px var(--pdgcx);
       border-radius: 5px;
    box-sizing: border-box;
}
.subscription_pricetag_right
{
       margin-top: 15px;
}
.subscription_pricetag_descp
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    height: auto;
    align-items: center;
    overflow: hidden;
}

.subscription_pricetag_title
{
    display: block;
    color: #fff;
    font-weight: 500;
       margin-bottom: 5px;
       flex: 0 0 100%;
}
.subscription_pricetag_descp span
{
    font-size: 1.2rem;
       font-weight: 500;
}
.subsp_txt
{
       flex: 0 0 100%;
}
.subscription_table
{
    display: block;
    width: 100%;
    height: auto;
}
/*new*/
.subscription_options
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    height: auto;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
}
.subscription_options.premium_options
{
        background: linear-gradien(to right, #9fa9fe,#879bff);
}
.subscription_pricetag
{
    width: 100%;
    height: auto;
    overflow: hidden;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: flex-start;
    background: #fff;
    color: #444;
    border: 1px solid #ccc;
}
.subscription_pricetag +.subscription_pricetag
{
       margin-left: 10px;
}
.subscription_pricetag_title
{
    color: #444;
    font-weight: 600;
     text-align: left;
    font-size: 1.2rem;
       margin-bottom: 15px;
}
.subscription_pricetag_select_btn input
{
    display: none;
}
.subscription_pricetag_select_btn .form-check
{
    padding-left: 0px;
}
.subscription_pricetag_select_btn label
{
 display: inline-flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    background: var(--greencolor);
    padding: 5px 24px;
    border-radius: 5px;
    cursor: default;
    outline:none;
       cursor: pointer;
    border: 2px solid var(--greencolor);
}
.subscription_pricetag_select_btn input:checked + label
{
    background: var(--bluecolor);
       border-color: var(--bluecolor);
    color: #fff;
}
.subscription_descp_left
{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}
.subscription_pricetag_descp
{
    flex-direction: column;
}
.subscription_descp_right .make_subscription_price
{
    display: block;

}
.subscription_descp_right .make_subscription_price span
{
    display: inline-block;
    font-size: 1.4rem;
}
.subscription_descp_right .make_subscription_price .subsp_txt
{
    font-size: .75rem;
    width: 100%;
    flex: 1 0 100%;
color: #777;
}
/*new*/
.subscription_yearly
{
      /* background: var(--upgrade_color);
       background: #7bd0d0;
       background: #67c8f9;   */
  border-color: #eb6578;
}
.subscription_yearly .subscription_pricetag_title
{
       color: #eb6578;
}
.subscription_table_header
{
    background: #97b2f3;
    margin: 0px!important;
    min-height: 50px!important;
    color: #fff;
    font-weight: 500;
    align-items: center;
}
.subscription_table .row
{
    margin: 15px 0px 0px;
    min-height: 40px;
    border-bottom: 1px solid #97b2f3;
}
/*.premium_options .subscription_yearly
{
       background: var(--premium_color);

}
.sponsored_options .subscription_yearly
{
       background: var(--sponsor_color);
}*/




























/* account page*/
/*offer header*/
.has_offer
{
        background: #fff;
    padding-top:15px;
}

.offer_note
{
       display: none;
}
.has_offer .offer_note
{
    display: inline-flex;
    height: auto;
    overflow: hidden;
    position: absolute;
    width:auto;
    max-width: 100%;
    left:var(--pdgcx);
    top:7px;
    top:-1px;
    font-size: .9rem;
    color: #777;
    text-decoration: none;
    background: url("../images/new.png");
    background-position: 7px center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 5px 15px 5px 35px;

    border-radius: 0px 0px 5px 5px;
    transition: all .3s;
        background-color: #fff;
    border: 1px solid #ddd;
   box-shadow: var(--btn_shadow);
}
.offer_note b
{
    padding-left: 10px;
       transition:all .3s;
}
.offer_note span
{
    color:var(--greencolor);
    line-height: 1;
}
.offer_note b
{
    color: #444;
}

.offer_note:hover{
    background-color: var(--bluebg);
}
.offer_note:hover b
{
    color: var(--bluecolor);
}

.ads_btn_cover
{
    display: none;
    position: fixed;
    left: 0px;
    bottom: 5px;
       z-index: 7000;
}
.ads_btn_label
{
    width: auto;
    height: 30px;
    display: inline-flex;
    border: none;
    align-items: center;
    padding: 0px 10px;
    border-radius: 3px;
    color: #fff;
    margin-left: 10px;
    background: #f82049;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s;
    font-size: .9rem;
}
.ads_btn_label i:before{
    padding-bottom: 2px;
}
.ads_btn_label span
{
    padding-left: 10px;
}
.ads_btn_label:hover{
    background: var(--greencolor);
    box-shadow: var(--btn_shadow_hover);
}
.ads_btn
{
    display: none;
}
.ads_image_cover
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 0px;
    display: none;
    overflow: hidden;
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;
    transition: all .3s;
}
input[type=checkbox]:checked + .ads_image_cover
{
    width: 300px;
    height: auto;
    max-height: 300px;
    left: 10px;
    bottom: -10px;
    display: block;
    overflow: hidden;
    box-shadow: 0px 0px 24px rgba(0,0,0,0.2);
}
.ads_image_close
{
    font-size: .7rem;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
 color: #444;
       background: var(--bluebg);
    padding: 0px 5px;
    text-align: center;
    cursor: default;
       transition: all .3s;
}
.ads_image_close:hover{
             color: #fff;
    background: var(--upgrade_color);
}
input[type=checkbox]:checked + .ads_image_cover .ads_image_link
{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ads_image_cover img
{
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

/*offer header*/
/*cropper*/
.img_cropper_canvas
{
       display: block;
       width: 500px;
       max-width: 100%;
       margin: auto;
       height: auto;
       overflow: hidden;
    /*   border: 2px solid #444;       */
}
.img_cropper_canvas img
{
       display: inline-block;
       max-width: 100%;
}
/*cropper*/
/*changes*/
.onloading
{
       position: relative;
}
.onloading .list_slider
{
       opacity: 0;
       position: absolute;
}
.slide_loader
{
    min-height: 420px;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: space-between;
       padding:0px;
       box-sizing: border-box;
       z-index: 5;
       opacity: .7;
}
.onloading .slide_loader
{
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.loader_card
{
    width: 100%;
    height: 430px;
    background: #eee;
    margin: 10px;
    display: block;
    border: 2px solid #ddd;
    border-radius: 5px;
    flex: 1 1 25%;
    position: relative;
    z-index: 100;
    padding: 0px 10px;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: var(--btn_shadow);
}
.loader_title
{
    margin-top:10px;
    width: 100%;
    height: 50px;
    background: #ddd;
    border-radius: 3px;
}
.loader_img
{
    margin-top: 10px;
     width: 100%;
    height: 150px;
    background: #ddd;
    border-radius: 3px;
}
.loader_by
{
    margin-top: 10px;
     width: 100%;
    height: 20px;
    background: #ddd;
    border-radius: 3px;
}
.loader_btns
{
    margin-top:10px;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    flex-wrap: nowrap;
    position: relative;
    padding: 0px;
}
.loader_btns_left
{
    width: 50%;
    background: #ddd;
    height: 30px;
    border-radius: 3px;
    float: left;
}
.loader_btns_right
{
    margin-left: 10px;
    width: 30%;
    height: 30px;
    float: right;
    background: #ddd;
    border-radius: 3px;
}
.loader_price_div
{
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
}
.loader_price_left
{
    width: 80px;
    height: 30px;
    border-radius: 3px;
    background: #ddd;
}
.loader_price_right
{
    width: 80px;
    height: 30px;
    background: #ddd;
}
.loader_footer
{
    width: 100%;
      display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    align-items: center;
    justify-content: space-between;
}
.loader_footer_left
{
    width: 30px;
    height: 30px;
    background: #ddd;
}
.loader_footer_right
{
    width: 60%;
    height: 30px;
    background: #ddd;
}
.load_anim
{
    position: relative;
    overflow: hidden;

}
.load_anim:after
{
    content: "";
    width: 100%;
    height: inherit;
    position: absolute;
    z-index: 11;
    left: 0px;
    top: 0px;
    display: block;
    transform: translateX(-100%);
     background: linear-gradient(to right, transparent, rgba(255,255,255,.3), transparent);
    animation: loader 1s infinite
}
@keyframes loader
{
    100%
    {
        transform: translateX(150%);
    }
}
/*listing edit*/
.premium_list .script_list_title span:first-child
{
    padding-right: 10px;
    vertical-align: middle;
}
.sponsored_list .script_list_title span:first-child
{
    padding-right: 10px;
    vertical-align: middle;
}
 .sponsored_list .script_title span:first-child
{
    padding-right: 10px;
   vertical-align: middle;
}
.premium_list .script_title span:first-child
{
    padding-right: 10px;
   vertical-align: middle;
}
 .sponsored_list .script_title h1:first-child
{
    padding-right: 10px;
   vertical-align: middle;
}
.premium_list .script_title h1:first-child
{
    padding-right: 10px;
   vertical-align: middle;
}
.script_list_title, .script_title
{
    vertical-align: middle;
}
.promote_tag
{
    margin: 0px;
    vertical-align: middle;
    line-height: 1;
}
.flex_title_column
{
         display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
       align-items: center;
       justify-content: space-between;
}
/*changes*/

.highlight_title {
	font-size: 3em;
	font-weight: bold;
	-webkit-text-stroke: 3px transparent;
	text-stroke: 3px transparent;
	text-shadow: 0 4px 3px rgba(0,0,0,0.2);
	background: linear-gradient(to top,rgb(81,65,22),rgb(113,70,32));
	-webkit-background-clip: text;
	color: rgb(238,186,44);
	padding-bottom: 3px;
}
.black_friday_txt {
	background: #fff;
	background: linear-gradient(to top,rgb(245,255,255),rgb(255,255,255));
	padding: 30px 30px 15px;

	border: 2px solid #b77736;
	box-sizing: border-box;
	border-radius: 10px;
	position: relative;
	position: relative;
	box-shadow: 0 7px 12px -5px rgba(0,0,0,0.1);
}
.black_friday_txt > * {
	position: relative;
	z-index: 100;
}
.black_friday_txt a {
	margin: 0;
	font-size: 0.8em!important;
}
.black_friday_txt p {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4;
}
.yellow_highlight {
	padding: 3px 7px;
	background: rgb(255,232,169);
	background: rgb(249,239,108);
	color: #2f1b1b;
	border-radius: 5px;
}
.discount_txt {
  font-size: 2em;
  font-weight: bold;
  float: none;
  display: block;
  -webkit-text-stroke: 3px transparent;
  text-stroke: 3px transparent;
  text-shadow: 0 3px 2px rgba(0,0,0,0.2);
  background: linear-gradient(to bottom,rgb(80,149,83),rgb(41,85,25));
    background-clip: border-box;
  -webkit-background-clip: text;
  color: rgb(120,228,102);
}
.free .discount_txt
{
	font-size: 2.4em!important;
	padding: 0px;
}
.free.offer_discount_inner
{
	justify-content: center;
	align-items: center;
}
/******************/
.green_link,
.green_link:hover {
	display: inline-block;
	padding: 10px 15px;
	background: #000;
	background: var(--greencolor);
	color: #fff!important;
	text-decoration: none;
	line-height: 1;
	margin-bottom: 10px;
	border-radius: 5px;
	box-shadow: 0 5px 12px -5px rgba(0,0,0,0.3)!important;
}
.green_link:hover {
	background: rgb(238,186,44);
	color: #fff;
}
.highlight_note {
	padding: 15px;
	box-sizing: border-box;
	border-radius: 5px;

}
.green_link2 {
	display: inline-flex;
	gap: 10px;
	line-height: 1;
	margin-top: -15px;
	padding: 7px 15px;
	border-radius: 5px;
	text-align: left;
	text-decoration: none;
	background: #000;
	color: #fff!important;
}
.green_link2:hover {
	background: rgb(238,186,44);
	color: #fff!important;
}
.green_link3,
.green_link3:hover {
	display: inline-block;
	padding: 10px 15px;
	background: #000;
	background: var(--greencolor);
	color: #fff!important;
	text-decoration: none;
	line-height: 1;
	border-radius: 5px;
	box-shadow: 0 5px 12px -5px rgba(0,0,0,0.3)!important;
}
.green_link3:hover {
	background: rgb(238,186,44);
	color: #fff;
}
.transparent_box.docs_page
{
	background: transparent;
	box-shadow: none!important;
	padding: 0px 15px;
}
.offer_item_list {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 0 30px;
}
.offer_item {
	display: flex;
	padding: 15px;
	box-sizing: border-box;
	flex-shrink: 0;
	flex-grow: 0;
	text-align: center;
	width: calc(32% - 15px);
	border: 2px solid #ddd;
	border-radius: 5px;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	position: relative;
	overflow: hidden;
	background: #fff;
	color: #000!important;
	transition: all 0.3s;
	outline: none;
	box-shadow: 0 5px 22px -9px rgba(0,0,0,.3);

}
.offer_item:hover {
	border: 2px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to top, #951c1d, #ff5454, #e41f20) border-box;
}
.offer_item {
	min-height: 280px;
	flex-direction: column;
}
.offer_item > * {
	position: relative;
	z-index: 10;
}
.offer_item:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	background: rgb(93,175,65);
	background: radial-gradient(rgb(51,124,69), rgb(93,175,65));
	z-index: 1;
	border: 1px solid transparent;
	transition: all 0.3s;
}
.offer_item_right {
	width: 100px;
	order: 1;
	margin-top: 15px;
}
.offer_item_left {
	flex: 1;
	order: 2;
 	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items:center;
}
.offer_item_title {
	font-weight: bold;
	font-size: 1.4em!important;
	line-height: 1.2;
}
.offer_item_link {
	font-weight: 500;
	font-size: 0.9em;
	margin: 15px 0 0;
	display: inline-flex;
	gap: 10px;
	align-items: center;
	background: rgb(168,224,247);
	background: rgb(255,65,80);
	background: rgb(255,255,255);
	background: rgb(219,53,66);
	border: 2px solid transparent;
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 40px;
	color: #fff!important;
}
.free.offer_item_left
{
	display: flex;
	flex-direction: column;
	height: 50%;
	position: relative;
	justify-content: center;
}
.free .offer_item_link
{
	position: absolute;
	left: 50%;
	bottom: 0px;
	white-space: nowrap;
	transform: translateX(-50%);
}
.offer_discount {
	display: flex;
	width: 100px;
	height: 100px;
	background: #fcd569;
	background: rgba(252,214,105,0);
	border-radius: 15px;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
	flex-wrap: wrap;
	transition: all 0.3s;
	overflow: visible;
}
.offer_discount:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	z-index: -15;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 22px -7px rgba(221,29,29,0.7);
	opacity: 0;
}
.star_badge {
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	z-index: -1;
	left: -10px;
	top: -10px;
	transform-origin: 50% 50%;
	outline: none;
	transition: all 0.3s;
	opacity: 1;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6 {
	display: block;
	width: 100%;
	height: 30px;
	background: #fcd569;
	border-radius: 20px;
	position: absolute;
	transform-origin: 50% 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
	outline: none;
	transition: all 0.3s;
}
.span1 {
	transform: translate(-50%, -50%) rotate(0deg);
}
.span2 {
	transform: translate(-50%, -50%) rotate(30deg);
}
.span3 {
	transform: translate(-50%, -50%) rotate(60deg);
}
.span4 {
	transform: translate(-50%, -50%) rotate(90deg);
}
.span5 {
	transform: translate(-50%, -50%) rotate(120deg);
}
.span6 {
	transform: translate(-50%, -50%) rotate(150deg);
}
.offer_item:hover .star_badge span {}
.offer_item:hover {
	border-radius: 10px;
	box-shadow: 0 12px 32px -9px rgba(0,0,0,0.3);
}
.offer_item:hover .offer_discount {
	border-radius: 50%;
	background: rgba(252,214,105,0);
}
.offer_item:hover .discount_amt {
	color: #fff;
}
.offer_item:hover .star_badge {
	opacity: 1;
	animation: badge_rotate 5s linear infinite;
}
.offer_item:hover:after {
	top: 0;
}
.offer_item:hover .offer_item_title {
	color: #fff;
}
.offer_item:hover .offer_item_link {
	background: #fff;
	color: #000!important;

}
@keyframes badge_rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.offer_discount span:first-child {
	font-size: 2.6em;
	font-weight: bold;
	line-height: 1;
}
.offer_discount span:not(first-child) {
	padding: 0 5px;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1;

}
.offer_discount_inner {
	display: flex;
}
.discount_amt {
	font-size: 3em!important;
	font-weight: bold;
	float: none;
	-webkit-text-stroke: 3px transparent;
	text-stroke: 3px transparent;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
	background: linear-gradient(to bottom,rgb(80,149,83),rgb(41,85,25));
	-webkit-background-clip: text;
	color: rgb(120,228,102);
}
.discount_per {
	font-size: 2em!important;
	vertical-align: super;
	margin-left: -7px;

}
.discount_item_txt {
	font-size: 1.6em!important;
	font-weight: bold;
	display: block;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.docs_note_box {
	display: flex;
	gap: 30px;
}
.docs_note_box_left {
	width: 320px;
	position: relative;
}
.docs_note_box_inner {
	display: block;
	position: sticky;
	top: 70px;
}
.docs_note_box_right {
	width: calc(100% - 350px);
	height: 2000px;
}
.offer_item_header {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	background: #fff;
}

.offer_item_name {
	flex: 1;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
}
.offer_item_footer {
	display: block;
	width: 100%;
	text-align: center;
	border-top: 1px solid #eee;
}
.offer_item_content {
	display: flex;
	align-items: center;
	flex-direction: column;
}
/* ********** */
.offer_note_box {
	display: block;
	padding: 15px;
	box-sizing: border-box;
	background: var(--greencolor);
	background: #eaf7ff;
	border-radius: 5px;

}
.faded_notes {
	display: block;
	padding: 15px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.03);
	font-size: 0.9em;
}
.faded_notes p {
	color: #777;
}

@media screen and (max-width:999px) {
	.offer_item_list {
		flex-direction: column;
	}
	.offer_item {
		width: 100%;
	}
		.offer_item_left {
		margin-top: 15px;
		width: calc(100%)!important;
	}
}
@media screen and (max-width:379px)
{
	.offer_item_list
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.offer_item{
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media screen and (max-width:359px) {

	.offer_item {
		gap: 5px;
	}

}
/* **** */
.disclaimer_note {
	display: block;
	padding: 15px;
	box-sizing: border-box;
	background: #e8eff1;
	border-radius: 5px;
}
.highlight_note_2 {
	display: block;
	padding: 15px;
	box-sizing: border-box;
}
.read_btn {
	display: inline-flex;
	color: var(--bluecolor);
	position: relative;
	margin-bottom: 15px;
}
.read_btn:before {
	content: "[ ";
}
.read_btn:after {
	content: " ]";
}
.highlight_note_box {
	display: block;
	border: 1px solid #e1f1f6;
	border: none;
	position: relative;
	padding: 5px 15px;
	backg round: #f3fcff;
	background: #fffccb;
    background: transparent;
	border-radius: 10px;
	margin-bottom: 5px;

}
.docs_page_header .docs_page_title {
	margin-bottom: 0;
}
.position_link {
	position: relative;
	right: 0;
	bottom: 0;
	padding: 5px 10px;
	font-size: 0.8em;
}
.position_link:hover {
	padding: 5px 10px;
}
.highlight_note_2 {
	display: block;
}
.gradient_txt
{
	outline: none;
	transition: all .3s;
}
.gradient_txt span
{
	color: #fff;
	padding: 0px 10px;
	transition: all .3s;
	background: #ff4e24;
}
.gradient_txt:hover span{
	color: #fff;
	text-shadow: 0px 5px 3px rgba(0,0,0,0.3);
}
/*-----css for adding  new menu 2023 jun 05---*/
.has_link
{
	/*padding-top: 20px;*/
}
.ai_link
{
	background:  linear-gradient(45deg , #9072cc, #3aa5ff);
	color: #fff;
	padding: 3px 10px 3px 3px;
      /* padding: 7px 15px 7px 12px;*/
	border-radius: 5px;
	height: 26px;
	font-size: 1.2em;
       font-size: .9em;
	align-items: center;
	text-decoration: none;
	/*position: absolute;
	top: 0px;*/
      /* font-family: 'Source Code Pro', monospace;
       font-family: 'Roboto Slab', serif;*/
       font-weight: 500;
	/*right: var(--pdgcx);
	margin-right: var(--pdgcx);
       right: auto;
       left: 35%;*/
       order: 3;
	margin-left: auto;
	display: flex;
	align-items:center;
       box-shadow: 0px 10px 12px -7px rgba(0,0,0,.3);	 
}
.ai_link ~ .header_link 
{
	margin-left: 10px;
}

.ai_link > span.ai
{  
       margin-right: 3px;
       font-family: 'Roboto Mono', monospace!important;
}
.ai_link:hover
{
	color: #fff;
	background:  linear-gradient(-60deg , #9072cc, #3aa5ff);
}
.ai_link i
{
	width: 22px;
	height: 20px;
      /* width: 24px;
	height: 24px;*/
	display: flex;
	border-radius: 5px;
	background: linear-gradient(45deg , #ddeeff, #ccdeed);
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-right: 10px;	
	color: #918af7;
       animation: color_ch 9s linear infinite;
}
.ai_link i:before
{
       animation: rotats 32s linear infinite;
}
@keyframes rotats
{
	to
	{
		transform: rotate(360deg);
	}
}
@keyframes color_ch
{
	0%
	{
		 color:#918af7;
	}
	25%{
		color:  #f7721d;
	}
	50%
	{
		color:#d52212;
	}
	75%
	{
		color:  #49cdfa;
	}
	100%
	{
		color:  #4fa053;
	}
}
/*-----css for adding  new menu--end 2023 jun 05*/