/* 

Theme Name: Promark 2023
Author: Efeito X
Version: 2023

*/
div#header {
	position:relative;
}

ul#desktop_menu div.menu_underline {
	width:0%;
	height:2px;
	position:absolute;
	top:100%;
	background-color:#FFFFFF;
	margin-bottom:-2px;
	z-index:1002;
	left:50%;
	transform:translateX(-50%);
}

ul#desktop_menu {
	width:100%;
	position:absolute;
	bottom:0%;
}

ul#desktop_menu .list-item {
	padding:20px !important;
}

ul#desktop_menu .list-item a {
	position:relative !important;
	font-size: 1em !important;
}

ul#desktop_menu ul.sub-menu {
	display:none;
	position:absolute;
	z-index:1001;
	top:100%;
	left:0;
	padding:0;
}

ul#desktop_menu ul.sub-menu li {
	display:block;
	background-color:rgba(0,0,0,0.50);
}

ul#desktop_menu ul.sub-menu li a {
	display:block;
	width:300px;
	padding:20px 20px 20px 30px;
	background:url(images/arrow_off.svg) 10px 50% no-repeat;
	background-size:10px;
}

ul#desktop_menu ul.sub-menu li a:hover {
	display:block;
	width:300px;
	padding:20px 20px 20px 30px;
	background:url(images/arrow_on.svg) 10px 50% no-repeat;
	background-size:10px;
}

/* MENU MOBILE */
ul#menu_mobile, ul#menu_mobile ul {
	padding:0;
	text-align:center;
}

ul#menu_mobile {
	padding-top:15vh;
}

ul#menu_mobile li {
  font-family: Exo, sans-serif;
  color: #fff;
  font-size: 0.8rem;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  list-style-type:none;
}

ul#menu_mobile li a {
	display:block;
	color: #fff;
 	text-decoration: none;
	padding:10px;
}

ul#menu_mobile ul {
	background-color:rgba(255,255,255,0.2);
}

ul#menu_mobile ul.sub-menu li a {
	background:url(images/arrow_off.svg) 5px 50% no-repeat;
	background-size:10px;
}

ul#menu_mobile ul.sub-menu li a:hover {
	background:url(images/arrow_on.svg) 5px 50% no-repeat;
	background-size:10px;
}

div.submit_formulario input {
	position: relative;
	z-index: 10;
	display: block;
	width: 90%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 25px;
	padding-left: 25px;
	border-radius: 40px;
	background-color: #333;
	font-family: Exo, sans-serif;
	color: #fff;
	font-size: 24px;
	line-height: 40px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	cursor:pointer;
	padding-top:10px;
	padding-bottom:10px;
}

div.submit_formulario input:hover {
	background-color:rgba(255,255,255,1.00);
	color:#000000;
	transition:background-color 0.5s;
}

a.developer {
	text-decoration:none;
	color:rgba(35,105,179,1.00);
	font-size:0.8em;
	margin-top:0.8em;
}

.video_thumbs_set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.video_thumb_wrapper {
  width: 30%;
  height: auto;
}

.video_thumb_image {
  width: 100%;
}

.video_thumb_link {
  position: relative;
}

.portfolio-mob-item .portfolio-col {
	display:none;
}

.showroom_gallery_wrapper h4 {
	color:rgba(255,255,255,1.00);
}

.showroom_gallery_wrapper .mejs-audio {
	margin-bottom:40px;
}

.some_clients img {
	filter: grayscale(100%);
}

.some_clients img:hover {
	filter: grayscale(0%);
}

.selectinput {
	width:100%;
	padding:10px;
	background-color:#444;
	border-radius:10px;
	color:rgba(255,255,255,1.00);
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #46b450 !important;
}

div#frameContainerParent {
	position:relative;
}

div#button_close_video {
	display:block;
	padding:20px;
	cursor:pointer;
	right:0%;
	position:absolute;
	line-height:0;
	font-size:12px;
	color:rgba(255,255,255,1.00);
	background-color:rgba(176,0,2,1.00);
	z-index:10000;
	font-weight:bold;
}

.spots_showroom_wrapper {
  flex: 1;
}

.spots_buttons_wrapper {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
  flex-wrap: wrap;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.spot_button {
  display: flex;
  width: 6vw;
  height: 6vw;
  background-color: #010101;
  cursor:pointer;
  justify-content: center;
  align-items: flex-end;
  background-color: #1f1f1f;
}

div.spot_button {
	background:url(images/icon_spot.png) center center no-repeat;
	background-size:100%;
}

.spot_title {
  padding: 10px;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 991px) {
	.spot_button {
    width: 14vw;
    height: 14vw;
  }
}

@media screen and (max-width: 767px) {
	.spot_button {
    width: 18vw;
    height: 18vw;
  }
}

@media screen and (max-width: 479px) {
	  .spot_button {
    width: 30vw;
    height: 30vw;
  }
}