:root{

    --text-primary: #121111;
    --text-secondary: #4e4e4e;

    --border-secondary: #cdcdcd;
    --css-accent-background-color: #0085f230;
    --background-toc-active: var(--css-accent-background-color);
    --css-accent-color: #0069c2;
    --category-color: var(--css-accent-color);
    --color-hover-shadow:#3740ff;

    --iHeadingOffset : -3px;
    --iHeadingOffset1 : -2px;    
    --iRadius: 10px;

    --badge-color: #a10833;
    --menu-color-hover-1: #997d4f;
    --menu-color-hover: #337ab7; 

    --menu-drop-down-height: 56px;

    --border-primary: #cdcdcd;
    --background-secondary: #f9f9fb;
    --focus-01: 0px 0px 0px 2px rgba(0, 144, 237, 0.4);
    --focus-border-color: #0085f2;
    --elem-radius: 0.25rem;
    --icon-information: #fca900;  

    --bread-wrapper-bgcolor:#404141;
    --bread-item-border-color:#2E3031;
    --bread-item-bgcolor:#595B5B;
    --bread-link-color:#c6c6c6;
    --bread-item-hover-bgcolor: #646666;

    --bread-border-tb-paddding: 22px;
    --bread-border-left-paddding: 10px;
    --bread-item-left-paddding: calc(var(--bread-border-left-paddding) * 2);
    --bread-item-height : calc(var(--bread-border-tb-paddding) * 2);

    --sidebar-padd-left: 20px;
    
    --color-neutral-0: #fff;
    --color-neutral-50: #f2f2f6;
    --color-neutral-300: #e1e1e5;
}

.card {
    --vz-card-spacer-y: 1rem;
    --vz-card-spacer-x: 1rem;
    --vz-card-title-spacer-y: 0.5rem;
    --vz-card-border-width: 1px;
    --vz-card-border-color: #c0bee9;
    --vz-card-border-radius: 0.25rem;
    --vz-card-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --vz-card-inner-border-radius: 0.25rem;
    --vz-card-cap-padding-y: 1rem;
    --vz-card-cap-padding-x: 1rem;
    --vz-card-cap-bg: #fff;
    --vz-card-bg: #fff;
    --vz-card-img-overlay-padding: 1rem;
    --vz-card-group-margin: 0.75rem;
    
}

:root {
    --vz-blue: #5ea3cb;
    --vz-indigo: #405189;
    --vz-purple: #7084c7;
    --vz-pink: #f672a7;
    --vz-red: #fa896b;
    --vz-orange: #f1963b;
    --vz-yellow: #f7b84b;
    --vz-green: #6ada7d;
    --vz-teal: #02a8b5;
    --vz-cyan: #58caea;
    --vz-white: #fff;
    --vz-gray: #878a99;
    --vz-gray-dark: #343a40;
    --vz-gray-100: #f3f6f9;
    --vz-gray-200: #eff2f7;
    --vz-gray-300: #e9ebec;
    --vz-gray-400: #ced4da;
    --vz-gray-500: #adb5bd;
    --vz-gray-600: #878a99;
    --vz-gray-700: #495057;
    --vz-gray-800: #343a40;
    --vz-gray-900: #212529;
    --vz-primary: #5ea3cb;
    --vz-secondary: #7084c7;
    --vz-success: #6ada7d;
    --vz-info: #58caea;
    --vz-warning: #f7b84b;
    --vz-danger: #fa896b;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb: 94,163,203;
    --vz-secondary-rgb: 112,132,199;
    --vz-success-rgb: 106,218,125;
    --vz-info-rgb: 88,202,234;
    --vz-warning-rgb: 247,184,75;
    --vz-danger-rgb: 250,137,107;
    --vz-light-rgb: 243,246,249;
    --vz-dark-rgb: 33,37,41;
    --vz-white-rgb: 255,255,255;
    --vz-black-rgb: 0,0,0;
    --vz-body-color-rgb: 33,37,41;
    --vz-body-bg-rgb: 241,241,241;
    --vz-font-sans-serif: "IBM Plex Sans",sans-serif;
    --vz-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --vz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-font-size: 0.875rem;
    --vz-body-font-weight: 400;
    --vz-body-line-height: 1.5;
    --vz-body-color: #212529;
    --vz-body-bg: #f1f1f1;
    --vz-border-width: 1px;
    --vz-border-style: solid;
    --vz-border-color: var(--vz-border-color);
    --vz-border-color-translucent: rgba(0, 0, 0, 0.175);
    --vz-border-radius: 0.25rem;
    --vz-border-radius-sm: 0.2rem;
    --vz-border-radius-lg: 0.3rem;
    --vz-border-radius-xl: 1rem;
    --vz-border-radius-2xl: 2rem;
    --vz-border-radius-pill: 50rem;
    --vz-link-color: var(--vz-link-color);
    --vz-link-hover-color: var(--vz-link-hover-color);
    --vz-code-color: #f672a7;
    --vz-highlight-bg: #fcf8e3;
    --vz-header-bg: #fff;
    --vz-header-item-color: #e9ecef;
    --vz-header-bg-dark: #323835;
    --vz-header-item-color-dark: #a4b0bf;
    --vz-topbar-search-bg: #f3f3f9;
    --vz-topbar-user-bg: #f3f3f9;
    --vz-topbar-user-bg-dark: #39423e;
    --vz-footer-bg: #fff;
    --vz-footer-color: #98a6ad;
    --vz-topnav-bg: #fff;
    --vz-topnav-item-color: #6d7080;
    --vz-topnav-item-color-active: #5ea3cb;
    --vz-boxed-body-bg: #e7e7e7;
    --vz-heading-color: #495057;
    --vz-link-color: #5ea3cb;
    --vz-link-hover-color: #5ea3cb;
    --vz-border-color: #e9ebec;
    --vz-card-bg-custom: #fff;
    --vz-card-logo-dark: block;
    --vz-card-logo-light: none;
    --vz-list-group-hover-bg: #f3f6f9;
    --vz-input-bg: #fff;
    --vz-input-border: #ced4da;
    --vz-input-focus-border: #afd1e5;
    --vz-input-disabled-bg: #eff2f7;
    --vz-input-group-addon-bg: #eff2f7;
    --vz-input-check-border: var(--vz-input-border);
    --vz-box-border-left-width: 2px;
}

.blue
{
    --main-color: #2196f3;
    --second-color: #b17f47;
    --main-hover: #120e6a;
    --second-hover: #966127;
    --text-link: #000; 
    
    --heading-color: #393a9f;     
    --heading-font-weight: 600;

    --badge-color-1: #03152387;
    --badge-color-2: #052f0a99;

    --badge-hover-color-1: var(--main-hover);
    --badge-hover-color-2: var(--second-hover);
    
    --focus-01: 0px 0px 0px 3px rgba(0, 144, 237, 0.4);
}

.transition{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 240px;
}

body, html {
    font-family: 'Montserrat', 'My Sans', sans-serif;
    font-family: 'Nunito', 'My Sans', sans-serif;

    font-size: 15px;
    line-height: 1.7;
    color: #002b50;
    color: var(--text-primary);
    background-color: #fff;
}
a{
    font-weight:600;
}
a:hover, a:focus {
    color: var(--main-hover);
    text-decoration: none;
    outline: none;

}

img {
    vertical-align: middle;
    height: auto;
}
ul{
   
    margin:0;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    list-style:none;
}

.note-editable ul, .box-1 .content ul{
    margin:0px !important;
    padding: 10px 20px!important; 
    list-style:inside !important;
    display: block;
}

.note-editable h2, 
.note-editable h3, 
.note-editable h4
{
    margin-bottom: 20px;
    margin-top: 20px;
}

.note-editable h2
{
    font-size: 26px;
}

.btn a{
    color:#fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #222222;
    margin:0;
    padding:0;
}
h2::first-letter {
    text-transform: uppercase;
}

h2, .h2 {font-size: 23px;}
h3, .h3 {font-size: 21px;}
h4, .h4 {font-size: 18px;}


.fs-14 {font-size: 14px!important;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-22 {
    font-size: 20px;
    padding: 14px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #e7ebef;
    color: #69809a;
    border: 1px solid #d7cdcd;
}
.fs-24 {font-size: 24px;}

.fw-medium {
    font-weight: 500;
}
.fw-bold {
    font-weight: 600;
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important;
}
.align-middle {
    vertical-align: middle!important;
}

.bbt{border-bottom: 1px solid #d8d7da;}

input, select, button, textarea {
    outline: none;
}
input:focus, select:focus, button:focus, textarea:focus {
    outline: none;
    box-shadow:none;
}

.btnto {
    background-color: rgba(76, 76, 241, 0.05);;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e1e0de;
    padding: 8px 0px;
    border-radius: 10px;
    margin: 20px 3rem;
}

/*-- Preloader css start --*/
#preloader {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
}
.main-heading {
    
    border: 1px solid #ece0ff;
    border-left: var(--vz-box-border-left-width) solid #0072b5;
    border-top: none;
    padding: 10px 14px 10px 10px;
    
    border-radius: 0px 0px 4px 4px;
    border-bottom-color: #0072b5;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.main-heading:hover {
    background-color: #b3d5f2;
}

.detail_container .main-heading {
    border-radius: 0px;
    border-right: none;
}

.main-heading h1{font-size: 21px;font-weight: 600;}

.main-title{font-size: 17px;}

/*-- top header css start --*/
.nav_act{
}
.nav_act ul{
    display: flex;
    align-items: center;
}
.nav_act li{
    margin-left: 20px;
}
.nav_act li a{
    font-size:14px;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    color:#ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_act li a:hover {
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.nav_act li:last-child a:hover{
    background:transparent;
}

.nav_act li:last-child a{
    border-right:0;
    padding-right: 0;
}
.nav_act li a i{
    font-size:16px;
}
.nav_act li:last-child a i:before{
    margin-left:0;
}

.navigation{
    background: var(--main-color);
    position: sticky;
    top: 0;
    max-width: 100vw;
    left: 0;
    z-index: 999;
    width: 100%;
    
}

.menu_fixed{
    position:fixed;
    background:var(--main-color);
    -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -o-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    -ms-box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    box-shadow:  0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    z-index:1000;
    left:0;
    right:0;
}


#sticktop {
    width: 100%;
    left: 0;
}
.sticky-wrapper.is-sticky #sticktop {
    moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .15);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .15);
}

/********-------------search css start---------***********/
.serach-header {
    float:right;
}

.serach-header .searchd {
    background: transparent;
    line-height: 50px;
    height: 50px;
    border: 0;
}
.serach-header .searchd i {
    color: #29abff;
    font-size: 16px;
    border: 0 !important;
}
.searchd{
    background: transparent;
    float: right;
    font-size: 16px;
    border: 0;
    color: #ffffff;
    padding-right: 0;
    padding-left: 20px;
    position: relative;
    cursor: pointer;
}
.searchd:before {
    content: '';
    border: 1px solid rgba(255, 255, 255, 0.36);
    position: absolute;
    width: 1px;
    height: 20px;
    top: 55px;
    left: 5px;
}
.serach-header .searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
    z-index: 11000;
    display: none;
}
.serach-header .searchbox .close {
    background-color: transparent;
    box-shadow: none;
    color: var(--main-color);
    font-size: 40px;
    font-weight: bold;
    opacity: 1;
    padding: 10px 17px;
    position: fixed;
    right: 20px;
    top: 15px;
    text-shadow: none;
}
.serach-header .searchbox form input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: var(--main-color);
    font-size: 28px;
    font-weight: lighter;
    left: 30%;
    margin: 0;
    outline: medium none;
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 30px;
    position: absolute;
    right: 0;
    top: 45%;
    width: 700px;
    line-height: 60px;
}
.serach-header .searchbox form button {
    display: inline-block;
    line-height: 60px;
    height: 60px;
    left: 64%;
    position: absolute;
    top: 49%;
    transform: translate(0%, -55%);
    background: transparent;
    color: var(--main-color);
    border: 0;
    font-size: 20px;
}

.serach-header .searchbox.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
}
.serach-header .searchbox form::-webkit-input-placeholder {
    color: rgba(219, 187, 10, 0.6);
}
.serach-header .searchbox form:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(219, 187, 10, 0.6);
}
.serach-header .searchbox form::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(219, 187, 10, 0.6);
}
.serach-header .searchbox form:-ms-input-placeholder {
    color: rgba(219, 187, 10, 0.6);
}
/*------slider news start ------*/
.news{
    background: #ffffff;
    padding: 5px 0px;
}
.news_inner{
    background: #ededed;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 45px;
}
.news_badge_i {
    background: #a10833;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    
}

.news_badge_i i {color: #fff;
    font-size: 25px;
    margin: 0;
}

.news_badge{
    padding-top: 6px;
    padding-bottom: 6px;
    background: #a10833;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -20px;
    position: absolute;
    top: 6px;
}
.news_badge:after{
    content: '';
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #ededed;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.news_badge:before{
    content: '';
    border-bottom: 8px solid transparent;
    border-right: 20px solid #390514;
    position: absolute;
    left: 0px;
    bottom: -8px;
}
.news_badge h3{
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:600;
}
.ne_ts_inner_content{
    float:left;
    width:100%;
}
.ne_ts_inner_content p{
    font-size:16px;
    float:left;
    margin: 0;
}
.ne_ts_inner_content h3{
    float:right;
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:#707070;
    padding-right: 115px;
    padding-top: 5px;
}
.ne_ts_inner_content h3 i{
    color:var(--main-color);
}
.news_slider{
    padding-left:60px;
}
.news_slider  .owl-theme .owl-dots{
    display:none;
}
.news_slider .owl-theme .owl-nav {
    position: absolute;
    top: 0;
    margin: 0;
    left: 0;
    right: 20px;
    z-index:1000;
    display:block;
}
.news_slider .owl-theme .owl-nav .owl-prev,
.news_slider  .owl-theme .owl-nav .owl-next{
    font-size: 20px;
    margin: 0;
    padding: 0;
    
    width:30px;
    height:30px;
    line-height:27px;
    top:-4px;
    border:1px solid #cccccc;
    color:#000000;
    background:#ffffff;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.news_slider .owl-theme .owl-nav .owl-prev
{
    right: 40px;    
}
.news_slider  .owl-theme .owl-nav .owl-next
{
    right:0;
}
.news_slider .owl-theme .owl-nav .owl-prev:hover, .news_slider  .owl-theme .owl-nav .owl-next:hover{
    background:var(--main-color);
    color:#fff;
    border:1px solid var(--main-color);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.owl-nav i {
    margin: 0;
}
.news_inner .info{font-size: 25px;
    margin: 0px 10px;}

.full_slider {margin:0px 20px;}

.slider-area{
    position:relative;
    margin-top: 30px;
    border: 1px solid var(--focus-border-color);
    box-shadow: var(--focus-01);
}

.slider-area .carousel-inner .item .caption{
    width:100%;
    height:100%;
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height:450px;
}
.slider-area .carousel-inner .item .carousel-captions a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(212,212,212,0) 70%, rgba(3,3,3,1) 99%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(212,212,212,0) 70%,rgba(3,3,3,1) 99%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(212,212,212,0) 70%,rgba(3,3,3,1) 99%,rgba(0,0,0,1) 100%);
}

