<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: 'TheSans-Plain';
    src: url('../fonts/TheSansArabic-Light/TheSansArabic-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TheSansArabic-Light/TheSansArabic-Light.otf') format('opentype'),
    url('../fonts/TheSansArabic-Light/TheSansArabic-Light.woff') format('woff'),
    url('../fonts/TheSansArabic-Light/TheSansArabic-Light.ttf') format('truetype'),
    url('../fonts/TheSansArabic-Light/TheSansArabic-Light.svg#TheSansArabic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TheSans-Plain';
    src: url('../fonts/TheSans-Bold/TheSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TheSans-Bold/TheSans-Bold.otf') format('opentype'),
    url('../fonts/TheSans-Bold/TheSans-Bold.woff') format('woff'),
    url('../fonts/TheSans-Bold/TheSans-Bold.ttf') format('truetype'),
    url('../fonts/TheSans-Bold/TheSans-Bold.svg#TheSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TheSans-Plain';
    src: url('../fonts/TheSans-Plain/TheSans-Plain.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TheSans-Plain/TheSans-Plain.otf') format('opentype'),
    url('../fonts/TheSans-Plain/TheSans-Plain.woff') format('woff'),
    url('../fonts/TheSans-Plain/TheSans-Plain.ttf') format('truetype'),
    url('../fonts/TheSans-Plain/TheSans-Plain.svg#TheSans-Plain') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FFShamelFamily-SansOneBook";
    src: url("../fonts/FFShamelFamily-SansOneBold/FFShamelFamily-SansOneBold.eot");
    src: url("../fonts/FFShamelFamily-SansOneBold/FFShamelFamily-SansOneBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/FFShamelFamily-SansOneBold/FFShamelFamily-SansOneBold.otf") format("opentype"),
    url("../fonts/FFShamelFamily-SansOneBold/FFShamelFamily-SansOneBold.svg") format("svg"),
    url("../fonts/FFShamelFamily-SansOneBold/FFShamelFamily-SansOneBold.ttf") format("truetype"),
    url("../fonts/FFShamelFamily-SansOneBold/FFShamelFamily-SansOneBold.woff") format("woff"),
    url("../fonts/FFShamelFamily-SansOneBold/FFShamelFamily-SansOneBold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "FFShamelFamily-SansOneBook";
    src: url("../fonts/FFShamelFamily-SansOneBook/FFShamelFamily-SansOneBook.eot");
    src: url("../fonts/FFShamelFamily-SansOneBook/FFShamelFamily-SansOneBook.eot?#iefix") format("embedded-opentype"),
    url("../fonts/FFShamelFamily-SansOneBook/FFShamelFamily-SansOneBook.otf") format("opentype"),
    url("../fonts/FFShamelFamily-SansOneBook/FFShamelFamily-SansOneBook.svg") format("svg"),
    url("../fonts/FFShamelFamily-SansOneBook/FFShamelFamily-SansOneBook.ttf") format("truetype"),
    url("../fonts/FFShamelFamily-SansOneBook/FFShamelFamily-SansOneBook.woff") format("woff"),
    url("../fonts/FFShamelFamily-SansOneBook/FFShamelFamily-SansOneBook.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FFShamelFamily-SansOneBook";
    src: url("../fonts/FFShamelFamily-SansOneLight/FFShamelFamily-SansOneLight.eot");
    src: url("../fonts/FFShamelFamily-SansOneLight/FFShamelFamily-SansOneLight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/FFShamelFamily-SansOneLight/FFShamelFamily-SansOneLight.otf") format("opentype"),
    url("../fonts/FFShamelFamily-SansOneLight/FFShamelFamily-SansOneLight.svg") format("svg"),
    url("../fonts/FFShamelFamily-SansOneLight/FFShamelFamily-SansOneLight.ttf") format("truetype"),
    url("../fonts/FFShamelFamily-SansOneLight/FFShamelFamily-SansOneLight.woff") format("woff"),
    url("../fonts/FFShamelFamily-SansOneLight/FFShamelFamily-SansOneLight.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "FFShamelFamily-SansOneBook";
    src: url("../fonts/FFShamelFamily-SansOneMedium/FFShamelFamily-SansOneMedium.eot");
    src: url("../fonts/FFShamelFamily-SansOneMedium/FFShamelFamily-SansOneMedium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/FFShamelFamily-SansOneMedium/FFShamelFamily-SansOneMedium.otf") format("opentype"),
    url("../fonts/FFShamelFamily-SansOneMedium/FFShamelFamily-SansOneMedium.svg") format("svg"),
    url("../fonts/FFShamelFamily-SansOneMedium/FFShamelFamily-SansOneMedium.ttf") format("truetype"),
    url("../fonts/FFShamelFamily-SansOneMedium/FFShamelFamily-SansOneMedium.woff") format("woff"),
    url("../fonts/FFShamelFamily-SansOneMedium/FFShamelFamily-SansOneMedium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&amp;display=swap');
/* Let's get this party started */

::-webkit-scrollbar {
    width: 6px;
    background: #1C2229;
    border: 1.2px solid #738291;
    border-radius: 5px;
}

/* Track */

::-webkit-scrollbar-track {
    border-radius: 5px;
}

/* Handle */

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #f6f6f6;
}

::-webkit-scrollbar-thumb:window-inactive {

    background: #f6f6f6;

}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

html {
    direction: rtl;
}

body {
    font-family: 'TheSans-Plain', sans-serif;
    background-color: #191E23;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'TheSans-Plain', sans-serif;
    font-weight: normal;
    font-style: normal;
    margin: 0;
}

p {
    margin: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;

}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


a, button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

p {
    margin: 0;
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
}

a:hover, a:active, a:focus, a:visited {
    text-decoration: none !important;
}

input, textarea, a, button {
    outline: none !important;
    text-decoration: none;
}

.margin-auto {
    margin: 0 auto;
    float: none !important;
}

/* img hover */
.img-hover {
    overflow: hidden;
    display: block;
}

.img-hover &gt; img {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

img {
    max-width: 100%;
}

/* end img hover */
.main-wrapper {
    position: relative;
    min-height: 100%;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    overflow: hidden;
}

.block_subscribe {
    position: relative;
    background-color: #2D3640;
    padding: 18px 0;
}

.scribe_icon {
    position: relative;
    float: right;
    width: 70px;
    margin-top: -50px;
}

.scribe_txt {
    margin-right: 20px;
}

.scribe_txt h3 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.scribe_txt p {
    color: #FFFFFF;
    font-size: 14px;
}

footer .scribe_txt p {
  display: none;
}
footer .scribe_txt h3 {
  margin-bottom: 0;
}
footer .subscribe_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.form_scribe {
    position: relative;
}

.form_scribe .form-control {
    height: 50px;
    box-shadow: none;
    background-color: #191E23;
    border-radius: 25px;
    border: 0;
    padding-left: 80px;
    padding-right: 60px;
    box-shadow: none;
    color: #FFFFFF;
}

.btn_scribe {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
    border: 0;
    border-radius: 25px;
    background-color: #222931;
    box-shadow: none !important;
    outline: none !important;
}

.email_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../images/email.svg);
    background-position: center;
}

.form_scribe .form-control::-moz-placeholder {
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 400;
}

.form_scribe .form-control:-ms-input-placeholder {
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 400;
}

.form_scribe .form-control::-webkit-input-placeholder {
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 400;
}

.main_footer {
    position: relative;
    background-color: #222931;
    padding: 40px 0;
}

.ft_menu {
    display: table;
    margin: auto;
    text-align: center;
}

.ft_menu li {
    display: inline-block;
    margin-left: 35px;
}

.ft_menu li:last-child {
    margin-left: 0;
}

.ft_menu li &gt; a {
    display: block;
    color: #B4BFCC;
    font-size: 14px;
}

.main_footer .ft_menu {
  margin: unset !important;
}
.ft_social {
    float: right;
}

.ft_social li {
    float: left;
    margin-right: 7px;
}

.ft_social li:last-child {
    margin-right: 0;
}

.ft_social li &gt; a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    padding: 6px 0;
}
.ft_social li &gt; a img {
  width: 17px;
  margin: 0 !important;
}

.sidebar-inner-details .ft_social li &gt; a {
  background-color: #232d38;
  width: 31px;
  height: 31px;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.copy_right {
    text-align: left;
    color: #B4BFCC;
    font-size: 14px;
}

.sc_block_banner_ads {
    position: relative;
    padding: 80px 0;
}

.banner_ads {
    display: block;
}

.banner_ads &gt; img {
    width: 100%;
}

.item_ads_item {
    position: relative;
    margin-bottom: 30px;
    background-color: #1C2229;
    border-radius: 20px;
    overflow: hidden;
}

.box_thumb_ads {
    position: relative;
}

.thumb_mads {
    position: relative;
    display: block;
    height: 250px;
    z-index: 1;
}

.thumb_mads &gt; img {
    width: 100%;
    object-fit: cover;
    height: inherit;
}

.thumb_mads:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 30, 35, 0.41);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.item_ads_item:hover .thumb_mads:before {
    background-color: rgba(25, 30, 35, 0.2);
}

.play_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.15);
    color: #FFFFFF;
    font-size: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-left: 5px;
}

.play_icon &gt; img {
    max-width: 23px;
    margin: auto;
}

.favorite_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
}

.favorite_btn &gt; i {
    margin: auto;
}

.favorite_btn:hover {
    color: #FFFFFF;
    background-color: #448FEE;
}

.ads_evalute {
    position: absolute;
    padding: 6px 18px;
    border-radius: 25px;
    bottom: 15px;
    left: 15px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    z-index: 2;
    overflow: hidden;
}

.ads_evalute:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 25px;
    height: 100%;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.1);
}

.ads_evalute &gt; i {
    display: inline-block;
    color: #FDBF20;
    font-size: 14px;
    margin-left: 5px;
}

.box_caption_ads {
    position: relative;
    padding: 20px;
}

.label_category {
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 25px;
    padding: 8px 15px;
    background-color: #6F0ECA;
    margin-bottom: 20px;
    text-align: center;
    min-width: 120px;
}

.cate_bg_1 {
    background-color: #6F0ECA;
}

.cate_bg_2 {
    background-color: #448FEE;
}

.cate_bg_3 {
    background-color: #F16B76;
}

.cate_bg_4 {
    background-color: #FDBF20;
}

.box_caption_ads h2 {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}

.box_caption_ads h2 &gt; a {
    display: inline-block;
    color: #FFFFFF;
}

