@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;
}
/* Format vertical spécial Shorts */
.mfp-iframe-holder.youtube-short-popup {
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto;
  top: 10vh !important;
  left: 0 !important;
  right: 0 !important;
  position: fixed !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mfp-iframe-holder.youtube-short-popup .mfp-content {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.mfp-iframe-holder.youtube-short-popup .mfp-iframe-scaler {
  padding-top: 177.78%; /* Ratio 9:16 */
  position: relative;
}

.mfp-iframe-holder.youtube-short-popup .mfp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}