.slider-area .carousel-inner .item .carousel-captions .content
{
    display: block;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    bottom: 0px;
    padding: 15px;  
}
.slider-area .carousel-inner .item .carousel-captions .content_tabs{
    display: block;
    position: relative;
    z-index: 999;
    overflow: hidden;
    vertical-align: middle;
    padding-top:140px;
}

.slider-area .carousel-inner .item .carousel-captions .content li{
    animation-delay: 3.2s;
}
.carousel-nevigation{
    position:absolute;
    top:40%;
    float:left;
    width:100%;	
}
.carousel-nevigation i
{
    color: #000;
}

.carousel-captions img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.carousel-nevigation > .prev{
    left:-138px;
    position:absolute;
    width:50px;
    height:50px;
    font-size:25px;
    background: rgb(246 239 239 / 88%);
    color: #fff;
    text-align:center;
    line-height:50px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.carousel-nevigation > .next{
    right:-138px;
    position:absolute;
    width:50px;
    height:50px;
    background: rgb(246 239 239 / 88%);
    color: #fff;
    font-size:25px;
    text-align:center;
    line-height:50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.carousel-nevigation > .prev:hover,.carousel-nevigation > .next:hover{
    background:var(--main-color);
    color:#ffffff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.slider-area:hover .carousel-nevigation > .prev{
    left:0;
}
.slider-area:hover .carousel-nevigation > .next{
    right:0;
} 
.lr_banner_content_inner_wrapper{
    float:left;
    width:100%;
}
.lr_banner_content_inner_wrapper h2{
    font-size:14px;
    color:#ffffff;
    animation-delay: 1.5s;
    background:var(--main-color);
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    padding: 10px 20px;
    position:relative;
}
.lr_banner_content_inner_wrapper h2:after{
    content: '';
    border-top: 20px solid transparent;
    border-left: 20px solid var(--main-color);
    position: absolute;
    right: -20px;
    bottom: 0;

}
.lr_banner_content_inner_wrapper h2:before{
    content: '';
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--main-color);
    position: absolute;
    right: -20px;
    bottom: 15px;

}
.lr_banner_content_inner_wrapper h3{
    font-size:30px;
    color:#ffffff;
    font-weight:700;
    margin-top:15px;
    position:relative;
    animation-delay: 2.0s;
}
.lr_banner_content_inner_wrapper li:first-child{
    animation-delay: 2.3s;
}
.lr_banner_content_inner_wrapper li:nth-child(2){
    animation-delay: 2.5s;
}
.lr_banner_content_inner_wrapper li:nth-child(3){
    animation-delay:2.9s;
}
.lr_banner_content_inner_wrapper li:last-child{
    animation-delay: 3.2s;
}
.lr_banner_content_inner_wrapper p{
    animation-delay: 3.5s;
    margin-top:30px;
    color:rgba(255, 255, 255, 0.59);
    float:left;
    width:100%;
}
.lr_banner_content_inner_wrapper ul{
    margin-top:10px;
    display: flex;
}
.lr_banner_content_inner_wrapper li{
    margin-right:20px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: rgba(255, 255, 255, 0.7411764705882353);
    font-weight: 600;
}
.lr_banner_content_inner_wrapper li i{
    margin-right: 6px;
    color: var(--main-color);
}

.lr_banner_content_inner_wrapper li a{
    font-size:14px;
    font-family: 'Montserrat', sans-serif;
    color: rgba(255, 255, 255, 0.7411764705882353);
    font-weight: 600;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.lr_banner_content_inner_wrapper li a i{
    color:var(--main-color);
}
.divider{
    position:relative;
    animation-delay: 3.5s;
}
.divider:after{
    content: '';
    border: 1px solid rgba(255, 255, 255, 0.47);
    width: 35%;
    position: absolute;
    bottom: -40px;
    left: 0;
}

.main_wrapper{
    float:left;
    width:100%;
    padding-bottom:30px;
}

/*.main_wrapper img{
    min-width: 100%;
}*/

.tabs_wrapper .nav{
    border-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    flex: 1 0 100%;
}
.tabs_wrapper .nav li{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    height: 100%;
    padding: 15px 28px 15px 15px;
    background-color: rgba(76, 76, 241, 0.05);
    color: #061e31;
    font-weight: 500;
    user-select: none;
    cursor: pointer;
    border-top: 1px solid var(--main-color);
    position: relative;
}
.tabs_wrapper .nav > li.active > a, 
.tabs_wrapper .nav > li.active > a:hover, 
.tabs_wrapper .nav li.active > a:focus {
    background-color: transparent;
    border: 0px;
    color: var(--main-color);
}

.tabs_wrapper .nav > li > a {
    margin-right: 0px;
    border: 0px solid transparent;
    border-radius: 0px;
    padding: 0px 10px;
    position:relative;
}
.tabs_wrapper .nav > li > a ::first-letter {
    text-transform: uppercase;
}
.tabs_wrapper .nav > li > a:hover,
.tabs_wrapper .nav > li:hover {
    border-color: transparent;
    color: var(--main-color);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #e6e6e6;
    border-top: 1px solid #493e26;
}
.tabs_wrapper .nav li span
{
    position: absolute;
    right: 2px;
    top: 17px;
    border-radius: 50%;
    background-color: #7c83cf2e;
    display: inline-block;
    font-size: 12px;
    color: #000;
    display: flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
}

.tabs_wrapper .nav li:hover:before{
    transform: scaleX(1);
}
.tabs_wrapper .nav li:before{
    content: "";
    position: absolute;
    bottom: -1px;
    background-color: black;
    height: 2px;
    transition: transform .3s;
    z-index: 20;
    left: 0px;
    width: 100%;
    transform: scaleX(0);
    will-change: transform;
}

.tabs_wrapper .nav li.active:before {
    border-radius: 4px 4px 0 0;
    background-color: #1a73e8;
    transform:none;
}

.tabs_wrapper.noheading .heading:before,
.tabs_wrapper.noheading .heading:after{
    display:none;
}
.tabs_wrapper.noheading .nav {width: 100%;height: 100%;}

/*@media (max-width: 876px) {
    .tabs_wrapper .heading .title:before { border-width: 0px;}
    .tabs_wrapper .heading .title:after {border-width: 0px;}
} */

.detail_container{
    margin: 30px 0px 20px;
}

.detail_content{
    padding: 10px 0px;
    /*margin-top: 15px;*/
    border-bottom: var(--vz-card-border-width) solid var(--vz-card-border-color);
}

.detail_content h1,
.detail_content h2,
.detail_content h3,
.detail_content h4,
.detail_content h5
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--heading-color);
    margin: 0.5em 0;
}

.detail_content h3
{
    font-size: 20px;  
}

.detail_content h4
{
    font-size: 18px;  
}

.detail_content ul{
    margin-bottom: 20px;
    padding-left: 15px;
    margin-left: 20px;
    display: block;
}

.detail_content p{
    margin: 0 0 15px;
    font-size: 16px;
}

.detail_content ul li{
    list-style-type: disc;
}

.detail_content ul li::marker {
    color: var(--main-color);
}

.detail_content a 
{
    font-weight: 800;
    color: #3d467f;
}

.detail_content p a:hover,
.detail_content .blockquote a:hover {
    background-size: 0 1px;
    color: #0D6EFF;
}

.detail_content p a, .detail_content .blockquote a
{
    display: inline;
    padding-bottom: .0625em;
    background: linear-gradient(to right, currentColor 0%, currentColor 98%);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: left 98%;
    color: #0D6EFF;
    transition: 0.25s;
    text-decoration: none;
}

.detail_content table td {
    padding:8px 20px !important;
}

.detail_content img
{
    
}

.withborder {
    background-color: rgb(250 247 247);
    border: 1px solid #cdcdcd;
    border-left: var(--vz-box-border-left-width) solid #0085f2;
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px rgb(43 42 51 / 0%);
    padding:15px;
    margin-top: 25px;
}

.pde{
    margin-top:30px;
}

.detail_container_header{
    position:relative;
}
.detail_container_header img{
    width:100%;
    max-height: 375px;
    object-fit: cover;
}


.detail_container_header .detail_location{
    font-size: 22px;
    color: #0a1351;
}

.zx{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.zx.new
{
    flex-direction: column;
    align-items: normal;
}

.zx h1{
    position: relative;
    margin-right: 25px;
    font-size: 2rem;
}
.zx .post-share{
    width: inherit !important;
}
.zx h1:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px;
    height: 0.75rem;
    width: 0.375rem;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background-size: cover;
    background-image: url(/home/images/content/go.svg);
}

.zx.new h1:after{display: none;}