.box_caption_ads &gt; p {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.ads_meta {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    margin-top: 8px;
    font-family: 'Montserrat', sans-serif;
    display: flex;
}
.ads_meta .date_ads {
    margin-left: 10px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}
.location_ads img {
    max-width: 35px;
}
/*.ads_meta .location_ads a {
  margin-top: 1px;
  border: 1.2px solid #738291;
  padding: 7px 11px;
  line-height: 1;
  border-radius: 16px;
  margin-right: 6px;
  color: #fff;
}*/

.date_ads &gt; i {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
}

.sec_head {
    text-align: center;
    margin-bottom: 50px;
}

.sec_head h2 {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.sec_head p {
    color: #FFFFFF;
    font-size: 14px;
}

.sc_block_group_ads {
    position: relative;
    padding: 80px 0 50px;
    background-color: #222931;
}

.sec_head_right {
    text-align: right;
}

.sc_block_category {
    position: relative;
    padding: 40px 0;
    border-top: 1px solid #252C33;
}

.sc_block_category .sec_head {
    margin-bottom: 30px;
}

.nav_item_category {
    position: relative;
    padding: 20px 15px;
    border-radius: 50px;
}

.icon_cate {
    width: 35px;
    text-align: center;
}

.icon_cate &gt; img {
    width: 33px !important;
}

.cate_txt {
    margin-right: 9px;
}

.cate_txt h2 {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cate_txt p {
    color: #FFFFFF;
    font-size: 12px;
}

.cate_txt p &gt; img {
    display: inline-block !important;
    margin-left: 5px;
    width: 15px !important;
}

.cate_txt p &gt; span {
    display: inline-block;
    font-weight: 700;
    margin-left: 5px;
}

#category_nav .owl-nav {
    position: absolute;
    left: 0;
    top: -85px;
}

#category_nav .owl-nav &gt; button {
    display: inline-block;
    margin-left: 10px;
    color: #FFFFFF;
    font-size: 20px;
    background-color: #38424D;
    width: 55px;
    height: 45px;
    border-radius: 25px;
}

#category_nav .owl-nav &gt; button:last-child {
    margin-left: 0;
}

.dots_st .owl-dots {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    display: none !important;
}
#home_slider.dots_st .owl-dots, #category_nav .owl-dots{
    display: block !important;
}
/*#home_slider .owl-nav, #category_nav .owl-nav{
    display: none;
}*/


.dots_st .owl-dots &gt; button {
    display: inline-block;
    margin: 6px;
    width: 8px;
    height: 8px;
    position: relative;
    background-color: rgba(232, 232, 232, 0.08) !important;
    border-radius: 50%;
}

.dots_st .owl-dots &gt; button.active {
    background-color: #448FEE !important;
}

.sc_block_home {
    position: relative;
    padding: 30px 0;
}

.sc_block_home .container {
    position: relative;
}

.item_ads_st {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.thumb_ads_st {
    position: relative;
    display: block;
    z-index: 1;
    height: 500px;
}

.thumb_ads_st &gt; img {
    height: inherit;
    object-fit: cover;
}

.thumb_ads_st:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 30, 35, 0.4);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.item_ads_st:hover .thumb_ads_st:before {
    background-color: rgba(25, 30, 35, 0.2);
}

.caption_ads_st {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 1;
}

.caption_ads_st h2 {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}

.caption_ads_st h2 &gt; a {
    display: inline-block;
    color: #FFFFFF;
}

.caption_ads_st &gt; p {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}

.caption_ads_st .date_ads {
    margin-top: 15px;
    padding: 6px 12px;
    border-radius: 25px;
    position: relative;
    display: inline-block;
    color: #fff;
}

.caption_ads_st .date_ads:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 25px;
    height: 100%;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.1);
}

#home_slider .owl-nav {
    position: absolute;
    bottom: 0;
    right: -65px;
}

#home_slider .owl-nav &gt; button {
    display: block;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 20px;
    background-color: #38424D;
    width: 45px;
    height: 55px;
    border-radius: 25px;
}

#home_slider .owl-nav &gt; button:hover {
    color: #FFFFFF;
    background-color: #448FEE;
}

#home_slider .owl-nav &gt; button:last-child {
    margin-bottom: 0;
}

#home_slider .row {
    margin: 0 -7.5px;
}

#home_slider .row &gt; div {
    padding: 0 7.5px;
}

.hm_social {
    position: absolute;
    top: 0;
    z-index: 2;
    right: -45px;
}

.hm_social li {
    display: block;
    margin-bottom: 10px;
}

.hm_social li &gt; a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    padding: 6px 0;
}

.hm_social li &gt; a:hover {
    color: #ffffff;
    background-color: #448FEE;
}

#header {
    position: relative;
    background-color: #222931;
}

#header .header-search-block {
  padding: 0;
}

.cn_header {
    position: relative;
    padding-right: 44px;
}

.header_search-button {
    vertical-align: middle;
    cursor: pointer;
    width: 110px;
    height: 85px;
    margin-top: 0;
    position: relative;
    background-color: #2D3640;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 28px;
}

.header_search-button:before, .header_search-button:after {
    content: '';
    position: absolute;
    top: 34px;
    left: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #ffffff;
}

.header_search-button:before {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s, background-color 0s linear 0s;
    -o-transition: all .3s, background-color 0s linear 0s;
    -moz-transition: all .3s, background-color 0s linear 0s;
    transition: all .3s, background-color 0s linear 0s;
}

.header_search-button:after {
    border-width: 0.5px;
    width: 0;
    height: 8px;
    left: 76px;
    top: 49px;
    margin-left: 0;
    margin-top: 0;
    background-color: #ffffff;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.open_search .header_search-button:before {
    width: 0;
    height: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-width: 0.5px;
    top: 33px;
    left: 67px;
    background-color: #ffffff;
    -webkit-transition: all .3s, background-color 0s linear .3s;
    -o-transition: all .3s, background-color 0s linear .3s;
    -moz-transition: all .3s, background-color 0s linear .3s;
    transition: all .3s, background-color 0s linear .3s;
    -webkit-transform: translateX(-0.5px) rotate(45deg);
    -moz-transform: translateX(-0.5px) rotate(45deg);
    -ms-transform: translateX(-0.5px) rotate(45deg);
    -o-transform: translateX(-0.5px) rotate(45deg);
    transform: translateX(-0.5px) rotate(45deg);
}

.open_search .header_search-button:after {
    height: 20px;
    left: 67px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.logo_site {
    display: table;
    margin: auto;
    margin-right: 0;
}
.logo_site img {
  width: 60px;
}

#header .logo-block {
  width: 150px;
  flex: unset;
}

.main_menu li {
    float: right;
    margin-left: 36px;
}

.main_menu li:last-child {
    margin-left: 0;
}

.main_menu li &gt; a {
    display: block;
    color: #B4BFCC;
    font-size: 14px;
    padding: 30px 0;
    position: relative;
}

.head_left {
    float: left;
}

.main_menu li &gt; a:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 3px;
    background-color: #738291;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main_menu li &gt; a:hover:before, .main_menu li.active &gt; a:before {
    width: 30px;
}

.btn_st1 {
    border: 1.2px solid #738291;
    border-radius: 25px;
    padding: 10px 25px;
    color: #FFFFFF;
    font-size: 14px;
    background-color: transparent;
    box-shadow: none !important;
    outline: none !important;
}

.btn_st1 &gt; i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.head_add_ads .btn {
    background-color: #448FEE;
    width: 160px;
    height: 85px;
    border-radius: 0;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*#header .btn_st1 {
    min-width: 150px;
}*/

.head_left .header-login-button .btn {
  width: 160px;
  height: 85px;
  border-radius: 0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.head_left .header-login-button .btn i {
  font-size: 21px;
}

.lang_btn {
    width: 55px;
    height: 40px;
    color: #B4BFCC;
    font-size: 16px;
    font-weight: 600;
    background-color: #38424D;
    border-radius: 23px;
    font-family: 'Montserrat', sans-serif;
    display: block !important;
    text-align: center;
    padding: 8px 5px;
}

.btn_anim {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .8s ease;
    display: inline-block;
    text-decoration: none;
}

.btn_anim span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: #FFA727;
    transform: translateY(150%);
    border-radius: 50%;
    transition: 0.5s;
    z-index: -1;
}

.btn_anim:hover span {
    transform: translateY(0) scale(3);
}

.btn_anim span:nth-of-type(1) {
    left: calc((1 - 1) * 25%);
    transition-delay: calc((1 - 1) * 0.1s);
}

.btn_anim span:nth-of-type(2) {
    left: calc((2 - 1) * 25%);
    transition-delay: calc((2 - 1) * 0.1s);
}

.btn_anim span:nth-of-type(3) {
    left: calc((3 - 1) * 25%);
    transition-delay: calc((3 - 1) * 0.1s);
}

.btn_anim span:nth-of-type(4) {
    left: calc((4 - 1) * 25%);
    transition-delay: calc((4 - 1) * 0.1s);
}

.btn_anim span:nth-of-type(5) {
    left: calc((5 - 1) * 25%);
    transition-delay: calc((5 - 1) * 0.1s);
}

.btn_anim span {
    background-color: #448FEE;
}

.btn_anim:hover {
    color: #fff;
}

.btn_st1:hover {
    border-color: #448FEE;
}

#category_nav .owl-nav &gt; button:hover {
    background-color: #448FEE;
    color: #FFFFFF;
}

.label_category:hover, .btn_scribe:hover, .ft_social li &gt; a:hover {
    color: #FFFFFF;
    background-color: #448FEE;
}

.ft_menu li &gt; a:hover {
    color: #448FEE;
}

.note_total_note {
    float: right;
}

.note_total_note &gt; img {
    display: inline-block;
}

.note_total_note &gt; p {
    display: inline-block;
    margin-right: 10px;
    color: #FFFFFF;
    font-size: 14px;
}

.note_total_note &gt; p &gt; span {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    margin-left: 5px;
}

.more_btn_toggle {
    float: left;
    color: #FFFFFF;
    font-size: 14px;
}

.more_btn_toggle &gt; span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 20px;
    border-radius: 25px;
    background-color: transparent;
    border: 3px solid #FFFFFF;
    margin-left: 10px;
}

.ads_group_bottom {
    margin-top: 20px;
}

.more_btn_toggle &gt; span:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FFFFFF;
    top: 3px;
    right: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.more_btn_toggle:hover {
    color: #FFFFFF;
}

/*
.more_btn_toggle:hover &gt; span:before {
    right: 18px;
}
*/

