/*----------------------*/
/*   General Styles     */
/*----------------------*/
body {font-family:'Raleway', sans-serif;}
body.offcanvas-active{overflow:hidden;}
body p, body a {color: var(--site-font-color);}
.offcanvas-header{display:none;}
.screen-darken{height:100%;width:0%;z-index: 30;position:fixed;top:0;right:0;opacity:0;visibility:hidden;background-color: rgba(34, 34, 34, 0.6);
	transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;}
.screen-darken.active{z-index:10; transition:opacity .3s ease, width 0s; opacity:1; width:100%; visibility:visible;}
@media all and (max-width: 991px) {
	.offcanvas-header{display:block;}
	.mobile-offcanvas{visibility: hidden;transform:translateX(-100%);border-radius:0;display:block;position: fixed;
	    top: 0; left:0;height: 100%;z-index: 1200;width:80%;overflow-y: scroll;overflow-x: hidden;
	    transition: visibility .3s ease-in-out, transform .3s ease-in-out;}
	.mobile-offcanvas.show{visibility: visible; transform: translateX(0);}
	.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{display: block;}
	.main-navbar-btn {background: var(--main-menu-btn-bg); margin:0px 2px; color: white; margin-bottom: 5px;}
}

.btn-of {background: var(--site-btn-bg) !important; color: var(--site-btn-font-color) !important;}
.btn-of:hover {background: var(--site-btn-bg) !important; color: var(--site-btn-font-color) !important;}
.btn-of-sm {background: var(--site-btn-bg) !important; color: var(--site-btn-font-color) !important; padding: 2px 5px;
    font-size: 10px; border-radius: 4px; border: 1px solid #c1c1c1;}
.btn-of-sm-active {background: green !important; color: var(--site-btn-font-color) !important; padding: 2px 5px;
    font-size: 10px; border-radius: 4px; border: 1px solid #c1c1c1;}
.btn-of-sm-inactive {background: grey !important; color: var(--site-btn-font-color) !important; padding: 2px 5px;
    font-size: 10px; border-radius: 4px; border: 1px solid #c1c1c1;}
.breadcrumbs {background: var(--breadcrumb-background); padding: 10px; color: var(--breadcrumb-font-color);}
.breadcrumbs h2 {padding: 0px !important; margin:0px !important;}
.breadcrumbs-text-right p { padding: 0px !important; margin: 0px !important;}

.footer-area {padding: 40px 0; background: #f1f1f1;}
.footer-content {display: block; overflow: hidden; margin-bottom: 20px;}
.footer-logo {padding-bottom: 20px;}
.footer-icons {margin-top: 30px;}
.footer-icons ul li a {border: 1px solid #444; color: #444; display: block; font-size: 16px; height: 40px; line-height: 38px;
    margin-right: 5px; text-align: center; width: 40px; border-radius: 50%;}
.footer-area ul {list-style: outside none none; margin: 0; padding: 0;}
.footer-area ul li {display: inline-block;}
.footer-area p {margin: 0 0 15px; color: #444;}
.footer-head h4 {color: #444; font-size: 16px; letter-spacing: 2px; padding-bottom: 10px; text-transform: uppercase;}
.footer-area a {transition: all 0.3s ease 0s; text-decoration: none;}
.footer-area img {max-width: 100%; height: auto;}
.footer-head p {color: #444;}
.footer-info p span {color: var(--icons-color); font-weight: 700;}

.section-headline>h2 {margin-bottom:25px;}
.section-headline h2 {display: inline-block; font-size: 30px; font-weight: 600; margin-bottom: 30px; position: relative; text-transform: capitalize;}
.section-headline h2::after {border: 1px solid #333; bottom: -10px; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40%;}

/* CKEditor5 styles Starts */
.image-style-align-right {float: right;}
.image-style-block-align-right {display: inline-block; float: right;}
figure.image_resized {clear: both; display: table; margin: 0.9em auto; min-width: 50px; text-align: center;}
figure.image-style-side {float: right;}
figure img {width: inherit; max-width: 100%;}
figure.table table {border: 1px solid #c3c3c3; width: 100%;}
figure.table td {border: 1px solid #c3c3c3; }
.news-list-detail blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em;
}
/* CKEditor5 styles s */
/*------------------------------*/
/*      Menu and header styles  */
/*------------------------------*/

.logo-mobile {max-height: 44px; max-width: 80%; padding: 10px 0px;}
.logo-main-menu {max-height: 40px; /*max-width: 80%;*/ max-width: 300px;}

.main-navbar {background: var(--main-menu-bg); transition:0.2s; border-bottom: 1px solid #dbdbdb;}
.main-navbar ul {top: -50px;}
.main-navbar ul li a {color: var(--main-menu-font-color); font-weight: 500;}
.main-navbar ul li ul li a {color: var(--main-menu-btn-font-color) !important;}
.main-navbar ul .dropdown-menu {border-radius: 0px; border: 0px; border-top: 2px solid var(--main-menu-font-color);}
.main-navbar .dropdown-menu {background: var(--main-menu-btn-bg);}
.main-navbar-btn {background: var(--main-menu-btn-bg); margin:0px 2px; color: var(--main-menu-btn-font-color) !important; border: 1px solid #cbcbcb;}
.main-navbar-btn:hover {background: var(--main-menu-btn-bg); margin:0px 2px; color: var(--main-menu-btn-font-color) !important; border: 1px solid #cbcbcb;}
.main-navbar-sticky {background: var(--main-menu-sticky-bg); /*box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);*/}
.main-navbar-sticky ul li a {color: var(--main-menu-sticky-font-color) !important;}

.mobile-menu {background: var(--mobile-menu-bg);}
.mobile-menu-trigger {float: right; padding: 10px;}
.mobile-menu-sidebar {background: var(--mobile-menu-sidebar-bg) !important;}
.mobile-menu-sidebar ul li a {color: var(--main-menu-font-color) !important;}

.front-menu-search {border: 1px solid #efefef; border-radius: 35px; padding: 5px 8px !important; font-size: 13px; margin: 4px;}
.front-right-menu-dd:nth-last-child(2) .dropdown-menu {left: -80px !important;}
.front-right-menu-dd:last-child .dropdown-menu {left: -116px !important;}
.menu-image-dd-link {padding: 0px !important; margin: 5px !important;}
.menu-image-dd-link {margin-right: 15px !important;}
.menu-image-dd-link::after {position: absolute !important; margin-top: 12px !important; margin-left:6px !important;}
.menu-avatar {width: 30px; height: 30px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}

.modal.fade .modal-dialog {-moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important;
  transition: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important;
  -webkit-transform: none !important; transform: none !important;}
.back-to-top {position: fixed; display: none; background: var(--icons-color); color: #fff; padding: 6px 12px 9px 12px;
    font-size: 16px; border-radius: 2px; right: 15px; bottom: 15px; transition: background 0.5s;}
.login-modal .modal-header {    border-bottom: 0px !important; padding: 10px; margin-bottom: -10px;}
.login-modal .modal-body-container {margin:20px;}
.login-modal .front-form-group {margin-top:20px;}
.login-modal .front-login-btn {width: 100%; background: var(--site-btn-bg); color: var(--site-btn-font-color);}
.login-modal input {padding:0.6rem .6rem !important; border-radius: 0px !important; background: #efefef;}
.login-modal label {font-weight: 600;}
.login-modal a {color: #212529; text-decoration: none; padding: 5px; margin: 15px 12px -5px 12px; display: inline-block;}
.login-modal input[type=checkbox], .login-modal input[type=radio] {display: none;}
.login-modal input[type=checkbox], .login-modal input[type=radio] {border: 1px solid #b4b9be; background: #fff; color: #555; clear: none; cursor: pointer;
    display: inline-block; line-height: 0; height: 16px; margin: -4px 4px 0 0; outline: 0; padding: 0!important; text-align: center;
    vertical-align: middle; width: 16px; min-width: 16px; box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); transition: .05s border-color ease-in-out;}

.search-container {position: relative; display: inline-block; margin: 4px 2px 20px 0px; height: 16px; width: 30px; vertical-align: bottom;}
.searchbutton {position: absolute; margin: 0; padding: 0; cursor: pointer;}
.search:focus + .searchbutton {transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s; background-color: white; color: black;}
.search {
    position: absolute;
    left: 0;
    background-color: white;
    outline: none;
    border: none;
    padding: 0;
    width: 0;
    height: 100%;
    z-index: 10;
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    padding: 15px !important;
    border-top: 0px solid #efefef;
    border-bottom: 0px solid #efefef;
    border-left: 0px solid #efefef;
    border-right: 0px solid transparent;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.search:focus {width: 200px; border: 1px solid #f4f4f4;}
.expandright {left: auto; right: 20px; z-index: -10; background: transparent;}
.expandright:focus {padding: 0 0 0 16px;}

/*----------------------*/
/*----------------------*/
/*----------------------*/
/*  Home Page styles    */
/*----------------------*/
/*----------------------*/
/*----------------------*/

/*--------------*/
/*Banner Styles*/
/*--------------*/
.banner h1, .banner h3, .banner h6 {margin: 0;}
.banner p {font-weight: 500; font-size: 18px;}
.banner {background: var(--main-banner) center center/cover no-repeat; height: var(--main-banner-height); display: flex; align-items: center; 
    padding: 50px; color: var(--main-banner-font-color);}

/*----------------------*/
/*  Home Page Styles    */
/*----------------------*/
.success-items {background: var(--success-stories-bg); padding-bottom: 25px; padding-top: 25px;}
.success-items .owl-item {display: flex; justify-content: center; align-items: center; padding: 0 20px;}
.success-items .owl-item img {width: 100%;}
.success-items .owl-item img:hover {-webkit-filter: none; filter: none; opacity: 1;}
.success-items .owl-carousel .owl-item img {display: block;}
.success-items .owl-carousel .owl-item img {width: 100% !important;}
.success-carousel-item {border:1px solid #dbdbdb; height: 140px; overflow: hidden; position: relative; border-radius: 4px; cursor:pointer;}
.success-carousel-item span {position: absolute; display: block; background: white; width: 100%; opacity: 0.7; padding: 5px; font-weight: 600;
    bottom: -80%; height: 100%; left: 0%; text-align: center; transition: bottom 0.5s ease;}
.success-carousel-item:hover span {bottom: 0%;}
.success-carousel-item p {font-size: 12px;}
.owl-prev {width: 15px; height: 100px; position: absolute; top: 10%; margin-left: -20px !important; display: block !important; border:0px solid black;}
.owl-next {width: 15px; height: 100px; position: absolute; top: 10%; right: -25px; display: block !important; border:0px solid black;}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}

.home-list-section {padding-bottom: 40px; padding-top: 20px; background: var(--latest-activity-home-bg); }
.home-list-item {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px; background: white;
    -webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66);}
.home-list-item-upper {min-height: 186px;}
.home-list-item-corner {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent var(--icons-color) transparent transparent;
    right: -1px; top: -1px; position: absolute;}
.home-list-item-corner svg {right: -40px; position: absolute; top: 4px; color: var(--icons-font-color);}
.home-list-item-image {}
.home-list-item-image img {width: 100%; margin: 10px; border-radius: 4px; border: 1px solid #a2c6fb;}
.home-list-item-percentage-bar {margin: 10px; width: 100%; font-size: 12px; font-weight: 500;}
.home-list-item-percentage-bar .progress-bar {background: var(--progress-bar-color); font-size: 10px; font-weight: bold;}
.home-list-item-content {margin: 10px 0px 0px 0px;}
.home-list-item-content h3 {font-size: 18px;}
.home-list-item-content p {font-size: 14px; font-weight: 500;}
.home-list-item-content a {text-decoration: none;}
.home-list-item-progress {border-top: 1px solid #cccccc;}
.home-list-item-creds {border-top: 1px solid #cccccc; padding: 5px;}
.home-list-item-creds-left {font-size: 12px; font-weight: 550; line-height:2rem;}
.home-list-item-creds-right {font-size: 12px; font-weight: 550; line-height:2rem;}
.home-list-item-creds-right svg {color: var(--icons-color);}
.home-list-item-avatar {width: 30px; height: 30px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.home-list-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px;}
.home-list-item-tags {margin-top: -10px;}
.home-list-item-tag {display: inline-block; font-size: 12px; padding: 2px 4px; border-radius: 9px; color: #212529; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 10px;}

.news-section {background: var(--news-bg); padding-bottom: 30px; padding-top: 30px;}
.news-single {background: white; padding: 15px; border-radius: 5px; min-height: 200px; margin-bottom: 20px; -webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); border: 1px solid #cccccc;}
.news-single a {text-decoration: none; }
.news-btn {background: var(--site-btn-bg); margin:0px 2px; color: var(--site-btn-font-color); border: 1px solid #cbcbcb;}
.news-date {color: var(--site-btn-bg); margin-bottom: 8px;}

.pricing-section {padding-bottom: 30px; padding-top: 30px; background: var(--pricing-bg);}
.pricing-table-list {border: 1px solid #ccc; text-align: center; transition: all 0.4s ease 0s; background: #fff; margin-bottom: 15px; border-radius: 5px;}
.pricing-table-list>h3 {color: #333; font-size: 24px; font-weight: 700; line-height: 25px; padding: 20px 0 10px; text-transform: uppercase; transition: all 0.4s ease 0s;}
.pricing-table-list h3 span {font-size: 16px;}
.pricing-table-list ol {list-style: outside none none; margin: 0; padding: 0 0 25px; height: 247px; width: 100%; overflow: hidden; margin-bottom: 20px;}
.pricing-table-list ol li:first-child {border-top: 1px solid #ccc;}
.pricing-table-list ol li {border-bottom: 1px solid #ccc; color: #666; padding: 12px 15px; position: relative; text-align: left; font-weight: 500;}
.pricing-table-list button {    background: var(--site-btn-bg) none repeat scroll 0 0; border: 1px solid #a7a7a7; color: var(--site-btn-font-color);
    margin-bottom: 20px; padding: 5px 25px; text-transform: uppercase; transition: all 0.4s ease 0s; border-radius: 4px; font-weight: 500;}
.pricing-table-list.active {transition: all 0.4s ease 0s; position: relative; overflow: hidden;}
.pricing-topsale {background: var(--icons-color) none repeat scroll 0 0; color: #fff; font-size: 13px; font-weight: 700; left: -26px;
    padding: 2px 25px; position: absolute; text-transform: uppercase; top: 16px; transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.pricing-package-check {color: var(--icons-color) !important;}

.contact-home {padding-top: 30px; padding-bottom: 30px; background: var(--contact-home-bg);}
.contact-home .section-headline {margin-bottom: 20px;}
.contact-home-single-icon svg {font-size: 24px; border: 1px solid #444; line-height: 40px; border-radius: 50%; padding: 10px 13px;}
.contact-home-form input[type="text"], 
.contact-home-form input[type="email"], 
.contact-home-form input[type="password"], 
.contact-home-form select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 40px; margin-bottom: 16px; padding-left: 20px; width: 100%;}
.contact-home-form textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 140px; padding: 20px; width: 100%;}
.contact-home-form button[type="submit"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; color: #444;
    font-size: 16px; font-weight: 700; margin-top: 8px; padding: 12px 30px; text-transform: uppercase; transition: all 0.3s ease 0s;
    border-radius: 30px;}

/*----------------------*/
/*----------------------*/
/*----------------------*/
/*  Detail Page styles  */
/*----------------------*/
/*----------------------*/
/*----------------------*/
.detail-banner h1, .detail-banner h3, .detail-banner h6 {margin: 0;}
.detail-banner p {font-weight: 500; font-size: 18px;}
.detail-banner {background: var(--detail-banner) center center/cover no-repeat; height: var(--detail-banner-height); display: flex; align-items: center; 
    padding: 50px; color: var(--main-banner-font-color);}

.detail-heading {background: #545454; margin-top: -100px; opacity: 0.8; height: 100px;}
.detail-heading-title {z-index: 47; color: white;}
.detail-heading-submissions {margin: 8px 0px;}

.detail-delivery {background: #f7f7f7; padding: 10px 0px;}
.detail-delivery-content h3 {font-size: 20px;}
.detail-delivery-content-sent-to {background: #efefef; font-size: 12px; font-weight: 600; padding: 10px 0px; border-radius: 4px; border: 1px solid #dfdfdf;
-webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); margin-bottom:10px;}

.detail-sign-petition-form {    border: 1px solid #c3c3c3; padding: 10px; border-radius: 4px; 
    -webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66);} 
.detail-sign-petition-form h3 {font-size: 20px;}
.detail-sign-petition-form input[type="text"], 
.detail-sign-petition-form input[type="email"], 
.detail-sign-petition-form input[type="password"], 
.detail-sign-petition-form select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 40px; margin-bottom: 16px; padding-left: 20px; width: 100%;}
.detail-sign-petition-form textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 140px; padding: 20px; width: 100%;}
.detail-sign-petition-form button[type="submit"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; color: #444;
    font-size: 16px; font-weight: 700; margin-top: 8px; padding: 12px 30px; text-transform: uppercase; transition: all 0.3s ease 0s;
    border-radius: 30px;}
.detail-sign-petition-form .identity {background: #f7f7f7;
    margin: 10px 0px;
    border: 1px solid #cccccc;
    text-align: center;
    border-radius: 4px;}
.detail-sign-petition-form .identity img {width: 40px; height: 40px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}

.detail-content {margin: 20px 0px;}
.detail-content-left {font-weight: 500;}

.detail-signatures {background: #f7f7f7; padding: 20px 0px 20px 0px;}
.detail-signatures-content h3 {font-size: 20px;}
.detail-signature-item {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px; background: white; min-height: 116px;}
.detail-signature-item-image {font-size: 10px; font-weight: bold; padding: 0px 10px; text-align: center;}
.detail-signature-item-image img {margin: 10px 10px; border-radius: 4px; border: 1px solid #a2c6fb;}
.detail-signature-item-avatar {width: 50px; height: 50px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.detail-signature-item-count {margin: 0px 20px;}
.detail-signature-item-date {width: 75px; margin-top: 5px; font-weight: bold !important;}
.detail-signature-item-content {margin: 10px 10px;}
.detail-signature-item-content h3 {font-size: 14px; font-weight: bold;}
.detail-signature-item-content p {font-size: 12px; font-weight: 500;}
.detail-signature-item-date {font-weight: 500;}
.detail-signature-item-creds {border-top: 1px solid #cccccc; padding: 5px;}
.detail-signature-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px;}

.votes-list-items-loader {font-size: 40px; margin-bottom: 10px;}
.signatures-list-items-loader {font-size: 40px; margin-bottom: 10px;}
.comments-list-items-loader {font-size: 40px; margin-bottom: 10px;}

.detail-comments-section {background: var(--news-bg); padding-bottom: 30px; padding-top: 30px;}
.detail-comments-section textarea {margin-bottom: 10px;}
.detail-comments textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 140px; padding: 20px; width: 100%;}
.detail-comment-item {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px; background: white;}
.detail-comment-item-image {font-size: 10px; font-weight: bold; padding: 0px 10px; text-align: center;}
.detail-comment-item-image img {margin: 12px 12px; border-radius: 4px; border: 1px solid #a2c6fb;}
.detail-comment-item-avatar {width: 80px; height: 80px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.detail-comment-item-count {margin: 0px 20px;}
.detail-comment-item-date {margin-top: 5px; margin-bottom:10px; font-weight: bold !important; font-size: 12px;}
.detail-comment-item-content {margin: 10px;}
.detail-comment-item-content h3 {font-size: 16px; font-weight: bold; margin-bottom: -5px;}
.detail-comment-item-content p {font-size: 12px; font-weight: 500; margin-top: 10px;}
.detail-comment-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px;}
.detail-comment-section-form {border: 1px solid #c3c3c3; padding: 10px; border-radius: 4px; margin-bottom: 15px; background: #f7f7f7;}  
.detail-comment-section-form button[type="submit"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; color: #444;
    font-size: 14px; font-weight: 700; margin-top: 0px; padding: 4px 15px; text-transform: uppercase; transition: all 0.3s ease 0s; border-radius: 4px;}

.detail-votes {background: #f7f7f7; padding: 20px 0px 20px 0px;}
.detail-votes-content h3 {font-size: 20px;}
.detail-vote-item {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px; background: white; min-height: 116px;}
.detail-vote-item-image {font-size: 10px; font-weight: bold; padding: 0px 10px; text-align: center;}
.detail-vote-item-image img {margin: 10px 10px; border-radius: 4px; border: 1px solid #a2c6fb;}
.detail-vote-item-avatar {width: 50px; height: 50px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.detail-vote-item-count {margin: 0px 20px;}
.detail-vote-item-date {width: 75px; margin-top: 5px; font-weight: bold !important;}
.detail-vote-item-content {margin: 10px 10px;}
.detail-vote-item-content h3 {font-size: 14px; font-weight: bold;}
.detail-vote-item-content p {font-size: 12px; font-weight: 500;}
.detail-vote-item-date {font-weight: 500;}
.detail-vote-item-creds {border-top: 1px solid #cccccc; padding: 5px;}
.detail-vote-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px;}

.detail-vote-poll-form {    border: 1px solid #c3c3c3; padding: 10px; border-radius: 4px; 
    -webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66);} 
.detail-vote-poll-form h3 {font-size: 20px;}
.detail-vote-poll-form input[type="text"], 
.detail-vote-poll-form input[type="email"], 
.detail-vote-poll-form input[type="password"], 
.detail-vote-poll-form select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 40px; margin-bottom: 16px; padding-left: 20px; width: 100%;}
.detail-vote-poll-form textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 140px; padding: 20px; width: 100%;}
.detail-vote-poll-form button[type="submit"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; color: #444;
    font-size: 16px; font-weight: 700; margin-top: 8px; padding: 12px 30px; text-transform: uppercase; transition: all 0.3s ease 0s;
    border-radius: 30px;}
.detail-vote-poll-form .identity {background: #f7f7f7;
    margin: 10px 0px;
    border: 1px solid #cccccc;
    text-align: center;
    border-radius: 4px;}
.detail-vote-poll-form .identity img {width: 40px; height: 40px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}

.detail-option {}
.detail-option-content h3 {font-size: 20px;}
.detail-option-progress-item {height: 35px; margin-bottom: 10px; position: relative; cursor: pointer; border: 1px solid #c3c3c3; border-radius: 4px;}
.detail-option-progress-item-selected {background: #ababab !important; border: 2px solid #9f9f9f;}
.detail-option-progress-item-title {position: absolute; left: 5px; color: var(--site-font-color); font-weight: 600;}
.detail-option-progress-item-percentage {position: absolute; right: 5px; color: var(--site-font-color); font-weight: 600;}
.detail-option-progress-bar-0 {background: #99e870;}
.detail-option-progress-bar-1 {background: #ff5f57;}
.detail-option-progress-bar-2 {background: #ff994e;}
.detail-option-progress-bar-3 {background: #407bff;}
.detail-option-progress-bar-4 {background: #fff440;}
.detail-option-progress-bar-5 {background: #40fffd;}
.detail-option-progress-bar-6 {background: #fff08c;}
.detail-option-progress-bar-7 {background: #99e870;}
.detail-option-progress-bar-8 {background: #ff5f57;}
.detail-option-progress-bar-9 {background: #ff994e;}
.detail-option-progress-bar-10 {background: #407bff;}
.detail-option-progress-bar-11 {background: #99e870;}
.detail-option-progress-bar-12 {background: #ff5f57;}
.detail-option-progress-bar-13 {background: #ff994e;}
.detail-option-progress-bar-14 {background: #407bff;}
.detail-option-progress-bar-15 {background: #fff440;}
.detail-option-progress-bar-16 {background: #40fffd;}
.detail-option-progress-bar-17 {background: #fff08c;}
.detail-option-progress-bar-18 {background: #99e870;}
.detail-option-progress-bar-19 {background: #ff5f57;}
.detail-option-progress-bar-20 {background: #ff994e;}

/*----------------------*/
/*----------------------*/
/*----------------------*/
/*  List Page styles    */
/*----------------------*/
/*----------------------*/
/*----------------------*/

.list-page-banner {background: var(--list-banner) center center/cover no-repeat; height: var(--list-banner-height); display: flex; align-items: center; 
    padding: 40px; color: var(--main-banner-font-color);}
.list-page-banner h1, .list-page-banner h3, .list-page-banner h6 {margin: 0;}
.list-page-banner p {font-weight: 500; font-size: 18px;}
.list-page-heading-container {background: #545454; margin-top: -82px; opacity: 0.8; padding: 8px 0px 0px 0px;}
.list-page-heading-section {z-index: 47; color: white;}
.list-page-heading-section a {color: white; text-decoration: none; margin: 0px 0px; display: inline-block; padding: 0px 6px;}
.list-page-heading-section a.active {border-bottom: 4px solid var(--icons-color); font-weight: bold;}

.list-page-heading-submissions {margin: 8px 0px;}
.list-page-section {margin-bottom: 40px; margin-top: 20px;}
.list-page-item {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px;
    -webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); background: white;}
.list-page-item-corner {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent var(--icons-color) transparent transparent;
    right: -1px; top: -1px; position: absolute;}
.list-page-item-corner svg {right: -40px; position: absolute; top: 4px; color: var(--icons-font-color);}
.list-page-item-image {}
.list-page-item-image img {width: 100%; margin: 10px; border-radius: 4px; border: 1px solid #a2c6fb;}
.list-page-item-percentage-bar {margin: 10px; width: 100%; font-size: 12px; font-weight: 500;}
.list-page-item-percentage-bar .progress-bar {background: var(--progress-bar-color); font-size: 10px; font-weight: bold;}
.list-page-item-content {margin: 10px 0px;}
.list-page-item-content h3 {font-size: 18px;}
.list-page-item-content p {font-size: 14px; font-weight: 500;}
.list-page-item-content a {text-decoration: none; color: var(--site-headings-color);}
.list-page-item-progress {border-top: 1px solid #cccccc;}
.list-page-item-creds {border-top: 1px solid #cccccc; padding: 5px;}
.list-page-item-creds-left {font-size: 12px; font-weight: 550; line-height:2rem;}
.list-page-item-creds-right {font-size: 12px; font-weight: 550; line-height:2rem;}
.list-page-item-creds-right svg {color: var(--icons-color);}
.list-page-item-avatar {width: 30px; height: 30px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.list-page-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px; margin-bottom: 10px;}

.list-page-item-tags {}
.list-page-item-tag {display: inline-block; font-size: 12px; font-weight: 600 !important; padding: 6px 10px; border-radius: 20px; color: #525252; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 8px; cursor: pointer;}
.list-page-item-tag.checked {background: var(--site-btn-bg); color: var(--site-btn-font-color);}
.list-page-item-tag svg {color:var(--icons-color);}
.list-page-item-tag.checked svg {color:var(--site-btn-font-color);}

.list-page-item-tags-in {margin-top: -10px;}
.list-page-item-tag-in {display: inline-block; font-size: 12px; padding: 2px 4px; border-radius: 9px; color: #212529; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 10px;}

.list-page-type-selector {width: 100%; border: 1px solid #cccccc; margin-bottom: 10px; border-radius: 4px;}
.list-page-type-selector .btn-all {}
.list-page-type-selector .btn-petitions {border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
.list-page-type-selector button.active {background: var(--icons-color); color: var(--icons-font-color); font-weight: bold;}
.list-page-search-form {margin-bottom: 10px;} 
.list-page-search-form input { border:1px solid #cccccc; border-radius: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 0px;} 
.list-page-search-form button { border:1px solid #cccccc; border-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 0px; } 

.campaigns-list-page-item-not-found {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px;
    padding: 6px; text-align: center;}
.campaigns-list-items-loader {font-size: 40px; margin-bottom: 10px;}
.campaigns-list-page-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px; margin-bottom: 10px;}
.campaigns-list-page-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px; margin-bottom: 10px;}

/*----------------------*/
/*----------------------*/
/*----------------------*/
/* Contact Page styles  */
/*----------------------*/
/*----------------------*/
/*----------------------*/

.contact-page {padding-top: 30px; padding-bottom: 30px; background: var(--contact-page-bg);}
.contact-page .section-headline {margin-bottom: 20px;}
.contact-page-single-icon svg {font-size: 24px; border: 1px solid var(--icons-color); line-height: 40px; border-radius: 50%; padding: 10px 13px; color: var(--icons-color);}
.contact-page-form input[type="text"], 
.contact-page-form input[type="email"], 
.contact-page-form input[type="password"], 
.contact-page-form select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 40px; margin-bottom: 16px; padding-left: 20px; width: 100%;}
.contact-page-form textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 140px; padding: 20px; width: 100%;}
.contact-page-form button[type="submit"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; color: #444;
    font-size: 16px; font-weight: 700; margin-top: 8px; padding: 12px 30px; text-transform: uppercase; transition: all 0.3s ease 0s;
    border-radius: 30px;}

.contact-page-map iframe {width: 100%; height: 300px;}

.contact-page-banner h1, .contact-page-banner h3, .contact-page-banner h6 {margin: 0;}
.contact-page-banner p {font-weight: 500; font-size: 18px;}
.contact-page-banner {background: var(--contact-page-banner) center center/cover no-repeat; height: var(--contact-page-banner-height); display: flex; align-items: center; 
   color: var(--main-banner-font-color); position: relative;}

.contact-page-heading {background: #545454; opacity: 0.8; padding: 10px 0px 0px 0px; width: 100%; position: absolute; bottom: 0;}
.contact-page-heading-title h2, .contact-page-heading-title p {color: white;}
.contact-page-heading-submissions {margin: 8px 0px;}

/*---------------------------*/
/*---------------------------*/
/*---------------------------*/
/* Account Area Page styles  */
/*---------------------------*/
/*---------------------------*/
/*---------------------------*/

.account-page-banner h1, .account-page-banner h3, .account-page-banner h6 {margin: 0;}
.account-page-banner p {font-weight: 500; font-size: 18px;}
.account-page-banner {background: var(--account-page-banner) center center/cover no-repeat; height: var(--account-page-banner-height); 
    align-items: center; color: var(--account-page-banner-font-color); position: relative;}

.account-page-heading {background: #545454; opacity: 0.8; padding: 10px 0px 0px 0px; width: 100%; position: absolute; bottom: 0;}
.account-page-heading-title a {margin-top: 5px;}
.account-page-heading-title h2, .account-page-heading-title p {color: white; display: inline-block; float: left;}
.account-page-heading-submissions {margin: 8px 0px;}

.account-detail-container {background: #f9f9f9; padding-top: 20px; padding-bottom: 20px;}
.account-detail-left-1 {background: white; border-radius: 5px; border: 1px solid #efefef; margin-bottom: 15px;}
.account-detail-left-1 ul {padding: 0px;}
.account-detail-left-1 li {list-style: none; border-bottom: 1px solid #f1f1f1;}
.account-detail-left-1 li:first-child a {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.account-detail-left-1 li a {color: inherit; display: block; padding: 10px; text-decoration: none; font-weight: 500;}
.account-detail-left-1 li a.active {background: var(--site-btn-bg); color: var(--site-btn-font-color);}
.account-detail-right-1 {background: white; padding: 10px; border-radius: 5px; border: 1px solid #efefef;}
.account-detail-right-1 form .form-group {margin-bottom: 10px;}
.account-detail-right-1 form label {margin-bottom: 10px; font-weight: 500;}
.account-detail-right-1 form input[type="text"], .account-detail-right-1 form input[type="password"], .account-detail-right-1 form input[type="number"], 
.account-detail-right-1 select, .account-detail-right-1 form input[type="date"], .account-detail-right-1 form textarea {
    border-radius: 0px; background: #fbfbfb;}
.account-detail-right-1 form small {font-size: 12px;}
.account-detail-right-1 form .form-group {margin-bottom: 10px;}

.select2-container--default .select2-selection--multiple {
    background-color: #fbfbfb !important;
    border: 1px solid #ced4da !important;
    border-radius: 0px !important;
}

.participation-page-item {border: 1px solid #efefef; border-radius: 4px; position: relative; margin-bottom: 20px; background: white;}
.participation-page-item-corner {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent var(--icons-color) transparent transparent;
    right: -1px; top: -1px; position: absolute;}
.participation-page-item-corner svg {right: -40px; position: absolute; top: 4px; color: var(--icons-font-color);}
.participation-page-item-image {}
.participation-page-item-image img {width: 100%; margin: 10px; border-radius: 4px; border: 1px solid #a2c6fb;}
.participation-page-item-percentage-bar {margin: 10px; width: 100%; font-size: 12px; font-weight: 500;}
.participation-page-item-percentage-bar .progress-bar {background: var(--progress-bar-color); font-size: 10px; font-weight: bold;}
.participation-page-item-content {margin: 10px 0px;}
.participation-page-item-content h3 {font-size: 18px; margin-bottom : 0px;}
.participation-page-item-content p {font-size: 14px; font-weight: 500;}
.participation-page-item-content a {text-decoration: none; color: var(--site-headings-color);}
.participation-page-item-creds {border-top: 1px solid #efefef; padding: 5px;}
.participation-page-item-creds-left {font-size: 12px; font-weight: 550; line-height:2rem;}
.participation-page-item-creds-right {font-size: 12px; font-weight: 550; line-height:2rem;}
.participation-page-item-creds-right svg {color: var(--icons-color);}
.participation-page-item-avatar {width: 30px; height: 30px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.participation-page-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px; margin-bottom: 10px;}
.participation-page-item-tags {font-weight: bold;}
.participation-page-item-tag {display: inline-block; font-size: 12px; padding: 6px 10px; border-radius: 20px; color: #525252; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 8px;}
.participation-page-item-tag svg {color:var(--icons-color);}
.participation-page-item-tags-in {margin-top: -10px;}
.participation-page-item-tag-in {display: inline-block; font-size: 12px; padding: 2px 4px; border-radius: 9px; color: #212529; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 10px;}

.petitions-list-items-loader {font-size: 40px;}
.account-petition-recipient {padding: 10px; border: 1px solid #cccccc; border-radius: 4px; margin-bottom: 10px; position: relative;}
.account-petition-recipient-item-corner {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent var(--icons-color) transparent transparent;
    right: -1px; top: -1px; position: absolute; cursor: pointer;}
.account-petition-recipient-item-corner svg {right: -40px; position: absolute; top: 4px; color: var(--icons-font-color);}

.polls-list-items-loader {font-size: 40px;}
.account-poll-option {padding: 10px; border: 1px solid #cccccc; border-radius: 4px; margin-bottom: 10px; position: relative;}
.account-poll-option-item-corner {content: ''; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent var(--icons-color) transparent transparent;
    right: -1px; top: -1px; position: absolute; cursor: pointer;}
.account-poll-option-item-corner svg {right: -40px; position: absolute; top: 4px; color: var(--icons-font-color);}
.participations-list-items-loader {font-size: 40px;}

.membership-list-page-item {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px;
    -webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); background: white;}
.membership-list-page-item-content {margin: 10px 10px; position: relative;}
.membership-list-page-item-content h3 {font-size: 18px;}
.membership-list-page-item-content p {font-size: 14px; font-weight: 500;}
.membership-list-page-item-content a {text-decoration: none; color: var(--site-headings-color);}
.membership-list-page-item-progress {border-top: 1px solid #cccccc;}
.membership-list-page-item-creds {border-top: 1px solid #cccccc; padding: 5px;}
.membership-list-page-item-creds-left {font-size: 12px; font-weight: 550; line-height:2rem;}
.membership-list-page-item-creds-right {font-size: 12px; font-weight: 550; line-height:2rem;}
.membership-list-page-item-creds-right svg {color: var(--icons-color);}
.membership-list-page-item-avatar {width: 30px; height: 30px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.membership-list-page-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px; margin-bottom: 10px;}
.membership-list-page-item-not-found {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px;
    padding: 6px; text-align: center;}
.memberships-list-items-loader {font-size: 40px; margin-bottom: 10px;}
.membership-list-page-item-active-badge {position: absolute; top: 0px; right: 0px; background: green; padding: 4px 8px;
    color: white; font-weight: bold; border-radius: 4px; border: 1px solid #cccccc; font-size: 12px;}

.stripe-form input[type="text"], 
.stripe-form input[type="email"], 
.stripe-form input[type="password"], 
.stripe-form select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 40px; margin-bottom: 16px; padding-left: 20px; width: 100%;}
.stripe-form textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 140px; padding: 20px; width: 100%;}
.stripe-form button[type="submit"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; color: #444;
    font-size: 16px; font-weight: 700; margin-top: 8px; padding: 12px 30px; text-transform: uppercase; transition: all 0.3s ease 0s;
    border-radius: 30px;}

.nav-stacked>li {border: 1px solid #f4f4f4; margin: 0; width: 100%; text-align: left; position: relative; margin-bottom: 2px; padding: 0px 0px 0px 10px;}
.nav>li>a {border-radius: 0; border-top: 0; border-left: 3px solid transparent; color: #444; text-decoration: none; font-weight: bold;}
.nav-stacked>li>a>svg {right: 0; position: absolute; top: -6px;}
.nav>li>a {position: relative; display: block; text-decoration: none; text-align: left;}
.apb {padding: 8px; border-radius: 20px;}

.em-selected {background: #64aefe !important;}
.em-both-title {background: #b3b3b3; padding: 3px; font-size: 14px; color: white; border-radius: 3px; border: 1px solid #7c7c7c;
    float: right; margin-right: 10px; cursor: pointer; text-decoration: none;}
.em-box-title {margin-left: 24px;}
.em-box-title a {text-decoration: none; }
.accordion-button {padding: 19px 10px 10px 220px;}
..accordion-item {border: 1px solid #efefef !important;}
.stripe-form {background: white; border: 1px solid #dee2e6; border-radius: 4px; padding: 16px;}
.accordion-header {position: relative;}
.duration-container {position: absolute; z-index: 10; top: 19px; left: 21px;}

/*----------------------*/
/*----------------------*/
/*----------------------*/
/* Register Page styles */
/*----------------------*/
/*----------------------*/
/*----------------------*/

.register {margin-bottom: 40px;}
.register-page-hading {margin: 30px 0px;}

.register-page-banner h1, .register-page-banner h3, .register-page-banner h6 {margin: 0;}
.register-page-banner p {font-weight: 500; font-size: 18px;}
.register-page-banner {background: var(--contact-page-banner) center center/cover no-repeat; height: var(--contact-page-banner-height); 
    display: flex; align-items: center; color: var(--main-banner-font-color); position: relative;}

.register-page-heading {background: #545454; opacity: 0.8; padding: 10px 0px 0px 0px; width: 100%; position: absolute; bottom: 0;}
.register-page-heading-title h2, .register-page-heading-title p {color: white;}

.register-page {padding-top: 30px; padding-bottom: 30px; background: var(--register-page-bg);}
.register-page .section-headline {margin-bottom: 20px;}
.register-page-single-icon svg {font-size: 24px; border: 1px solid #444; line-height: 40px; border-radius: 50%; padding: 10px 13px;}
.register-page-form input[type="text"], 
.register-page-form input[type="email"], 
.register-page-form input[type="password"], 
.register-page-form select {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 40px; margin-bottom: 16px; padding-left: 20px; width: 100%;}
.register-page-form textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; color: #444;
    height: 140px; padding: 20px; width: 100%;}
.register-page-form button[type="submit"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ccc; color: #444;
    font-size: 16px; font-weight: 700; margin-top: 8px; padding: 12px 30px; text-transform: uppercase; transition: all 0.3s ease 0s;
    border-radius: 30px;}

.front-forgot-password-container {margin-top: 30px;}

/*----------------------*/
/*----------------------*/
/*----------------------*/
/* Pricing Page styles  */
/*----------------------*/
/*----------------------*/
/*----------------------*/

.pricing-page-section {padding-bottom: 30px; padding-top: 30px; background: var(--pricing-page-bg);}
.pricing-page-table-list {border: 1px solid #ccc; text-align: center; transition: all 0.4s ease 0s; background: #fff; margin-bottom: 15px; border-radius: 5px;}
.pricing-page-table-list>h3 {color: #333; font-size: 24px; font-weight: 700; line-height: 25px; padding: 20px 0 10px; text-transform: uppercase; transition: all 0.4s ease 0s;}
.pricing-page-table-list h3 span {font-size: 16px;}
.pricing-page-table-list ol {list-style: outside none none; margin: 0; padding: 0 0 0px; height: auto; width: 100%; overflow: hidden; margin-bottom: 20px;}
.pricing-page-table-list ol li:first-child {border-top: 1px solid #ccc;}
.pricing-page-table-list ol li {border-bottom: 1px solid #ccc; color: #666; padding: 12px 15px; position: relative; text-align: left; font-weight: 500;}
.pricing-page-table-list button {background: var(--site-btn-bg) none repeat scroll 0 0; border: 1px solid #a7a7a7; color: var(--site-btn-font-color);
    margin-bottom: 20px; padding: 5px 25px; text-transform: uppercase; transition: all 0.4s ease 0s; border-radius: 4px; font-weight: 500;}
.pricing-page-table-list a {background: var(--site-btn-bg) none repeat scroll 0 0; border: 1px solid #a7a7a7; color: var(--site-btn-font-color);
    margin-bottom: 20px; padding: 5px 25px; text-transform: uppercase; transition: all 0.4s ease 0s; border-radius: 4px; font-weight: 500;}
.pricing-page-table-list.active {transition: all 0.4s ease 0s; position: relative; overflow: hidden;}
.pricing-page-topsale {background: var(--icons-color) none repeat scroll 0 0; color: #fff; font-size: 13px; font-weight: 700; left: -26px;
    padding: 2px 25px; position: absolute; text-transform: uppercase; top: 16px; transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.pricing-page-package-check {color: var(--icons-color) !important;}

.pricing-page-banner h1, .pricing-page-banner h3, .pricing-page-banner h6 {margin: 0;}
.pricing-page-banner p {font-weight: 500; font-size: 18px;}
.pricing-page-banner {background: var(--contact-page-banner) center center/cover no-repeat; height: var(--contact-page-banner-height); 
    display: flex; align-items: center; color: var(--main-banner-font-color); position: relative;}

.pricing-page-heading {background: #545454; opacity: 0.8; padding: 10px 0px 0px 0px; width: 100%; position: absolute; bottom: 0;}
.pricing-page-heading-title h2, .pricing-page-heading-title p {color: white;}

/*----------------------*/
/*----------------------*/
/*----------------------*/
/* News List Page styles*/
/*----------------------*/
/*----------------------*/
/*----------------------*/

.news-list-page-banner {background: var(--list-banner) center center/cover no-repeat; height: 52px; display: flex; align-items: center; 
   color: var(--main-banner-font-color);}
.news-list-page-banner h1, .news-list-page-banner h3, .news-list-page-banner h6 {margin: 0;}
.news-list-page-banner p {font-weight: 500; font-size: 18px;}
.news-list-page-heading-container {background: #545454; margin-top: -52px; opacity: 0.8; padding: 8px 0px 0px 0px;}
.news-list-page-heading-section {z-index: 47; color: white;}
.news-list-page-heading-section a {color: white; text-decoration: none; margin: 0px 0px; display: inline-block; padding: 0px 6px;}
.news-list-page-heading-section a.active {border-bottom: 4px solid var(--icons-color); font-weight: bold;}

.news-list-page-section {margin-bottom: 40px; margin-top: 20px; min-height: 500px;}
.news-list-page-item {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px;
    -webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66);}
.news-list-page-item-not-found {border: 1px solid #cccccc; border-radius: 4px; position: relative; margin-bottom: 20px;
    padding: 6px; text-align: center;}
.news-list-page-item-image {}
.news-list-page-item-image img {width: 100%; margin: 10px; border-radius: 4px; border: 1px solid #a2c6fb;}
.news-list-page-item-content {margin: 10px 0px;}
.news-list-page-item-content h3 {font-size: 18px;}
.news-list-page-item-content p {font-size: 14px; font-weight: 500;}
.news-list-page-item-content a {text-decoration: none; color: var(--site-headings-color);}
.news-list-page-item-avatar {width: 30px; height: 30px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.news-list-page-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px; margin-bottom: 10px;}
.news-list-page-item-tags {}
.news-list-page-item-tag {display: inline-block; font-size: 12px; font-weight: 600 !important; padding: 6px 10px; border-radius: 20px; color: #525252; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 8px; cursor: pointer;}
.news-list-page-item-tag.checked {background: var(--site-btn-bg); color: var(--site-btn-font-color);}
.news-list-page-item-tag svg {color:var(--icons-color);}
.news-list-page-item-tag.checked svg {color:var(--site-btn-font-color);}

.news-list-page-item-tags-in {margin-top: -10px;}
.news-list-page-item-tag-in {display: inline-block; font-size: 12px; padding: 2px 4px; border-radius: 9px; color: #212529; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 10px;}

.news-list-page-search-form {margin-bottom: 10px;} 
.news-list-page-search-form input { border:1px solid #cccccc; border-radius: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 0px;} 
.news-list-page-search-form button { border:1px solid #cccccc; border-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 0px; } 

.news-detail-page-banner {background: var(--list-banner) center center/cover no-repeat; height: 52px; display: flex; align-items: center; 
   color: var(--main-banner-font-color);}
.news-detail-page-banner h1, .news-detail-page-banner h3, .news-detail-page-banner h6 {margin: 0;}
.news-detail-page-banner p {font-weight: 500; font-size: 18px;}
.news-detail-page-heading-container {background: #545454; margin-top: -52px; opacity: 0.8; padding: 8px 0px 0px 0px;}
.news-detail-page-heading-section {z-index: 47; color: white;}
.news-detail-page-heading-section a {color: white; text-decoration: none; margin: 0px 0px; display: inline-block; padding: 0px 6px;}
.news-detail-page-heading-section a.active {border-bottom: 4px solid var(--icons-color); font-weight: bold;}

.news-detail-page-section {margin-bottom: 40px; margin-top: 20px;}
.news-detail-page-item {border: 1px solid #cccccc; border-radius: 4px; position: relative; padding: 10px !important;
    -webkit-box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); box-shadow: 3px 4px 4px -3px rgba(0,0,0,0.66); overflow: auto;}
.news-detail-page-item-image {}
.news-detail-page-item-image img {max-width: 100%; border-radius: 4px; border: 1px solid #a2c6fb;}
.news-detail-page-item-content {margin: 10px 0px;}
.news-detail-page-item-content h3 {font-size: 18px;}
.news-detail-page-item-content p {font-size: 14px; font-weight: 500;}
.news-detail-page-item-avatar {width: 30px; height: 30px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: -5px; border: 1px solid #ededed;}
.news-detail-page-load-more {background: var(--site-btn-bg); color: var(--site-btn-font-color); border-radius: 4px; margin-bottom: 10px;}
.news-detail-page-item-tags {}
.news-detail-page-item-tag {display: inline-block; font-size: 12px; padding: 6px 10px; border-radius: 20px; color: #525252; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 8px;}
.news-detail-page-item-tag svg {color:var(--icons-color);}

.news-detail-page-item-tags-in {margin-top: -10px;}
.news-detail-page-item-tag-in {display: inline-block; font-size: 12px; padding: 2px 4px; border-radius: 9px; color: #212529; font-weight: 500; border: 1px solid #cccccc; margin-bottom: 10px;}

.news-detail-page-search-form {margin-bottom: 10px;} 
.news-detail-page-search-form input { border:1px solid #cccccc; border-radius: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 0px;} 
.news-detail-page-search-form button { border:1px solid #cccccc; border-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 0px; } 

.news-list-items-loader {font-size: 40px; margin-bottom: 10px;}

/*----------------------*/
/*----------------------*/
/*----------------------*/
/*  Site Page styles    */
/*----------------------*/
/*----------------------*/
/*----------------------*/

.site-page-item {}
.site-page-item-content {margin: 10px 0px;}
.site-page-item-content h3 {font-size: 18px;}
.site-page-item-content p {font-size: 14px; font-weight: 500;}

.site-page-banner {background: var(--general-page-banner) center center/cover no-repeat; height: var(--general-page-banner-height); 
    align-items: center; color: var(--main-banner-font-color); position: relative;}
.site-page-banner h1, .site-page-banner h3, .site-page-banner h6 {margin: 0;}
.site-page-banner p {font-weight: 500; font-size: 18px;}

.site-page-heading {background: #545454; opacity: 0.8; padding: 10px 0px 0px 0px; width: 100%; position: absolute; bottom: 0;}
.site-page-heading-title h2, .site-page-heading-title p {color: white;}

/*----------------------*/
/*  Responsive Styles   */
/*----------------------*/

@media (max-width: 768px) {
    .list-page-heading-container {margin-top: -76px;}
    .expandright {right: unset;}
}
@media (max-width: 360px) {
    .home-list-item-image img {margin: 0px !important;}
    .home-list-item-percentage-bar {margin: 10px 0px; padding: 10px;}
    .home-list-item-content {margin: 10px 10px}
    .list-page-item-image img {margin: 0px !important;}
    .list-page-item-percentage-bar {margin: 10px 0px; padding: 10px;}
    .list-page-item-content {margin: 10px 10px}
    .list-page-heading-container {margin-top: -72px;}
    .participation-page-item-image img {margin: 0px !important; border: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
    .participation-page-item-percentage-bar {margin: 10px 0px; padding: 10px;}
    .participation-page-item-content {margin: 10px 10px}
    .news-list-page-item-image img {margin: 0px !important;}
    .news-list-page-item-content {margin: 10px 10px;}
    .news-list-page-heading-container {padding: 17px 0px 0px 0px;}
    .news-detail-page-heading-container {padding: 17px 0px 0px 0px;}
    .expandright {right: unset;}
}
@media (max-width: 640px) {  
    .home-list-item-image img {margin: 0px !important;}
    .home-list-item-percentage-bar {margin: 10px 0px; padding: 10px;}
    .home-list-item-content {margin: 10px 10px}
    .list-page-heading-container {margin-top: -72px;}
    .list-page-item-image img {margin: 0px !important;}
    .list-page-item-content {margin: 10px 10px}
    .list-page-item-percentage-bar {margin: 10px 0px; padding: 10px;}
    .participation-page-item-image img {margin: 0px !important; border: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
    .participation-page-item-percentage-bar {margin: 10px 0px; padding: 10px;}
    .participation-page-item-content {margin: 10px 10px}
    .news-list-page-item-image img {margin: 0px !important;}
    .news-list-page-item-content {margin: 10px 10px;}
    .news-list-page-heading-container {padding: 17px 0px 0px 0px;}
    .news-detail-page-heading-container {padding: 17px 0px 0px 0px;}
    .expandright {right: unset;}
}