.detail_container_header.noimg {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.detail_container_header.noimg .item_2_props{
    position:relative;
    color: #665050;
    background-color: initial;
    padding: 0;
}

.ne_re_bottom_img{
    float:left;
    width:106px;
}
.ne_re_bottom_img img{
    width:100%;
}
.ne_re_bottom_img_cont{
    float:left;
    width:calc(100% - 106px);
    min-height:110px;
    background:#ffffff;
    padding-left: 15px;
    padding-top: 25px;
}
.ne_re_bottom_img_cont h3 a{
    color:#000000;
    font-size:16px;
    font-weight:600;
    text-transform:capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_re_bottom_img_cont h3 a:hover{
    color:var(--main-color);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_re_bottom_img_cont p{
    padding-top:5px;
}
.ne_re_bottom_img_cont p a{
    font-size:14px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_re_bottom_img_cont p a i{
    color:var(--main-color);
}

/*--------business slider Start------------*/
.slider_wrapper{}
.slider_wrapper .owl-theme .owl-dots{
    /*display:none;*/
    margin-top: 8px;
}
.slider_wrapper .owl-theme .owl-nav {
    width: 100%;
    position: absolute;
    top: 40%;
    margin: 0;
    z-index: 1000;
    display: block;
    user-select: none;
}

.slider_wrapper .owl-theme .owl-nav .owl-prev{
    left: 5px;
}
.slider_wrapper  .owl-theme .owl-nav .owl-next{
    right: 5px;
}

.slider_wrapper .owl-theme .owl-nav [class*='owl-']{
    position: absolute;
    font-size: 20px;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #4d3838;
    background: #f5ededad;
    text-align: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    user-select: none;
    align-self: center;
    cursor: pointer;
    border-radius: 50%;
    opacity:0.5;
}

.slider_wrapper .owl-theme .owl-nav i{
    margin: 0;
    color: #fff;
}
.full_slider .element_containe{margin-bottom: 0px;}

.slider_wrapper .owl-theme:hover .owl-nav [class*='owl-']{
    opacity: 1;
} 

.slider_wrapper .owl-theme .owl-nav .owl-prev:hover, 
.slider_wrapper .owl-theme .owl-nav .owl-next:hover{
    background:var(--main-color);
    color:#fff;
}

.pagination{
    margin: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.pagination > li > a{
    color:#000000;
    background:#ffffff;
    font-size:13px;
    border:1px solid #e7e7e7;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    width:32px;
    height:32px;
    line-height:32px;
    padding:0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align:center;
    margin-right:5px;
}
.pagination > li > a i {font-size: 15px;}
.pagination > li a i:before{
    margin-left:0;
} 
.pagination > li:first-child:hover > a{
    background:var(--main-color);
    border:1px solid transparent;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #fff;
    border:1px solid transparent;
    background-color: var(--main-color);
    border-color: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.ne_ls_bottom_img{
    float:left;
    width:170px;
}
.ne_ls_bottom_img img{
    width:100%;
}
.ne_ls_bottom_img_cont{
    float:left;
    width:calc(100% - 170px);
    min-height:135px;
    background:#ffffff;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 25px;
}
.ne_ls_bottom_img_cont h3 a{
    color:#000000;
    font-size:16px;
    font-weight:600;
    text-transform:capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_ls_bottom_img_cont h3 a:hover{
    color:var(--main-color);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_ls_bottom_img_cont p{
    padding-top:5px;
}
.ne_ls_bottom_img_cont p a{
    font-size:14px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_ls_bottom_img_cont p a i{
    color:var(--main-color);
}
.ne_re_left_bottom_main_wrapper_top2{
    margin-top:30px;
}
.bab {
    margin-top: 60px;
}
.sidebar_wrapper{
    float:left;
    width:100%;
    border-left:1px solid #eeeeee;
}
.sidebar_wrapper .heading .title{
    padding-left: var(--sidebar-padd-left);
}
.sidebar_wrapper .heading:after{left:var(--sidebar-padd-left);}

.ne_sidebar_inner_social_wrapper{
    float:left;
    width:100%;
    background:#ffffff;
    padding: 30px;
}
.item_list li:hover a{
    color:var(--main-color);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.item_list li{
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9e9e9;
    padding-left: var(--sidebar-padd-left);
    position: relative;
    padding-right: 50px;
    flex-grow: 1;
}
.item_list li a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.item_list li a .name{flex-grow: 1;}

.item_list li span{
    background: var(--main-color);
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 6px;
}
.item_list li i{
    font-size: 8px;
    color: var(--main-color);
    margin-right: 10px;
}
.item_list li:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.ne_sidebar_advertize_main_wrapper{
    float:left;
    width:100%;
    margin-top:60px;
}

.ne_pc_bottom_img{
    float:left;
    width:150px;
}
.ne_pc_bottom_img img{
    width:100%;
}
.ne_pc_bottom_img_cont{
    float:left;
    width:calc(100% - 150px);
    background:#ffffff;
    padding-left: 15px;
    padding-left: 10px;
    padding-top: 5px;
}
.ne_pc_bottom_img_cont h3 a{
    color:#000000;
    font-size:14px;
    font-weight:600;
    text-transform:capitalize;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.ne_pc_bottom_img_cont h3 a:hover, .ne_pc_bottom_img_cont p a:hover{
    color:var(--main-color);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.ne_weather_inner_wrapper{
    display: flex;
    flex-direction: column;
    text-align: center;
}

.footer_main {
    float:left;
    width:100%;
    position:relative;
    padding:15px;
    background:rgba(0,0,0,0.7);
}
.footer_main p{
    padding: 15px 5px;
    color:rgba(255, 255, 255, 0.71);
    
}

.footer_main ul{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.footer_main h5 {
    color: #fff;
    font-size: 22px;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.footer_main .social_icons li{
    margin: 0px 5px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9b9ba8;
    width: 45px;
    height: 45px;
    background-color: #352f5a
}
.footer_main .social_icons li a{   
    padding: 12px;
}
.footer_main .social_icons li:hover{
    background-color: #000;
}
.footer_main ul.social_icons{
    margin: 0;
    color: #ebe7e7;
    flex-direction: row;
}

.box-1.share_social
{
    border-width: 1px;
    border-color: #536b75;
    background-color: #fffefc;
}
.box-1.dd_
{
    margin-bottom: 15px;
}

.box-1 .lgo {
    width: 300px !important;
    flex-grow: 1;
    margin: auto;
}

.share_social i
{
    font-size: 30px;
    line-height: 30px;
    color: #353b50;
}
.share_social i:hover{opacity: 0.8;}

.footer_main i {color: #d1d4f8; margin: 0;font-size: 16px;}

.footer-link
{
    color: #e2e3f7;
    font-size: 0.98rem;
    position: relative;
    padding-left: 20px;
}
.footer-link:hover{
   color: #fff; 
}

.footer-list{
    border-left: 1px solid cadetblue;
}

.footer-list li{margin-bottom: 0.4rem;}


/************************----------------- 404 CSS Start ----------------**************/
.ne_404_main_wrapper{
    float:left;
    width:100%;
    margin-top:80px;
    margin-bottom:80px;
}
.ne_404_inner_main_wrapper{
    float:left;
    width:100%;
    border:15px solid var(--main-color);
    padding:60px 150px;
}
.ne_404_img_wrapper{
    float:left;
    width:40%;
}
.ne_404_img_wrapper img{
    width:100%;
}
.ne_404_img_cont_wrapper{
    float:left;
    width:60%;
    padding-left: 25px;
}
.ne_404_img_cont_wrapper h2{
    font-size:80px;
    font-weight:900;
    color:var(--main-color);
    text-transform:uppercase;
}
.ne_404_img_cont_wrapper h3{
    font-size:45px;
    font-weight:600;
    color:var(--main-color);
    text-transform:uppercase;
}
.ne_404_search_wrapper{
    float:left;
    width:100%;
    margin-top:80px;
}
.ne_404_search_wrapper button{
    width:120px;
    height:50px;
    text-align:center;
    line-height:45px;
    background:var(--main-color);
    border:1px solid var(--main-color);
    color:#ffffff;
    float:left;
}
.ne_404_search_wrapper input{
    width:calc(100% - 120px);
    float:left;
    height:50px;
    padding-left:30px;
    padding-right:20px;
    border:1px solid var(--main-color);
}

.mobile-list-nav{
    float:left !important;
}
.mobile-list-nav li{
    float:none;
}

.menu_search_icon{
    padding-right:0 !important;
    color: #000 !important;
}

/************************----------------- today blog CSS End ----------------**************/

.heading{
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.heading .title:before {
    content: '';
    border: 1px solid #eeeeee;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: var(--iHeadingOffset1);
}

.heading .title:after {
    content: '';
    border: 2px solid var(--main-color);
    width: 60px;
    position: absolute;
    left: 0;
    bottom: var(--iHeadingOffset);
}
.heading .title{
    font-size:20px;
    font-weight:700;
    color:#000;
    position:relative;
    flex-grow: 1;
    padding: 15px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.heading .btn {}
.heading .btn:hover,
.heading .btn:focus,
.heading .btn:active{
    background-color: var(--main-color);
    outline: none;
}
.box_wrapper{}

.element_container{
    display: flex;
    margin-bottom: 30px;
    border-radius: var(--iRadius);
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 24%) 0px 2px 5px 0px;
    border: 1px solid #e6e6e6;
    border-right: 1px solid var(--main-color);
    user-select: none;
    transition-duration: 0.3s;
}
.slider_wrapper .element_container {margin: 4px}

.element_container.f-row{
    flex-direction: row;
}
.element_container.f-col{
    flex-direction: column;
}
.element_container:hover {
    background-color: #f8faff;
    box-shadow: var(--focus-01);
    border: 1px solid var(--focus-border-color);
    transition: all 200ms ease;
}

.main_container{
    display: flex;
    flex-direction: column;
}

.element_img{
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    overflow: hidden;
}

.element_container .element_img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0a1b772e;
}

.element_img img{
    width: 100%;
    height: 100%;
}
.element_content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    position: relative;
}
.element_content h3{
    font-size: 1.4rem;
    color:#000000;
    font-weight:600;
    border-bottom: 1px solid #e5e2e2;
    padding: 10px 15px;
    background-color: #f1f8fe;
}

.element_content p{
    padding: 10px 10px 10px 15px;
    background-color: #fff;
    /*height: 100%; */
}
.element_content .element_props{
    display: flex;
    padding: 0px 15px;
    border-top: 1px solid #dcdcdc;
    align-items: center;
    flex-wrap: wrap;
}
.element_content .element_props li{

    margin: 8px 0px;
    margin-right:15px;
    font-size: 14px;
}
.element_content .element_props li:first-child
{
    flex-grow: 1; 
    margin-left: 0px;   
}
.element_content .element_props li a_{
    font-size:14px;
    font-family: 'Montserrat', sans-serif;
    color: #707070;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.element_content .element_props li i{
    color:var(--main-color);
    margin-right: 6px;
}

.element_img .tags
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    justify-content: space-between;
    
}

.element_img .item
{
    padding: 7px 14px;
    font-size: 13.5px;
    color: #ffffff;
    border-radius: 10px 0px 10px 0px;  
    width: fit-content;  
}

.element_img .item.badge-1
{
    background: var(--badge-color-1);
}

.element_img .item.badge-2
{
    background: var(--badge-color-2);
    border-radius: 0px 10px 0px 0px;
}

.element_img h2{
    top: 0px;
    left: 0px;
    padding: 8px 15px;
    font-size: 13.5px;
    text-transform: uppercase;

    color: #ffffff;

    border-radius: 10px 0px 10px 0px;        
}

.element_img h3 {
    top: 35px;
    left: 0px;
    padding: 8px 15px;
    font-size: 13.5px;
    text-transform: uppercase;
    color: #ffffff;
    
    border-radius: 0px 10px 10px 0px;
    margin: 5px 0px;
}

.element_img1 h2:after{
    content: '';
    border-top: 20px solid transparent;
    border-left: 20px solid #a10833;
    position: absolute;
    right: -20px;
    bottom: 0;

}
.element_img1 h2:before{
    content: '';
    border-bottom: 20px solid transparent;
    border-left: 20px solid #a10833;
    position: absolute;
    right: -20px;
    bottom: 16px;

}
.element_detail{
    padding: 10px;
    height: 190px;
    overflow: hidden;
}

.element_actions{
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d3d1d4;
}

.element_actions a{
    font-size: 15px;
    font-weight: 600;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    margin: 8px 0px;
}

.tags .tag{
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #a3adb8;
}

.tags .tag.f:hover{
    background-color: var(--badge-hover-color-1);
}
.tags .tag.g:hover{
    background-color: var(--badge-hover-color-2);
}

.tags .tag.f{
    background-color: var(--badge-color-1);
}

.tags .tag.g{
    background-color: var(--badge-color-2);
}


.img_overlay{
    position:absolute;
    z-index: 1;
    top:0;
    bottom:0;
    right:0;
    left:0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(212,212,212,0) 55%, rgba(3,3,3,1) 99%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(212,212,212,0) 55%,rgba(3,3,3,1) 99%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(212,212,212,0) 55%,rgba(3,3,3,1) 99%,rgba(0,0,0,1) 100%);
}

.element_container.m
{
    margin: 10px;
}

.m .item_2{
    position:relative;
    height: initial;

}
.m .item_2 img{
    width: 100%;
    object-fit: cover;
    height: 178px;
}

.item_2{
    position:relative;
    height: 220px;
}
.item_2.sm{
    position:relative;
    height: 210px;
}
.item_2 img {
    width: 100%;
    height: 100%;
}
.item_2_content em {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 0;
    color: #ffffff;
    background-color: var(--badge-color-2);
    border-radius: 0px 10px 0px 10px;
    padding: 5px 10px;
}
.item_2 h2{
    font-size:14px;
    color:#ffffff;
    animation-delay: 2.0s;
    background:#33cc99;
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    padding: 10px 20px;
    position:absolute;
    top: 25px;
    left: -160px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index:1;
}

.item_2 h2:after{
    content: '';
    border-top: 20px solid transparent;
    border-left: 20px solid #33cc99;
    position: absolute;
    right: -20px;
    bottom: 0;

}
.item_2 h2:before{
    content: '';
    border-bottom: 20px solid transparent;
    border-left: 20px solid #33cc99;
    position: absolute;
    right: -20px;
    bottom: 15px;

}

.item_2 .item_2_content
{
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;   
}

.noImg .item_2_props
{
    background-color: #fcfcfc;
    top: 0;
    color: #3c3c45;
    padding: 15px;
}
.noImg .item_2_props h3
{
    color: var(--text-link);
}
.item_2_props{
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 8px 15px;
    color: rgba(255, 255, 255, 0.7411764705882353);
}

.item_2 .item_2_text{margin-top: 10px}
.item_2_props.top{
    top:0px;  
}
.item_2_props h1
{
    font-size:22px;
    color:#ffffff;
    font-weight:600;
}
.item_2_props h3{
    font-size:18px;
    color:#ffffff;
    font-weight:600;
    text-transform: capitalize;
}

.item_2_props .item_2_props_list{
    margin-top:5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.item_2_props .item_2_props_list li
{
    margin-right: 20px;
    font-weight: 600;
}

.item_2_props .item_2_props_list li i{
    color: var(--main-color);
}

.ontop{
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    left:0px;
    right: 0px;
    top: 62px;
    background-color: #deebf6;
        border: 1px solid #0085f2;
}

.ontop.active {
    display: block;
    border-radius: 10px 0px 10px 10px;
}



.dd_ {
    padding: 15px;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f1f4f6;
    border-left: var(--vz-box-border-left-width) solid black;    
}

.dd_ li {
    margin: 10px 6px;
    width: initial;
    position: relative;
    line-height: 1.2;
    overflow: hidden;
    border-radius: 5px;
    transition: all 0.3s;
}

.dd_ li:hover {
    transform: scale(1.05);
}

.dd_ span {
    position: absolute;
    padding: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 85%;
    text-align: center;
    background-color: #04081e9c;
    width: 100%;
    bottom:-100px;
    transition: all 0.3s;
}
.dd_ li:hover span {
    bottom:0px;
    
}

.dd_ img {
    width: 110px;
    height: 70px;
}

.dd_.lg li {width: 30%;}

.dd_ .lgo{
    position: relative;
    overflow: hidden;
        border-radius: 10px;
}

.dd_ .lgo input{
    position: absolute;
    z-index: 15;
}

.dd_ .lgo a{color: #fff;}

.dd_ .lgo img {
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
    height: 100%;
    min-width: 100%;
    min-height: 162px;
}
.dd_ .lgo:hover img {
    transform: scale(1.05);
}
.dd_ .lgo:hover:after {
    background: rgb(130 113 217 / 75%);
}

.dd_ .lgo:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}

.dd_ .lgo:hover .lgod {
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
}
.dd_ .lgo .lgod {
    opacity: 0;
    color: #ffffff;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    z-index:10;
    overflow: hidden;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}

.dd_.lg .lgod i{color:white; margin:0}

@media (max-width: 576px){
   .dd_.lg li {width: 100%;}
}

.twc .bb_ li
{
    width: 100%;
}
.bb_{
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    background-color: #f1f4f6;
    border-left: var(--vz-box-border-left-width) solid black;
    
    column-gap: 10px;
}
.bb_ li{
    width: 100%;
    padding: 0px;
    background-color: #fff;
    border: 1px solid var(--border-primary);
    margin: 5px 0px;
    border-radius: var(--elem-radius);
    cursor: pointer;
    transition: background-color .2s ease-out,border .2s ease-out;
    display: flex;
    justify-content: space-between;
}
.bb_ li:hover {
    border-color: #666;
    background-color: #d5dfe7;
}

.bb_ li.selected {
    border-color: var(--focus-border-color);
    border-left-width: 4px;
    border-left-color: #1e487f;
    background-color: #e2eef8;
}
.bb_ li i {color:#5b491b; margin: 0;}

.bb_ li .nl
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    width: 100%;
    cursor: default;    
}

.bb_ span {
    color: #5b491b;
}

.bb_ a
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    width: 100%;
}

.bb_ a:hover {
    background-color: var(--main-color);
    color: #fff;
}


/*navigation*/
.nav_wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: all .3s ease;
}

.is-sticky .nav_wrapper{height: 45px;}

.nav_logo{
    position: relative;
    width: 165px;
}

.nav_logo img{
    width: 100%;
    height: 100%;
}


#hover-block {
    background-color: var(--menu-color-hover);
    left: 0;
    position: absolute;
    width: 100%;
    height: 0;
    z-index: 240;
    overflow: hidden;
    top: 100%;
    border-bottom: 1px solid #000; 
    -webkit-animation: menu-animate-height-0 .3s ease forwards;
    animation: menu-animate-height-0 .3s ease forwards;    
}
#hover-block.active {
    -webkit-animation: menu-animate-height .3s ease forwards;
    animation: menu-animate-height .3s ease forwards;  
}

#hover-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 3px;
    background: #1e2886;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
}
.nav_menu{
    display: none;
    height: 100%;
    margin: 0 auto;
}

.nav_menu li {
    height: 100%;
    display: flex;
    align-items: center;
    /*position: relative;*/
}

.nav_menu li a{
    padding: 0px 20px;
    color:#020d26;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    transition: none;
}

.nav_menu li.parent a{cursor: default;}
.nav_menu li:hover a{color:#fff;}

.nav_menu1 li:before{
    content: "";
    position: absolute;
    bottom: 1px;
    background-color: black;
    height: 2px;
    transition: transform .3s;
    z-index: 20;
    /* left: 18px; */
    width: 100%;
    transform: scaleX(0);
    will-change: transform;
}

.menu-drop-item{
    position: absolute;
    width: 100%;
    display: none;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    justify-content: center;
    z-index: 0;
    top: -100%;
    display: flex;
    height: 56px;
    -webkit-animation: menu-animate-out .2s ease forwards;
    animation: menu-animate-out .2s ease forwards;
    left: 50%;
    transform: translateX(-50%);
}


.nav_menu li.parent:hover .menu-drop-item { 
    visibility: visible;
    z-index: 251;
    top: 100%;
    -webkit-animation: menu-animate-in .4s ease forwards;
    animation: menu-animate-in .4s ease forwards;
}

.nav_menu li:hover .menu-drop-item a {
    padding: 0px 25px;
    color: #fff;
    position: relative;
    cursor: pointer;
}

.nav_menu li:hover .menu-drop-item a:hover{
    background-color: #11528a;
    color: #d7d9de;    
    /*-webkit-box-shadow: inset 0 0px 0 1px #ffffff;
    box-shadow: inset 0 0px 0 1px #ffffff;*/
}
.nav_menu li:hover .menu-drop-item a:before {
    content: "";
    transition: all .2s ease-out;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 0.7rem;
    width: 8px;
    height: 8px;
    background-color: #404141;
    border-radius: 50%;
}
.nav_menu li:hover .menu-drop-item a:hover:before {
    background-color: #f1f1f1;
}

/*bread crumb new*/
.breadcrumb-wrapper {
    background-color: var(--bread-wrapper-bgcolor);
    /* border-top: 1px solid; */
}
.breadcrumb {
    align-items: center;
    display: flex;
    padding: 0 8px;
    background-color: transparent;
    border-radius: 0;
    margin: 0px;
    padding: 0px;
}
.breadcrumb a{
    color: var(--bread-link-color);
    /*background-color: var(--bread-item-bgcolor);*/
    text-shadow: 0 -1px rgb(0 0 0 / 70%);
    /* box-shadow: inset 0 1px 0 #727373; */
    text-rendering: optimizeLegibility;
    text-decoration: none;
    height: var(--bread-item-height);
    line-height: var(--bread-item-height);
    padding: 0 10px 0 var(--bread-item-left-paddding);
    position: relative;
}

.breadcrumb a:after, .breadcrumb a:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: var(--bread-border-tb-paddding) solid transparent;
    border-bottom: var(--bread-border-tb-paddding) solid transparent;
    border-left: var(--bread-border-left-paddding) solid transparent;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 100%;
    z-index: 2;
}
.breadcrumb a:before {
    margin-left: 1px;
    z-index: 1;
}
.breadcrumb a:last-child {
    /*padding-right: 16px;
    pointer-events: none;
    cursor: default;
    flex-grow: 1;*/
}
.breadcrumb a:last-child:after, .breadcrumb a:last-child:before {
    border: 0;
}

.document-toc-container {
    display: flex;
}
.document-toc {
    padding: 0;
    position: relative;
    width: 100%;
}
.document-toc-list{
    flex-direction: column;
}

.document-toc-list li{
    padding-left:var(--sidebar-padd-left);
}
.document-toc-heading.document-toc-heading {
    font: var(--type-heading-h5);
    letter-spacing: 1.5px;
    margin: 0 0 1rem;
}

.document-toc-link.document-toc-link:not(.button) {
    border-left: 2px solid var(--border-secondary);
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
}
.document-toc-link.document-toc-link:not(.button)[aria-current]:not([aria-current=""]):not([aria-current=false]) {
    background-color: var(--background-toc-active);
    border-left: 2px solid var(--category-color);
    font-weight: 600;
}
.document-toc-list li:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: var(--sidebar-padd-left);
    height: 0.75rem;
    width: 0.375rem;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background-size: cover;
    background-image: url(/home/images/content/go.svg);
}
.document-toc-list li:hover:after {
    right: calc(var(--sidebar-padd-left) - 5px);
}

.item_text{ 
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}
.item_text em {
    font-size: 23px;
    font-weight: 600;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    color: var(--main-color);
    text-shadow: 0 -1px rgb(0 0 0 / 70%);
}
.item_text .icon{
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    fill: var(--main-color);
}

.item_text svg{
    width: 22px;
    height: 22px;
}

.item_text ul {
    flex-direction: column;
}

.item_text ul li a{
    padding: 0px;
    text-transform: lowercase;
    display: flex;
    flex-direction: column;
    font-size: initial;
}
.item_text li{
    position: relative;
    padding: 8px calc(var(--sidebar-padd-left) + 20px) 8px calc(var(--sidebar-padd-left) + 35px);
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
    min-height: 4rem;

    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background-color: #ededed47; 
    text-decoration: none;

    color: #333;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    width:100%;
    border-bottom: 1px solid #e9e9e9;
}

.item_text li:after,
.item_list li:after,
.item_text li:hover,
.item_list li:hover
{
    background-color: #e6e6e6;
    text-decoration: none;
    color: #333;
}

.item_text li:focus:after, 
.item_text li:hover:after,
.item_list li:hover:after,
.item_list li:focus:after, 

.item_text .user {
    color: #786666;
    font-weight: normal;
    font-size: 14px;
}

.item_text span i {
    color: #ca704f;
}
.item_text span i:not(:first-child) {padding-left:10px}

.item_text li:not(.header):before, 
.item_list li:not(.header):before {
    background-color: #57527b;
    content: "";
    position: absolute;
    transform: scale(0);
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.item_text li:hover:before,
.item_list li:hover:before{
    transform: scale(1);
}

.item_text li:hover em{color: var(--main-hover)}
.item_text li:hover div{fill: var(--main-hover)}

.post-share
{
    display: flex;
    width: 100%;
    align-items: center;
    font-style: italic;
    justify-content: flex-end;
} 

.quote .post-share {
    position: relative; 
    left: 0;
}

.post-share i {
    width: 25px;
    font-size: 20px;
    color: #5d5757;
}
.post-share i:hover {
    color:#000;
}
.post-share ul li
{
    width: 34px;
    height: 34px;
    background: #ccc;
    margin: 0px 6px 0px 0px;
    border-radius: 42px;
    display: flex;
    align-items: center;
    justify-content: center
}
.post-share ul li:hover
{
    -webkit-box-shadow: inset 0 -42px 0 rgb(0 0 0 / 46%);
    box-shadow: inset 0 -42px 0 rgb(0 0 0 / 46%);
}
.post-share ul li.text {
    background-color: #2196f3;
    color: #fff;
    position: relative;
    margin-right: 40px;
}
.post-share ul li.text:after{
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #0085f2;
    position: absolute;
    right: -15px;
}


.post-share ul li.facebook {
    background: #3F51B5;
}
.post-share ul li.twitter {
    background: #03A9F4;
}
.post-share ul li.whatsapp {
    background: #4CAF50;
}
.post-share ul li.tumbler {
    background: #44546b;
}
.post-share ul li.pinterest {
    background: #e4223e;
}
.post-share ul li.instagram {
    background: #c13584;
}
.post-share ul li.linkedin {
    background: #02669a;
}

.post-share ul li a {
    color: #fff;
}
.post-share ul li i {
    font-size: 15px;
    position: relative;
    margin: 0;
    color: #fff;
    left:0;
    width: initial;
}
.quote{
    border-width: 1px;
    border-color: #cca3f2;
    padding: 0px 15px;
    font-size: initial;
    margin: 20px 0px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.quote h3, .quote h4{
    color: #6e35a3;
    margin-bottom: 10px;
}
.quote i
{
    position: absolute;
    left: -35px;
    font-size: 20px;
    width: 30px;
    display: flex;
    justify-content: center;
}

.quote .btn-whatsapp i
{
    position: initial;
    width: inherit;
}

.comments-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comments-area {
    scroll-margin-top: 470px;
}
.comments-area .title{
    font-size: 22px;
    line-height: 1.54;
}
.comments-list .comment {
    background: rgb(179 179 233 / 5%);
    border-radius: 6px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    flex-basis: 100%;
    padding: 8px 12px;
    box-shadow: rgb(0 0 0 / 8%) 0px 2px 5px 0px;
    border: 1px solid #e6e6e6;
    border-right: 1px solid var(--main-color);
}
.comments-list .comment-content {
    margin: 8px 0px 4px 0px;
}
.comments-reply {
    list-style: none;
    margin: 0 0 0 70px;
}
.comment-title{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.comments-list img.comment-avatar {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    border-radius: 10px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    min-width: initial;
}
.comments-list .comment-body {
    position: relative;
    flex-grow: 1;
}
.comments-list .meta-data{
    display: flex;
    align-items: center;
    padding-bottom: 6px;
    border-bottom: 1px solid #eeeeee;
}
.comments-list .comment-author {
    font-size: 18px;
    font-weight: 700;
    color: #253477;
    flex-grow: 1;
}
.comments-list .comment-date {
    color: #402424;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.post-header .support-total-info {
    margin: 0;
    padding: 0;
    list-style: none;
}


.grid{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.grid .item {
    padding: 0;
    margin: 0; 
    width: 33%;
}
 
.sort-list {
    display:none;
}

.sort-selected {
    height: 100%;
    padding: 5px 20px;
    border: 1px solid #898979;
    border-radius: 10px;
}

.sort-wrapper {
    flex-grow: 1;
}

.sort-wrapper .a__{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.sort-wrapper .search-item{
    width: 37px;
    font-size: 125%;
}

.sort-wrapper .sort-item.selected {
    border-color: #5b53a2;
    background-color: #8ec7f5;
    border-left-width: 3px;
    border-right-width: 3px;
}

.sort-wrapper ul.a__ li{margin: 15px 0px 0px 10px}

.sort-wrapper .sort-item{
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px 30px 4px 15px;
    background-color: #f8f7f7;
    border-radius: 10px;
    border: 1px solid #d5c4f9;
    border-bottom-color: #8888a1;
    cursor: pointer;
    margin-left: 10px;
    user-select: none;
}

.sort-wrapper .sort-item:after{
    content: "";
    position: absolute;
    right: 8px;
    opacity: 1;
    transition: all .2s ease-out;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #0085f2 transparent transparent transparent;
}

.sort-wrapper .sort-item:hover{
    background-color: #f4edff;
    border-bottom-color: #25256a;
}


.sort-wrapper:hover .sort-list{display:block}

.sort-wrapper .element_container {
    display: block;
    width: 180px;
    padding: 10px 0px;
    margin: 0px;
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
    background-color: #fff;
    transition: transform .15s cubic-bezier(.4,0,1,1);
    transform-origin: top left;
    transform: scale3d(.0001,.0001,1);
    will-change: transform;
    opacity: 0;
    right: 0;
    left: initial;
}
.sort-wrapper .element_container.ontop.active
{
   transition: transform .15s cubic-bezier(0,0,.2,1);
   transform: translate3d(0, -10px, 0px);
   opacity: 1;
}
.sort-wrapper .element_container .bb_ {
    
    flex-direction: column;
    padding: 0px;
    border-radius: 4px;
    border: none;
    background-color: #fff
}

.sort-wrapper .element_container .bb_ li{
    width: auto;background-color: transparent;
    border: none;padding: 0px;margin: 0px;
    border-radius: 0;
    position: relative;
} 

.sort-wrapper .element_container .bb_ li.active{
    background-color: #e9ebee;
}    
    
    
.sort-wrapper .element_container .bb_ li.active:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    border-left: 3px solid #1e487f;
}
    
@-webkit-keyframes menu-animate-height-0 {
    0% {
        height: var(--menu-drop-down-height)
    }

    to {
        height: 0px
    }
}

@keyframes menu-animate-height-0 {
    0% {
        height: var(--menu-drop-down-height)
    }

    to {
        height: 0px
    }
}

@-webkit-keyframes menu-animate-height {
    0% {
        height: 0
    }

    to {
        height: var(--menu-drop-down-height)
    }
}

@keyframes menu-animate-height {
    0% {
        height: 0
    }

    to {
        height: var(--menu-drop-down-height)
    }
}

@-webkit-keyframes menu-animate-in {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes menu-animate-in {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes menu-animate-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

.panelSearch{
    align-items: center;
    height: 100%;
    position: absolute;
    z-index: 123444;
    background-color: #fff;
    border: 1px solid #0082e6;
    border-radius: 4px;
    display: none;
    height: auto;
    top: 0;
    left: -4px;
    right: 0;
}
.issearch .panelSearch{
    display: flex;
    border-radius: 4px;
    border-bottom: none;
    background-color: #efeeef;
    flex-direction: column;
    overflow: hidden;
}

.searchContainer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 7px 0px;
}

.issearch1 .searchResultContainer {
    display: block;
    z-index: 1001;
    position: absolute;
    top: 48px;
    width: 100%;
    border-radius: 0px 0px 22px 22px;
    overflow: hidden;
}

.searchResultContainer {
    margin-bottom: 20px;
    /*display: none;*/
    margin: auto;
    width: 100%;
}

.searchResults {
    background-color: #ffffff;
    position: relative;
    border-top: none;
}

.searchResults .item_text{
    border: 1px solid #eae0e0;
    overflow: hidden;
}

.searchResults .item_text li:before{border-color:#000}



.issearch .overlay, .is-pm-flyout .overlay {
    opacity: 1;
    visibility: visible;
}
.overlay {
    position: fixed;
    z-index: 1000;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s ease;
    opacity: 1;
    visibility: hidden;
}

.panelSearchInput {
    outline: 0px;
    width: 100%;
    height: 100%;
    margin: 0px 16px 0px 0px;
    border: none;
    font-size: 18px;
    color: #fff;
    background-color: initial;
}
.panelSearchIcon {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 10px 0px 24px;
}
.panelSearchContainer {
    width: 100%;
    height: 100%;
    padding-right: 30px;
}
.panelSearch .panelSearchInput {
    outline: 0px;
    width: 100%;
    height: 100%;
    margin: 0px 16px 0px 0px;
    border: none;
    font-size: 18px;
    color: #746969;
    background-color: initial;
}

.panelClose-1 {
    font-size: 120%;
    cursor: pointer;
    padding: 0px 10px;
}

.panelClose-1:hover i{color: #3e48ae;}

.sort-wrapper .sort-item.simple:after{display:none}


/**/
@media (max-width: 680px)
{
    .heading{flex-direction: column;}
    .element_img, .element_content , .element_img picture {width: 100%;}
    .element_container.f-row{
        flex-direction: column;
    }
}

@media (min-width: 680px){
    
    .sort-wrapper
    {
       /* position:absolute; */
        right:0;
    }
}

@media (min-width: 1020px)
{
    .nav_menu{display: flex;}
    .navbar-toggle {
        display: none;
        }
}

@media (max-width: 1020px)
{
    .navbar-toggle {
        display: block;
        }
}

@media (max-width: 430px){
    .grid .item {width: 100%;}
    .m .item_2 img{height: 100%;}
}

@media (min-width: 581px) and (max-width: 781px)
{
    .bb_ li{width: 49%;}
    .grid .item {width: 50%;}
}
@media (min-width: 781px) and (max-width: 1200px)
{
    .bb_ li{width: 49%;}
    .grid .item {width: 50%;}
}
@media (min-width: 1201px) and (max-width: 1485px)
{
    .bb_ li{width: 49%;}
    .grid .item {width: 33%;}
}
@media (min-width: 1485px) and (max-width: 1881px)
{
    .bb_ li{width: 24%;}
    .grid .item {width: 33%;}
}


html:not([dir=rtl]) .ms-auto {
    margin-left: auto !important;
}


@media (min-width: 1200px)
html:not([dir=rtl]) .me-xl-0 {
    margin-right: 0 !important;
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.469rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.flex-row {
    flex-direction: row !important;
}

.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

@media (prefers-reduced-motion: reduce)
.nav-link {
    transition: none;
}

@media (min-width: 1200px)
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}


.bg-navbar-theme .navbar-nav>.nav-link, .bg-navbar-theme .navbar-nav>.nav-item>.nav-link, .bg-navbar-theme .navbar-nav>.nav>.nav-item>.nav-link {
    color: #677788;
}

.avatar {
    position: relative;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}
.avatar-xs {
    height: 2rem;
    width: 2rem;
}
.avatar-sm {
    height: 3rem;
    width: 3rem;
}
.avatar-lg {
    height: 4.2rem;
    width: 4.2rem;
    margin-right: 10px;
}

.avatar img {
    width: 100%;
    height: 100%;
}

.avatar.avatar-online:after {
    background-color: #39da8a;
}
.avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px #fff;
}

.navbar-dropdown.dropdown-user .dropdown-menu {
    min-width: 12rem;
}
.navbar-dropdown .dropdown-menu {
    min-width: 20rem;
    overflow: hidden;
    padding: 0;
    margin: 0;
}


.dropdown-menu-end {
    right: 0;
    left: auto;
}

@media (min-width: 1200px){
    .navbar-nav .dropdown-menu {
        position: absolute;
        }
}
.dropdown-menu-end {
    --bs-position: end;
}


.dropdown-menu .dropdown-item{
    display: flex;
    width: 100%;
    padding: 0.8rem 0.8rem;
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0,0,0,0);
    border: 0;
    line-height: 1.2;
}

@media (max-width: 600px){
.navbar-nav .dropdown .dropdown-menu {
    width: 100%;
}
}

@media (max-width: 767.98px){
    .navbar-nav .nav-item.dropdown {
    position: static;
    
    }
}
.navbar-nav .dropdown .dropdown-menu 
{
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.3125rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.9375rem;
    --bs-dropdown-color: #677788;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: transparent;
    --bs-dropdown-border-radius: 0.3125rem;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: 0;
    --bs-dropdown-divider-bg: #d4d8dd;
    --bs-dropdown-divider-margin-y: 0.3125rem;
    --bs-dropdown-box-shadow: 0 0.25rem 1rem rgba(147, 158, 170, 0.45);
    --bs-dropdown-link-color: #677788;
    --bs-dropdown-link-hover-color: #677788;
    --bs-dropdown-link-hover-bg: rgba(38, 60, 85, 0.06);
    --bs-dropdown-link-active-color: #5a8dee;
    --bs-dropdown-link-active-bg: rgba(90, 141, 238, 0.08);
    --bs-dropdown-link-disabled-color: #bec5cc;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-header-color: #516377;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.3125rem;
    -webkit-box-shadow: 0 5px 10px rgba(30,32,37,.12);
    box-shadow: 0 5px 10px rgba(30,32,37,.12);
    -webkit-animation-name: DropDownSlide;
    animation-name: DropDownSlide;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    z-index: 1000;
    border-radius: 5px;
    background-color: #fff;
}

.navbar-nav .nav-item .nav-link i{
    color: #fff;
    font-size: 1.6rem;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--vz-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--vz-dropdown-link-active-bg);
}
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--vz-dropdown-link-hover-color);
    background-color: var(--vz-dropdown-link-hover-bg);
}

.dropdown-divider {
    height: 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
}

.dropdown-item i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    color: #677788;
}

.d-flex {
    display: flex !important;
}
.flex-column {flex-direction: column;}

.gap-0{
    gap:0!important
}
.gap-1{
    gap:.25rem!important
}
.gap-2{
    gap:.5rem!important
}
.gap-3{
    gap:1rem!important
}
.gap-4{
    gap:1.5rem!important
}
.gap-5{
    gap:3rem!important
}

.justify-content-center{
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-01 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.lh-1 {
    line-height: 1 !important;
}
.fw-semibold {
    font-weight: 600 !important;
}

.d-block {
    display: block !important;
}

small, .small {
    font-size: 85%;
}

.rounded-circle {
    border-radius: 50% !important;
}


.dropdown-header {
    font-size: 0.9375rem;
}
.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.813rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}

.col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    position: relative;
}

.col:before{
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    display: block;
    height: 0;
    border-top: 1px solid #d4d8dd;
}

.col:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    display: block;
    width: 0;
    border-left: 1px solid #d4d8dd;
}

.dropdown-icon-item {
    display: block;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    padding: 15px 0 9px;
    border: 1px solid transparent;
    color: var(--vz-dropdown-link-color);
}
.dropdown-icon-item img {
    height: 24px;
}
.dropdown-icon-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.border-start-0 {
    border-left: 0!important;
}
.border-end-0 {
    border-right: 0!important;
}
.border-top-0 {
    border-top: 0!important;
}
.border {
    border: 1px solid #e8e0e0;
}

.dropdown-icon-item:hover {
    background-color: #f3f6f9;
}

.profile-content .card {
    border-radius: 0px 0px 10px 10px;
    border-top: none;
    border-color: #0072b5;
    border-right: none;
}


.img-thumbnail {
    padding: 0.25rem;
    background-color: var(--vz-body-bg);
    border: 1px solid var(--vz-border-color);
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.nav-custom {
    background-color: #5ea3cb;
    border-radius: 0.25rem;
}

.nav-custom-light {
    background-color: initial;
}

.nav-pills {
    --vz-nav-pills-border-radius: 0.25rem;
    --vz-nav-pills-link-active-color: #fff;
    --vz-nav-pills-link-active-bg: #5ea3cb;
}
.nav {
    --vz-nav-link-padding-x: 1rem;
    --vz-nav-link-padding-y: 0.5rem;
    --vz-nav-link-color: var(--vz-link-color);
    --vz-nav-link-hover-color: var(--vz-link-hover-color);
    --vz-nav-link-disabled-color: #878a99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav ul > li:last-child > a:after{
    display:none;
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: var(--vz-nav-pills-border-radius);
    padding: 5px 10px;
}

.nav-custom.nav-custom-light .nav-item .nav-link.active {
    color: #f3f6f9;
    background-color: #5ea3cb;
}
.nav-custom.nav-custom-light .nav-item .nav-link {
    color: rgba(33,37,41),.75);
}

.me-n1 {
    margin-right: -.25rem!important
}

.me-n2 {
    margin-right: -.5rem!important
}

.me-n3 {
    margin-right: -1rem!important
}

.me-n4 {
    margin-right: -1.5rem!important
}

.p-0 {
    padding: 0rem !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.me-2 {
    margin-right: 1rem !important;
}

.me-3 {
    margin-right: 1.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.ps-2{padding-left: 0.5rem !important;}
.pe-2{padding-right: 0.5rem !important;}

.ps-3{padding-left: 1rem !important;}
.pe-3{padding-right: 1rem !important;}

.my-1 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
}
.my-2 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.mb-0 {margin-bottom: 0rem !important;}
.mb-1 {margin-bottom: 0.5rem !important;}
.mb-2 {margin-bottom: 1rem !important;}
.mb-3 {margin-bottom: 1.5rem !important;}
.mb-4 {margin-bottom: 2rem !important;}
.mb-5 {margin-bottom: 2.5rem !important;}

.mt-0 {margin-top: 0rem !important;}
.mt-1 {margin-top: 0.5rem;}                                       
.mt-2 {margin-top: 1rem;}
.mt-3 {margin-top: 1.5rem;}
.mt-4 {margin-top: 2rem;}
.mt-5 {margin-top: 2.5rem;}

.pb-1 {padding-bottom: 0.5rem!important;}
.pb-2 {padding-bottom: 1rem!important;}
.pb-3 {padding-bottom: 1.5rem!important;}
.pb-4 {padding-bottom: 2rem!important;}
.pb-5 {padding-bottom: 2.5rem!important;}
     
.ms-2 {margin-left: 0.5rem!important;}
.ms-3 {margin-left: 1rem!important;}
.ms-4 {margin-left: 1.5rem!important;}
     
.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}

.position-relative {
    position: relative!important;
}
.d-inline-block {
    display: inline-block!important;
}

.profile-user .user-profile-image {
    -o-object-fit: cover;
    object-fit: cover;
}
.avatar-xl {
    height: 7.5rem;
    width: 7.5rem;
}
.rounded-circle {
    border-radius: 50%!important;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: var(--vz-body-bg);
    border: 1px solid var(--vz-border-color);
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.profile-user .profile-photo-edit {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    cursor: pointer;
}


.profile-user .profile-img-file-input {
    display: none;
}

.profile-user .profile-photo-edit {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    cursor: pointer;
}
.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #5ea3cb;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.bg-light {
  background-color: #d6dbde;
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: #5ea3cb;
}
.nav-tabs-custom.card-header-tabs .nav-link {
    padding: 1rem 1rem;
}

.nav-tabs-custom .nav-item {
    position: relative;
}

.nav-tabs-custom .nav-item .nav-link.active:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.nav-tabs-custom .nav-item .nav-link::after {
    content: "";
    background: #5ea3cb;
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.float-end {
    float: right!important;
}

.link-primary {
    color: #5ea3cb!important;
}
.card-title {
    font-size: 16px;
    margin: 0 0 7px 0;
}


.border-bottom {
    border-bottom: 1px solid #d4d8dd !important;
    border-bottom: var(--vz-border-width) var(--vz-border-style) var(--vz-border-color)!important;
}

.text-end {
    text-align: right!important;
}

.flex-grow-1 {
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
}
.rounded-3 {
    border-radius: var(--vz-border-radius-lg)!important;
}
.bg-light {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-light-rgb),var(--vz-bg-opacity))!important;
}

.alert {
    --vz-alert-bg: transparent;
    --vz-alert-padding-x: 1rem;
    --vz-alert-padding-y: 0.8rem;
    --vz-alert-margin-bottom: 1rem;
    --vz-alert-color: inherit;
    --vz-alert-border-color: transparent;
    --vz-alert-border: 1px solid var(
    --vz-alert-border-color);
    --vz-alert-border-radius: 0.25rem;
    position: relative;
    padding: var(--vz-alert-padding-y) var(--vz-alert-padding-x);
    margin-bottom: var(--vz-alert-margin-bottom);
    color: var(--vz-alert-color);
    background-color: var(--vz-alert-bg);
    border: var(--vz-alert-border);
    border-radius: var(--vz-alert-border-radius);
    opacity: 1;
}

.alert-success {
    --vz-alert-color: #50a45e;
    --vz-alert-bg: #e9f9ec;
    --vz-alert-border-color: #d2f4d8;
}

.alert-secondary {
    --vz-alert-color: #546395;
    --vz-alert-bg: #eaedf7;
    --vz-alert-border-color: #d4daee;
}
.alert-danger {
    --vz-alert-color: #bc6750;
    --vz-alert-bg: #feede9;
    --vz-alert-border-color: #fedcd3;
}
.alert-dismissible {
    padding-right: 3rem;
}

.alert-dismissible .btn-close {
    background: 0 0!important;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1rem 1rem;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
    position: absolute;
    right: 14px;
    top: 14px
}


.fade {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

form .fa {color: navy; opacity: 0.8; font-size: 20px};

.form-label {
    margin-bottom: 0.2rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.9rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--vz-body-color);
    background-color: var(--vz-input-bg);
    background-clip: padding-box;
    border: 1px solid var(--vz-input-border);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.5rem 2.7rem 0.5rem 0.9rem;
    -moz-padding-start: calc(.9rem - 3px);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.1;
    color: var(--vz-body-color);
    background-color: var(--vz-input-bg);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 16px 12px;
    border: 1px solid var(--vz-input-border);
    border-radius: 0.25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-check {
    position: relative;
    text-align: left;
}
.form-check {
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.6em;
    margin-bottom: 0.125rem;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check .form-check-input {
    cursor: pointer;
}
.form-check-input:checked {
    background-color: #5ea3cb;
    border-color: #5ea3cb;
}
.form-check-input[type=checkbox] {
    border-radius: 0.25em;
    margin: 4px 8px;
}
.form-check-input[type=checkbox].inline{margin: 8px;}

.form-check .form-check-input {
    float: left;
    margin-left: -1.6em;
}
.form-check-input {
    width: 1.1em;
    height: 1.1em;
    margin-top: 0.2em;
    vertical-align: top;
    background-color: var(--vz-input-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--vz-input-check-border);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    print-color-adjust: exact;
}
input.form-check-input:focus {
    border-color: #afd1e5;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(94,163,203,.25);
    box-shadow: 0 0 0 0 rgba(94,163,203,.25);
}
.form-check label {
    cursor: pointer;
}

label.section {
    display: block;
    border-bottom: 1px solid #c0c0cc;
    padding-bottom: 6px;
}

.card-header .close{
    position: absolute;
    right: 7px;
    top: 7px;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #e2e2e2;
    border: 1px solid black;
}

.card-header .close i{
    margin: 0;
    color: #301697;
    font-size: 19px;
    
}

.input-step {
    border: 1px solid var(--vz-input-border);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    height: 37.5px;
    border-radius: 0.25rem;
    background: var(--vz-input-bg);
    padding: 4px;
}
.input-step button {
    width: 1.4em;
    font-weight: 300;
    height: 100%;
    line-height: .1em;
    font-size: 1.4em;
    padding: 0.2em!important;
    background: var(--vz-light);
    color: var(--vz-body-color);
    border: none;
    border-radius: 0.25rem;
}

.note-editor .btn i{color: initial;margin: 0;}

.input-step input {
    width: 4em;
    height: 100%;
    text-align: center;
    border: 0;
    background: 0 0;
    color: var(--vz-body-color);
    border-radius: 0.25rem;
}



.btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
}

.modal-header .btn-close {
    padding: calc(var(--vz-modal-header-padding-y) * .5) calc(var(--vz-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--vz-modal-header-padding-y)) calc(-.5 * var(--vz-modal-header-padding-x)) calc(-.5 * var(--vz-modal-header-padding-y)) auto;
}

.modal-dialog:not(.modal-dialog-scrollable) .modal-header {
    padding-bottom: 0;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--vz-modal-header-padding);
    border-bottom: var(--vz-modal-header-border-width) solid var(--vz-modal-header-border-color);
    border-top-left-radius: var(--vz-modal-inner-border-radius);
    border-top-right-radius: var(--vz-modal-inner-border-radius);
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--vz-modal-padding);
}
.modal-title {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    flex-grow: 1;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    color: var(--vz-modal-color);
    pointer-events: auto;
    background-color: var(--vz-modal-bg);
    background-clip: padding-box;
    border: var(--vz-modal-border-width) solid var(--vz-modal-border-color);
    border-radius: var(--vz-modal-border-radius);
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}
.modal.show .modal-dialog, .modal.in .modal-dialog {
    -webkit-transform: none;
    transform: none;
}
@media (prefers-reduced-motion: reduce){
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none;
    }
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: var(--vz-modal-width);
        margin-right: auto;
        margin-left: auto;
        }
}

@media (min-width: 576px) {
    .modal {
        --vz-modal-margin: 1.75rem;
        --vz-modal-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    }
}
.modal {
    --vz-modal-zindex: 1055;
    --vz-modal-width: 600px;
    --vz-modal-padding: 1rem;
    --vz-modal-margin: 0.5rem;
    --vz-modal-bg: #fff;
    --vz-modal-border-color: var(--vz-border-color);
    --vz-modal-border-width: 1px;
    --vz-modal-border-radius: 0.3rem;
    --vz-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --vz-modal-inner-border-radius: calc(0.3rem - 1px);
    --vz-modal-header-padding-x: 1rem;
    --vz-modal-header-padding-y: 1rem;
    --vz-modal-header-padding: 1rem 1rem;
    --vz-modal-header-border-color: var(--vz-border-color);
    --vz-modal-header-border-width: 0;
    --vz-modal-title-line-height: 1.5;
    --vz-modal-footer-gap: 0.5rem;
    --vz-modal-footer-border-color: var(--vz-border-color);
    --vz-modal-footer-border-width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--vz-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.table .fa {
    width: 25px;
    display: flex;
    justify-content: center;
}

@media (min-width: 440px){
    .col-sm-6 {
        width: 50%;
        float: left;
        }
        
    .dd_ img
    {
        width: 130px;
        height: 85px;
    }    
}

.dark {
    border-color: #2e3031;
}
.dark a:before {
    border-left-color: #2e3031;
}
.dark a:after {
    border-left-color: #595b5b;
}
.dark a {
    color: #c6c6c6;
    background-color: #595b5b;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 1px 0 #727373;
}
.dark a:hover, .dark a:focus {
    background: #646666;
}
.dark a:hover:after, .dark a:focus:after {
    border-left-color: #646666;
}

.hero-post-area
{
    padding: 10px 0px;
    background-color: #080709de;
}
.hero-post-slide .single-slide .post-number {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    min-width: 80px;
}
.hero-post-slide .single-slide .post-number p {
    width: 55px;
    height: 55px;
    border: 4px solid;
    border-color: #8d8d8d;
    margin-right: 25px;
    border-radius: 50%;
    margin-bottom: 0;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    font-weight: 700;
    color: #8d8d8d;
}

.hero-post-slide .center .single-slide .post-number p {
    border: 4px solid;
    border-top-color: #0000ff;
    border-bottom-color: #0000ff;
    border-left-color: #8d8d8d;
    border-right-color: #0000ff;
}
.hero-post-slide .single-slide .post-title p{
    margin-bottom: 0;
    font-weight: 700;
    color: #dd8d8d;
}

.hero-post-slide .single-slide .post-title a{
    color: #fff;
}

.hero-post-slide .center .single-slide .post-title  {
    color: #dddddd;
}


.hero-post-slide.owl-carousel .owl-nav.disabled, 
.hero-post-slide.owl-carousel .owl-dots.disabled
{display: none;}


@media (max-width: 776px) {
    .news_slider1 {
        padding-left: 10px;
        padding-top: 30px;
    }
}

#ActMenuSearch {display: flex;
    width: 100%;
    flex-grow: 1;
    align-items: center;}
    
#ActMenuSearch .main-title {flex-grow: 1;}

.box_info
{    
    margin: 20px 0px 20px 0px;
    padding: 0px 20px;
}

.benefit-box {
    position: relative;
    background: rgba(241, 242, 242, 0.5);
    padding: 40px 10px;
    box-shadow: 17px 17px 20px rgba(186, 186, 187, 0.3);
    border-radius: 30px;
}
.benefit-box svg {
    width: 40px;
    height: 40px;
}

.benefit-box.pink h2 {
    color: #FF3692;
}
.benefit-box h6 {
    font-weight: 400;
    color: #52526C;
    opacity: 0.7;
}

.benefit-box.pink::after {
    background: #FF3692;
}
.benefit-box::after {
    position: absolute;
    content: "";
    width: 54px;
    height: 8px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0;
}

.icons{
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #00000087;
    display: flex;
    justify-content: flex-end;
    padding: 5px;
}

.img-place {
    position: relative;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}
.img-place .icon 
{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background-color: #f0f8ff6b;
    margin: 0;
    
}

.img-place .icon i 
{    
    margin: 0;
    color: #fff;
}

.btn-whatsapp
{
    display: flex;
}
.btn-whatsapp i {
    position: initial;
    width: 20px;
}

.box-1 {
    border:1px solid;
    border-color: var(--vz-card-border-color);
    border-radius: var(--vz-card-border-radius);
    overflow: hidden;
}

.box-1 .main-heading, .box-1 .dd_ , .box-1 .bb_{
    border: none;
}

.box-1 .main-heading
{
    font-size: 19px;
    font-weight: var(--heading-font-weight);
    color: var(--heading-color);
    padding: 15px 14px 15px 10px;
}
.box-1 .main-heading:hover {
    background-color: initial;
}

.box-1 .content h2, .box-1 .content h3, .box-1 .content h4 {
    margin: 15px 0px;
    color: #64519e;
    font-weight: 600;
    font-size: 18px;
    border-bottom-style: dotted;
    padding-bottom: 2px;
    width: fit-content;
}

.detail_content blockquote{
    font-size: inherit;
    border-left: 5px solid #9d8ef6;
    margin: 15px 0px;
    padding: 7px 15px;
    color: #453a9f;
}

.box-1 p
{
    margin: 0;
}

.box-1 .no-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.box-1 p.info {
    font-size: 17px;
    color: #24124b;
    padding: 0px 60px;
}

.box-1 p.info span {
    border-bottom-style: double;
    color: #4c4cf2;
    font-size: 1.2rem;
}

.box-1 .no-content .links {
    display: flex;
    column-gap: 15px;
    flex-wrap: wrap;
    margin: 15px 0px;
}

.box-1 .dropdown-icon-item
{
    border-color: #c1c8f3;
    color: #4841c8;
    line-height: 20px;
}

.box-1 .fs-22
{
    background-color: #f1f4f6;
    color: #3477c2;
    border: 1px solid #bdcad4;
    margin-bottom: 10px;
}


[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit!important;
    -webkit-box-sizing: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    position: absolute;
    top: 0;
    left: 0!important;
    bottom: 0;
    right: 0!important;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    padding: 0!important
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none
}

.simplebar-content:after,.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit!important;
    box-sizing: inherit!important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 6px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #a2adb7;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

.custom-scroll {
    height: 100%
}

[data-simplebar-track=primary] .simplebar-scrollbar:before {
    background: #405189
}

[data-simplebar-track=secondary] .simplebar-scrollbar:before {
    background: #3577f1
}

[data-simplebar-track=success] .simplebar-scrollbar:before {
    background: #0ab39c
}

[data-simplebar-track=info] .simplebar-scrollbar:before {
    background: #299cdb
}

[data-simplebar-track=warning] .simplebar-scrollbar:before {
    background: #f7b84b
}

[data-simplebar-track=danger] .simplebar-scrollbar:before {
    background: #f06548
}

[data-simplebar-track=light] .simplebar-scrollbar:before {
    background: #f3f6f9
}

[data-simplebar-track=dark] .simplebar-scrollbar:before {
    background: #212529
}


.location {
    position:absolute;
    bottom:0px;
    right:0;
    left:0;
    /*padding:15px; */
    color:#fff;
    background-color:#261c1094;
    border-top:1px solid #4f4945;
    display: flex;
    flex-wrap: wrap;
}

.location h1
{
    font-size: 24px;
    font-weight: 800;
    color:#fff;
    text-shadow: -1px 1px 2px rgb(0 0 0 / 82%), 1px -1px 0 rgba(255, 255, 255, 0.9);
    letter-spacing: 0.04em;
}

.location a
{
    color: #d7e2e8;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.location a:hover
{
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    text-decoration-color: #fff;
}

.location .info
{
    flex-grow: 1;
    padding: 10px 18px;
}

.location .options , .options
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    right: 0px;
    top: 50%;
    top: 0px;
    bottom: 0px;
    background-color: #01031c66;
    padding: 0px 12px;
    border-left: 1px solid #7c766e;    
}
.location .options .inner
{
    display: flex; 
    column-gap: 4px;
}

.location .options .item{
    width: 45px;
    height: 45px;
    fill:#fff;
    position: relative;
}
.location .options .item span {
    position:absolute;
    background-color: #551414;
    border-radius:50%;
    padding: 15px;
    width: auto;
    height:25px;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    bottom: 30px;
    right: 0px;
    left: 80%;
    transform: translateX(-50%);
    border: 1px solid #717161;
    z-index: 3;
}

.location .options .item svg{
    stroke: #ded6d6;
    fill: #ded6d6;
}
.location .options .item svg:hover{
    stroke: #fff;
    fill:#fff;
}

.location .item_2_props .item_2_props_list
{
    color: #fff;
    font-size: 14px;
}

.location .options .item .w-65{width: 65px;}
.location .options .item .w-60{width: 60px;}
.location .options .item .w-55{width: 55px;}

.img-place .icon-1 {
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 0px 10px 0px;
    background-color: #4646708f;
    margin: 0;
    padding: 3px;  
}


.icon-1 span{
    position: absolute;
    transition: all 0.1s cubic-bezier();
    top:-50px;
    padding-right: 12px;
    z-index: 1; 
}

.icon-1:hover span
{
    position: relative;    
    top:0;
}

.icon-1 svg {width:40px; height:40px; z-index: 3;}

.icon-1 .not-verified {
    fill:red;
}

.icon-1  .verified {
    fill:green;
}

.location-flags
{
    position: absolute;
    top: 0px;
    left: 0;   
}

.actions {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
}
.actions .wrapper{
    align-items: flex-start;
    background-color: #eeeef4;
    border: .1rem solid #353d66;
    display: flex;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
}
.actions .item{

   flex-basis: 0;
   align-items: center;
   box-sizing: border-box;
   color: #234aa0;
   cursor: pointer;
   display: flex;
   flex-grow: 1;
   font-size: 1rem;
   font-weight: 600;
   height: 3.2rem;
   justify-content: center;
   outline: none;
   padding-left: 2rem;
   padding-right: 2rem;
   position: relative;
   transition: all .5s ease 0s;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   z-index: 1;
}
.actions .item span {
   display: none;
}

@media (min-width: 689px) {
    .actions .item span {
        display: block;
    }
}

.actions .item i {
    color:#5e5eb3;
}

.actions .item:before 
{
    background-color: #414971;
    content: "";
    height: 1.5rem;
    left: -.05rem;
    position: absolute;
    transition: all .5s ease 0s;
    width: .05rem;
}
.actions .item:first-child:before {
    opacity: 0;
}
.actions .item:hover:before {
    opacity: 0;
}
.se-button-switch-bar-2__item_selected:before {
    opacity: 0;
}

.actions .item:hover{
    background-color: #414971;
    color: #fff;
}
.actions .item:hover i{
    color: #fff;
}

.detail_container_header .location .detail_location
{
    color:#fff;
    font-size: 17px;
}

.tooltip.top .tooltip-inner {
    background-color: #414b61;
    color: #ffffff;
    padding: 10px 10px;
    font-size: 1.1em;
    border: 1px solid #000000;
}
.tooltip.top .tooltip-arrow {
      border-top-color: #414b61;
}

/*-------------------*/
#pm-flyout {
    position: fixed;
    z-index: 9998;
    transition: all .2s ease-in-out;
    right: 20px;
    bottom: 30px;
    opacity: 1;
}

#pm-flyout1:hover {
    scale: 1.125;
}