.block_search {
    position: relative;
    background: #38424D;
    display: none;
}
.block_search .form-group {
    margin-bottom: 0 !important;
    height: 71px;
    border-left: 1px solid rgba(255, 255, 255, 0.10);
    padding: 0 15px;
}
.new-block-search .form-row {
  justify-content: space-between;
  align-items: center;
}
.new-block-search .form-row .form-group:first-child {
  width: 260px;
}
.new-block-search .form-row .form-group:nth-child(4) {
  padding: 0 10px 0 20px;
  flex-flow: nowrap;
}
.new-block-search .form-row .form-group:nth-child(4) input:last-child {
  margin-right: 10px;
}
.new-block-search .input-group-prepend .header_search-button:before {
  left: 15px;
  top: auto;
}
.new-block-search .input-group-prepend .header_search-button:after {
  left: 31px;
  top: 7px;
}
.new-block-search .select_st .select2-container--default .select2-selection--single,
.new-block-search .select2-container .select2-selection--multiple {
  background-color: transparent !important;
}
.new-block-search [type=submit] .header_search-button:before {
  width: 12px;
  height: 12px;
  top: 15px;
  left: 30px;
}
.new-block-search [type=submit] .header_search-button:after {
  left: 43px;
  top: 27px;
}
.new-block-search .datepicker td, .new-block-search.datepicker th {
  font-weight: 300 !important;
}
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active {
  background-image: none !important;
  background-color: #448FEE !important;
}
.new-block-search .select_st .select2-container {
  position: relative;
}
.new-block-search .select_st .select2-container:before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #3F4853 !important;
  background-image: url('../images/down-arrow.svg');
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  pointer-events: none;
}
.new-block-search .select_st .select2-container.select2-container--focus:before {
  background-color: #448FEE !important;
}




.box_search {
    position: relative;
}

.form_search {
    position: relative;
    padding-left: 240px;
}

.search_box_input {
    position: relative;
    padding-right: 40px;
}

.search_fricon {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 45px;
    text-align: center;
    padding: 12px 0;
}

.search_fricon &gt; img {
    width: 20px;
}

.search_box_input .form-control {
    width: 50%;
    height: 45px;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    color: #FFFFFF;
    font-size: 15px;
}

.form_search .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    font-weight: 300;
    font-family: "FFShamelFamily-SansOneBook";
}

.form_search .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    font-weight: 300;
    font-family: "FFShamelFamily-SansOneBook";
}

.form_search .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    font-weight: 300;
    font-family: "FFShamelFamily-SansOneBook";
}

.filter_search {
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.filter_search button{
    cursor: pointer;
}
.select_st .select2-container .select2-selection--single {
    height: 45px;
    border-radius: 25px !important;
}

.select_st .select2-container--default .select2-selection--single {
    background-color: #191E23;
    border: 0;
    border-radius: 25px;
}

.filter_search .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFFFFF;
    line-height: 45px;
    font-size: 14px;
    padding-left: 40px;
    padding-right: 45px;
}

.filter_search .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 0;
    right: auto;
    height: 45px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    background-image: url(../images/enlarge.svg);
}

.select_st .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.filter_search .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-position: 92% 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(../images/setup-preferences.svg);
}

.select2-dropdown {
    border: 0;
    background-color: #222931;
    border-radius: 22px !important;
    padding: 8px;
}

.select2-results__option {
    border-radius: 25px;
    color: #FFFFFF;
    margin-bottom: 5px;
    padding: 10px 12px 10px 30px;
    font-size: 14px;
    font-weight: 700;
}

.select2-results__option:last-child {
    margin-bottom: 0;
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #2D3640;
    color: #FFFFFF;
}

.select2-dropdown:before {
    left: 20px;
    top: -22px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #222931;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 15px;
    border-right-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 15px;
    z-index: 1;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* .box_search:before {
    left: 110px;
    top: -40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #222931;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 25px;
    border-right-width: 20px;
    border-bottom-width: 25px;
    border-left-width: 20px;
    z-index: 1;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
} */

.select2-dropdown {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(25, 30, 35, 0.38);
    -moz-box-shadow: 0px 3px 10px 0px rgba(25, 30, 35, 0.38);
    box-shadow: 0px 3px 10px 0px rgba(25, 30, 35, 0.38);
}

.select2-results__option {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.select2-results__option:before {
    content: '\f177';
    position: absolute;
    top: 8px;
    left: 15px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 16px;
    opacity: 0.19;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.select2-container--default .select2-results__option--selected:before {
    opacity: 1;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:before {
    opacity: 1;
}

.select_st .select2-container {
    width: 100% !important;
}

.head_mobile_left {
    float: left;
    display: none;
}

#header .menu-trigger {
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
    z-index: 99;
    display: none;
    float: left;
    margin-top: 3px;
}

#header .menu-trigger span,
#header .menu-trigger span:before,
#header .menu-trigger span:after {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #fff;
    display: block;
    position: absolute;
    width: 26px;
    height: 2px;
    left: 0;
}

#header .menu-trigger span:before,
#header .menu-trigger span:after {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #fff;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
}

#header .menu-trigger span:after {
    width: 22px;
}

#header .menu-trigger span:before,
#header .menu-trigger span:after {
    content: "";
}

#header .menu-trigger span {
    top: 16px;
}

#header .menu-trigger span:before {
    -moz-transform-origin: 33% 100%;
    -ms-transform-origin: 33% 100%;
    -webkit-transform-origin: 33% 100%;
    transform-origin: 33% 100%;
    top: -10px;
    z-index: 10;
}

#header .menu-trigger span:after {
    -moz-transform-origin: 33% 0;
    -ms-transform-origin: 33% 0;
    -webkit-transform-origin: 33% 0;
    transform-origin: 33% 0;
    top: 10px;
}

#header .menu-trigger.active span,
#header .menu-trigger.active span:before,
#header .menu-trigger.active span:after {
    background-color: transparent;
    width: 100%;
}

#header .menu-trigger.active span:before {
    -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
    -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
    transform: translateY(6px) translateX(1px) rotate(45deg);
    background-color: #ffffff;
}

#header .menu-trigger.active span:after {
    -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    transform: translateY(-6px) translateX(1px) rotate(-45deg);
    background-color: #ffffff;
}

/*mobile menu*/
/*menu*/
.menu-mobile {
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0;
    height: 100%;
    width: 250px;
    background-color: #222931;
    z-index: 1001;
    overflow-y: auto;
    -webkit-transform: translateX(275px);
    -moz-transform: translateX(275px);
    -ms-transform: translateX(275px);
    -o-transform: translateX(275px);
    transform: translateX(275px);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.68);
    box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.68);
}

.brand-area {
    position: relative;
    padding-top: 20px;
}

.close_menu {
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 24px;
    cursor: pointer;
    color: #363636;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background-color: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.close_menu:hover {
    background-color: #767676;
    color: #fff;
}

.brand-area a {
    width: 90%;
    height: auto;
    display: block;
    background-size: contain;
    margin: 0px auto 0 auto;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.brand-area a &gt; img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.mmenu &gt; ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.mmenu &gt; ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
    transition: all .3s;
    font-weight: 500;
    text-transform: uppercase;
}

.mmenu &gt; ul li a &gt; i {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.mmenu &gt; ul li a:hover {
    background: #448FEE;
    color: #FFFFFF;
    border-color: #448FEE;
}

.register-mobile {
    margin-top: 0 !important;
}

.register-mobile li:last-child &gt; a {
    border-bottom: 0;
}

.plusIcon {
    font-size: 14px;
    margin-left: 5px;
}

.m-overlay {
    position: fixed;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #333;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.menu-toggle {
    overflow: hidden;
}

.menu-toggle .m-overlay {
    opacity: 0.6;
    visibility: visible;
}

.menu-toggle .menu-mobile {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

}

.menu-toggle .main-wrapper {
    -webkit-transform: translate3d(-250px, 0, 0);
    -moz-transform: translate3d(-250px, 0, 0);
    -ms-transform: translate3d(-250px, 0, 0);
    -o-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
}

html.menu-toggle {
    overflow: hidden;
}

.btn_search_xs {
    float: left;
    margin-left: 10px;
}

.xs_social {
    display: table;
    margin: 20px auto;
}

.xs_social li {
    float: left;
    margin-right: 10px;
}

.xs_social li:last-child {
    margin-right: 0;
}

.xs_social li &gt; a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    padding: 6px 0;
}

.xs_social li &gt; a:hover {
    color: #FFFFFF;
    background-color: #448FEE;
}

.user_login_xs {
    float: left;
    margin-left: 10px;
    background-color: #38424D;
    border-radius: 23px;
    color: #FFFFFF;
    font-size: 25px;
    width: 65px;
    height: 40px;
    text-align: center;
    padding: 4px;
}
.user_login_xs .fa-user-circle{
    margin-left: 8px;
}

#home_slider_xs {
    display: none !important;
}

.sc_block_home {
    overflow: hidden;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1b1c23;
    z-index: 9999;
}

#spinner {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;

    text-align: center;
    transform: translate(-50%, -50%);
}

#preloader #disable-preloader {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

@-o-keyframes cssload-upDown2 {
    from {
        -o-transform: translateY(29px);
    }
    to {
        -o-transform: translateY(-19px);
    }
}

@-ms-keyframes cssload-upDown2 {
    from {
        -ms-transform: translateY(29px);
    }
    to {
        -ms-transform: translateY(-19px);
    }
}

@-webkit-keyframes cssload-upDown2 {
    from {
        -webkit-transform: translateY(29px);
    }
    to {
        -webkit-transform: translateY(-19px);
    }
}

@-moz-keyframes cssload-upDown2 {
    from {
        -moz-transform: translateY(29px);
    }
    to {
        -moz-transform: translateY(-19px);
    }
}

/* CSS Floation Animation */
.floating {
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(0, 15px);
    }
    to {
        -webkit-transform: translate(0, 0px);
    }
}

@-moz-keyframes Floating {
    from {
        -moz-transform: translate(0, 0px);
    }
    65% {
        -moz-transform: translate(0, 15px);
    }
    to {
        -moz-transform: translate(0, 0px);
    }
}

.scaling {
    float: left;
    -webkit-animation-name: scalex;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: scale;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes scalex {
    from {
        -webkit-transform: scale(0.9);
    }
    65% {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(0.9);
    }
}

@-moz-keyframes scale {
    from {
        -moz-transform: scale(0.9);
    }
    65% {
        -moz-transform: scale(1);
    }
    to {
        -moz-transform: scale(0.9);
    }
}

#preloader h5 {
    line-height: 50px;
    font-size: 16px;
    color: #555555;
    text-transform: uppercase;
    margin-top: 20px;
}

.modal_st1 .modal-content {
    background-color: #1F252C;
    border-radius: 20px;
    border: 0;
    overflow: hidden;
}

.part_img_bads {
    position: relative;
}

