.blackAndWhite {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.noImage img {
    display: none !important;
}

.noImage .spheresList li span {
    background-image: none !important;
}

.blackAndWhiteInvert body .specialViewArea {
    color: #000;
}

.blackAndWhiteInvert body,
.blackAndWhiteInvert body .header,
.blackAndWhiteInvert body .header__middle,
.blackAndWhiteInvert body .header__bottom,
.blackAndWhiteInvert body .popout-button,
.blackAndWhiteInvert body .popout-button span,
.blackAndWhiteInvert body .popout-button strong,
.blackAndWhiteInvert body .section-videos,
.blackAndWhiteInvert body .form-control,
.blackAndWhiteInvert body .section-organisations,
.blackAndWhiteInvert body .accordion-gradient__header,
.blackAndWhiteInvert body .accordion-gradient__body,
.blackAndWhiteInvert body .blog__caption,
.blackAndWhiteInvert body .grid__caption,
.blackAndWhiteInvert body .contact__left,
.blackAndWhiteInvert body .tabs-style-1 > .nav .nav-item .nav-link,
.blackAndWhiteInvert body .banner_box .banner_info {
    color: #fff236 !important;
    background: #000;
}


.blackAndWhiteInvert body .title-card
{
    color: #36a946 !important;
}

.blackAndWhiteInvert body .big_title h1,
.blackAndWhiteInvert body .title,
.blackAndWhiteInvert body .breadcrumb,
.blackAndWhiteInvert body .projects_list p,
.blackAndWhiteInvert body .projects_list h1,
.blackAndWhiteInvert body a,
.blackAndWhiteInvert body h2,
.blackAndWhiteInvert body .icon,
.blackAndWhiteInvert body .table,
.blackAndWhiteInvert body .blog-min__date,
.blackAndWhiteInvert .lineTitle,
.blackAndWhiteInvert .inspectionInfo h1,
.blackAndWhiteInvert .inspectionInfo .infoList .roundedIcon,
.blackAndWhiteInvert .dateBox,
.blackAndWhiteInvert .dateBox span {
    color: #fff236 !important;
}

.blackAndWhiteInvert a.info_card,
.blackAndWhiteInvert .info_cards .card_item {
    background: #0f0f0f;
}

.blackAndWhiteInvert #particles-js {
    background: #888336 !important;
}

.blackAndWhiteInvert .big_logo:before,
.blackAndWhiteInvert .contentBox .container::before {
    display: none;
}

.blackAndWhiteInvert body .blog-min {
    background-color: none !important;
}

.blackAndWhiteInvert .menu li a:hover,
.blackAndWhiteInvert .menu li.active a,
.blackAndWhiteInvert .inspectionInfo .infoList .roundedIcon {
    border-color: #fff236 !important;
}

.blackAndWhiteInvert .megamenu,
.blackAndWhiteInvert .dropdown-menu {
    color: #fff236;
    border-color: darkgray;
    background-color: gray !important;
}

.blackAndWhiteInvert .btn-primary:hover,
.blackAndWhiteInvert .btn-outline-primary:hover {
    color: #fff236;
    border-color: gray;
    background-color: darkgray !important;
}

.blackAndWhiteInvert .btn-primary:focus,
.blackAndWhiteInvert .btn-outline-primary:focus {
    color: #fff236;
    border-color: darkgray;
}
@media (min-width: 992px) {
    .blackAndWhiteInvert .header__menu nav .menu__step-1 > li:hover > a,
    .blackAndWhiteInvert .header__search-toggle:hover {
        background-color: gray !important;
    }
}
.blackAndWhiteInvert .footer,
.blackAndWhiteInvert .sliderButtons a.item.active,
.blackAndWhiteInvert .categories_list .items_list a:hover,
.blackAndWhiteInvert .whiteBg .fancybox-bg,
.blackAndWhiteInvert .news_list a {
    background: #1a1a1a !important;
}

.blackAndWhiteInvert .categories_list::before {
    display: none;
}