#pm-flyout .pm-flyout-head {
    display: block;
}

#pm-flyout .pm-flyout-item.pm-flyout-item-0 {
    bottom: 75px;
}
#pm-flyout .pm-flyout-item.pm-flyout-item-1 {
    bottom: 130px;
}
#pm-flyout .pm-flyout-item.pm-flyout-item-2 {
    bottom: 185px;
}

#pm-flyout .pm-flyout-item.pm-flyout-item-upgrade {
    background-color: #f86d37;
}
#pm-flyout .pm-flyout-item.pm-flyout-item-3 {
    bottom: 240px;
}

#pm-flyout .pm-flyout-item {
    position: absolute;
    left: 10px;
    width: 40px;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    transition: all .2sease-in-out;
    transform: scale(0);
    border-radius: 50%;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .2);
    background: #036aab 0 0 no-repeat padding-box;
    text-align: center;
    vertical-align: middle;
    background-color: #007fdb;
}

#pm-flyout .pm-flyout-head svg1 {
    background-color: blue;
    width: 54px;
    height: 54px;
    display: block;
    border-radius: 50%;
    border: 3px solid #a3c47b;
    overflow: hidden;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .2);
    transition: all .2s ease-in-out;
}

#pm-flyout .pm-flyout-head:hover svg1 {
    box-shadow: 0 3px 30px rgba(0, 0, 0, .25);
}

