@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;
}

/* HELP SECTION (Dark Mode) */
body.dark .grax_tm_help {
	background-color: #111 !important;
}

body.dark .grax_tm_help .list_inner {
	background: #1a1a1a;
	border: 1px solid rgba(255,255,255,0.1);
	box-shadow: 0 2px 15px rgba(0,0,0,0.3);
}

body.dark .grax_tm_help h4 {
	color: #fff;
}

body.dark .grax_tm_help .description {
	color: #bbb;
}

body.dark .grax_tm_help .features li {
	color: #bbb;
}

body.dark .grax_tm_help .help_card_green .card_icon {
	background: rgba(85, 166, 48, 0.2);
}

body.dark .grax_tm_help .help_card_red .card_icon {
	background: rgba(193, 18, 31, 0.2);
}

body.dark .grax_tm_help .card_icon img {
	filter: brightness(0) invert(1);
}

body.dark .grax_tm_help:after {
	background: linear-gradient(to right, transparent, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, transparent);
}

/* PATHS (Dark Mode) */
body.dark .grax_tm_paths{ background-color:#111; }
body.dark .grax_tm_paths .grax_tm_title_holder .subtitle{ color:#bbb; }
body.dark .paths_card{
  background:transparent;
  border-color:rgba(255,255,255,.12);
  box-shadow:none;
}
body.dark .paths_card h3{ color:#fff; }
body.dark .paths_card p{ color:#bbb; }
body.dark .paths_card .features li{ color:#ddd; }
body.dark .paths_card .note{ color:#999; }
body.dark .paths_card:before{ background:#e54b4b; }

/* MAP SECTION (Dark Mode) */
body.dark .grax_tm_map_section {
	background-color: #111;
}

body.dark .grax_tm_map_section .map_wrapper {
	background: transparent;
}

body.dark .grax_tm_map_section .info_container {
	background: transparent;
}

body.dark .grax_tm_map_section .location_card {
	background: transparent;
}

body.dark .grax_tm_map_section .card_header h4 {
	color: #fff;
}

body.dark .grax_tm_map_section .card_header {
	border-bottom-color: rgba(255,255,255,0.1);
}

body.dark .grax_tm_map_section .card_header .location_icon {
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

body.dark .grax_tm_map_section .card_content h5 {
	color: #fff;
}

body.dark .grax_tm_map_section .card_content p {
	color: #bbb;
}

body.dark .grax_tm_map_section .hours_block li {
	color: #bbb;
	border-bottom-color: rgba(255,255,255,0.08);
}

body.dark .grax_tm_map_section .hours_block li span {
	color: #fff;
}

body.dark .grax_tm_map_section .contact_block li a {
	color: #ddd;
}

body.dark .grax_tm_map_section .contact_block li a:hover {
	color: #ff6f61;
}

body.dark .grax_tm_map_section .contact_block li .svg {
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

body.dark .grax_tm_map_section .direction_btn.google {
	background: #4285f4;
	color: white;
	border-color: #4285f4;
}

body.dark .grax_tm_map_section .direction_btn.google:hover {
	background: transparent;
	color: #4285f4;
	border-color: #4285f4;
}

body.dark .grax_tm_map_section .direction_btn.apple {
	background: #fff;
	color: #000;
	border-color: #fff;
}

body.dark .grax_tm_map_section .direction_btn.apple:hover {
	background: transparent;
	color: #fff;
	border-color: #fff;
}

body.dark .grax_tm_map_section .parking_info {
	background: transparent;
}

body.dark .grax_tm_map_section .parking_info p {
	color: #bbb;
}

body.dark .grax_tm_map_section .parking_info .svg {
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

body.dark .grax_tm_map_section iframe {
	filter: grayscale(50%) brightness(0.8);
}

body.dark .grax_tm_map_section .map_iframe_wrapper:hover iframe {
	filter: grayscale(20%) brightness(0.9);
}

body.dark .grax_tm_map_section .map_overlay {
	background: linear-gradient(135deg, rgba(255,111,97,0.05) 0%, rgba(255,154,0,0.02) 100%);
	opacity: 0.5;
}