body.ac-grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray}

.ac-font0 {
    font-size:12px !important; 
    height:32px !important; 
    line-height:30px !important; 
    font-weight:600 !important;  
    padding:0 8px !important; 
    margin:4px 4px 0 0 !important; 
    border:1px solid rgba(0,0,0,0) !important; 
}
.ac-font1 {
    font-size:16px !important;  
    height:32px !important;
    line-height:30px !important; 
    font-weight:600 !important;  
    padding:0 8px !important;  
    margin:4px 4px 0 0 !important;  
    border:1px solid rgba(0,0,0,0) !important; 
}
.ac-font2 {
    font-size:20px !important;  
    height:32px !important; 
    line-height:25px !important;  
    font-weight:600 !important;  
    padding:0 8px !important;  
    margin:4px 4px 0 0 !important;  
    border:1px solid rgba(0,0,0,0) !important; 
}

a.ac-font0:hover,
a.ac-font1:hover,
a.ac-font2:hover {
    background:transparent !important;
    color:#003366 !important;
}


.ac-theme0 {
    font-size:16px !important;  
    height:32px !important;  
    line-height:30px !important; 
    font-weight:600 !important;  
    padding:0 8px !important; 
    margin:4px 4px 0 0 !important; 
    border:1px solid #003366 !important;
}
.ac-theme1 {
    font-size:16px !important; 
    height:32px !important; 
    line-height:30px !important;
    font-weight:600 !important; 
    padding:0 8px !important; 
    margin:4px 4px 0 0 !important; 
    border:1px solid #003366 !important; 
    color:#FFF !important;
}
.ac-theme2 {
    font-size:16px !important;
    height:32px !important; 
    line-height:30px !important; 
    font-weight:600 !important; 
    padding:0 8px !important; 
    margin:4px 4px 0 0 !important; 
    border:1px solid #003366 !important; 
    background-color:yellow !important; 
    color:#003366 !important;
}
.ac-theme3 {
    font-size:16px !important; 
    height:32px !important; 
    line-height:30px !important; 
    font-weight:600 !important; 
    padding:0 8px !important; 
    margin:4px 4px 0 0 !important; 
    border:1px solid #003366 !important; 
    color:yellow !important;
}

.dark .ac-theme0{
    background-color:#FFF !important; 
    color:#333 !important; 
    border:1px solid #fff !important; 
}
.dark .ac-theme1{
    border:1px solid #003366 !important; 
}
.dark .ac-theme2{
    border:1px solid yellow !important
}
.dark .ac-theme3{
    border:1px solid #003366 !important; 
}


.dark #topbar .top-menu > li > a {color:#ccc;}

.ac-menu li{
    display:inline-table !important;
}

.dark .ac-menu li a.ac-font0,
.dark .ac-menu li a.ac-font1,
.dark .ac-menu li a.ac-font2 {
    color:#ccc !important;
}





/*---------------------------- FONT 1 --------------------------------- */
.font1 #mainMenu nav > ul > li > a {
        font-size: 19px;
        padding: 10px 5px;
}

.font1 #mainMenu nav > ul > li .dropdown-menu > li > a, 
.font1 #mainMenu nav > ul > li .dropdown-menu > li > span, 
.font1 #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { 
    font-size: 15px; line-height: 18px; 
}

.font1 .post-item .post-item-description > h2, 
.font1 .post-item .post-item-description > h2 > a { 
    font-size: 20px; line-height: 28px; 
}

.font1 p {
  font-size: 1.15rem;
  line-height: 1.8;
}

.font1 .d-text{
  font-size: 1.15rem;
  line-height: 1.8;
}

.font1 button.btn, 
.font1 .btn:not(.close):not(.mfp-close), 
.font1 a.btn:not([href]):not([tabindex]) {
    font-size: 14px;
    line-height: 20px;
}

.font1 h3, .h3 {
  font-size: 2em;
}

.font1 #footer .widget .widget-title, 
.font1 #footer .widget h4 {
  font-size: 18px;
}

.font1 #footer {
  font-size: 16px;
}

.font1 .lead {
  font-size: 1.6rem;
}

.font1 .post-item .post-item-description .post-meta-date, 
.font1 .post-item .post-item-description .post-meta-comments, 
.font1 .post-item .post-item-description .post-meta-category {
    font-size:16px;
}

.font1 #topbar .top-menu > li > a {
  font-size: 14px;
}