.btn_close_modal {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    border: 1px solid #B4BFCC;
    background-color: transparent;
    box-shadow: none !important;
    color: #B4BFCC;
    font-size: 16px;
    cursor: pointer;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_close_modal:hover {
    color: #FFFFFF;
    background-color: #448FEE;
    border-color: #448FEE;
}

.vedio_img_ads {
    position: relative;
    display: block;
    /*max-height: 600px;*/
}
.sound__player{
    position: absolute;
    bottom: 15px;
    left: 30px;
    right: 30px;
}
.vedio_img_ads &gt; img {
    width: 100%;
}

.vedio_img_ads iframe {
    width: 100%;
    height: 500px;
}

.video_frame {
    width: 100%;
    height: 300px;
}

.vedio_img_ads:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 30, 35, 0.4);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.modal_st1 .block_description_adss {
    position: relative;
    padding: 30px;
}

.head_description_adss {
    position: relative;
    padding-left: 100px;
}

.head_description_adss h2 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 28px;
}

.head_description_adss .ads_evalute {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: 0;
    background-color: #333940;
    line-height: 1;
    padding: 7px 18px;
}

.head_description_adss .ads_evalute:before {
    display: none;
}

.date_ads_md {
    background-color: #333940;
    border-radius: 20px;
    margin-top: 10px;
    padding: 6px 12px;
    border-radius: 25px;
    position: relative;
    display: inline-block;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}

.date_ads_md &gt; i {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
}

.head_description_adss {
    margin-bottom: 20px;
}

.txt_description_adss p {
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 300;
    white-space: pre-line;
}

.show_details_ads {
    float: left;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline !important;
}

.show_details_ads &gt; span {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    text-decoration: none !important;
    line-height: 1;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.show_details_ads:hover {
    color: #448FEE;
}

.show_details_ads:hover &gt; span {
    transform: translateX(-5px);
}

.breadcrumb_block {
    position: relative;
    background-color: #1D2328;
    padding: 15px 0;
    margin-top: 30px;
    display: none;
}

.breadcrumb {
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}

.content_inner_page {
    padding: 50px 0 80px;
}

.breadcrumb a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
}

.breadcrumb a &gt; i {
    display: inline-block;
    margin-left: 10px;
}

.breadcrumb li {
    color: #B4BFCC;
    font-size: 14px;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #FFFFFF;
}

.breadcrumb a:hover {
    color: #448FEE;
}

.search_result_total h2 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
}

.search_result_total h2 &gt; span {
    display: inline-block;
    color: #B4BFCC;
    font-weight: 400;
    margin-right: 10px;
}

.block_not_found {
    padding: 100px 0;
}

.content_notFound_search {
    text-align: center;
}

.content_notFound_search img {
    margin: auto;
}

.content_notFound_search p {
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 20px;
}

.about_imgBox {
    position: relative;
}

.about_imgBox &gt; img {
    width: 100%;
}

.about_txtBox h3 {
    color: #448FEE;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.about_txtBox h2 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

.about_txtBox p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
}

.block_about_img .row {
    margin: 0;
}

.block_about_img .row &gt; div {
    padding: 0;
}

.about_txtBox {
    padding: 30px;
}

.block_testimonial {
    position: relative;
    background-color: #222931;
    padding: 100px 0 80px;
}

.testimonial_head h2 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.testimonial_head p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
}

.box_testimonial {
    position: relative;
    border: 1px solid rgba(183, 183, 183, 0.29);
    border-radius: 10px;
    padding: 30px;
}

.thumb_testimonial &gt; img {
    width: 80px !important;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #707070;
}

.thumb_testimonial {
    margin-bottom: 20px;
}

.item_testimonial p {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
}

.item_testimonial h3 {
    color: #448FEE;
    font-size: 16px;
    font-weight: 700;
}

#testimonial_slider.dots_st .owl-dots {
    display: block !important;
    position: absolute;
    bottom: -70px;
    right: -30px;
}

.block_last_about {
    padding: 100px 0;
    background-color: #191E23;
}

.box_txt_lastAbout {
    text-align: center;
}

.box_txt_lastAbout h2 {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.box_txt_lastAbout p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
}

.hover-effect {
    width: 100%;
    height: 100%;
}

.hover-effect::before, .hover-effect::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;
}

.hover-effect::before {
    right: 0;
    opacity: 1;
    top: 0;
}

.hover-effect::after {
    bottom: 0;
    opacity: .7;
    left: 0;
}

.hover-effect:hover::after, .hover-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}

.box_head_author {
    position: relative;
    background-color: #1C2229;
    border-radius: 20px;
    padding: 30px 15px;
}

.author_cn_info {
    text-align: center;
    padding-bottom: 50px;
}

.author_cn_info .sec_head {
  margin-bottom: 35px;
}

.author_cn_info .image-part .image-inner-block {
  width: 79px;
  height: 79px;
}
.author_cn_info .image-part .image-inner-block img {
  margin-bottom: 0;
  border-radius: 100%;
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
}
.author_cn_info .image-part .content-inner-block {
  padding-right: 15px;
  width: calc(100% - 79px);
}
.author_cn_info .image-part .content-inner-block h2 {
  font-size: 19px;
  padding: 0 !important;
}
.author_cn_info .image-part img {
    object-fit: cover;
    border-radius: 20px;
    margin-bottom: 20px;
}

.author_cn_info h2 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 7px 10px 12px 10px !important;
    min-width: 165px;
}

.author_cn_info h3 {
    color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 14px;
}

.author_cn_info .list_group_ads .row .col-lg-4:nth-child(3n+3) .box_caption_ads .label_category {
    background-color: #FDBF20 !important;
}
.author_cn_info .list_group_ads .row .col-lg-4:nth-child(3n+2) .box_caption_ads .label_category {
    background-color: #6F0ECA !important;
}
.author_cn_info .list_group_ads .row .col-lg-4:nth-child(3n+1) .box_caption_ads .label_category {
    background-color: #F16B76 !important;
}
.author_cn_info .sidebar-inner-details {
  background: #222931;
  border-radius: 26px;
  padding-top: 16px;
}
.author_cn_info .sidebar-inner-details .image-part {
  padding: 20px 20px 10px;
  display: flex;
  align-items: center;
}
.author_cn_info .author-more-details {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 25px;
  padding-left: 10px;
  padding-right: 10px;
}
.author_cn_info .author-more-details h2 {
  border: 1px solid #38424D;
  border-radius: 44px;
  padding: 9px 14px !important;
  font-size: 12px;
  color: #fff;
  margin: 0 8px;
  min-width: 100px;
  text-align: center;
  font-weight: 400;
}
.author_cn_info .sidebar-inner-details .detail-part {
  padding-top: 15px;
  padding-bottom: 25px;
}
.author_cn_info .sidebar-inner-details .box_social_link {
  margin: auto;
  text-align: left;
  padding: 12px 50px 12px 19px;
  margin: 20px 20px 0;
}
.author_cn_info .author-descriptions-sidebar {
  background: #1C2229;
  border-radius: 26px;
  padding: 26px 22px;
}
.author_cn_info .author-descriptions-sidebar .awards-list {
  border-top: 1px solid #738291;
  padding-top: 20px;
  margin-top: 20px;
}
.author_cn_info .awards-list .single-awards {
  width: 45px;
  margin: 0 10px;
}
.author_cn_info .author-descriptions-sidebar .awards-list .row {
  margin: 0;
}
.author_cn_info .form-group .form-control {
  height: 44px;
  border: 0;
  border-radius: 20px;
  box-shadow: none;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
  background-color: #191E23;
}

.box_social_link {
    position: relative;
    display: block;
    margin: auto;
    border: 1px solid #738291;
    border-radius: 25px;
    padding: 12px 50px 12px 15px;
    color: #B4BFCC;
    font-size: 12px;
}

.icon_scircle {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #38424D;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.icon_scircle &gt; img {
    margin: auto;
    width: 15px;
}

.box_social_link:hover {
    color: #FFFFFF;
    border-color: #448FEE;
}

.block_middle_work {
    padding: 50px 0;
}

.content_page_details {
    position: relative;
}

.content_page_details .breadcrumb_block {
    margin-bottom: 15px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.dt_vedio_post .favorite_btn {
    right: auto;
    left: 10%;
    top: 80px;
}

.dt_details_post {
    position: relative;
    background-color: #1C2229;
}

.dt_details_post .block_description_adss {
    padding: 30px 0 50px;
}

.dt_details_post_meta {
    position: relative;
    background-color: rgba(180, 191, 204, 0.03);
    border-top: 1px solid rgba(112, 112, 112, 0.03);
    padding: 10px 0;
}

.post_field_type h3 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.post_field_type span {
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
    padding: 10px 20px;
    border: 1px solid #FFFFFF;
    color: #B4BFCC;
    font-size: 14px;
    border-radius: 25px;
    transition: 0.15s ease all;
}

.post_field_type a:hover span {
    background-color: #448FEE;
    border-color: #448FEE;
    color: #fff;
}

.share_post h3 {
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
}

.dt_share_social {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.dt_share_social li {
    float: right;
    margin-left: 5px;
}

.dt_share_social li:last-child {
    margin-left: 0;
}

.dt_share_social li &gt; a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    padding: 6px 0;
}

.dt_share_social li &gt; a:hover {
    color: #FFFFFF;
    background-color: #448FEE;
}

.block_albums {
    position: relative;
    padding: 50px 0;
}

.album_item {
    position: relative;
    display: block;
    height: 0;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 60%;
}
#banner_slider .item .plyr,#banner_slider .item img{
    border-radius: 20px;
}

.album_item &gt; img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

#albums_slider_lg .row {
    margin: 0 -7.5px;
}

#albums_slider_lg .row &gt; div {
    padding: 0 7.5px;
}

.album_item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 30, 35, 0.4);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.album_item:hover:before {
    background-color: rgba(25, 30, 35, 0.2);
}

#albums_slider_xs {
    display: none !important;
}

#albums_slider_lg .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -65px;
}

#albums_slider_lg .owl-nav &gt; button {
    display: block;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 20px;
    background-color: #38424D;
    width: 45px;
    height: 55px;
    border-radius: 25px;
}

#albums_slider_lg .owl-nav &gt; button:hover {
    color: #FFFFFF;
    background-color: #448FEE;
}

#albums_slider_lg .owl-nav &gt; button:last-child {
    margin-bottom: 0;
}

.block_implementation {
    position: relative;
    padding: 50px 0;
    background-color: #1C2229;
}

