@charset "UTF-8";
/* CSS Document */

/* 

black = #16171c 
default = #f5245f
new = #ed1944

*/

#slant .wpb_single_image img {
width: 100% !important;
}

#slant .wpb_single_image .vc_single_image-wrapper {
width: 100% !important;
}

#rev_slider_1_1_wrapper {background-color: #16171c!important;}

.side_menu, .side_menu_slide_from_right .side_menu {
background-color: rgba(0,0,0,0.75) !important;
}

.home .side_menu, .home .side_menu_slide_from_right .side_menu {
background-color: rgba(0,0,0,0.50) !important;
}

.side_menu_slide_from_right .side_menu {
right: -50%;
width: 50% !important;
}

@media only screen and (max-width: 1000px){
.side_menu_slide_from_right .side_menu {
right: -100%;
width: 100% !important;
}
}

.right_side_menu_opened .wrapper, .right_side_menu_opened footer.uncover {
left: 0px!important; /* 270px */
}

.side_menu a.close_side_menu {
	position: absolute;
	background: #16171c;
	margin-left: -23px !important;
	margin-top: -12px !important;
}

.home .side_menu a.close_side_menu {
	position: absolute;
	background: none;
	margin-left: -55px !important;
	margin-top: -2px !important;
}


.home .icon_close {
	font-size: 40px !important;
}

@media only screen and (max-width: 1000px){
.home .side_menu a.close_side_menu {
	position: absolute;
	background: #16171c;
	margin-left: -23px !important;
	margin-top: -12px !important;
}
.home .icon_close {
	font-size: 28px !important;
}
}


.icon_close {
  font-family: "FontAwesome" !important; /* ElegantIcons */
}

.icon_close:before {
content: "\f057" !important; /* \4d */
}


.side_menu_slide_from_right .side_menu {
padding-top: 100px !important;
padding-bottom: 25px !important;
padding-right: 50px !important;
padding-left: 50px !important;
}


#text-40 p{
color: #ed1944 !important;
font-family: Montserrat,sans-serif !important;
font-size: 25px !important;
line-height: 40px !important;
font-weight: 400 !important;
}

#text-40{
margin: 0 0 0px !important;
margin-bottom: 10px !important;
}

#text-40 hr {
  border-top: 0px solid #ed1944 !important;
  border-bottom: 0px solid rgba(0,0,0,0.0) !important;
  border-right: 0px solid rgba(0,0,0,0.0) !important;
  border-left: 0px solid rgba(0,0,0,0.0) !important;
  background: linear-gradient(to right, #ed1944, rgba(0,0,0,0.0)) !important;
  height: 1px !important;
}

.side_menu .widget .menu>li>a {
font-size: 35px !important;
line-height: 50px !important;
font-weight: 600 !important;
}


#slider-mobile{
display: none !important;
}



@media only screen and (max-width: 1000px){ /* mobile landscape */

#rev_slider_6_1_forcefullwidth{
display: none !important;
}

.content .content_inner > .full_width > .full_width_inner {
padding-top: 0px !important;
}

#slider-mobile{
display: block !important;
}

}









@media only screen and (max-width: 1000px){
.esg-filters:nth-child(1) .esg-filterbutton{
padding: 0px 9px !important; 
font-size: 13px !important; /* cat headers */
}
.side_menu .widget .menu>li>a {
font-size: 30px !important;
line-height: 45px !important;
}
#text-40 p{
font-size: 20px !important;
line-height: 35px !important;
}
}

@media only screen and (max-width: 1420px){
.portfolio_prev,
.portfolio_next {
display: none !important;
}
}