#pm-flyout .pm-flyout-label {
    position: absolute;
    display: block;
    top: 50%;
    right: calc(100% + 25px);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #fff;
    background: #5f5e5e 0 0 no-repeat padding-box;
    font-size: 12px;
    white-space: nowrap;
    padding: 5px 10px;
    height: auto !important;
    line-height: normal;
    transition: all .2s ease-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
}

#pm-flyout .pm-flyout-head .pm-flyout-label 
{
    opacity: 0;
    transform: translateY(-50%) scale(0);
    margin-right: -50px;
}

#pm-flyout .pm-flyout-head .pm-flyout-label 
{    
    right: calc(100% + 15px);
}

#pm-flyout .pm-flyout-head:hover .pm-flyout-label {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    margin-right: 0;
}

.omapi-screen a {
    text-decoration: none;
    color: #087ce1;
}

#pm-flyout.opened .om-flyout-item-0 {
    transition: transform .2s 0ms, background-color .2s;
}

#pm-flyout.opened .pm-flyout-item-1 {
    transition: transform .2s 35ms, background-color .2s;
}

#pm-flyout.opened .pm-flyout-item-2 {
    transition: transform .2s 70ms,background-color .2s
}

#pm-flyout.opened .pm-flyout-item-3 {
    transition: transform .2s 105ms,background-color .2s
}