.title_box {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.post_tags_box {
    position: relative;
    padding-right: 40px;
    border-right: 1px solid rgba(112, 112, 112, 0.1);
}

.tags_post_list li {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 25px;
    padding: 8px 22px;
    color: #FFFFFF;
    font-size: 14px;
    border: 1px solid #FFFFFF;
    transition: 0.15s ease all;
}
.tags_post_list li a {
    color: #FFFFFF;
}

.tags_post_list li:hover {
  background-color: #448FEE;
  border-color: #448FEE;
  color: #fff;
}

.list_implementation li {
    display: block;
    margin-bottom: 15px;
    color: #B4BFCC;
    font-size: 14px;
}

.list_implementation li label {
    display: inline-block;
    margin: 0;
    margin-left: 10px;
    width: 100px;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
}

.list_implementation li a  {
    display: inline-block;
    color: #448FEE;
    margin-right: 10px;
    text-decoration: underline !important;
}

.list_implementation li span i  {
    display: inline-block;
    color: #448FEE;
    margin-right: 10px;
}
.block_comments {
    position: relative;
    padding: 80px 0;
    background-color: #1E252E;
}

.comment_box_item {
    position: relative;
    margin-bottom: 40px;
}

.comment_avatar {
    float: right;
}

.comment_avatar &gt; img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.comment_txt {
    margin-right: 80px;
    padding-top: 10px;
}

.comment_txt h2 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.comment_txt h2 a {
    color: #FFFFFF;
}

.date_comment {
    color: #B4BFCC;
    font-size: 12px;
    margin-bottom: 20px;
}

.comment_txt p {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 20px;
}

.evalute_star i {
    display: inline-block;
    font-size: 14px;
    color: #707070;
}

.evalute_star i.checked {
    color: #FDBF20;
}

/*********/
#commentform #comment, #commentform #author, #commentform #email, #commentform #url {
    display: block;
    width: 100%;
    background-color: #191E23;
    color: #FFFFFF;
    padding: 10px;

}

#commentform #comment {
    height: 150px;
    resize: vertical;
    resize: none;
    background-color: #191E23;
    border-radius: 20px;
    border: 0;
    box-shadow: none;
    color: #FFFFFF;
    padding-top: 15px;
}

#commentform input[type="submit"] {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #e4e4e4;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    background: #fff;
    margin-top: 15px;
  border-radius: 35px;
  background-color: #448FEE;
  color: #FFFFFF;
  height: 45px;
  box-shadow: none !important;
  outline: none !important;
  font-size: 16px;
  font-weight: 700;
  border: 0;
}



#commentform input[type="submit"]:hover {
    background: #e2fcff;
}

.logged-in-as a {
    color: #FFFFFF;
    font-size: 14px;

}

/**********/
.form_comment textarea.form-control {
    height: 150px;
    resize: vertical;
    resize: none;
    background-color: #191E23;
    border-radius: 20px;
    border: 0;
    box-shadow: none;
    color: #FFFFFF;
    padding-top: 15px;
}

.form_comment .form-control::-moz-placeholder {
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 400;
}

.form_comment .form-control:-ms-input-placeholder {
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 400;
}

.form_comment .form-control::-webkit-input-placeholder {
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 400;
}

.btn_blue {
    border-radius: 35px;
    background-color: #448FEE;
    color: #FFFFFF;
    height: 45px;
    box-shadow: none !important;
    outline: none !important;
    font-size: 16px;
    font-weight: 700;
    border: 0;
}

.btn_blue.btn_anim span {
    background-color: #FDBF20;
}


.rate-input {
    position: relative;
    display: inline-block;
    font-size: 14px;
}

.rate-input label,
.rate-input input[type="radio"] {
    float: right;
    cursor: pointer;
}

.rate-input label {
    display: inline-block;
    color: #707070;
    margin-bottom: 0;
    margin-left: 5px;
    font-size: 18px;
}

.rate-input label:hover, .rate-input label:focus {
    color: #FDBF20;
}

.rate-input label:hover ~ label, .rate-input label:focus ~ label {
    color: #FDBF20;
}

.rate-input input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.rate-input input[type="radio"]:checked ~ label {
    color: #FDBF20;
}

.block_related {
    position: relative;
    padding: 80px 0 100px;
}

.box_related_item {
    position: relative;
    margin-bottom: 30px;
    background-color: #1C2229;
    border-radius: 20px;
    overflow: hidden;
}

.related_thumb {
    position: relative;
    float: right;
    height: 230px;
}

.related_thumb &gt; img {
    width: 220px;
    height: inherit;
    object-fit: cover;
    border-radius: 20px 0 0 0;
}

.related_txt.box_caption_ads {
    position: relative;
    margin-right: 220px;
    padding: 50px 15px 30px;
}

.related_txt .ads_evalute {
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: auto;
}

.related_thumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 30, 35, 0.4);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.related_thumb:hover:before {
    background-color: rgba(25, 30, 35, 0.2);
}

.link_pageinate, .link_pageinate a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
}

.link_pageinate i {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 18px;
}

.link_pageinate_prev &gt; i {
    margin-right: 10px;
}

.link_pageinate_next &gt; i {
    margin-left: 10px;
}

.link_pageinate_prev {
    text-align: left;
    direction: ltr;
}

.link_pageinate:hover, .link_pageinate:hover a {
    color: #448FEE;
}

.link_pageinate_prev:hover &gt; i {
    transform: translateX(-5px);
}

.link_pageinate_next:hover &gt; i {
    transform: translateX(5px);
}

.vedio_img_ads &gt; img {
    object-fit: cover;
    min-height: 250px;
}

/**===========================================
REGISTER PAGE
============================================**/
.page_register_layout {
    position: relative; 
    background-color: #222931;
    padding-left: 45%;
    min-height: 857px;
    display: flex;
    align-items: center;
}
.page_individuals_layout {
  position: relative;
  padding-left: 45%;
  min-height: 870px;
  display: flex;
  align-items: center;
  background-color: #1C2229;
}
.page_individuals_layout .txt_description_adss h5 {
  color: #fff;
  font-size: 21px;
  margin-bottom: 20px;
  font-weight: bold;
}
.page_individuals_layout .txt_description_adss h5:first-child {
  margin-bottom: 10px;
}
.page_individuals_layout .bg_page_logo {
  background-color: #0f24f9;
  background-size: contain !important;
}
.page_individuals_layout .block_details_post {
  position: relative;
  width: 100%;
  padding: 65px 30px;
  height: 100%;
  padding-right: calc(( 100vw - 1140px ) / 2);
}

.bg_page_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background-color: #191E23;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.logo_center &gt; a {
    display: inline-block;
    margin: auto;
}

.block_content_page_register {
    position: relative;
    width: 100%;
    padding: 65px 30px;
    height: 100%;
    padding-right: calc(( 100vw - 1140px ) / 2);
}

.block_content_page_register.register-page,
.page_individuals_layout {
  padding-top: 30px;
  padding-bottom: 20px;
}

.container_page {
    position: relative;
    margin: auto;
    max-width: 550px;
    width: 100%;
}

.head_page_rg {
    margin-bottom: 30px;
    height: 55px;
    overflow: hidden;
}

.head_page_rg h2 {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.head_page_rg p {
    color: #FFFFFF;
    font-size: 13px;
}

.form_st2 .form-group {
    position: relative;
    margin-bottom: 20px;
    background-color: #191E23;
    border-radius: 40px;
    padding: 10px 70px 10px 20px;
}

.form_st2 .form-group.remmber_pass {
    padding-right: 0;
}

.label_frm {
    color: #B4BFCC;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0;
}

.form_st2 .form-control {
    height: 30px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
}

.form_st2 .form-control::-moz-placeholder {
    color: #5C5C5C;
    font-size: 13px;
    font-weight: 300;
}

.form_st2 .form-control:-ms-input-placeholder {
    color: #5C5C5C;
    font-size: 13px;
    font-weight: 300;
}

.form_st2 .form-control::-webkit-input-placeholder {
    color: #5C5C5C;
    font-size: 13px;
    font-weight: 300;
}

.form_st2 input[type="month"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 110%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: none;
}

.form_st2 .frm_calendar-date-2 {
  pointer-events: none;
}

.frm_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 30px;
    height: 40px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.frm_email {
    background-image: url(../images/email_icon.svg);
}

.frm_pass {
    background-image: url(../images/key.svg);
}

.frm_phone {
    background-image: url(../images/phone.svg);
}

.frm_user {
    background-image: url(../images/user.svg);
}

.frm_family {
    background-image: url(../images/family.svg);
}

.frm_computer {
    background-image: url(../images/computer.svg);
}

.frm_twitter {
    background-image: url(../images/twitter.svg);
}

.frm_office {
    background-image: url(../images/office.svg);
}

.frm_globe {
    background-image: url(../images/globe.svg);
}

.frm_crown {
    background-image: url(../images/crown.svg);
}

.frm_a-tag {
    background-image: url(../images/a-tag.svg);
}

.frm_target {
    background-image: url(../images/target.svg);
}

.frm_player {
    background-image: url(../images/player.svg);
}

.frm_playlist {
    background-image: url(../images/playlist.svg);
}

.frm_calendar-date-2 {
    background-image: url(../images/calendar-date-2.svg);
}

.remmber_pass {
    margin-bottom: 30px;
}

.checkbox_st_item {
    position: relative;
}

.label_checkbox {
    position: relative;
    margin-bottom: 0;
    padding-right: 30px;
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 300;
}

.label_checkbox:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #191E23;
    border-radius: 5px;
}