.font1 .container.rodo-info{
  font-size: 14px;
  line-height: 18px;
}

/*---------------------------- FONT 2 --------------------------------- */
.font2 #mainMenu nav > ul > li > a {
        font-size: 20px;
        padding: 10px 5px;
}

.font2 #mainMenu nav > ul > li .dropdown-menu > li > a, 
.font2 #mainMenu nav > ul > li .dropdown-menu > li > span, 
.font2 #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { 
    font-size: 17px; line-height: 22px; 
}

.font2 .post-item .post-item-description > h2, 
.font2 .post-item .post-item-description > h2 > a { 
    font-size: 24px; line-height: 34px; 
}

.font2 p {
  font-size: 1.30rem;
  line-height: 2;
}

.font2 .d-text{
  font-size: 1.30rem;
  line-height: 2;
}

.font2 button.btn, 
.font2 .btn:not(.close):not(.mfp-close), 
.font2 a.btn:not([href]):not([tabindex]) {
    font-size: 16px;
    line-height: 22px;
}

.font2 h3, .h3 {
  font-size: 2.3em;
}

.font2 #footer .widget .widget-title, 
.font2 #footer .widget h4 {
  font-size: 20px;
}

.font2 #footer {
  font-size: 18px;
}

.font2 .lead {
  font-size: 1.6rem;
  line-height: 1.5em;
}

.font2 .post-item .post-item-description .post-meta-date, 
.font2 .post-item .post-item-description .post-meta-comments, 
.font2 .post-item .post-item-description .post-meta-category {
    font-size:18px;
}

.font2 #topbar .top-menu > li > a {
  font-size: 16px;
}

.font2 .container.rodo-info{
  font-size: 16px;
  line-height: 20px;
}


/*---------------------------- CONTRAST --------------------------------- */
body.contrast {
    background-color: yellow;
    color: #000;
}

.contrast #header .header-inner, 
.contrast #header #header-wrap {
    background-color: yellow !important;
}

.contrast #topbar {
  background-color: yellow;
}

.contrast button.btn.btn-googleplus, 
.contrast .btn:not(.close):not(.mfp-close).btn-googleplus, 
.contrast a.btn:not([href]):not([tabindex]).btn-googleplus,
.contrast .btn{
    background-color: yellow !important;
    color: #000 !important;
    border:1px solid #000 !important;
}

.contrast h1, .contrast h2, .contrast h3, .contrast h4, .contrast h5, .contrast h6, .contrast .h1, .contrast .h2, .contrast .h3, .contrast .h4, .contrast .h5, .contrast .h6 {
  color: #000 !important;
}
.contrast .background-grey{
     background-color: yellow !important;
}

.contrast .post-item .post-item-wrap {
  background-color: yellow;
}

.contrast .post-item .post-item-description > h2, 
.contrast .post-item .post-item-description > h2 > a {
  color: #000;
}

.contrast p,
.contrast #topbar .top-menu > li > a {
    color: #000;
}

.contrast .slide-captions,
.contrast .text-light p,
.contrast .slide-captions h2{
    background-color: yellow;
    color:#000 !important;
}

.contrast #mainMenu nav > ul > li.hover-active > a, 
.contrast #mainMenu nav > ul > li.hover-active > span, 
.contrast #mainMenu nav > ul > li.current > a, 
.contrast #mainMenu nav > ul > li.current > span, 
.contrast #mainMenu nav > ul > li:hover > a, 
.contrast #mainMenu nav > ul > li:hover > span, 
.contrast #mainMenu nav > ul > li:focus > a, 
.contrast #mainMenu nav > ul > li:focus > span {
    color:#000 !important;
}

.contrast #mainMenu nav > ul > li > a {
  color: #000;
}

.contrast #mainMenu nav > ul > li .dropdown-menu {
  background-color: yellow;
}

.contrast #mainMenu nav > ul > li .dropdown-menu > li > a, 
.contrast #mainMenu nav > ul > li .dropdown-menu > li > span, 
.contrast #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
  color: #000;
}

.contrast .header-extras > ul > li a, 
.contrast .header-extras > ul > li i {
  color: #000;
}

.contrast #search {
  background: yellow;
}

.contrast section {
  background-color: yellow;
}

.contrast #footer {
    background-color: yellow;
}

.contrast #footer a:not(.btn):not(:hover) {
  color: #000;
}