#pm-flyout.opened .pm-flyout-item-4 {
    transition: transform .2s .14s,background-color .2s
}

#pm-flyout.opened .pm-flyout-item {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#pm-flyout .pm-flyout-item i {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    vertical-align: middle;
    margin:0px;
}

#pm-flyout .pm-flyout-item:hover {
    box-shadow: 0 3px 30px rgba(0,0,0,.25);
    background: #3fa548 0 0 no-repeat padding-box
}

#pm-flyout .pm-flyout-item:hover .pm-flyout-label {
    background: #444 0 0 no-repeat padding-box
}


/**********************/
.hsds-beacon{
    transition: 0.2s ease-in-out;
}

.hsds-beacon:hover {
    scale: 1.125;
}

.hsds-beacon .jpuJvt {
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 200px;
    bottom: 0px;
    display: block;
    height: 60px;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px;
    line-height: 60px;
    padding: 0px;
    user-select: none;
    z-index: 999;
    border: none;
    color: white;
    cursor: pointer;
    min-width: 60px;
    transition: transform 100ms linear;
    -webkit-tap-highlight-color: transparent;
    background-color: rgb(48, 77, 219);
    transform-origin: calc(100% - 30px) center;
    animation-duration: 250ms;
    animation-fill-mode: forwards;
    backface-visibility: hidden;
    --focusRingShadow: 0 0 0 var(--focusRingSize,var(--hsds-measure-focusRing-innerBoxShadowSize)) var(--focusRingColor,var(--hsds-color-focusRing-default-innerColor)), 0 0 0 var(--focusRingOuterSize,var(--hsds-measure-focusRing-outerBoxShadowSize)) var(--focusRingOuterColor,var(--hsds-color-focusRing-default-outerColor));
    outline: none;
    position: relative;
    --focusRingColor: white;
    --focusRingOuterColor: white;
    --focusRingOffset: 5px;
    --focusRingRadius: 20px;
    --focusRingSize: 2px;
}