.checkbox_st {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.checkbox_st_item input:checked + .label_checkbox:before {
    background-color: #448FEE;
}

.link_forget {
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 300;
}

.link_forget:hover {
    color: #FDBF20;
}

.btn_lg {
    height: 55px;
}

.note_bottom {
    text-align: center;
    margin-top: 15px;
}

.note_bottom p {
    color: rgba(180, 191, 204, 0.8);
    font-size: 14px;
    font-weight: 300;
}

.note_bottom p &gt; a {
    display: inline-block;
    color: #448FEE;
    text-decoration: underline !important;
    margin-right: 2px;
}

.note_bottom p &gt; a:hover {
    color: #FDBF20;
}

.confirm_txt_head {
    text-align: center;
    margin-bottom: 20px;
    padding-top: 30px;
}

.confirm_txt_head h3 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.confirm_txt_head p {
    color: #FFFFFF;
    font-size: 22px;
    direction: ltr;
}

.input_group_confirm &gt; input {
    float: left;
    width: 40px;
    height: 45px;
    border-radius: 10px;
    background-color: #EEF2F6;
    margin-right: 10px;
    box-shadow: none;
    border: 0;
}

.input_group_confirm &gt; input:last-child {
    margin-right: 0;
}

.input_group_confirm {
    display: table;
    margin: 0 auto 30px;
}

.block_confirm_align {
    max-width: 300px;
    margin: auto;
}

.alert_message {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    background-color: #FFE7DB;
    border-radius: 5px;
    text-align: center;
    padding: 12px;
}

.alert_message .btn_close_message {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    color: #FF6A1E;
    font-size: 14px;
    background-color: transparent;
    border-radius: 50%;
    border: 1.5px solid #FF6A1E;
    padding: 0;
}

.btn_close_message:hover {
    color: #FFFFFF;
    background-color: #FF6A1E;
}

.alert_message p {
    display: inline-block;
    vertical-align: middle;
    color: #FF6A1E;
    font-size: 14px;
    font-weight: 300;
}

.alert_message p &gt; a {
    display: inline-block;
    color: #FF6A20;
    margin-right: 5px;
    text-decoration: underline !important;
}

.alert_message p &gt; a:hover {
    color: #448FEE;
}

.iti {
    display: block;
}

.iti--separate-dial-code .iti__selected-dial-code {
    color: #B4BFCC;
    direction: ltr;
    margin-right: 5px;
    font-size: 16px;
}

.iti__arrow {
    border: 0;
    position: absolute;
    top: 3px;
    left: 0;
}

.iti__arrow:before {
    content: '\f107';
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Font Awesome 5 Pro';
    color: #FFFFFF;
    font-weight: 300;
    font-size: 18px;
}

.iti__selected-flag {
    padding-left: 15px;
}

.iti__country-list {
    left: 0;
}

.block_code_forget &gt; .form-control {
    float: left;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #000;
    text-align: center;
    font-size: 18px;
}

.block_code_forget &gt; .form-control:last-child {
    margin-right: 0;
}

.block_code_forget {
    margin: auto;
    display: table;
}

.time_code {
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    margin: 20px auto;
}

.mb_50 {
    margin-bottom: 50px;
}

.alert_message_success {
    background-color: #D4ECD0;
}

.alert_message.alert_message_success p {
    color: #5A8853;
}

.alert_message.alert_message_success p &gt; a {
    color: #5A8853;
}

.alert_message.alert_message_success .btn_close_message {
    color: #5A8853;
    border-color: #5A8853;
}

.alert_message.alert_message_success .btn_close_message:hover {
    color: #FFFFFF;
    background-color: #5A8853;
}

.tabs_register_type {
    position: relative;
    background-color: rgba(255, 255, 255, 0.04);
    border-radius: 40px;
    border: 0;
    width: 100%;
    margin-bottom: 30px;
    height: 47px;
}

.tabs_register_type li {
    margin: 0;
    width: 50%;
    float: right;
}

.tabs_register_type li &gt; a {
    display: block;
    border: 0 !important;
    border-radius: 40px !important;
    text-align: center;
    color: #FFFFFF;
    background-color: transparent;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 10px;
}

.tabs_register_type li &gt; a.nav-link.active {
    color: #FFFFFF;
    background-color: #3681E2;
}

.requird_label {
    text-align: left;
    color: #B4BFCC;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;
    padding-left: 10px;
}

.block_rgister_scroll .form-group {
    margin-bottom: 10px;
}

.block_rgister_scroll {
    max-height: calc(100vh - 305px);
}

.iti__flag {
    box-shadow: none;
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
}

.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_container {
    margin-left: 0;
    margin-right: 30px;
}

.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_scrollTools, .mCS-dir-rtl &gt; .mCSB_outside + .mCSB_scrollTools {
    left: auto;
    right: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 7px;
    background-color: #272F39 !important;
    border-radius: 7px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px;
    background-color: #181F27 !important;
}

.form_st2 .select2-container {
    width: 100% !important;
}

.form_st2 .select2-container--default .select2-selection--single {
    border: 0;
    background-color: transparent;
    height: 30px;
    border-radius: 0;
}

.form_st2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
}

.form_st2 .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 0;
}

.form_st2 .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #5C5C5C;
    font-size: 13px;
    font-weight: 300;
}

.form_st2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    right: auto;
    left: 0;
}

.form_st2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.form_st2 .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: '\f107';
    position: absolute;
    top: 8px;
    left: 5px;
    font-family: 'Font Awesome 5 Pro';
    color: #FFFFFF;
    font-weight: 300;
    font-size: 18px;
    line-height: 1;
}

.block_rgister_scroll .btn_blue {
    margin-top: 20px;
}

.form_st2 h3 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    margin: 15px 0;
}

.interest_check_st {
    position: relative;
    margin-bottom: 10px;
}

.checkbox_interest {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.interest_label {
    position: relative;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid transparent;
    padding: 18px 70px 18px 60px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    height: 62px;
}

.interest_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 40px;
    text-align: center;
}

.interest_icon &gt; img {
    max-width: 30px;
}

.label_check_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(145, 145, 145, 0.14);
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #FFFFFF;
    font-size: 16px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.label_check_icon &gt; i {
    margin: auto;
}

.interest_check_st input:checked + .interest_label {
    background-color: rgba(75, 75, 75, 0.08);
    border-color: rgba(54, 129, 226, 0.08);
}

.interest_check_st input:checked + .interest_label .label_check_icon {
    background-color: #448FEE;
}

.register-page-footer .block_subscribe {
    display: none !important;
}
.list_interest_radio {
    display:flex;
}
.list_interest_radio .type_radio {
    width: 47%;
    margin-bottom: 10px;
    margin-left: 20px;
}
.list_interest_radio .interest_label {
    border-radius: 10px;
    background-color: rgb(25 30 35);
}
.list_interest_radio .type_radio input:checked + .interest_label {
    background-color: #448FEE;
}
.list_interest_radio .radio_interest {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 100%;*/
    /*height: 100%;*/
    margin: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active{
    color: #B4BFCC;
    background-color: #191E23;
}
.toggle.android { border-radius: 0px;}
.toggle.android .toggle-handle { border-radius: 0px; }
.head_page_rg {
    height: unset;
    margin: 0;
}
.form_st2 .form-group { margin-bottom: 13px; }

.frm_website {
    background-image: url('../images/website_icon.png');
}
.user___list .project_user:not(:first-child) {
  padding-bottom: 13px;
}

/**==========================================
PAGE PROFILE
============================================**/
.box_profile_side {
    position: relative;
    background-color: #21272F;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.head_box_siprofile {
    background-color: #1C2229;
}

.head_box_siprofile {
    padding: 30px 15px;
}

.cn_box_siprofile {
    position: relative;
    padding: 20px 30px;
}

.menu_profile li {
    display: block;
    margin-bottom: 20px;
}

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

.menu_profile li &gt; a {
    display: block;
    color: #B4BFCC;
    font-size: 14px;
    padding: 3px 40px 3px 0;
    position: relative;
}

.icon_menu_pf {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.icon_menu_pf &gt; i {
    margin: auto;
    font-size: 18px;
}

.menu_profile li.active &gt; a,
.menu_profile li &gt; a:hover {
    color: #448FEE;
}

.box_content_profile {
    position: relative;
    background-color: #1C2229;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 30px 0px 20px;
}

.pdside_40 {
    padding-left: 40px;
    padding-right: 40px;
}

.head_cn_head_profile {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(180, 191, 204, 0.2);
}

.head_cn_head_profile:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 1px;
    background-color: #B4BFCC;
}

.head_cn_head_profile h2 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.head_cn_head_profile p {
    color: #FFFFFF;
    font-size: 14px;
}

.input_upload_placeholder {
    height: 30px;
    color: #5C5C5C;
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
}

.form_st2 .input_upload {
    padding-left: 160px;
}

.box_upload_file {
    position: absolute;
    width: 150px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222931;
    border-radius: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    overflow:hidden;
}
.box_upload_file .delete_file, .remove_video {
    width: 100%;
    border-radius: 40px;
    z-index: 10;
    position: relative;
    display: none;

}

.new_audio_field .box_upload_file .delete_file{
    width: 50%;
}
.new_audio_field .box_upload_file .remove_audio_field{
    width: 50%;
    border-radius: 40px;
    z-index: 10;
    position: relative;
}

.remove_video {
  position: absolute;
  width: 150px !important;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}

.file_st1 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.box_upload_file &gt; span {
    margin: auto;
    color: #FFFFFF;
    font-size: 14px;
}

.box_upload_file &gt; span &gt; img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 20px;
}
.box_upload_file.active .delete_file{
    display: block;
}
.box_upload_file.active &gt; span{
    display: none;
}
.icon_change {
    float: right;
    width: 50px;
    text-align: center;
}

.txt_change_pt {
    margin-right: 70px;
    padding-top: 10px;
}

.txt_change_pt h2 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.txt_change_pt p {
    color: #FFFFFF;
    font-size: 14px;
}

.box_content_profile.pd40 {
    padding: 40px;
}

.table_st1 th {
    background-color: transparent;
    border: 0 !important;
    vertical-align: middle;
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 15px;
    white-space: nowrap;
}

.table_st1 td {
    vertical-align: middle;
    border: 0;
    color: #FFFFFF;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(180, 191, 204, 0.1);
}

.table_st1 tr:last-child td {
    border-bottom: 0 !important;
}

.table_st1 td h3 {
    color: #FFFFFF;
    font-size: 14px;
    white-space: pre-line;
    line-height: 20px;
}

.table_st1 td h3 &gt; a {
    display: inline-block;
    color: #FFFFFF;
}

.tb_ads_thumb {
    position: relative;
    display: inline-block;
}

.tb_ads_thumb &gt; img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}

.tb_date i {
    display: inline-block;
    margin-left: 5px;
    color: #3681E2;
}

.tb_favorite {
    color: #E40061;
    font-size: 18px;
}

.tb_favorite a {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: auto;
}

.tb_favorite a i.fas {
    color: #E40061;

}

.tb_date {
    white-space: nowrap;
}

.page_not_element {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.page_not_element h3 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
}

.filter_tb {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
}

.filter_tb &gt; img {
    width: 15px;
}

.switch_tb .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 0;
}

.switch_tb .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch_tb .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(180, 191, 204, 0.11);
    border: 1px solid rgba(255, 255, 255, 0.15);
    -webkit-transition: .4s;
    transition: .4s;
}

.switch_tb .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch_tb input:checked + .slider:before {
    background-color: #3681E2;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(54, 129, 226, 0.18);
    -moz-box-shadow: 0px 3px 6px 0px rgba(54, 129, 226, 0.18);
    box-shadow: 0px 3px 6px 0px rgba(54, 129, 226, 0.18);
}

.switch_tb input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.switch_tb .slider.round {
    border-radius: 34px;
}

.switch_tb .slider.round:before {
    border-radius: 50%;
}

.switch_tb {
    display: table;
    margin: auto;
}

.align_center {
    text-align: center;
}

.work_action_drop .dropdown-toggle::after {
    display: none;
}

.work_action_drop &gt; a {
    display: block;
    color: #FFFFFF;
    font-size: 18px;
}

.dropdown_st2 {
    text-align: right;
    background-color: #222931;
    border-radius: 30px;
    padding: 10px;
    box-shadow: none;
    border: 0;
    min-width: 180px;
}

