@charset "utf-8";
body.dark {
    background-color: #000;
    color: #bbb;
}

body.dark ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}

body.dark :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

body.dark ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

body.dark :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

body.dark ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

body.dark ::placeholder {
    /* Most modern browsers support this now. */
    color: #fff;
}

body.dark h3 {
    color: #fff;
}

body.dark .grax_tm_topbar .logo .dark {
    display: none;
}

body.dark .grax_tm_topbar .logo .light {
    display: block;
}

body.dark .grax_tm_topbar.animate {
    background-color: #000;
    box-shadow: 0px 0px 10px rgb(255 255 255 / 10%);
}

body.dark .grax_tm_topbar .menu ul li a {
    color: #fff;
}

body.dark .grax_tm_about {
    background-color: transparent;
}

body.dark .grax_tm_about .right .list ul li span {
    color: #fff;
}

body.dark .grax_tm_about .right .list ul li .svg {
    color: #fff;
}

body.dark .grax_tm_button a:hover {
    color: #fff;
}

body.dark .grax_tm_about .left .main {
    box-shadow: none;
}

body.dark .grax_tm_portfolio {
    background-color: #111;
}

body.dark .overlay_effect:after {
    background-color: #111;
}

body.dark .grax_tm_portfolio .overlay {
    background-color: #111;
}

body.dark .grax_tm_news {
    background-color: #111;
}

body.dark .grax_tm_news .news_list ul li .details .title a {
    color: #fff;
}

body.dark .grax_tm_news .news_list ul li .details .date {
    color: #bbb;
}

body.dark .grax_tm_news .news_list ul li .details .date a {
    color: #bbb;
}

body.dark .grax_tm_modalbox_news .details .title {
    color: #000;
}

body.dark .grax_tm_modalbox_news .description p {
    color: #767676;
}

body.dark .grax_tm_contact .fields ul li input {
    border: 1px solid rgba(255, 255, 255, .2);
    background-color: transparent;
    color: #fff;
}

body.dark .grax_tm_contact .fields .last textarea {
    border: 1px solid rgba(255, 255, 255, .2);
    background-color: transparent;
    color: #fff;
}

body.dark .grax_tm_contact .info_list ul li span {
    color: #fff;
}

body.dark .grax_tm_contact .info_list ul li .svg {
    color: #fff;
}

body.dark .grax_tm_contact .info_list ul li a:hover {
    color: #fff !important;
}

body.dark .grax_tm_copyright {
    background-color: #111;
    padding-top: 95px;
}

body.dark .my_wave {
    display: none;
}

body.dark .progress_inner .background {
    background: rgba(255, 255, 255, .09);
}

body.dark .progress_inner>span {
    color: #fff;
}