@media (-ms-high-contrast:none) {
    .hsds-beacon .jpuJvt {
        display: block;
    }
}

.hsds-beacon .jpuJvt.is-showing-avatar, .hsds-beacon .jpuJvt.is-hiding-avatar, .hsds-beacon .jpuJvt.is-avatar-shown {
    background-color: transparent;
}

.hsds-beacon .jpuJvt.is-showing-avatar::after, .hsds-beacon .jpuJvt.is-hiding-avatar::after, .hsds-beacon .jpuJvt.is-avatar-shown::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset;
    border-radius: 200px;
    overflow: hidden;
}

.hsds-beacon .jpuJvt.is-hiding-fab, .hsds-beacon .jpuJvt.is-hiding-avatar {
    animation-name: hidingElement;
}

.hsds-beacon .jpuJvt.is-showing-fab, .hsds-beacon .jpuJvt.is-showing-avatar {
    animation-name: showingElement;
}

.hsds-beacon .jpuJvt.is-fab-shown, .hsds-beacon .jpuJvt.is-avatar-shown {
    transform: scale(1);
}

.hsds-beacon .jpuJvt:focus {
    outline: none;
}

.hsds-beacon .jpuJvt::before {
    content: "";
    border-radius: var(--focusRingRadius);
    bottom: var(--focusRingOffset);
    box-shadow: var(--focusRingShadow);
    left: var(--focusRingOffset);
    pointer-events: none;
    position: absolute;
    right: var(--focusRingOffset);
    top: var(--focusRingOffset);
    opacity: 0;
    background: transparent;
    z-index: 3;
}

.hsds-beacon .jpuJvt:focus::before, .hsds-beacon .jpuJvt.is-focused::before {
    opacity: 1;
}

.hsds-beacon .jpuJvt:focus:not(:focus-visible)::before {
    opacity: 0;
}

.hsds-beacon .jpuJvt:focus-visible::before {
    transition: opacity 0.2s;
    opacity: 1 !important;
}

.hsds-beacon .jpuJvt:active {
    cursor: pointer;
    transform: scale(0.96);
}

@-webkit-keyframes hidingElement {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.2);
    }
}

@keyframes hidingElement {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.2);
    }
}

@-webkit-keyframes showingElement {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes showingElement {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.hsds-beacon .kTRost {
    position: absolute;
    top: 0px;
    height: 60px;
    width: 60px;
    pointer-events: none;
    z-index: -1;
}

.hsds-beacon .kTRost.position-left {
    left: 0px;
}

.hsds-beacon .kTRost.position-right {
    right: 0px;
}

.hsds-beacon .kTRost.is-showing-avatar, .hsds-beacon .kTRost.is-hiding-avatar, .hsds-beacon .kTRost.is-avatar-shown {
    display: none;
}

.hsds-beacon .kTRost svg {
    fill: rgb(48, 77, 219);
}

.hsds-beacon .gzrMMT {
    color: white;
    cursor: pointer;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0px;
    pointer-events: none;
    position: absolute;
    text-indent: -99999px;
    top: 0px;
    transition: opacity 80ms linear, transform 160ms linear;
    width: 60px;
    will-change: opacity, transform;
    animation-delay: 25ms;
    animation-duration: 225ms;
    animation-fill-mode: forwards;
    opacity: 1 !important;
    transform: rotate(0deg) scale(1) !important;
}

.hsds-beacon .gzrMMT path {
    fill: currentcolor;
}

.hsds-beacon .gzrMMT mask path {
    fill: white;
}

.hsds-beacon .gzrMMT path.line-path {
    fill: transparent;
    stroke: currentcolor;
}

.hsds-beacon .gzrMMT.c-FabButton__icon--close path {
    stroke: currentcolor;
    fill: none;
}

.hsds-beacon .gzrMMT.is-showing-avatar, .hsds-beacon .gzrMMT.is-hiding-avatar, .hsds-beacon .gzrMMT.is-avatar-shown {
    display: none;
}

.hsds-beacon .gzrMMT.is-hiding-fab {
    animation-delay: 0ms;
    animation-direction: normal;
    animation-name: animationIcon;
}

.hsds-beacon .gzrMMT.is-showing-fab {
    animation-direction: reverse;
    animation-name: animationIcon;
}

@-webkit-keyframes animationIcon {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.05);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes animationIcon {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.05);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0);
    }
}

.hsds-beacon .eIeKTD {
    color: white;
    cursor: pointer;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0px;
    opacity: 0;
    transform: rotate(30deg) scale(0);
    pointer-events: none;
    position: absolute;
    text-indent: -99999px;
    top: 0px;
    transition: opacity 80ms linear, transform 160ms linear;
    width: 60px;
    will-change: opacity, transform;
    animation-delay: 25ms;
    animation-duration: 225ms;
    animation-fill-mode: forwards;
}

.hsds-beacon .eIeKTD path {
    fill: currentcolor;
}

.hsds-beacon .eIeKTD mask path {
    fill: white;
}

.hsds-beacon .eIeKTD path.line-path {
    fill: transparent;
    stroke: currentcolor;
}

.hsds-beacon .eIeKTD.c-FabButton__icon--close path {
    stroke: currentcolor;
    fill: none;
}

.hsds-beacon .eIeKTD.is-showing-avatar, .hsds-beacon .eIeKTD.is-hiding-avatar, .hsds-beacon .eIeKTD.is-avatar-shown {
    display: none;
}

.hsds-beacon .eIeKTD.is-hiding-fab {
    animation-delay: 0ms;
    animation-direction: normal;
    animation-name: animationIcon;
}

.hsds-beacon .eIeKTD.is-showing-fab {
    animation-direction: reverse;
    animation-name: animationIcon;
}

@-webkit-keyframes animationIcon {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.05);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes animationIcon {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.05);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0);
    }
}

.hsds-beacon .gGueFS {
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    width: 60px;
    height: 60px;
    pointer-events: none;
    border-radius: 200px;
    opacity: 0;
    background-color: transparent !important;
}

.hsds-beacon .gGueFS.is-showing-avatar, .hsds-beacon .gGueFS.is-hiding-avatar, .hsds-beacon .gGueFS.is-avatar-shown {
    opacity: 1;
}