/*.dropdown_st2:before {
    left: 20px;
    top: -25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #222931;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 15px;
    border-right-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 15px;
    z-index: 1;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}*/
.dropdown_st2 a {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    border-radius: 30px;
    padding: 10px 25px 10px 50px;
    display: block;
    background-color: #2D3640;
    position: relative;
}

.dropdown_st2 a &gt; i {
    position: absolute;
    top: 13px;
    left: 15px;
    font-size: 16px;
}

.dropdown_st2 a:hover {
    color: #FFFFFF;
    background-color: #448FEE;
}

.modal_st2 .modal-content {
    border: 0;
    background-color: #1F252C;
    border-radius: 20px;
    padding: 70px 30px 20px;
    position: relative;
}

.radio_st_check {
    position: relative;
    margin-bottom: 20px;
}

.radio_st {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.label_radio {
    position: relative;
    color: #B4BFCC;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    padding-right: 30px;
}

.label_radio:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #707070;
    background-color: rgba(255, 255, 255, 0.07);
}

.label_radio:after {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #B4BFCC;
    opacity: 0;
}

.radio_st_check input:checked + .label_radio:after {
    opacity: 1;
}

.box_content_add_adss {
    position: relative;
    background-color: #1C2229;
    border-radius: 20px;
    padding: 30px 20px;
}

.head_cn_add_adss h2 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.head_cn_add_adss p {
    color: #FFFFFF;
    font-size: 14px;
}

.head_cn_add_adss {
    margin-bottom: 30px;
}

.nav_wizardNav {
    position: relative;
    display: flex;
    width: 100%;
    border-bottom: 1px solid rgba(180, 191, 204, 0.25);
    margin-bottom: 30px;
    flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.nav_wizardNav .nav-link {
    width: 100%;
    vertical-align: middle;
    position: relative;
    color: rgba(255, 255, 255, 0.19);
    font-size: 16px;
    font-weight: 700;
    padding-right: 0;
    position: relative;
    padding-bottom: 15px;
}

.nav_wizardNav .nav-link:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #448FEE;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sp_icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgba(255, 255, 255, 0.19);
    text-align: center;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.19);
    background-color: transparent;
    margin-left: 10px;
    padding: 8px 5px;
}

.nav_wizardNav .nav-link.active,
.nav_wizardNav .nav-link.pass {
    color: #FFFFFF;
}

.nav_wizardNav .nav-link.active .sp_icon,
.nav_wizardNav .nav-link.pass .sp_icon {
    background-color: #448FEE;
    border-color: #448FEE;
    color: #FFFFFF;
}

.nav_wizardNav .nav-link.active:before,
.nav_wizardNav .nav-link.pass:before {
    width: 100%;
}

.nav_wizardNav a.nav-link.disabled {
    cursor: not-allowed !important;
}

.wizerd_result_block {
    padding: 50px 0;
}

.head_result_wizerd {
    text-align: center;
    margin-bottom: 50px;
}

.head_result_wizerd h2 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.head_result_wizerd p {
    color: #FFFFFF;
    font-size: 14px;
}

.btn_border {
    background-color: transparent;
    border-radius: 35px;
    border: 1px solid #B4BFCC;
    color: #FFFFFF;
    box-shadow: none !important;
    outline: none !important;
}

.btn_border:hover {
    border-color: #448FEE;
}

.bkk_title h3 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
}

.bkk_title p {
    color: #FFFFFF;
    font-size: 14px;
}

.bkk_title {
    margin-bottom: 20px;
}

.group_itms_check {
    margin-bottom: 30px;
}

.group_itms_check .checkbox_st_item {
    margin-bottom: 10px;
}

.actions_btns_wizerd button {
    margin-top: 20px;
}

.form_st2 textarea.form-control {
    height: 200px;
    resize: vertical;
    resize: none;
}

.textarea_input .frm_icon {
    top: 5px;
    transform: none;
}

hr {
    border-color: rgba(180, 191, 204, 0.65);
    margin: 30px 0;
}

.group_input_call {
    position: relative;
    padding-left: 80px;
}

.btn_call_side {
    position: absolute;
    top: 2px;
    left: 0;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #3681E2;
    color: #FFFFFF;
    font-size: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.btn_call_side &gt; img {
    margin: auto;
}

.btn_call_side:hover {
    background-color: #0C71F3;
}

.group_input_add_nw {
    position: relative;
}
.group_input_add_nw .new_video_url {
  margin-top: 15px !important;
  margin-bottom: 20px !important;
}

.btn_add_person, .btn_add {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background-color: #222931;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    padding: 21px 10px;
    display: block;
    border: 2px dashed #448FEE;
    margin-bottom: 10px;
}
.btn_add{
    width: auto;
    padding: 10px;
    max-width: 200px;
}

.btn_add_person &gt; i, .btn_add &gt; i, .btn.btn-danger &gt; i {
    display: inline-block;
    margin-left: 10px;
}

.btn_add_person:hover, .btn_add:hover {
    color: #FFFFFF;
    background-color: #3681E2;
}

.list_txt_privacy p {
    position: relative;
    padding-right: 30px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 25px;
}

.txt_number {
    position: absolute;
    top: 3px;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #707070;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    padding: 4px 2px;
    line-height: 1;
    border-radius: 5px;
}

.actions_btns_wizerd {
    padding-top: 30px;
}

.gree_privacy {
    margin-top: 30px;
}

.content_modal_ads h2 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.content_modal_ads p {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
}

.content_modal_ads h3 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}

.nav_wizardNav .nav-link p {
    display: inline-block;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    text-align: right;
}

.intl-tel-input {
    direction: ltr;
    display: block !important;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    color: #fff;
    text-align: left;
}

.error {
    color: #dc3545;
}

.form_st2 .group_itms_check.form-group {
    position: relative;
    background-color: transparent;
    border-radius: 0px;
    padding: 0;
    margin-bottom: 30px;
}

.text-white a, .text-white {
    color: #fff;
}

.vedio_img_ads {
    height: 375px;
    overflow: hidden;
    object-fit: contain;
}
.vedio_img_ads.full-video {
     height: 0;
     padding-top: 40%;
     margin-bottom: 15px;
     border-radius: 20px;
}
.vedio_img_ads.full-video:before {
    display: none;
}
.vedio_img_ads.full-video &gt; img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: top;
}
.counter_{
    color: #fff;
}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    padding-bottom: 56.25% !important;
}
.company_name{
    margin-left: -100px;
    margin-bottom: 10px;
}
.share_post{
    min-width: 260px;
}
.dropdown-menu{
    text-align: right;
}


.dropdown-menu a i{
    margin-left: 10px;
}

.iti__country-list {
    background-color: #222931;
    color: #fff;
}
.iti__country{
    direction: ltr;
}
.ltr , .ads-rate{
    direction: ltr;
    display: inline-block;
}
.form_st2 select.form-control{
    color: #000
}
.post-ffav{
    margin-left: -100px;
}
.post-ffav .favorite_btn{
    position: relative;
    left: auto;
    right: auto;
    margin: 0;
    top: auto;
}

.dropdown-menu{
    background: #222931;
    color: #fff;
}
.dropdown-item{
    color: #fff;
}
#respond h3{
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
}


.swal-icon--success__hide-corners{
    background-color: #333A43 !important;
}
.swal-modal {
    background-color: #333A43 !important;
    border: 1px solid #080808 !important;
}
.swal-icon--success:after, .swal-icon--success:before {
    background: #333A43 !important;
}
.swal-icon--success__line {
    background-color: #ffffff !important;
}
.swal-icon--success__line {
    background-color: #ffffff !important;
}
.swal-icon--success__hide-corners {
    background-color: #333A43 !important;
}
.swal-text {
    color: rgb(255 255 255) !important;
}
.swal-footer {
    text-align: center !important;
}
.swal-button {
    background-color: #2d3f48 !important;
}
.jq-toast-single{
    font-family: 'TheSans-Plain', sans-serif !important;
}
.jq-icon-success{
    background-color: #333A43 !important;
}
.jq-icon-success .jq-toast-loader{
    background-color: #448FEE !important;
}

 .swal-title{
    color: #ffffff !important;
}
.tw-link-style{
    padding: 12px !important;
    text-align: center;
    min-width: 100px;
}
.form-title{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.contact-key{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.contact-value{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}


.imgs__ &gt; div{
    position: relative;
    margin-left: 10px;
}
.imgs__ img{
    width: 60px;
    /*border-radius: 5px;*/
    height: 60px;
    border:5px solid rgba(255,255,255,0.1);
}
.imgs__ img+a{
   display: block;
    color: #fff;
    font-size: 9px;
    background: #940000;
}
.terms-long-text {
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
    padding: 0 15px;
}

.sc_block_banner_ads {
    display: none;
}

.block_content_page_register .list_interest_radio .interest_label {
    border-radius: 40px !important;
    padding: 20px 40px 20px 40px;
    width: 100%;
}

.block_content_page_register .tab-content .form-row {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
}

.block_content_page_register .tab-content .form-row .form-group.col-md-6 {
	max-width: 49%;
}
.block_content_page_register .tab-content .form-group {
	margin-bottom: 15px !important;
}

.remmber_login span {
    color: #B4BFCC;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
}

.block_content_page_register .tab-content .remmber_login .checkbox_st {
	width: 20px;
}

.block_content_page_register .list_interest_radio {
    text-align: center;
	justify-content: space-between;
}
.block_content_page_register .list_interest_radio .type_radio {
    margin-left: 0;
}

.block_content_page_register .mCSB_container {
	margin-right: 0 !important;
}
.block_content_page_register .note_bottom {
	margin-bottom: 35px !important;
}
.block_content_page_register .head_page_rg {
	margin-bottom: 20px !important;
}

.plyr--audio .plyr__controls{
    background: #191e23 !important;
    color: #ffffff !important;
}

/* #audios .owl-item, */
#banner_slider .album_item,
#audios .container,
#photos .album_item {
    height: 100%;
    position: relative;
}
#videos .plyr__video-embed {
	height: calc(100vh - 200px);
    position: relative;
}

#audios .container img,
#photos .album_item &gt; img,
#banner_slider .owl-item img,
#audios .owl-item img {
  height:100%;
  margin: auto;
  height: 450px;
  width: auto !important;
}

#photos .album_item &gt; img {
  position: relative;
  height: 450px;
  width: auto;
}