.contrast #footer .copyright-content {
  background-color: yellow;
}
.contrast .post-item.border .post-item-wrap {
  border: 1px solid #000;
}

.contrast .btn.ac-font0, 
.contrast .btn.ac-font1, 
.contrast .btn.ac-font2 {
    border: 1px solid yellow !important;
}

.contrast .post-pagination li.active a, 
.contrast .post-pagination li:hover a {
  background: yellow;
  color: #000 !important;
  border: 1px solid #000;
}

.contrast #search .btn-search-close {
  background-color: yellow;
  color: #000;
}

.contrast ul.mobile-social li a i {
  color: #000;
}

.contrast .breadcrumb-menu ul li a,
.contrast .breadcrumb-menu ul li{
  color:#000;
}

.contrast .text-light i {
  color:#000 !important;
}



.contrast .d-text table {
  background-color:#000;
  border-collapse: collapse;
  color:#000;
}


.contrast .d-text table a {
  color:#000;
}

.contrast .d-text table tr:nth-child(odd), 
.contrast .d-text table tr:nth-child(odd) td {
  background-color: yellow !important;
}

.contrast .d-text table tr:nth-child(even), 
.contrast .d-text table tr:nth-child(even) td {
  background-color: yellow !important; 
}


.contrast .d-text table td, 
.contrast .d-text table td span{
  color:#000 !important;
}


.contrast .d-text table td, 
.contrast .d-text table th {
    border: 1px solid #000;
}

.contrast .d-text table tr:hover, 
.contrast .d-text table tr:nth-child(even):hover, 
.contrast .d-text table tr:nth-child(odd):hover, 
.contrast .d-text table tr:nth-child(odd):hover td,
.contrast .d-text table tr:nth-child(even):hover td  {
  background-color: yellow !important;
  transition:all 0.3s ease !important;
}


.contrast .contact-form-1{
  background-color:yellow; 
}

.contrast .col-form-label {
  color: #000;
}

body.contrast .form-control {
  color: #000;
}

.contrast form label,
.contrast form label a {
  color: #000;
}

.contrast form label a {
  color: #000;
  text-decoration:underline;
}

.contrast .small-link {
   color: #000; 
}


.contrast .rodo-newsletter,
.contrast .rodo-contact {
  background: #000;
  color:yellow;
}

.dark .rodo-newsletter,
.dark .rodo-contact {
  background: #000;
  color:#FFF;
}

.contrast .rodo-info .btn.btn-sm{
  height:auto !important;
  padding:8px 15px !important;
}

.contrast .btn.btn-sm.btn-linkedin{
    background: yellow !important;
    color: #000 !important;
}


/*---------------------------- DARK CONTRAST --------------------------------- */

.dark.contrast2 #mainMenu nav > ul > li > a, 
.dark.contrast2 #mainMenu.dark nav > ul > li > a {
  color: yellow;
}

.dark.contrast2 .header-extras .p-dropdown a > span,
.dark.contrast2 .header-extras a > i {
  color: yellow;
}

.dark.contrast2 h1, .dark.contrast2 h2, .dark.contrast2 h3, .dark.contrast2 h4, .dark.contrast2 h5, .dark.contrast2 h6, .dark.contrast2 .h1, .dark.contrast2 .h2, .dark.contrast2 .h3, .dark.contrast2 .h4, .dark.contrast2 .h5, .dark.contrast2 .h6 {
  color: yellow;
}

body.dark.contrast2 {
  color: yellow;
}

body.dark.contrast2 .post-item .post-item-description > h2, body.dark.contrast2 .post-item .post-item-description > h2 > a {
    color: yellow;
}

body.dark.contrast2 p {
  color: yellow;
}

.dark.contrast2 #footer .widget .widget-title, .dark.contrast2 #footer .widget h4, #footer.inverted .widget .widget-title, #footer.inverted .widget h4, #footer.dark.contrast2 .widget .widget-title, #footer.dark.contrast2 .widget h4 {
  color: yellow;
}

.dark.contrast2 a:not(.btn):not(.badge):hover, .dark.contrast2 a:not(.btn):not(.badge):focus, .dark.contrast2 a:not(.btn):not(.badge):active {
  color: yellow;
}

.dark.contrast2 #footer a:not(.btn):not(:hover), .dark.contrast2 #footer.inverted a:not(.btn):not(:hover), .dark.contrast2 #footer.dark a:not(.btn):not(:hover) {
  color: yellow;
}