.pm-flyout-list
{
    bottom: 100px;
    right: 20px;
    left: initial;
    position: fixed;
    min-height: 150px;
    border-radius: 10px;
    overflow: hidden;
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
    display: block;
    z-index: 1050;
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.pm-flyout-wrapper {
    background-color: #f9fafa;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    /*height: 100vh;  */
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 200px;
    width: 100%;
    padding: 15px;
}

.pm-flyout-item-a
{
    padding: 12px 20px;
    margin: 0px 0px 7px;
    border-radius: 6px;
    
    box-shadow: rgba(49, 67, 81, 0.04) 0px 4px 10px 1px, rgba(49, 67, 81, 0.1) 0px 2px 3px 0px, rgba(49, 67, 81, 0.08) 0px 1px 0;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    
    background-color: rgb(255, 255, 255);
    transition: 0.16s;
    will-change: box-shadow;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
    color: currentcolor;
    text-decoration: none;
    border: 1px solid #d8cdcd;
}

.pm-flyout-item-a:hover
{
    background-color: #f2f2f2;
    border: 1px solid #bdade8;
}

.pm-item-text
{
    flex: 1 1 0%;
    max-width: 100%;
    min-width: 0px;
    margin-left: 16px;
    line-height: 20px;
    padding-right: 20px;
    font-size: 14px;
}

.pm-icon-wrapper
{
    position: relative;
    width: 46px;
    height: 46px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    
}

.pm-icon-wrapper svg 
{
    color: white;
    margin-right: -1px;
    z-index: 1;
}

.idArqR {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.idArqR path {
    fill: rgba(194, 133, 255, 0.2);
}

.bYUrca {
    width: 34px;
    height: 34px;
    left: 2px;
    top: 2px;
    position: absolute;
    background: transparent;
}

.bEYOnH {
    position: relative;
    height: 40px;
    width: 40px;
    background: transparent;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.bouPWI {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

.bouPWI path {
    fill: #304ddb;
}

.banner {

}

.banner img {
    width:100%
}

/*top selenium - promo*/
@media (max-width: 992px) {
    .desktop1\:hidden {
        display: none;
    }
}
.selenium
{
    z-index: 1000;
    position: relative;
    background: linear-gradient(270deg, rgb(33 150 243) 0%, rgb(5 7 20) 50%, rgb(33 150 243) 100%);
}
.container__selenium {
    margin-left: auto;
    margin-right: auto;
}

.banner_selenium
{
    
    padding-top: 12px;
    padding-bottom: 12px;
}
.banner_selenium_container
{
    letter-spacing: .05em;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align:center;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    display: flex;
}
.banner_selenium_container a
{
    color:inherit;
    font-weight: 700;
    display: flex;
    align-items: center;
    border-radius: .375rem;
    background-color: transparent;
}
.banner_selenium_container a span
{
    margin: 0px 5px;
    color: #c0cbf1;
    font-weight: 800;
}

.banner_selenium_container a:hover {
    text-decoration: underline;
}

.banner_selenium_container img
{
    max-width: 100%;
    height: auto;
}

.banner_line
{
    width: 140px;
    display: inline-block;
    height: 1px;
}
@media (min-width: 583px) {
    .banner_selenium_container a.mobile\:hidden {
        display: none;
    }
}

@media (max-width: 582px) {
    .banner_selenium_container a.desktop\:hidden {
        display: none;
    }
                
    .banner_selenium_container .banner_line{
        width: 35px;
    }
}

.ml-10 {
    margin-left: 10px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-5 {
    margin-right: 5px;
}
.ml-5 {
    margin-left: 5px;
}
.w-20 {
    width: 20px;
}

.box_wrapper .dd_ {
    padding: 0px;
    background-color: initial;
    border-left: none;
    justify-content: space-between;
    column-gap: 5px;
    row-gap: 20px;
}

.box_wrapper .dd_ li {
    flex-basis: 32%;
    margin: 0px;
}

.feed-list .banner1 {
    width: 32%;
    padding: 1rem;
    margin: 0;
    text-align:center;
}

.feed-list .banner1 a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.feed-list {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0px 35px 0px;
}

.feed-footer {
    text-align: center;
    width: 100%;
    color: black;
    font-weight: 600;
    padding: 10px;
    background-color: #f0e6dd;
    margin-top: 10px;
    border-radius: 10px;
    border: 1px solid #dec1c1;
}

.feed-footer a {color:navy; font-weight: 700;}

@media (max-width: 583px) {
    .feed-list .banner1 {
        width: 100%;
    }
    .feed-list {row-gap: 20px;}
}

.banner1 {
    border: 1px solid #cfbfbf;
    margin: 1rem 2rem;
    border-radius: 10px;
    position: relative;
}
.banner1 .price{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #352f79eb;
    padding: 4px 8px;
    border-radius: 0px 10px 0px 10px;
    color: white;
    font-size: 12px;
}


.floating-offer1 {

    align-items: center;
    /* background-color: #260d5b; */
    border: 1px solid #9a5d45;
    border-radius: 12px;
    bottom: -50px;
    display: flex !important;
    height: 65px;
    justify-content: center;
    /* padding: 1px; */
    position: fixed;
    right: 40px;
    transition: .1s ease;
    visibility: hidden;
    width: 380px;
    z-index: 8999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    overflow: hidden;
        flex-direction: column;
}

.floating-offer1.show {
    bottom: 50px;
    visibility: visible;
}

.floating-offer.show {
    /* bottom: 40px; */
    visibility: visible;
    -webkit-transform: translatex(0) !important;
    -ms-transform: translatex(0) !important;
    transform: translatex(0) !important;
}
.floating-offer {
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #7b7bc0;
    border-radius: 12px;
    bottom: 15px;
    display: flex !important;
    justify-content: center;
    
    position: fixed;
    right: 0;
    transition: .1s ease;
    visibility: hidden;
    width: 375px;
    z-index: 8999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    overflow: hidden;
    -webkit-transform: translatex(100%);
    -ms-transform: translatex(100%);
    transform: translatex(100%);
    transition: 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
    padding: 20px;
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    flex-direction: column;
    box-shadow: 0 0 1px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .2);
}

.no-slider {
    align-items: center;
    background-color: #ffffff;
    display: flex;
    height: 100%;
    width: 100%;
}

.no-slider .icon,
.no-slider .info-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.no-slider .icon {
    background-image: url(https://cdn.maxlife.ro/images/ml_products/img_202307101249/172841/full/guru-cutie-pt-momeala-0-57l-green-250011.png);
    height: 100%;
    margin-left: 10px;
    width: 40px;
}
.no-slider .info-icon {
    background-image: url(https://tazz-webstatic.akamaized.net/build/media/svg/genius-info.7a1d5446.svg);
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.no-slider .text {
    color: #f0005b;
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}


/***/
#check-also-box {
    /* position: fixed; */
    background-color: #ffffff;
    /* z-index: 999; */
    /* bottom: 15px; */
    /* right: -1px; */
    /* -webkit-transform: translatex(100%); */
    -ms-transform: translatex(100%);
    /* transform: translatex(100%); */
    /* width: 340px; */
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /* transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; */
    /* border-radius: 2px; */
    /* border-top-right-radius: 0; */
    /* border-bottom-right-radius: 0; */
    /* transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; */
}

#check-also-box.show-check-also {
    -webkit-transform: translatex(0) !important;
    -ms-transform: translatex(0) !important;
    transform: translatex(0) !important;
}

.the-global-title{
    position: relative;
    font-size: 17px;
    padding: 0 0 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    width: 100%;
}

.the-global-title:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -5px;
    left: 0;
    border-left: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #2c2f34;
}
.the-global-title:after{
    content: "";
    background: #2c2f34;
    width: 40px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.widget-title .the-subtitle {
    font-size: 15px;
    min-height: 15px;
}
.post-widget-thumbnail {
    position: relative;
}
.post-widget-body 
{
    padding: 0px 15px;
}
.post-thumb {
    position: relative;
    height: 100%;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: opacity 0.2s;
    display: flex;
    border-radius: 8px;
    align-items: center;
    background-color: #f4f4f4;
}
.post-img
{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.post-widget-thumbnail img.tie-small-image, 
.post-widget-thumbnail img.size-thumbnail{
    width: 90px;
}
.is-lazyload .lazy-img {
    will-change: opacity;
}
.post-thumb img {
    width: 40%;
    flex: 0 0 40%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.post-widget-body .post-title 
{
    font-size: 15px;
    line-height: 1.5;
}


.widget .post-meta {
    margin: 2px 0 0;
    font-size: 11px;
    line-height: 17px;
}

.post-meta, .post-meta a:not(:hover) {
    color: #666;
}
.post-meta {
    margin: 10px 0 8px;
    font-size: 12px;
    overflow: hidden;
}
a.remove {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
}

.post-offers {
    align-items: center;
    background-color: #ffffff;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

a.remove:before {
    content: "\e117";
    font-family: '';
    color: #e74c3c;
    transition: color 0.15s;
}

.widget-post-list{
    
    position: relative;
    display: flex;
    height: 80px;
    align-items: center;
    margin-bottom: 12px;
    padding: 0px;
    border: 1px solid #cec7bc;
    background-color: #f4f4f4;
    border-radius: 5px;
    overflow: hidden;
}

.widget-post-list .post-thumb:hover 
{
    background-color: #fff;
}

.widget-post-list .post-thumb:hover .post-title 
{
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.offer{                    
    border: none;
    padding: 0px;
    background-color: #fff;
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
    height: 90px;
}
.offer .post-thumb img {
    display: block;
    object-fit: cover;
    width: 90px;
    height: 90px;
    flex: 0 0 90px;
    padding: 12px;
    /* transform: scale(.5); */
}
.offer .post-thumb {
    background-color:#fff;
    border: 1px solid #515293;
}

.offer .post-thumb:hover {
    border-color: #000;
}

.offer .post-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
    margin: 2px 0 0;
    line-height: 17px;
}

.offer .btn
{
    padding: 4px 13px;
    font-size: 12px;
}
.offer .price
{
   font-size: 13px;
    font-weight: 600;
    color: #320707;
    background: #d2d2e3ad;
    padding: 3px 7px;
    border-radius: 5px;
}

.offers .heading
{
    margin-bottom: 10px;
}

.offers .footer
{
    text-align: right;
    width: 100%;
    color: black;
    font-weight: 600;
    padding: 10px;
}

.detail_content .posts-list-items {display:flex;column-gap: 10px;align-items: center;}
.detail_content .posts-list-items .offer 
{
    width:49%;
    height: 100px;
}

@media (max-width: 583px) 
{
    .detail_content .posts-list-items  
    {
        row-gap: 15px;
        flex-wrap: wrap;
    }
    .detail_content .posts-list-items .offer  
    {
        width: 100%;
    }
    
}
.detail_content .posts-list-items .offer a {
    font-weight: 600;
    color: #2538bd;
    border: 1px solid #b6b6dc;
}
.detail_content .posts-list-items .offer .post-thumb:hover {
    border-color: #000;
}
.detail_content .offer .post-meta {
    margin: 0;
}

.detail_content .post-widget-body {
    padding: 5px 15px;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

.products .banner1 {
    margin: 0px;
    width: 100%;
}

.products .owl-carousel .owl-item img {
    width: 150px;
}

.products .owl-carousel .owl-item a {
    display: flex;
    align-items: center;
    flex-direction: column;
}



.slider_wrapper.products .owl-theme .owl-nav [class*='owl-']
{
    background: #2196f3;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.slider_wrapper .owl-theme .owl-nav .owl-prev:hover, 
.slider_wrapper .owl-theme .owl-nav .owl-next:hover {
    background: #0b0732;
    color: #fff;
}
.slider_wrapper.sticky .owl-theme .owl-nav
{
    top:20%;
}

.products.sticky .owl-carousel .owl-item a 
{
    align-items: initial;  
}

.products.sticky .owl-carousel .owl-item .title
{
    font-size: 14px;
    color: #4040d4;
    font-weight: 700;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    min-height: initial;
    padding: 0px 0.6rem;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /*display: flex;
    justify-content: center;
    align-items: center;  */
    text-align: center;
}

.products.sticky .owl-carousel .owl-item img {
    width: 60px;
    align-self: center;
    margin: 8px;
}

.products.sticky .owl-carousel .owl-item svg
{
    align-self: center;
    margin: 4px 0px 8px;
    color: #1c2c7f;
    width: 1.3rem;
    height: 1.3rem;
}

.slider_wrapper.sticky .owl-theme .owl-dots{
    display:none;
}

.products.sticky .owl-carousel .owl-item:after {
    position: absolute;
    content: '';
    width: 1px;
    background-color: #fce9e9;
    right: 0px;
    z-index: 111;
    top: 0;
    bottom: 0;
}


.owl-item .hoverImg {
  position: absolute;
  display: none;
  background-color: #00000017;
  width: 100%;
  height: 100%;
}

.owl-item:hover .hoverImg {
  display: block;
}



#SliderSticky
{
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
    background-color: #fff;
    z-index: 10;
    margin-top: 1.25rem;
    border: 1px solid #dae0e2;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .14);
}

.products .title {
    min-height: 50px;
    line-height: 1.6;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

    white-space: normal;
}

.explanation {
    padding: 1rem 1rem 1rem 5rem;
    overflow: hidden;
    position: relative;
}
.explanation:before {
    content: "Nou!";
    font-style: italic;
    font-weight: 700;
    background: #467d13;
    color: #fff;
    padding: .88rem 1rem;
    margin-right: 1rem;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: grid;
    place-items: center;
}

#ez-toc-container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    display: table;
    margin-bottom: 1em;
    padding: 10px 20px 10px 10px;
    position: relative;
    width: auto;
}

.ez-toc-title, .ez-toc-title-toggle {
    display: inline;
    text-align: left;
    vertical-align: middle;
}


#ez-toc-container li, 
#ez-toc-container ul, 
#ez-toc-container ul li
{
    background: 0 0;
    list-style: none;
    line-height: 1.6;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

#ez-toc-container a {
    color: #444;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
}

#ez-toc-container a:hover{text-decoration: underline;}

#ez-toc-container ul.ez-toc-list a {
    color: #5a41bd;
    font-weight: 500;
}

#ez-toc-container .ez-toc-title {
    font-weight: 700;
}

#ez-toc-container li.toc-h3 {
    margin-left: 15px;
}

ul.ez-toc-list a.ez-toc-link {
    padding: 5px 5px 5px 5px;
}

#ez-toc-container ul.ez-toc-list li
{
    list-style-type: none;
}

ul.ez-toc-list ul {margin: 0 0 0 1.5em}


img.note-float-left {
    margin-right: 15px;
}

/**/

.product {
    border: 12px solid #f7f7f7;
    border-radius: 8px;
    padding: 1.5rem;
}

.product .product-link
{
    text-decoration: underline;
    text-underline-offset: 4px;
}
.product .product-awards
{
    position: relative;
    display: inline-block;
    margin: 0. 0 625rem 0;
    padding: .2rem .8rem .1rem;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: Courier;
    color: #298623;
    /* text-transform: uppercase; */
    letter-spacing: .0625rem;
    border: 1px solid #298623;
    align-self: flex-start;
    border-bottom: none;
    border-radius: 8px 8px 0px 0px;
}

.product .product-thumb-wrapper
{
    padding: 0px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    border: 1px solid #5a7728;
    border-radius: 0px 0px 8px 8px;
    margin-bottom: 20px;
}

.product .product-thumb
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1;
    position: relative;
}

.product .product-thumb:after
{
    display:block;
    position:absolute;
    right:0;
    width:1px;
    background-color:black;
    
}

.product .product-meta
{
    display: flex;
    flex-direction:column;
    justify-content: space-evenly;
    align-items: center;
    flex: 1 1;
    height: auto;
    padding: 40px 0px;
    row-gap: 20px;
}

.product .product-price {
    background-color: #ffdfeb;
    border: 1px solid #c1a3a3;
    padding:5px 25px;
    font-size:20px;
    color:red;
    border-radius:8px
}

.product .product-affiliate {
    font-size: 18px;
}

.product .btn {
    padding: 8px 65px;
    font-size: 1rem;
    font-weight: 700;
}

@media (max-width: 768px)
{
    .product
    {
        border: 6px solid #f7f7f7;
        padding: 0.7rem;
    }
    .product .product-thumb-wrapper
    {
        flex-direction: column;  
    }
}

.actions1 {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
    
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
    
    z-index: 10;
    /* margin-top: 1.25rem; */
}