@import url('https://fonts.cdnfonts.com/css/avenir-lt-std?styles=15286,15281,15283,15279');


:root {
  --red: #da2267;
  --darkRed: #bc1554;
}

button:focus, input:focus {outline: none;}
.btn:focus {box-shadow: none;}
body {font-size:14px; background: #000; color: #ffffff; font-family: 'Avenir LT Std', sans-serif;}
h1,h2,h3,h4 {font-family: 'Avenir LT Std', sans-serif; font-weight: 600;}
img {max-width: 100%;}
.wrapper {position: relative; }
.container-flude {max-width: 1490px; margin: 0px auto; width: calc(100% - 180px);}
.container {max-width:1170px;width: calc(100% - 100px);}

.header {padding: 25px 0px 2px 0px;margin-bottom: 70px; }
.logo {margin: 10px 0px 10px 0px; max-width: 220px;}
.logo a {display: inline-block; max-width: 100%;}


.headerFix {background:#3f3f3f; transition: all .2s linear;padding: 2px 0px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 11;margin-bottom:0px;}
.headerFix .logo img {max-height:30px;}

.header .container-flude {position: relative;}
.header .col {position: inherit;}
.mainNav {text-align: right;}
.mobileNavBtn:focus {outline: none;box-shadow: none;}
.mobileNavBtn {display: none; border: none; cursor: pointer; margin-top: 5px; float:right; width: 28px; height: 28px;border-radius: 0px; background: none; position: relative; z-index: 99;}
.mobileNavBtn span { width: 100%; left: 0px; top: 9px; height: 3px; background:#ffffff; position: absolute; transition: all 0.3s linear; border-radius: 2px;}
.mobileNavBtn span:nth-child(2) {top: 0px;}
.mobileNavBtn span:nth-child(3) {top: 18px;}
.openNav {overflow: hidden;}
/*.openNav .mobileNavBtn {position: relative; right: 280px;}*/
.openNav .mobileNavBtn span:nth-child(2){display: none;}
.openNav .mobileNavBtn span:nth-child(1){transform:rotate(45deg)}
.openNav .mobileNavBtn span:nth-child(3){transform:rotate(-45deg); top: 9px;}

@media (min-width: 1024px) {
    .navigation {font-size: 16px; font-weight: 300; z-index: 2;}
    .mobileNav {display: none;}
    .navigation>ul {padding: 0px; margin:2px 0px 2px 0px; list-style: none;}
    .navigation>ul>li {display: inline-block; vertical-align: middle; line-height: 1;}
    .navigation>ul>li>a {color: #ffffff; text-decoration: none; padding: 4px 5px; display: inline-block;position: relative;}
    .navigation>ul>li>a:hover {text-decoration: none; color: #ffffff;}

    .navigation>ul>li.iconNav { margin-left:15px;}
    .labalIcon {max-height: 36px;}

    .subMenu {list-style: none;padding:0px 0px 2px 360px; margin:0px 0px 0px 0px; position:absolute; right: 0px; width:100%; top: 99%; text-align: right; background: transparent url(../../images/navigation/sub-menu-img-1.png?1.2) no-repeat top 2px left / auto 26px; display: none;}
    .headerFix .subMenu {background-color: #3f3f3f;padding-bottom: 14px;}
    .headerFix .subMenu:before, .headerFix .subMenu:after {content: ""; position:absolute; top: 0px; left:-50%; height: 100%; width: 50%;background-color: #3f3f3f;}
    .headerFix .subMenu:after {left: inherit; right: -50%;}
    .iconNav:nth-child(2) .subMenu {background-image: url(../../images/navigation/sub-menu-img-2.png?1.2);} 
    .iconNav:nth-child(3) .subMenu {background-image: url(../../images/navigation/sub-menu-img-3.png?1.4);} 
    .iconNav:nth-child(4) .subMenu {background-image: url(../../images/navigation/sub-menu-img-4.png?1.3);} 
    .iconNav:nth-child(5) .subMenu {background-image: url(../../images/navigation/sub-menu-img-5.png?1.3);} 
    .subMenu li {display: inline-block; padding:0px 25px; position: relative;}
    .subMenu li:before {content: ""; width: 5px; height: 5px; background: #ffffff; border-radius: 50%; position: absolute; left: 0px; top: 11px;}
    .subMenu li a {display:block; color: #ffffff; padding: 5px 10px;position: relative;}
    .subMenu li a:hover {text-decoration: none; color:#ffffff;}
    .subMenu li a:hover:before, .subMenu li.active a:before {content: ""; height: 2px; width:70%; position: absolute; bottom: -2px;left: 15%; background:url(../../images/navigation/line.png) no-repeat center / 100% auto;}

    .subMenu li.active a {color:#ffffff;font-weight: 700;}
    .subMenu li:first-child:before {display: none;}
    .subMenu li:last-child {padding-right: 0px;margin-right: -2px;}
}

.navigation>ul>li.iconNav>a {display: inline-block; opacity: 0.5;}
.navigation>ul>li.iconNav>a:hover {opacity: 1;}
.navigation>ul>li.openSubMenu>a {opacity: 1;}

.navigation .iconNav .price {display: inline-block; min-width: 100px;text-align: left;vertical-align: -1px;opacity: 0.5;}
.navigation .iconNav .text {font-size: 16px; vertical-align: top;}
.navigation .iconNav .bunIcon {max-width: 14px; margin: -7px 7px 0px 5px;}
.navigation .iconNav .loadIcon {max-width: 18px;margin: -2px 0px 0px 0px;}
@media (min-width: 1600px) {
    .subMenu li {padding: 0px 35px;}
}
@media (min-width: 1200px) {
    .navigation>ul>li.iconNav {margin-left: 40px; }
    .footer .colD {flex: 0 0 200px;}
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .subMenu li {margin-bottom: 10px;}
}
.navBottom {display: none;}
@media (max-width: 1025px) {
    .mobileNavBtn {display: block;}
    .navMain {text-align: right; position: relative;margin: 7px 15px 3px 0px;display: inline-block;width: 100%;}
    .navigation {position: fixed; top: 0px;width:100%;bottom: 0px;background:#0f1016; z-index: 100; max-height: 100%; overflow-y: auto; right: -105%; transition: right 0.3s linear;  max-width: 280px;}
    .openNav .navigation {right: 0px;}  
    .mobileNav {display: block;}
    .desktopNav {display: none;}
    .navigation>ul {margin: 0px; padding:10px 0px 10px 0px; list-style: none; font-size:16px;min-height: calc(100vh - 110px);}
    .navigation>ul>li {display: block;text-align: left;}
    .navigation>ul>li>a {padding:10px 20px; display: block; color: #ffffff; text-decoration: none;}
    .navigation>ul>li.iconNav>a {display:block; opacity:1;}

    .openNav .overLay {display: block; position: fixed; top: 0px; left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1;}

    .navBottom {text-align: center;background:#0f1016; display: block;}
    .navBottom .img { max-width: 60px;}
    .navBottom .text {color: #66676c;padding:10px 30px 30px 30px;line-height: 1.3;font-size: 12px;}
    .navigation>ul>li.star {left:0px; }
    .navigation>ul>li.star:before {left: 26px; top: 5px;}


    .subMenu {display: none; padding: 3px 5px; background:#282828; }
    .subMenu  ul {list-style: none;padding: 0px; margin: 0px;}
    .subMenu li a {display: block; padding: 9px 16px; text-transform: capitalize; color:#ffffff;font-size: 15px;text-decoration: none; }
    li.star > a:after {border: 1px solid var(--red); border-width: 0 0 2px 2px; content: ""; position: absolute; width:8px; height:8px; transform: rotate(225deg); display: inline-block; right:20px; top:20px;transition: all 0.3s linear; }
    li.star.openSubMenu > a:after {transform: rotate(314deg); }
}


.footer {background:#0f1016; padding:60px 0px 30px 0px;}
.footer h3 {margin: 0px 0px 15px 0px;color: #ffffff; font-size: 18px;}
.footerLink {margin: 0px 0px 20px 0px; list-style: none; padding: 0px;font-size: 16px;}
.footerLink li a {display: inline-block; color: #929292;}
.footerLink .gitIcon {padding-right: 21px; background: url(../../images/navigation/git-icon.png) no-repeat top 2px right / 18px auto;}
.footerLogo {margin: 0px 0px 30px 0px; max-width: 150px;}

.footerSocialIcons {padding: 0px; margin: 0px 0px 20px -5px; list-style: none;}
.footerSocialIcons li {display: inline-block; margin: 0px 0px 0px -2px;}
.footerSocialIcons li a {width: 32px;height: 32px; display: inline-block; font-size: 0px; background: url(../../images/navigation/social-icons.png) no-repeat -2px -4px; vertical-align: top; transition: all 0.1s linear;transform: scale(0.6);}
.footerSocialIcons li a.iconB {background-position:-51px -4px;}
.footerSocialIcons li a.iconC {background-position:-101px -4px;}
.footerSocialIcons li a.iconD {background-position:-149px -4px;}
.footerSocialIcons li a:hover {transform: scale(0.7); }
.footerLogosNew {padding:25px 0px 15px 0px; max-width: 1020px; margin: 0px auto;}
.footerLogosNew .row {align-items: center; justify-content: center;margin-right: -10px; margin-left: -10px;}
.footerLogosNew .col-auto { padding:2px 20px 2px 20px;}
.footerLogosNew img {transition: all 0.2s linear;transform: scale(1); max-height: 50px;}
.footerLogosNew img:hover {transform: scale(1.1);}
.footerText {color: #929292;padding:10px 0px 0px 0px;line-height: 1.3; font-size: 10px; max-width: 900px; margin: 0px auto; text-align: center;}
.footerLeftLogo {margin: 0px 0px 20px 0px;}
.footerLeftLogo a {display: inline-block; max-width: 100%; width: 85px;}



/*parialiment page*/
/*.parliamentBg {background: url(../../images/navigation/parliament-bg.jpg) no-repeat bottom center; min-height:300px; padding-bottom: 100px;}
.parlimentHead {position: relative;color: #929292; padding: 30px 0px 40px 0px;}
.parlimentHead .dateText strong {font-size: 16px; color: #ffffff;}
.parlimentHead .headText {text-align: center;}
.parlimentHead h1 {margin: 0px 0px 5px 0px;}
.parlimentHead .desc {}

.motionItem {position: relative; padding:0px 50px 7px 30px; background:url(../../images/navigation/icon-14.jpg) no-repeat 0px 0px;}
.motionItem .cont {font-size: 16px; color: #ffffff; position: absolute; right: 0px; top: 0px;}
.motionItem:nth-child(2) {background:url(../../images/navigation/icon-15.jpg) no-repeat 2px 2px;}

.parlimentGraph {border:solid 1px #ffffff; border-radius: 10px; padding: 15px; margin-bottom: 50px; text-align: center;}

.currentHouseBox {border:solid 1px var(--red); border-radius: 10px; min-height: 320px; padding:25px 15px; position: relative;text-align: center; margin-bottom: 30px;}
.currentHouseBox:before, .currentHouseBox:after {content: ""; width: 0px; height: 0px; position: absolute; top: calc(50% - 10px); left: 0px; border:solid 10px transparent; border-left-color: var(--red);}
.currentHouseBox:after {left: inherit; right: 0px;border-right-color: var(--red);border-left-color:transparent;}
.currentHouseBox .textA {padding:10px 0px 0px 85px; display: inline-block;background:url(../../images/navigation/upper-house-icon.png) no-repeat 0px 0px; min-height: 80px;}
.currentHouseBox .textA span {color: #929292;}
.currentHouseBox .textA  strong {font-size: 16px; }
.currentHouseBox .aa {font-size: 26px; font-weight: bold; padding: 15px 0px 0px 0px;}
.currentHouseBox .bb {font-size: 16px; font-weight: bold; padding: 10px 0px 30px 0px;}

.whiteBtn {border:none; background: #ffffff; color: #333; padding: 8px 15px; text-decoration: none; border-radius: 7px; display:inline-block;}
.whiteBtn:hover {text-decoration: none; color: #ffffff;background: var(--red);}

.newsList h3 {margin: 0px 0px 5px 0px; font-size: 18px; color:var(--red);}
.newsItem {border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 20px;}
.newsItem .newsTitle {margin: 3px 0px 12px 0px; font-size: 22px; line-height: 1.2; font-weight: 600;}
.newsItem .newImg {margin: 0px 0px 10px 0px;}
.newsItem .newsDesc {margin: 0px 0px 10px 0px;color: #929292;}
.newsItem .newsAct {margin: 0px 0px 15px 0px;text-align: center; position: relative;}
.newsItem .newsAct:before, .newsItem .newsAct:after {content: ""; position: absolute; left: 0px; top: calc(50% - 3px); height: 5px; width: 38px; background: url(../../images/navigation/white-line.png) no-repeat center left;}
.newsItem .newsAct:after {left: inherit; right: 0px; transform: rotate(180deg);}
.newsItem .newsAct a {display: inline; padding: 2px 15px; border-radius: 3px;font-size:18px; font-weight: bold; color: #000; background: var(--red); margin: 0px 3px;}
.newsItem .newsAct .no {background: #ffffff;}
.newsItem .newsAct a:hover {text-decoration: none;}
.newsInfo {display: flex; font-size: 16px;justify-content: space-between;}
.newsInfo span {min-height: 35px;}
.newsInfo .infoA {padding:3px 0px 0px 65px; background: url(../../images/navigation/icon-11.jpg) no-repeat 0px 0px;}
.newsInfo .infoB {padding: 3px 0px 0px 40px; background: url(../../images/navigation/icon-12.jpg) no-repeat 0px 0px;}
.newsInfo .infoC {padding: 3px 0px 0px 40px; background: url(../../images/navigation/icon-13.jpg) no-repeat 0px 0px;}
.newsDate {margin: 0px 0px 5px 0px; color: #929292;}
.newsDate .userImg {vertical-align: bottom; margin-left: 3px;}

.votingHistory {}
.votingHistory h3 {text-align: center; margin: 0px 0px 20px 0px; font-size: 18px; font-weight: bold;}
.votingHistory .table {color: #ffffff;}
.votingHistory .table td {border:none; padding: 8px;}

.iconHeading {position: relative; font-size: 22px; color: #ffffff; margin: 0px 0px 15px 0px; padding-left: 50px;}
.iconHeading .icon {position: absolute; left: 0px; top: -3px;}

.votingBooth {border: solid 1px var(--red); border-radius: 7px; margin-bottom: 50px;overflow-x: auto;}
.votingBooth .table {color: #ffffff;min-width: 900px;}
.votingBooth .table td {border:none; padding: 8px;}
.votingBooth tr:first-child td {border-bottom: solid 1px var(--red);}
.votingBooth td:first-child {padding-left: 30px;}
.votingBooth .fullBtn {width: 118px; text-align: center;}

.btnAct {position: relative;}
.btnAct a {display: inline-block; padding: 0px 15px; border-radius: 3px;font-weight: bold; color: #000; background: var(--red); margin: 0px 3px;}
.btnAct .no {background: #ffffff;}
.btnAct a:hover {text-decoration: none;}

.newsListSec {position: relative;}
.newsListSec h3 {margin: 0px 0px 5px 0px; font-size: 18px; color:var(--red);}
.newsListSec .addBlock {position:absolute; left: 0px; top: 0px;}
.sideAdd {position: sticky; top: 90px;}

.varibleTable {padding: 10px; border-radius: 10px; border:solid 1px #ffffff; overflow-x: auto; margin-bottom: 40px;}
.varibleTable .table {color: #ffffff;min-width: 400px;}
.varibleTable .table td {border:none; padding: 8px; color: #929292;}
.varibleTable .table th {border:none;}
.varibleTable .bottomText {color: #929292; font-size: 12px; padding: 8px;}
.varibleTable .bottomText strong {color: #ffffff;}

.creationMotionBox {padding:30px 25px 20px 25px; border-radius: 10px; border:solid 1px var(--red);min-height: 540px;}
.inputBox {margin: 0px 0px 20px 0px;}
.inputBox .input {border:solid 1px #ffffff; color: #ffffff; padding: 8px 10px;border-radius: 5px; background: #000; width: 100%;}
.inputBox textarea.input {resize: none; height: 100px;}
.inputLabel {color: #929292; margin: 0px 0px 2px 0px;}
.inputFileBtn {background: #cccccc; width: 100%; display: inline-block; padding: 3px 10px; font-size: 16px; border-radius: 5px; color: #000; text-align: center; cursor: pointer;}

.btnRow {text-align: center; padding: 15px 0px 5px 0px;}
.redBtn {background: var(--red); border-radius: 5px; padding: 5px 10px; display: inline-block; border:none; color: #ffffff;}
.inputRange {padding:15px 0px 5px 0px;}
.inputRange input {-webkit-appearance: none; width: 100%; height:5px; background: #929292; outline: none; }
.inputRange input::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 8px; height: 20px; background: #ffffff; cursor: pointer; }
.inputRange input::-moz-range-thumb {width: 8px; height: 20px; background: #ffffff; cursor: pointer; }
.rantText {font-style:italic; color: #929292; font-size: 12px;}*/






@media (max-width: 1199px) {
    .newsListSec .col-auto {display: none;}
}
.visM {display: none;}
@media (max-width: 767px) {
    .visM {display: block;}
    .visD {display: none;}

    .container-flude {width: calc(100% - 30px);}
    .container {width:100%;}

    .header {padding: 15px 0px 15px 0px;margin-bottom: 0px;}
    .logo {margin:5px 5px 5px 0px; max-width: 160px;}
    

    .footer { padding:30px 0px 20px 0px; margin-top: 0px;}
    .footer h3 {font-size: 16px;margin: 0px 0px 10px 0px;}
    .footerLogosNew {margin: 0px 0px 8px 0px; max-width: 120px;}
    .footerLogo {margin: 0px 0px 10px 0px;}
    .footer .colA, .footer .colB, .footer .colC, .footer .colD {display: none;}
    .footerLogos .col-auto {flex:0 0 50%;text-align: center;}
    .footerLogosNew {display: none;}
    .footerText {display: none;}
    .copyRightText {max-width: 100%;}
    .footerSocialIcons {margin: 0px 0px 15px 0px;}
    .footerSocialIcons li {margin: 0px 0px 3px 0px;height: 22px;}
    .footerSocialIcons li a {transform: scale(0.7); transform-origin: top;}
    .footerLink {padding: 0px 0px 0px 8px; margin: 0px;}

    
    

    .parlimentHead {padding:10px 0px 20px 0px;}
    .parlimentHead .col-auto {flex:0 0 100%; padding-bottom: 15px;}
    .parlimentGraph {margin-bottom: 20px;}
    .votingHistory h3 {margin: 0px 0px 10px 0px; font-size: 16px;}
    .votingHistory .table td {padding: 5px;}
    .currentHouseBox {min-height: inherit;}

    .inputFileBtn {font-size: 14px;padding: 4px 8px;}

}



 
.eleScroll::-webkit-scrollbar {width: 8px;}
.eleScroll::-webkit-scrollbar-track {background: #f1f1f1; }
.eleScroll::-webkit-scrollbar-thumb {background: #888; }

.modal-dialog {min-height: calc(100vh - 60px); display: flex; flex-direction: column; justify-content: center; overflow: auto; }
@media(max-width: 768px) {
  .modal-dialog {min-height: calc(100vh - 20px); }
}