.home {background:#16171c;}
.home .full_width {background:#16171c!important;}

@media only screen and (min-width: 1000px){
.home .q_logo img {
height: 30px!important;
margin-left: 25px;
margin-top: 25px;
}
.home .side_menu_button_link .fa{
font-size: 25px!important;
margin-right: 25px;
margin-top: 25px;
}
}


.sticky{display:none!important;}


.onedigit:last-child {
	overflow: visible !important;
	padding-right: 5px;
}

.hack-icon .q_icon_shade {
width: 100%  !important;
  text-align: center !important;
}

.title_subtitle_holder .subtitle{
font-weight: 500!important;
}


.page-id-57522 .vc_single_image-wrapper img,
.portfolio_navigation img,
.hack-feat img,
.portfolio_related_projects img,
.home .q_team_image img {
   filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
  transition: all 0.5s ease;
}


.home .q_team.on_hover:hover .q_team_image img {
   filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
  transition: all 0.5s ease;

}

.portfolio_related_projects_holder .project_image:hover .image img {
   filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
  transition: all 0.5s ease;

}



/*.qode_slider_preloader{display:none!important;}*/
/*.ajax_loader{display:none!important;}*/

.custom_font_holder{
color:#ed1944!important;
}

.q_team_position{color:#ed1944!important;}

.side_menu .widget .menu a:hover {
    color:#ed1944!important;
}

.hack-hide{display:none!important;}

.mobile_menu_button{display:none!important;}

.home .content .content_inner > .container > .container_inner, 
.home .content .content_inner > .full_width > .full_width_inner, 
.home .content .content_inner .overlapping_content > .overlapping_content_inner > .container_inner, 
.home .content .content_inner .overlapping_content > .overlapping_content_inner > .full_width_inner {
padding-top: 0px;
}


.home .sticky .header_top_bottom_holder{display:none}

.home header:not(.sticky):not(.scrolled) .header_bottom, 
.home header.fixed_top_header .bottom_header {
border-color: rgba(255,255,255,0.0) !important;
border-style: solid;
border-bottom-width: 0px !important;
}





/*
.qbutton {
opacity: 0  !important;
}


.qbutton:before {
content: "hello";
}

*/



.two_columns_50_50>.column1 {
width: 100% !important;
float: left;
}

.two_columns_50_50>.column2 {
width: 100% !important;
float: left;
}


@media only screen and (min-width: 1000px) {
.two_columns_50_50>.column1 {
width: 35% !important;
float: left;
}

.two_columns_50_50>.column2 {
width: 65% !important;
float: left;
}
}

.menu-menu-footer-container a{
font-size: 15px !important;
line-height: 25px  !important;
color: white !important;
text-transform: uppercase !important;
font-family: Montserrat,sans-serif !important;
font-weight: 700 !important;
}

.menu-menu-footer-container a:hover{
color: #ed1944 !important;
}

#text-16 a{
color: #949494 !important;
}

#text-16 a:hover{
color: #ed1944 !important;
}

.footer_bottom_holder_inner, .footer_bottom_holder_inner ul li a, .footer_bottom_holder_inner p, .footer_bottom_holder_inner span, .footer_bottom span:not(.q_social_icon_holder):not(.fa-stack):not(.social_icon) {
color: #656565 !important;
font-size: 12px !important;
}

.wpcf7-submit {
background: #16171c !important;
color: #ed1944!important;
}

.wpcf7-submit:hover {
background: #ed1944 !important;
color: #ffffff !important;
}


.portfolio_single_categories,
.portfolio_single_custom_date{
display:none!important;

}

.portfolio_single_custom_date p,
.portfolio_single_categories p,
.portfolio_single_custom_field p,
.portfolio_single_custom_date h6,
.portfolio_single_categories h6,
.portfolio_single_custom_field h6{
font-size: 14px !important;
line-height: 14px !important;

}

.portfolio_single_content{
padding-bottom: 25px;
}


.hack-title{
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
line-height: 30px;
font-style: normal;
font-weight: 700;
letter-spacing: -1px;
text-transform: capitalize;
color: #ffffff;
float: left;
margin-right: 10px;
}

.hack-category{
display: block;
color: #ed1944;
font-size: 17px;
line-height: 46px;
font-weight: 400;
text-transform: none
}



.portfolio_page-template-default .portfolio_detail {
padding-top: 20px;
}

.portfolio_page-template-default .column2{
padding-top: 10px;
}


.portfolio_navigation .portfolio_button {
background-color: #f8f8f8;
margin: 0px 0 !important; /* 15px 0 */
padding: 25px 0;
padding-bottom:50px!important;

}

.portfolio_related_projects_title{
padding-top:50px!important;
}



.portfolio_page-template-default .container_inner{
width: 100% !important; /* 1300px */
margin-top: -60px  !important; 
}

@media only screen and (max-width: 1000px){
.portfolio_page-template-default .title_outer{
display: none !important; 
}
}


@media only screen and (min-width: 1000px) and (max-width: 1200px) {
.portfolio_page-template-default .container_inner {
padding: 0 0px !important; 
}
}

@media only screen and (max-width: 1000px){
.portfolio_page-template-default .title_outer{
display: none !important; 
}
}


@media only screen and (max-width: 1000px){
.logo_wrapper {
left: 0% !important; 
margin-left: 50px;
}
}

.pp_details{
display: none !important; 
}


header.sticky .header_bottom {
background-color: #16171c!important;
box-shadow: 0 1px 3px rgba(0,0,0,0.11);
}
 

.hack-bio p{
padding-bottom: 15px!important; 
}


/*** Grind Skin ***/


.esg-filters:nth-child(1) {
text-align: right !important; 
}



.esg-filterbutton{
text-transform: none !important; 
font-weight: 500 !important; 
font-size: 15px !important;
font-style: normal !important; 
font-family: Montserrat !important; 
color: #949494 !important; 
border: 0px solid rgba(0,0,0,0.0) !important; 
background: rgba(255,255,255,0.0) !important; 
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important; 
}


.esg-filters:nth-child(1) .esg-filterbutton{
margin-right: 0px !important; 
padding: 0px 14px !important; 
font-size: 18px !important; /* cat headers */
}



.esg-pagination .esg-filterbutton{
border: 1px solid #949494 !important; 
background: background: rgba(255,255,255,0.0)  !important; 
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important; 
}

.esg-pagination .esg-filterbutton.hovered,
.esg-pagination .esg-filterbutton.selected{
border: 1px solid #ed1944 !important; 
background: background: rgba(255,255,255,0.0)  !important; 
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important; 
}


.esg-filterbutton.hovered,
.esg-filterbutton.selected{
color: #ed1944 !important; 
border: 0px solid #949494 !important; 
background: background: rgba(255,255,255,0.0)  !important; 
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important; 
}


.esg-navigationbutton * {
color: #949494 !important; 
font-size: 15px !important; 
}


.esg-navigationbutton.hovered * {
color: #ed1944 !important; 
}

.esg-navigationbutton.hovered{
border: 0px solid #ed1944 !important; 
background: background: rgba(255,255,255,0.0)  !important; 
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0)  !important; 
}