.blackAndWhiteInvert .future_banner,
.blackAndWhiteInvert img,
.blackAndWhiteInvert .section--bg-image,
.blackAndWhiteInvert .owl-carousel,
.blackAndWhiteInvert .section-platforms,
.blackAndWhiteInvert .blog-video__image,
.blackAndWhiteInvert embed,
.blackAndWhiteInvert video {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.specialViewArea {
    padding: 10px 20px !important;
    width: 265px !important;
    margin: 15px -10px 0 0 !important;
}

.specialViewArea:before {
    right: 15px;
}

.appearance {
    margin-bottom: 10px;
    clear: both;
    display: table;
    width: 100%;
}

.squareBox {
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 27px;
    font-weight: bolder;
    cursor: pointer;
    background: #828282;
    border: 2px solid #353535;
    color: #fff;
}

.specialTitle {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #000;
}

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

.squareBox.spcNormal {
    background: #00838f;
    border-color: #003d45;
}

.squareBox.spcWhiteAndBlack {
    background: #828282;
    border-color: #353535;
}

.squareBox.spcDark {
    background: #3e3e3e;
    border-color: #777777;
    color: #fff236;
}

.squareBox.miniFont {
    font-size: 18px;
}

.squareBox.fontSizer {
    background: #6766bb;
    border-color: #17168c;
}

.defaultSlider {
    height: 4px;
    background: #b7b7b7;
    margin-top: 20px;
    border: none;
}

.defaultSlider span {
    width: 25px !important;
    height: 25px !important;
    top: -11px !important;
    border-radius: 50%;
    outline: none;
    background: #fff !important;
    box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    -o-box-shadow: 0 0 5px #ccc;
    mso-border-shadow: 0 0 5px #ccc;
    cursor: pointer !important;
}

.defaultSlider span:focus, .defaultSlider span:hover {
    border-color: #d3d3d3;
}

.defaultSlider .ui-slider-range {
    background: #f38f13;
}

.defaultSlider.ui-widget-content {
    height: 7px;
}

.biggerFont body, .biggerFont body .info_card h2 {
    font-size: 25px;
}

.biggerFont body .projects_list h1, .biggerFont body .projects_list p, .biggerFont body .social_menu li a ,
.biggerFont .sliderButtons a.item h1 {
    font-size: 27px;
}

.biggerFont body .section_title {
    font-size: 45px;
}

.biggerFont body .menu, .biggerFont body .info_path a {
    font-size: 29px;
}
.biggerFont body .platform__menu ul li a {
    font-size: 15px;
}

.biggerFont body .particle_ad p {
    font-size: 41px;
}

.biggerFont .partner {
    font-size: 18px;
}

.biggerFont .blog-min__body > a {
    font-size: 18px;
}
.biggerFont .blog__description {
    font-size: 19px !important;
}
.biggerFont .title-card {
    font-size: 15px !important;
}
.biggerFont .footer .fBox .item,
.biggerFont .footer .cText,
.biggerFont .links_list a h1 {
    font-size: 23px !important;
}

.biggerFont .breadcrumbs ul li a 
{
    font-size: 23px !important;
}
.biggerFont .sidebar__menu ul li a {
    font-size: 20px !important;
}
.biggerFont .breadcrumbs ul li {
    font-size: 23px !important;
}
.biggerFont .footer__message p {
    font-size: 23px !important;
}
.biggerFont .header__menu nav .menu__step-2 > li > a {
    font-size: 18px !important;
}
.biggerFont .interactive strong {
    font-size: 20px !important;
}

.biggerFont .tStatisList .item p,
.biggerFont #mainSlider .item h1 {
    font-size: 30px;
}

.biggerFont body .title {
    font-size: 39px;
}

.biggerFont .lineTitle {
    font-size: 38px;
}

/*  Background-color  */
.blackAndWhiteInvert body .blog-suggestions,
.blackAndWhiteInvert body .blog-links,
.blackAndWhiteInvert body .slider-charts,
.blackAndWhiteInvert body .btn-primary {
    background-color: #000;
}

/*  Border color 2px  */
.blackAndWhiteInvert body .btn-primary,
.blackAndWhiteInvert body .btn-outline-light,
.blackAndWhiteInvert body .btn-outline-primary,
.blackAndWhiteInvert body .slider-style-1 .owl-nav button,
.blackAndWhiteInvert body .slider-style-2 .owl-nav button,
.blackAndWhiteInvert body .sidebar__menu ul li:hover,
.blackAndWhiteInvert body .sidebar__menu ul li.active,
.blackAndWhiteInvert body .tabs-style-1 > .nav {
    color: #fff236;
    border-color: #fff236;
}

/*  Border color ::after  */
.blackAndWhiteInvert body .btn-outline-primary:after {
    border-color: transparent #fff236 transparent transparent;
}