.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 .banner_box .banner_info,
.blackAndWhiteInvert body .big_title,
.blackAndWhiteInvert body .title,
.blackAndWhiteInvert body .breadcrumb,
.blackAndWhiteInvert body .projects_list p,
.blackAndWhiteInvert body .projects_list h1,
.blackAndWhiteInvert body a,
.blackAndWhiteInvert .headerBar {
    color: #fff236 !important;
    background: #000;
}

.blackAndWhiteInvert * {}

.blackAndWhiteInvert .future_banner,
.blackAndWhiteInvert img,
.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: #4c4083;
    border-color: #2a1f5d;
}

.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: #4c4083;
}

.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 {
    font-size: 27px;
}

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

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

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

.biggerFont body .info_card p {
    font-size: 23px;
}

.biggerFont body .footer_menu li a {
    font-size: 35px;
}

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