.esg-navigationbutton{
border: 0px solid #949494 !important; 
background: background: rgba(255,255,255,0.0)  !important; 
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0)  !important; 
}


.portfolio_related_projects_title p {
font-size: 20px !important; 
line-height: 20px !important; 
color: #16171c !important; 
padding-bottom: 50px!important;

}

.portfolio_related_projects_title {
padding-top: 30px!important;
}


.portfolio_next,
.portfolio_prev {
position: fixed  !important; 
top: 250px !important; 
}


.portfolio_prev[style^="position: absolute"] { 
transform: translateX(-190px) rotate(0deg) translateY(0px) !important;  /* 60 */
transition-duration: 1000ms !important; 
}

.portfolio_next[style^="position: absolute"] { 
transform: translateX(190px) rotate(0deg) translateY(0px) !important; /* 60 */
transition-duration: 1000ms !important; 
}


.home .q_team_social_holder { 
background-color: rgba(22, 23, 29, 0.7) !important; 
}


#menu-menu-footer .menu-item-57528 a{
padding-top: 10px !important;
}



#menu-menu-footer .menu-item-57528 a,
#menu-menu-footer .menu-item-57583 a{
font-weight: 200 !important;
}

/********************************* REBRAND 2025 *********************************/



.rebrand-1 h1{
color:white!important;
font-weight:normal !important;
}

.rebrand-2 h1{
color:black!important;
font-weight:normal !important;
}

.rebrand-3 {opacity: 1 !important;}


#menu-menu-side-2 li {
display: inline !important;
padding-right: 20px;
}

#menu-menu-side-2 li a{
font-size: 18px  !important;
}



.page-id-57522 .vc_single_image-wrapper img,
.portfolio_navigation img,
.hack-feat img,
.portfolio_related_projects img,
.home .q_team_image img {
   filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
  transition: all 0.5s ease;
}


.portfolio_related_projects_holder,
.portfolio_navigation{
display:none !important;
}


.contact-headshots{
  filter: grayscale(100%);
}

.hack-feat img{
  filter: grayscale(100%);
}


.nf-field-element input{
border: 1px solid grey !important;
line-height: 50px !important;
font-size: 20px;
padding-left: 15px;
background: #f6f6f6;
}

.nf-field-label {
/*display:none*/
color: white;
}

/*
@media only screen and (min-width: 1000px){
.nf-form-content {
margin-right: 200px;
margin-left: 200px;
}
}
*/

#nf-field-14{
display: absolute !important;
background-color: #ed1944;
color: white !important;
border: none !important;
padding: 10px 60px 10px 60px;
}

#nf-field-14-container .nf-field-element{
text-align: center !important; 
margin-top: 25px;
}

#nf-field-18-container{
max-width: max-content !important;
/* margin: 0 auto !important; */
padding-bottom: 25px;
}




#nf-field-5-container .nf-field-label{display:none}
#nf-field-6-container .nf-field-label{display:none}
#nf-field-7-container .nf-field-label{display:none}
#nf-field-8-container .nf-field-label{display:none}


#nf-label-field-18{
margin-top: 25px !important;
color: #949494 !important;
}

#nf-label-field-20{
color: #949494 !important;
}

#nf-field-18-container{
padding-top: 25px !important;

}

.nf-response-msg{
  text-align: center !important;

}

.nf-form-layout{
/* max-width: 1000px; */

}

textarea{padding:15px}



.column2{
  text-align: right !important;
}



.column2 a{
color: white;
font-size: 24px;
font-weight 600 !important;
letter-spacing: -0.2px !important;
font-family: Montserrat,sans-serif !important;
}

.footer_top .column2 a {
font-family: Montserrat,sans-serif !important;
font-size: 34px;
line-height: 44px;
letter-spacing: 0px;
font-weight: 600;
}


.menu-menu-side-2-container li{
display: inline !important;
}