.dark.contrast2 #footer p, .dark.contrast2 #footer.inverted p, .dark.contrast2 #footer.dark p {
  color: yellow;
}


.dark.contrast2 button.btn.btn-info, 
.dark.contrast2 button.btn.btn-dark, 
.dark.contrast2 button.btn.btn-googleplus, 
.dark.contrast2 button.btn.btn-youtube,
.dark.contrast2 button.btn.btn-dropbox,
.dark.contrast2 .btn:not(.close):not(.mfp-close).btn-info, 
.dark.contrast2  a.btn:not([href]):not([tabindex]).btn-info,
.dark.contrast2 .image-block .btn:not(.close):not(.mfp-close).btn-dark, 
.dark.contrast2 .image-block a.btn:not([href]):not([tabindex]).btn-dark, 
.dark.contrast2 .btn:not(.ac-menu):not(.mfp-close).btn-googleplus, 
.dark.contrast2  a.btn:not([href]):not([tabindex]).btn-googleplus, 
.dark.contrast2 .btn:not(.ac-menu):not(.mfp-close).btn-dropbox, 
.dark.contrast2  a.btn:not([href]):not([tabindex]).btn-dropbox, 
.dark.contrast2 .btn:not(.close):not(.mfp-close).btn-youtube, 
.dark.contrast2  a.btn:not([href]):not([tabindex]).btn-youtube {
  background-color: yellow;
  border-color: yellow;
  color: #000;
}

.contrast .accordion .ac-item {
  border: 1px solid #000;
}

.dark.contrast2 .accordion .ac-item {
  border: 1px solid yellow;
}

.dark .text-box,
.dark .text-box a:hover {
  background-color: #000 !important;
  color:#FFF !important;
  opacity:1 !important;
}
.dark .text-box i,
.dark .text-box .ico,
.dark .text-box:hover i, 
.dark .text-box:hover .ico, 
.dark .text-box:hover h3, 
.dark .text-box:hover h5, 
.dark .text-box:hover p {
    color:#FFF !important;
  opacity:1 !important;
}


.dark.contrast2.text-box,
.dark.contrast2 .text-box a:hover {
  background-color: #000 !important;
  color:yellow !important;
  opacity:1 !important;
}
.dark.contrast2 .text-box i,
.dark.contrast2 .text-box .ico,
.dark.contrast2 .text-box:hover i, 
.dark.contrast2 .text-box:hover .ico,
.dark.contrast2 .text-box:hover h3, 
.dark.contrast2 .text-box:hover h5, 
.dark.contrast2 .text-box:hover p {
    color:yellow !important;
  opacity:1 !important;
}

.dark .d-text .zoomIn.py-4 {
  border: 4px solid #333;
}

.contrast .d-text .zoomIn.py-4 {
  border: 4px solid yellow;
}


.contrast .text-box,
.contrast .text-box a:hover {
  background-color: yellow !important;
  color:#000 !important;
  opacity:1 !important;
}
.contrast .text-box i, 
.contrast .text-box .ico,
.contrast .text-box:hover i, 
.contrast .text-box:hover .ico,
.contrast .text-box:hover h3, 
.contrast .text-box:hover h5, 
.contrast .text-box:hover p {
    color:#000 !important;
  opacity:1 !important;
}


.contrast .btn:not(.close):not(.mfp-close).btn-dropbox, 
.contrast a.btn:not([href]):not([tabindex]).btn-dropbox {
  background-color: yellow !important;
  border-color: #000 !important;
  color: #000 !important;
}


.contrast #footer .widget-title, .contrast #footer p {
  color: #000;
}

.dark.contrast2 #footer .widget-title, .dark.contrast2 #footer p {
  color: yellow;
}


.dark .abstract{
  color:#ccc !important;
}
.dark a {
 color:#f08193;
}

.dark a:not(.btn):not(.badge):hover, 
.dark a:not(.btn):not(.badge):focus, 
.dark a:not(.btn):not(.badge):active {
  color:#fff;
}

.contrast .text-red{
  color:#000;
}


.dark .text-red{
  color:#fff !important;
}

.dark button.btn.btn-dark, .dark .btn:not(.close):not(.mfp-close).btn-dark, .dark a.btn:not([href]):not([tabindex]).btn-dark {
  background-color: #000;
  border-color: #000;
}