#videos .plyr__video-embed {
    padding: 0 !important;
}
#banner_slider .album_item,
#photos .album_item {
  padding: 0;
}
.tab-content .container {
  text-align: center;
}
/*.ui-datepicker-calendar {
    display: none;
    }
	.ui-widget-content {
    background: #222931!important;
    border: 0;
    padding: 0;
    color: #FFFFFF;
    -webkit-box-shadow: 0px 3px 10px 0px rgb(25 30 35 / 38%);
    -moz-box-shadow: 0px 3px 10px 0px rgba(25, 30, 35, 0.38);
    box-shadow: 0px 3px 10px 0px rgb(25 30 35 / 38%);
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
    background: #2D3640;
    border: 0;
    -webkit-box-shadow: 0px 3px 10px 0px rgb(25 30 35 / 38%);
    -moz-box-shadow: 0px 3px 10px 0px rgba(25, 30, 35, 0.38);
    box-shadow: 0px 3px 10px 0px rgb(25 30 35 / 38%);
}*/





/* Blog Listing Styles */
.blog-listing-slider {
  padding: 50px 0;
}
.blog-listing-slider .owl-item {
  border-radius: 20px;
  overflow: hidden;
}
.blog-listing-slider .album_item:before {
  z-index: 1;
  background-color: rgba(25, 30, 35, 0.4);
}
.blog-listing-slider .detail_block {
  position: relative;
  padding: 0;
}
.blog-listing-slider .detail_block .album_item {
  padding: 0;
  height: 450px;
}
.blog-listing-slider .detail_block .title-blog {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 20px;
  z-index: 1;
  color: #FFFFFF;
  font-size: 34px;
  font-weight: 700;
  transform: translate(-50%, -50%);
}

#blog_listing_slider .owl-dots {
    display: block !important;
}

.blog-of-week h2 a {
  color: #FFFFFF;
}
.blog-of-week h2 a:hover {
    color: #448FEE;
}
.blog-of-week .date_ads {
  margin-bottom: 14px;
}
.blog-of-week .album_item:before {
  z-index: 1;
}

.more-blogs .item_ads_item {
  width: 100%;
}
.blog-details-content .quote_txtBox h3 {
  color: #fff;
}

/* Single Blog Styles */
.blog-details-image {
    padding: 50px 0;
}
.blog-details-image .album_item {
    padding-top: 45%;
}
.blog-details-image .feature-image {
  position: relative;
}
.blog-details-image .feature-image:before {
  background-color: rgba(25, 30, 35, 0.4);
  z-index: 1 !important;
}
.blog-details-image .feature-image .about_txtBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  z-index: 2;
}
.blog-details-image .feature-image .about_txtBox h1 {
  color: #fff;
  font-weight: bold;
  font-size: 34px;
}
.block_details_post .about_txtBox {
  padding-left: 0;
  padding-right: 0;
}
.block_details_post .about_txtBox h2 {
  margin-bottom: 10px;
}
.single-block-content .container {
  max-width: 1040px;
}
.blog-details-content .video-block {
  padding-top: 20px;
  padding-bottom: 50px;
}
.quote_txtBox h2 {
  color: #fff
}
.single-block-content .dt_details_post_meta {
  padding: 35px 0;
}

.blog-details-other-content .twitter-tweet {
  margin: 0 auto !important;
}

.blog-navs .container {
  max-width: 1300px;
}
.blog-navs .row {
  justify-content: space-between;
}
.next-prev-button {
  font-size: 18px;
  color: #fff !important;
  font-weight: bold;
}

.next-post {
  text-align: left;
}
.next-post .item_ads_item {
  text-align: right;
}
.single-block-content .sc_block_group_ads {
  padding-bottom: 100px;
}

.blog-flexible-content {
  background-color: #222931;
  padding: 50px 0;
}
.blog-flexible-content .row {
  padding: 30px 0;
}
.blog-flexible-content .txt_description_adss * {
  color: #fff;
}

.blog-flexible-content .txt_description_adss h2,
.blog-flexible-content .txt_description_adss h3,
.blog-flexible-content .txt_description_adss h4,
.blog-flexible-content .txt_description_adss h5,
.blog-flexible-content .txt_description_adss h6 {
  font-weight: 700;
  margin-bottom: 10px;
}
.blog-flexible-content .txt_description_adss p:last-child {
  margin-bottom: 0;
}
.blog-flexible-content .video-detail-block .icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 126px;
    height: 80px;
    pointer-events: none;
}
.blog-flexible-content .audio-post-block audio {
  max-width: 500px;
  width: 100%;
  margin: auto;
  text-align: center;
}

.brand_details, .campg_details {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
    z-index: 2;
    padding: 1rem;
    border-radius: 17px;
    padding-top: 26px;
    max-width: 800px;
    width: 92%;
    background-color: rgb(31, 37, 44);
    padding: 80px 30px 20px;
}

.brand_details .col-md-3,
.campg_details .col-md-3 {
  width: 100% !important;
}

.ovl {
    background: #00000057;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
	display:none;
}
.modalads button.btn_close_modal.close_top {
    position: absolute;
    top: -16px;
    right: -8px;
    background: red;
    border: 0;
    color: #fff;
}

span.select2-search.select2-search--dropdown {
    display: none;
}

.form_st2 #allow_new_camp {
  display: none !important;
}

.bulk-ads-page .bulk-ad-row .col-md-1 button abbr, .bulk-ads-page .bulk-ad-row .col-md-2 button abbr {
  font-size: 12px;
}

.bulk-ads-page .bulk-ad-row &gt; .col-md-1 &gt; .form-group,
.bulk-ads-page .bulk-ad-row &gt; .col-md-2 &gt; .form-group {
  text-align: center;
  justify-content: center;
}

.bulk-ads-page .form_st2 .form-group input[type="month"] {
  background: transparent;
  color: #fff;
  text-align: right;
}
input[type="month"]::-webkit-datetime-edit-day-field:focus,
input[type="month"]::-webkit-datetime-edit-month-field:focus,
input[type="month"]::-webkit-datetime-edit-year-field:focus {
    background-color: #222931;
    color: white;
    outline: none;
}


.campg_details button.btn_close_modal.close_top,
.brand_details button.btn_close_modal.close_top {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  border: 1px solid #B4BFCC;
  background-color: transparent;
  box-shadow: none !important;
  color: #B4BFCC;
  font-size: 16px;
  cursor: pointer;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.campg_details button.btn_close_modal.close_top:hover,
.brand_details button.btn_close_modal.close_top:hover {
  color: #FFFFFF;
  background-color: #448FEE;
  border-color: #448FEE;
}

.brand_details button.btn, .campg_details button.btn,
.content_modal_ads button.save_close, .content_modal_ads button.clear_button,
.content_modal_ads button.reset {
  width: 100% !important;
}
.brand_details button.btn abbr, .campg_details button.btn abbr,
.content_modal_ads button.save_close abbr, .content_modal_ads button.clear_button abbr,
.content_modal_ads button.reset abbr {
  width: 100% !important;
}
.bulk-ads-page .form_st2 .form-group {
  text-align: right;
  height: 69.5px;
  display: flex;
  align-items: center;
}
.bulk-ads-page .form_st2 .form-group textarea.form-control {
  height: 130px !important;
}
/* .bulk-ads-page .bulk-ad-row &gt; .col-md-3 {
  width: 30% !important;
} */
.bulk-ad-row .content_modal_ads .delete_user {
  border-radius: 35px;
  color: #FFFFFF;
  height: 45px;
  box-shadow: none !important;
  outline: none !important;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  width: 200px !important;
  margin-bottom: 25px;
}
.bulk-ad-row .content_modal_ads &gt; .user___list {
  text-align: right;
}
.bulk-ads-page .modal-content .label_frm {
  width: 65px;
}


.datepicker.datepicker-dropdown.datepicker-orient-bottom {
  left: 56% !important;
  transform: translateX(-50%) !important;
}
.datepicker.datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker.datepicker-dropdown.datepicker-orient-bottom:after {
  display: none !important;
}


/* .bulk-ad-row .content_modal_ads &gt; .user___list .project_user:not(:first-child) {
    width: calc(100% - 75px);
    float: right;
} */


/* .bulk-ad-row .content_modal_ads .delete_user {
  width: 68px !important;
  height: 69.5px;
  margin-right: 7px;
}
.bulk-ad-row .content_modal_ads .delete_user img {
  width: 25px;
}
.bulk-ad-row .content_modal_ads .group_input_add_nw {
  position: relative;
  clear: both;
} */


.list_group_ads .col-lg-4:nth-child(3n+1) .box_caption_ads .label_category {
  background-color: #E40061;
}
.list_group_ads .col-lg-4:nth-child(3n+2) .box_caption_ads .label_category {
  background-color: #6F0ECA;
}
.list_group_ads .col-lg-4:nth-child(3n+3) .box_caption_ads .label_category {
  background-color: #5A8853;
}


.featured-works-tags {
  opacity: 0;
  transition: 0.5s ease all;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.featured-works-tags .featured-tags .short_name {
  background-color: transparent !important;
  font-size: 15px;
  color: #fff;
  height: 47px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}


.list_group_ads .col-lg-4:nth-child(3n+1) .featured-tags .short_name {
  background-image: url(../images/pink-icon.png);
}
.list_group_ads .col-lg-4:nth-child(3n+2) .featured-tags .short_name {
  background-image: url(../images/purple-icon.png);
}
.list_group_ads .col-lg-4:nth-child(3n+3) .featured-tags .short_name {
  background-image: url(../images/grreen-icon.png);
}

.list_group_ads .item_ads_item:hover .featured-works-tags {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.featured-works-tags .featured-tags .long_name {
  opacity: 0;
  transition: 0.5s ease all;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  border-radius: 0;
  margin: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  background-color: #fff;
  color: #191919;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  border-radius: 6px;
  display: none;
}
.featured-works-tags .featured-tags:hover .long_name {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  display: block;
}
.featured-works-tags .featured-tags .long_name:before {
    border-color: transparent;
    border-style: solid;
    border-width: 7px;
    height: 0;
    position: absolute;
    content: '';
    width: 0;
    border-bottom-color: #fff;
    -webkit-transform: initial;
    transform: initial;
    right: 7px;
    top: -13px;
}
.featured-works-tags .featured-tags {
    width: 30px;
}

/* .new-block-search .select_st .select2-container--default .select2-selection--multiple &gt; ul {
  line-height: 30px !important;
} */
.new-block-search .select_st .select2-container--default .select2-selection--multiple &gt; ul .select2-selection__choice {
  background-color: transparent;
  border: none;
}

.datepicker table tr td.day:hover {
    color: #000;
}

.block_description_adss .date_location_ads {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-top: 10px;
}
.block_description_adss .date_location_ads .date_ads_md {
  margin: 0;
}

.location_ads img {
  border-radius: 8px;
  width: 35px;
  height: 20px;
  object-fit: cover;
}
</pre></body></html>