.footer_top .column2 .menu-menu-side-2-container a{
font-size: 14px;
padding-left: 10px;

}


#text-40 hr {
border-top: 0px solid #ed1944 !important;
border-bottom: 0px solid rgba(0,0,0,0.0) !important;
border-right: 0px solid rgba(0,0,0,0.0) !important;
border-left: 0px solid rgba(0,0,0,0.0) !important;
background: linear-gradient(to right, #000000, #ffffff) !important;
height: 1px !important;
}

nav.main_menu.right {
margin-right: 0px;
}

nav.main_menu>ul>li:last-child>a:after {
width: 0px;
}

nav.main_menu > ul > li > a span.item_inner {
padding: 0  10px;
}




@media only screen and (min-width: 1000px){

.header_inner_right{display:none}

.home #menu-menu-side-3{
margin-top: 20px;
}

.home .content{
margin-top: -120px;
}


}



.page-id-58486 .content .content_inner > .container > .container_inner, 
.page-id-58486 .content .content_inner > .full_width > .full_width_inner, 
.page-id-58486 .content .content_inner .overlapping_content > .overlapping_content_inner > .container_inner, 
.page-id-58486 .content .content_inner .overlapping_content > .overlapping_content_inner > .full_width_inner {
padding-top: 0px;
}

.page-id-58474 .content .content_inner > .container > .container_inner, 
.page-id-58474 .content .content_inner > .full_width > .full_width_inner, 
.page-id-58474 .content .content_inner .overlapping_content > .overlapping_content_inner > .container_inner, 
.page-id-58474 .content .content_inner .overlapping_content > .overlapping_content_inner > .full_width_inner {
padding-top: 0px;
}

.page-id-58478 .content .content_inner > .container > .container_inner, 
.page-id-58478 .content .content_inner > .full_width > .full_width_inner, 
.page-id-58478 .content .content_inner .overlapping_content > .overlapping_content_inner > .container_inner, 
.page-id-58478 .content .content_inner .overlapping_content > .overlapping_content_inner > .full_width_inner {
padding-top: 0px;
}

.page-id-58481 .content .content_inner > .container > .container_inner, 
.page-id-58481 .content .content_inner > .full_width > .full_width_inner, 
.page-id-58481 .content .content_inner .overlapping_content > .overlapping_content_inner > .container_inner, 
.page-id-58481 .content .content_inner .overlapping_content > .overlapping_content_inner > .full_width_inner {
padding-top: 0px;
}

.esgbox-content {
background: rgba(0, 0, 0, 0.0) !important;
}

.esgbox-button--share{
display: none !important;
}

.esgbox-close-small{
display: none !important;
}


table thead tr, table tbody tr {
border: 0px solid #FFFFFF;
}

.esgbox-bg {
background: #000000 !important;
}

.esgbox-bg {
opacity: .9 !important;
}

.eg-home-v2-element-3-a{
padding-left: 15px !important;
padding-top: 5px !important;
}

.eg-home-v2-element-3{
padding-left: 10px !important;
}


.eg-home-v2-element-2{
padding-left: 25px !important;
padding-top: 5px !important;
}

.esg-tc{
padding-top: 15px !important;
}

.hack-popup-table {
padding-top: 25px;
}

.hack-popup-title {
font-size: 25px;
line-height: 25px;
color: #ffffff;
font-weight: 700;
font-family: 'Open Sans',sans-serif;
letter-spacing: -1px;
padding-bottom: 5px;
}

.hack-popup-tags {
font-size: 17px;
line-height: 17px;
color: #ed1944;
font-weight: 400;
font-family: 'Montserrat',sans-serif;
letter-spacing: -1px;
padding-top: 5px;
}

.hack-popup-table .qbutton:hover{
color: #fff;
background-color: #ed1944;
border-color: #ed1944;
opacity: .9;
}



body:not(.top_menu_slide_down_opened) .dark:not(.sticky) nav.main_menu>ul>li>a, body:not(.top_menu_slide_down_opened) .dark.header_style_on_scroll nav.main_menu>ul>li>a {
color:#ed1944!important;
}

body:not(.top_menu_slide_down_opened) .dark:not(.sticky) nav.main_menu>ul>li>a:hover, body:not(.top_menu_slide_down_opened) .dark.header_style_on_scroll nav.main_menu>ul>li>a:hover {
color:#000!important;
}


@media (min-width:768px) {
#work .full_section_inner {
margin: 0 auto !important;
max-width: 2000px;
}
}

.esg-loader.spinner4 {
margin: -20px 0px 0px -20px;
width: 40px;
height: 40px;
}

.myportfolio-container {
min-height: 500px !important;
}


.hack-button-left {
  text-align: right !important;
}

.hack-button-right {
  text-align: left !important;
}

.tab-title{
  text-align: center !important;
display: none !important;
}



.q_accordion_holder .ui-accordion-header .accordion_mark {
position: absolute;
top: 0;
left: 50%;
width: 62px;
height: 62px;
line-height: 40px;
margin-left: -31px;
background: #ed1944;
border: 1px solid #ed1944;
}

.q_accordion_holder.accordion .ui-accordion-header {
height: 62px;
line-height: 62px;
}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon span {
line-height: 62px;
font-size: 40px;
}

.accordion_content_inner {
  text-align: center !important;
}

.accordion_content_inner li {
  list-style-type: none;
font-size: 40px;
line-height: 50px;
font-family: Montserrat,sans-serif !important;
letter-spacing: 0px;
font-weight: 600;
}

.q_accordion_holder.accordion div.accordion_content {
padding: 50px 0px 0px 0px;
}


.eg-home-v2-element-3-a a {
  pointer-events: none;
}



/************ rebrand fonts ************/

/* text on color */
.rebrand-1 h1 { 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

h1.about-1 {font-weight: 600 !important; color: #fff!important;}
h1.about-2 {font-weight: 500 !important; color: #fff!important;}
h1.about-3 {font-weight: 400 !important; color: #fff!important;}


/* text on white */
.rebrand-2 h1 { 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

.rebrand-11 h1 { 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

h1.about-4 {font-weight: 300 !important;}


/* montage text */
.rebrand-4,
.rebrand-4 b{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

.rebrand-4,
.rebrand-3{ 
   display:none !important;
}

.rebrand-8{ 
  font-family: "Tomorrow", sans-serif !important;
  font-family: "Orbitron", sans-serif !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
line-height: 30px !important;

}

.rebrand-8 b{ 
  font-weight: 400 !important;
  font-size: 30px !important;
  /* text-transform: uppercase !important; */
  /* letter-spacing: 5px !important; */
line-height: 30px !important;
color: #fff !important;
}

.rebrand-8 i{ 
  margin-top: 10px;
  font-size: 40px !important;
color: #fff !important;

}

/* menus */
.menu-item-type-custom a,
.footer_top .column2 a,
.side_menu .widget .menu>li>a,
.accordion_content_inner li{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

.accordion_content_inner li {font-weight: 400 !important;}

nav.main_menu > ul > li > a {
color: #2e2e2e;
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* footer address */
.footer_top .textwidget,
.footer_top .textwidget a{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* copyright */
.footer_bottom_holder_inner p{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* page headline */
.title.title_size_large h1{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* page subtitle */
.title_subtitle_holder .subtitle { 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* contact name */
.rebrand-5 h5{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* contact title */
.rebrand-5 .single-card{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* form label */
.nf-field-label .nf-label-span, .nf-field-label label { 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* form placeholder */
input::placeholder{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* form text box */
textarea{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* form check box */
#nf-field-18-container li{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* buttons */
.qbutton,
#nf-field-14-container input{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 2px !important;
}

/* director name */
.hack-title,
.hack-popup-title,
.eg-home-v2-element-2{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* director title */
.hack-category,
.hack-popup-tags,
.eg-home-v2-element-3{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* director bio */
.hack-bio p{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* services headline */
.rebrand-6 h3{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

.hack-service h3{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}

/* services bodycopy */
.rebrand-6 p{ 
  font-family: "Tomorrow", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0px !important;
}


/************ rebrand colors ************/


.q_accordion_holder .ui-accordion-header .accordion_mark {
background: #FF4F81  !important;
border: 1px solid #FF4F81  !important;
}

.q_accordion_holder.accordion:not(.boxed) .ui-accordion-header.ui-state-active{
color: #FF4F81  !important;
}

.rebrand-4,
.rebrand-4 b{ 
color: #ffffff  !important;
opacity: .5;
}

.rebrand-3 img{
opacity: .5;
}

.title.title_size_large h1{ 
color: #B2FF59  !important;

}

.title_subtitle_holder .subtitle { 
color: #FFFFFF  !important;

}


.rebrand-2 h1 { 
  background: -webkit-linear-gradient(#3D5AFE, #FF4F81);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#text-16 a:hover,
#menu-menu-side-2 a:hover,
#menu-menu-side-3 a:hover,
#menu-menu-side-6 a:hover{ 
color: #FF4F81  !important;
}


#menu-menu-side-3 a{ 
color: #ffffff  !important;
}
#menu-menu-side-3 a:hover{ 
color: #ffffff  !important;
}

#menu-menu-side-1a a:hover,
#menu-menu-side-5 a:hover { 
color: #FF4F81  !important;
}

#menu-menu-side-2 :nth-child(3) a,
.menu-menu-side-2-container li:nth-child(3) a {
color: #FF4F81 !important;
}

.hack-popup-tags,
.eg-home-v2-element-3{ 
color: #FF4F81 !important;
}

.hack-category{ 
color: #B2FF59 !important;
}

.hack-title{
color: #ffffff !important;
}




.rebrand-7{
background-image: linear-gradient(180deg, rgba(61,90,254,1), rgba(255,79,129,1)) !important;
background: linear-gradient(357deg,rgba(255, 79, 129, 1) 0%, rgba(61, 90, 254, 1) 80%, rgba(255, 255, 255, 1) 80%) !important;
/* background-position: 0px 100px !important;*/
/*transform: rotate(-5deg);*/
  background-repeat: no-repeat !important;
}

.rebrand-7 .full_section_inner {
/*transform: rotate(2.5deg);*/
}

.single-portfolio_page section{
/*background: #cd5c96  !important;*/
}

.hack-bio p{ 
  color: rgba(255,255,255,.75)  !important;
padding-right: 50px !important;
}

.wpb_content_element.wpb_single_image img {
vertical-align: bottom !important;
}

body:not(.top_menu_slide_down_opened) .dark:not(.sticky) nav.main_menu>ul>li>a, body:not(.top_menu_slide_down_opened) .dark.header_style_on_scroll nav.main_menu>ul>li>a {
color: #000000!important;
}


#text-16 a:hover { 
color: #B2FF59 !important;
}


.subtitle{display:none}

.content .title .container_inner {
vertical-align: bottom;
}


.page-template .title{
  background-image: linear-gradient(180deg, rgba(61,90,254,1), rgba(255,79,129,1)) !important;
height: 300px !important;
}

.page-template .title .title_holder {
padding-top: 100px !important;
height: 200px !important;
}


.page-id-57522 .q_team_inner{
padding: 0px 10px 10px 10px!important;

}

.page-id-57522 .q_elements_holder div{
  border-radius: 15px !important;

}

#services-1 .vc_column_container,
#services-2 .vc_column_container{
margin: 10px !important;
  border-radius: 25px !important;
background-image: linear-gradient(45deg, #d15d94, #FF4F81) !important;
}

#services-1 h3,
#services-2 h3{
color: #ffffff !important;
}




@media (min-width:992px){
.vc_col-md-4 {
width: 31% !important;
}
}




@media only screen and (max-width:768px){
.footer_top .two_columns_50_50 .column1 {
  text-align: left !important;
}
}


@media only screen and (min-width: 1100px){
.hack-headshot-1 {display:none!important;}
.hack-headshot-2 {display:block!important;}
}


@media only screen and (max-width: 1100px){
.hack-headshot-1 {display:block!important;}
.hack-headshot-2 {display:none!important;}
}


.hack-bio p{
font-size: 13px!important; 
line-height: 18px!important; 
padding-bottom: 25px !important; 
}

@media only screen and (min-width: 768px){
.hack-headshot-1{
    margin-top: 150px;
	padding-left: 50px;
	padding-bottom: 50px;
}
.rebrand-7 .hack-mobile{display:block!important;}
.rebrand-7 .hack-mobile{display:none!important;}
}

@media only screen and (max-width: 768px){
.hack-bio p {
padding-left: 50px !important;
padding-bottom: 50px !important;

}
.hack-title{
padding-left: 50px !important;
}
.rebrand-7 .hack-desktop{display:none!important;}
.rebrand-7 .hack-mobile{display:block!important;}
}

@media only screen and (min-width: 1200px){
.hack-bio p{
padding-right: 200px !important; 
}
}

@media only screen and (min-width: 1450px){
.hack-bio p{
padding-right: 400px !important; 
line-height: 25px!important; 

}
}

@media only screen and (max-width: 1000px){

.single-portfolio_page .side_menu_button>a {
color: #000000!important;
}
.single-portfolio_page header {
background-color: #ffffff!important;
}

.page-template .side_menu_button>a{
color: #ffffff!important; 
}
.page-template header {
background-color: #16171c!important; 
}

.home .side_menu_button>a{
color: #ffffff!important; 
}
.home header {
background-color: #000 !important; 
}

}


.single-portfolio_page .q_logo .dark,
.single-portfolio_page .q_logo .mobile { 
background-image: url("/wp-content/uploads/2025/11/rebrand-logo-green2.png");
background-size: cover;
}

.page-template .q_logo .light,
.page-template .q_logo .mobile { 
background-image: url("/wp-content/uploads/2025/11/rebrand-logo-blank.png");
background-size: cover;
}

.home .q_logo .light,
.home .q_logo .mobile { 
background-image: url("/wp-content/uploads/2025/11/rebrand-logo-blank.png");
background-size: cover;
}



/*
.page-template #menu-menu-side-3 li:not(:last-child)::after {
content:"+";
font-weight: 900 !important;
color: #a0e550 !important;
font-size: 20px;
}

.home #menu-menu-side-3 li:not(:last-child)::after {
content:"+";
font-weight: 900 !important;
color: #FFFFFF !important;
font-size: 20px;
}

.single-portfolio_page #menu-menu-side-3 li:not(:last-child)::after {
content:"+";
font-weight: 900 !important;
color: #a0e550 !important; /* darker green */
font-size: 20px;
}
*/

.single-portfolio_page #menu-menu-side-3 a:hover,
.single-portfolio_page #menu-menu-side-3 a{
color: #000 !important;
}

.q_team_position {
color: #FF4F81!important;
}

.hack-popup-table .qbutton {
color: #FF4F81;
background-color: rgba(0,0,0,0) !important;
border-color: #FF4F81 !important;
opacity: .9;
}

.hack-popup-table .qbutton:hover {
color: #fff;
background-color: #FF4F81 !important;
border-color: #FF4F81 !important;
opacity: .9;
}

#nf-field-14 {
background-color: #FF4F81 !important;
color: white !important;
cursor: pointer;
}

.home .q_logo .light,
.home .main_menu{
visibility: hidden;
}

.rebrand-9{display:none!important;}

.hack-service .vc_column-inner {
/* background-image: linear-gradient(45deg, #626576, #414450) !important; */
  border-radius: 25px !important;
}








#services .vc_row .hack-service .vc_column-inner {
  background-blend-mode: luminosity !important;
}



#services .vc_row:nth-child(1) .hack-service:nth-child(1) .vc_column-inner { /* 3D5AFE */
background-color: #3D5AFE !important; 
}

#services .vc_row:nth-child(1) .hack-service:nth-child(2) .vc_column-inner {
background-color: #9a5cb9 !important;
}

#services .vc_row:nth-child(1) .hack-service:nth-child(3) .vc_column-inner {
background-color: #FF4F81 !important;
}

#services .vc_row:nth-child(2) .hack-service:nth-child(1) .vc_column-inner {
background-color: #3D5AFE !important;
}

#services .vc_row:nth-child(2) .hack-service:nth-child(2) .vc_column-inner {
background-color: #9a5cb9 !important;
}

#services .vc_row:nth-child(2) .hack-service:nth-child(3) .vc_column-inner {
background-color: #FF4F81 !important;
}





.hack-service-overlay {
background-color: rgba(75,75,75,0.7) !important; /* 255,79,129,0.7 */
/* background-color: rgba(0,0,0,0.25) !important;*/
width:100% !important;
  border-radius: 25px !important;
}

.hack-service-overlay .vc_single_image-wrapper{
padding-top:40px !important;
}

.hack-service-overlay h3{
padding-bottom:50px !important;
}

#services .vc_col-has-fill>.vc_column-inner {
padding-top: 0px  !important;
}


#services .vc_column_container>.vc_column-inner {
padding-left: 0px !important;
padding-right: 0px !important;
}

@media (min-width:1400px) {
.rebrand-10 .vc_col-sm-4 {
width: 31% !important;
margin: 10px;
}
}

@media (max-width:1400px) {
.rebrand-10 .vc_col-sm-4 {
width: 30% !important;
margin: 10px;
}
}

@media (max-width:1000px) {
.rebrand-10 .vc_col-sm-4 {
width: 29% !important;
margin: 10px;
}
}

@media (max-width:768px) {
.rebrand-10 .vc_col-sm-4 {
width: 100% !important;
margin: 10px;
}
}

@media (max-width:768px) {
.hack-button-left {
text-align: center !important;
margin-bottom: 25px;
}
.hack-button-right {
text-align: center !important;
}
}

.rebrand-10 h3 {color: #fff!important;}




.title.title_size_large h1{ 
color: rgba(0,0,0,0.0) !important;
line-height: 80px;
font-size: 100px;
display: block;
background-image: url("/wp-content/uploads/2025/11/rebrand-logo-grey2.png");
background-size: contain;
background-repeat: no-repeat;
width:50%;
}

@media (min-width:1400px) {
.title.title_size_large h1{ 
margin-top: 60px;
}
}

@media (max-width:1400px) {
.title.title_size_large h1{ 
margin-top: 60px;
}
}

@media (max-width:1200px) {
.title.title_size_large h1{ 
margin-top: 70px;
}
}

@media (max-width:1000px) {
.title.title_size_large h1{ 
margin-top: 100px;
}
}

@media (max-width:768px) {
.title.title_size_large h1{ 
margin-top: 120px;
}
}

@media (max-width:600px) {
.title.title_size_large h1{ 
margin-top: 160px;
}
}

.rebrand-11 h1 { 
  background: -webkit-linear-gradient(#3D5AFE, #FF4F81);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: right !important;
}

.page-template .title{
  background-image: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,1)) !important;
  background-image: none !important;
  background-color: #16171c !important;


background-image: url("https://collective.lair.tv/wp-content/uploads/2025/11/rebrand-header5.jpg") !important;
background-image: none !important;
background-color: rgba(0,0,0,0.0) !important;

background-size: cover;

}


.title h1 {
font-size: 200px !important;
line-height: 150px !important;
word-break: normal !important;
  white-space: nowrap;
overflow: hidden;
text-align: left;

}

.content .title .container_inner {
margin: 0 !important;
display: block !important;
padding-left: 50px;
}

/*
.page-id-57522 header,
.page-id-58431 header{
border-top: 7px solid #B2FF59 !important;
}
*/

.page-id-57522 .q_slider,
.page-id-58431 .q_slider{
margin-top:-300px  !important;
}

/*
.title_holder {background-color: rgba(0,0,0,0.0) !important;}
*/


.side_menu_button {
position: absolute;
top: 40px;
right: 0px;
}

@media (max-width:1000px) {
.single-portfolio_page .full_width{ 
margin-top: 100px;
}
}

@media (max-width:600px) {
.footer_top.footer_top_full {
padding: 82px 50px 76px;
}
}

.nf-field-element input {
  border-radius: 25px !important;
border: 0px solid grey !important;

}

#nf-field-14 {
  border-radius: 0px !important;
}

.nf-error-msg, .ninja-forms-req-symbol {
color: #FF4F81  !important;
}

#nf-form-errors-2{
text-align: center !important;
}

.footer_bottom_holder,
.footer_top_holder, .footer_ingrid_border_holder_outer {
background-color: #2e2e2e !important; /* or 2e2e2e */
}

#text-40 hr {
border-top: 0px solid #ffffff !important;
border-bottom: 0px solid rgba(0,0,0,0.0) !important;
border-right: 0px solid rgba(0,0,0,0.0) !important;
border-left: 0px solid rgba(0,0,0,0.0) !important;
background: linear-gradient(to right, #2e2e2e, #ffffff) !important;
height: 1px !important;
}



.full_width,
.home .full_width {
	background:#16171c !important; /* or #121212 */
}


.container_inner.default_template_holder {
background-color: #ffffff;
}

.home .arrow_carrot-up, .home .arrow_carrot-down{color:black!important;}


.qbutton.white {
color: #FF4F81 !important;
background-color: white !important;
}

.qbutton.white:hover {
color: #FF4F81 !important;
background-color: #121212 !important;
}


textarea,
.nf-field-element input {
background: #fff !important;
border: 0px solid #fbfbfb !important;

}


#nf-form-2-cont{
background-color:#ececec;
  border-radius: 50px !important;
padding: 50px;
padding-top: 75px;
max-width: 1000px;
margin: 0 auto;
/* margin-bottom: 75px; */
}


.hack-footer-bottom .empty_space_image{ 
background-color: #16171c;
}

.hack-footer-bottom .wpb_wrapper{ 
background-color: #2e2e2e;
}

.single-portfolio_page .myportfolio-container{ 
padding-top: 25px;
}




@media (max-width:768px) {

h1.about-1 {font-size: 40px !important;line-height: 40px;}
h1.about-2 {font-size: 40px !important;line-height: 40px;margin-top:-50px}
h1.about-3 {font-size: 40px !important;line-height: 40px;margin-top:-50px}

h1.about-4 {font-size: 40px !important;line-height: 40px;}

#menu-menu-side-2 li a {
font-size: 14px  !important;
}

#menu-menu-side-2 li {
padding-right: 10px;
}

.accordion_content_inner li {
font-size: 30px;
line-height: 40px;
}

.hack-title {
font-size: 30px;
line-height: 20px;
}

.hack-category {
font-size: 15px;
line-height: 30px;

}

.rebrand-11 h1 {
font-size: 40px;
line-height: 40px;
}
.rebrand-10 .vc_col-sm-4 {
margin: 0px;
margin-bottom: 10px;

}

#nf-form-2-cont {
padding: 25px;
padding-top: 50px;

}

}

.side_menu a.close_side_menu span:hover {
color: #FF4F81 !important;
}




.hack-footer-bottom .empty_space_image,
.home,
.full_width,
.home .full_width {
	background:#16171c !important; /* 16171c or #121212  */
}

.hack-footer-bottom .empty_space_image {
	background:red !important; /* 16171c or #121212  */
}




#about{
  background-image: linear-gradient(180deg, rgba(61,90,254,1), rgba(255,79,129,1)) !important;
border-radius: 0px 0px 100px 100px;
}

@media (min-width:1000px) {
.qode_carousels_holder{
width: 800px !important;
margin: 0 auto !important;
}
}

.eg-home-v2-element-3{
padding-left: 25px !important;
}


.rev-btn i {
font-size: 50px !important;
}

#menu-menu-side-2 :nth-child(3) a, .menu-menu-side-2-container li:nth-child(3) a {
pointer-events: none !important;
color: #FF4F81 !important;
}

#menu-menu-side-3 li:nth-child(3) a{
color: #FF4F81 !important;
}

#menu-menu-side-3 li a:hover{
color: #FF4F81 !important;
}


@media only screen and (min-width: 1000px){
.home .content{
margin-top: -25px;
}
}