/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

body{ overflow:hidden; }

/*MyWork Header*/

.mywork-mobile-header{
	width: 100%;
    display: block;
    height: 55px;
    background-color: #000;
    padding: 0;
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
}

.top.mobile_menu{
	position: fixed;
	top: 55px;
	width: calc(100% - 40px);
	padding: 0 20px;
	z-index: 999;
	background-color: #000!important;
}

.mobile-header-item{
	width: 25%;
	height: 55px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	float: right;
	border-left: 1px solid #757575;
}

.mobile-header-item a{ display:inline-block; }

.mobile-header-item .fa{
	font-size: 28px;
	color: #FFF!important;
}

.mobile-call-button a{ padding-top:13px; }
.mobile-contact-button a{ padding-top:12px; }
.mobile-home-button a{ padding-top:10px; }

.mobile-call-button .fa{ font-size:29px; }
.mobile-home-button .fa{ font-size:33px; }

.mobile_menu_button{
	height: auto;
	margin: 0 auto;
	float: initial;
}

.mobile-menu-button span{
	display: initial;
}

#mobile_contact{
	display:none;
	position:fixed;
    background:#000;
    padding:10px 5% 20px;
    bottom:-86px;
    z-index:99999;
    width:90%;
    height:100%;
	border-top:1px solid #757575;
}

#mobile_contact label{ font-size:12px; color:#FFF; }
#mobile_contact .wpcf7 form.wpcf7-form p{ margin-bottom:4px; }
#mobile_contact input.wpcf7-form-control.wpcf7-text{ color:#555; font-family:'Open Sans', sans-serif; margin:0; padding:7px 8px; line-height:1em; }
#mobile_contact textarea.wpcf7-form-control.wpcf7-textarea{ margin:0 0 12px; height:65px; padding:7px 8px; color:#555; }
#mobile_contact input.wpcf7-form-control.wpcf7-submit{ background:#7b7b7b; font-size:18px; text-transform:uppercase; font-weight:600; border:none; padding:1px 20px; font-family:'Open Sans', sans-serif; margin:5px auto 0; display:block; -webkit-border-radius:0; border-radius:0; color:#FFF; letter-spacing:normal; }
#mobile_contact input.wpcf7-form-control.wpcf7-submit:hover{ background:#4a4a4a; color:#FFF; }

body #mobile_contact .wpcf7-form-control-wrap{ display:block; }
body #mobile_contact:not(.cf7p-message) .wpcf7-not-valid-tip {
    position:absolute !important;
    left:-21px !important;
	top:4px !important;
	width:27px !important;
	height:25px !important;
    padding:0 !important;
    background:url('images/contact_form_error.png') no-repeat 0 0 !important;
	background-size:100% auto !important;
    overflow:hidden;
    text-indent:-9999px !important;
    border:none !important;
	z-index:1;
}

body #mobile_contact div.wpcf7-response-output{ margin:17px 0 0; color:#FFF; line-height:1.2em; text-align:center; font-size:13px; }
body #mobile_contact div.wpcf7-response-output.wpcf7-validation-errors{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:14px; }
body #mobile_contact div.wpcf7-response-output.wpcf7-validation-errors:before{ display:none; }
body #mobile_contact div.wpcf7-response-output.wpcf7-mail-sent-ok{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:14px; font-weight:600; color:#249869; }
body #mobile_contact div.wpcf7-response-output.wpcf7-mail-sent-ok:before{ display:none; }
body #mobile_contact select.wpcf7-form-control.wpcf7-select{ -webkit-appearance:menulist-button; padding:13px 11px; }
body #mobile_contact div.wpcf7 .ajax-loader{ position:absolute; top:-32px; right:6px; }

#responsive-menu-container #responsive-menu li.responsive-menu-item a{ border-bottom: 1px solid #3a3a3a !important; padding:0 3%; }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link{ padding-left:3% !important; }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a{ background-color:#2b2b2b !important; }

body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow{ border-color:#2b2b2b !important; background-color:#2b2b2b !important;}
body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover{ border-color:#2b2b2b !important; background-color:#2b2b2b !important;}

#mobile-header-phone-number{ display:none; visibility:hidden; }

@media (max-width: 1000px){
	.mywork-mobile-header{ display:block; }
    .header_inner{ margin-top:55px; }
	
	body #responsive-menu-container{ top:55px !important; border-top:1px solid #757575; }
	body .responsive-menu-inner{ margin-top:-3px; }
	body button#responsive-menu-button{ border-right:1px solid #757575; width:25%; }
	#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a{ border-top:none !important; }
	
	#mobile-header-phone-number{ display:block; visibility:visible; text-align:center; }
	#mobile-header-phone-number a{ color:#000; border:2px solid #000; padding:3px 8px; font-family:'Open Sans', sans-serif; display:inline-block; text-decoration:none; margin:-3px 0 15px; }
	#mobile-header-phone-number a i{ color:#000; font:normal normal normal 14px/1 FontAwesome !important; }
	#mobile-header-phone-number a:hover{ background:#000; color:#FFF; }
	#mobile-header-phone-number a:hover i{ color:#FFF; }
	
	body .logo_wrapper{ height:97px !important; }
	body .bne-flyout-wrapper{ display:none !important; }
}

body .bne-flyout-wrapper form { margin:0; position:relative; }
body .bne-flyout-wrapper label{ font-size:12px; color:#FFF; }
body .bne-flyout-wrapper .wpcf7 form.wpcf7-form p{ margin-bottom:10px; }
body .bne-flyout-wrapper input.wpcf7-form-control.wpcf7-text{ color:#555 !important; background:#FFF !important; font-family:'Open Sans', sans-serif; margin:4px 0 0; padding:7px 8px; line-height:1em; }
body .bne-flyout-wrapper textarea.wpcf7-form-control.wpcf7-textarea{ margin:4px 0 12px; height:65px; padding:7px 8px; color:#555 !important; background:#FFF !important; font-family:'Open Sans', sans-serif; }
body .bne-flyout-wrapper input.wpcf7-form-control.wpcf7-submit{ background:#7b7b7b; font-size:18px; text-transform:uppercase; font-weight:600; border:none; padding:1px 20px; font-family:'Open Sans', sans-serif; margin:20px auto 0; display:block; -webkit-border-radius:0; border-radius:0; color:#FFF; letter-spacing:normal; }
body .bne-flyout-wrapper input.wpcf7-form-control.wpcf7-submit:hover{ background:#4a4a4a; color:#FFF; }

body .bne-flyout-wrapper .wpcf7-form-control-wrap{ display:block; }
body .bne-flyout-wrapper:not(.cf7p-message) .wpcf7-not-valid-tip {
    position:absolute !important;
    left:-21px !important;
	top:4px !important;
	width:27px !important;
	height:25px !important;
    padding:0 !important;
    background:url('images/contact_form_error.png') no-repeat 0 0 !important;
	background-size:100% auto !important;
    overflow:hidden;
    text-indent:-9999px !important;
    border:none !important;
	z-index:1;
}

body .bne-flyout-wrapper div.wpcf7-response-output{ margin:17px 0 0; color:#FFF; line-height:1.2em; text-align:center; font-size:13px; }
body .bne-flyout-wrapper div.wpcf7-response-output.wpcf7-validation-errors{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:11px; }
body .bne-flyout-wrapper div.wpcf7-response-output.wpcf7-validation-errors:before{ display:none; }
body .bne-flyout-wrapper div.wpcf7-response-output.wpcf7-mail-sent-ok{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:11px; font-weight:600; color:#77d8a8; }
body .bne-flyout-wrapper div.wpcf7-response-output.wpcf7-mail-sent-ok:before{ display:none; }
body .bne-flyout-wrapper select.wpcf7-form-control.wpcf7-select{ -webkit-appearance:menulist-button; padding:13px 11px; }
body .bne-flyout-wrapper div.wpcf7 .ajax-loader{ position:absolute; top:266px; right:4px; }

body .bne-flyout-wrapper .flyout-content-body p:first-of-type{ color:#FFF; margin:19px 0 18px 0; }

/*End of MyWork Header*/


/* ---------------------------------*/
/*  ADDITIONAL CSS starts here */

/* HEADER */
	.logo_wrapper {
		top: 20px !important;
		position: relative;
	}
	.q_logo img.normal {
		height: 85% !important;
		top: -68px;
	}
	.header_top {
    height: 36px;
    background-color: #0e0e0e !important;
	}
	header.sticky .header_top {
    display: block;
    background-color: rgba(0,0,0,0) !important;
		margin-top: -36px;
	}
	.header_top .q_icon_list {
		display: inline-block;
		padding-right: 22px;
	}
	.header_top .flyout-trigger {
    letter-spacing: 2px;
    font-weight: 700;
    padding: 3px 12px;
		position: absolute;
		box-shadow: none;
	}
	.header_top .flyout-trigger:hover {
    background-color: #f2c11f;
    color: black;
		-webkit-transition:background-color 0.3s ease-out !important;
		transition:background-color 0.3s ease-out !important;
	}
	header:not(.sticky) .header_top .flyout-trigger {
    top: 0 !important;
    right: 4%;
	}
	header.sticky .header_top .flyout-trigger {
		top: 60px !important;
		right: 5%;
	}
	header.sticky .header_top .left,
	.bne-flyout-wrapper .flyout-trigger {
    display: none;
	}
	header.stick_with_left_right_menu.sticky nav.main_menu.right_side{
		width: 40%;
	}
/* FLYOUT ENQUIRY */
	.bne-flyout-wrapper input.wpcf7-form-control.wpcf7-submit{
		background-color:#F9A213 !important;
		color:#ffffff !important;
		width:88%;
		text-align:center;
		height: 55px;
		line-height: 36px;
		font-family:'Work Sans', sans-serif !important;
		letter-spacing: 1.6px !important;
		font-weight:400;
		font-size:14px;
	}
	.bne-flyout-wrapper input.wpcf7-form-control.wpcf7-submit:hover{
		background-color:#251F17 !important;
		color: #F9A213 !important;
	}
	body .flyout-recaptcha{
		line-height:1.75 !important;
		font-size: 14px !important;
		font-weight:400;
	}
	body .flyout-content p{
		line-height: 1.75;
		font-weight:400;
	}
	body .bne-flyout-wrapper label {
		color: white;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	body .flyout-content-body p, body .flyout-recaptcha {
		color: rgba(255,255,255,0.8) !important;
		font-family:'Open Sans', sans-serif;
	}
	#flyout-content-id-16646 .flyout-content a{
		color:#F9A213 !important;
		font-weight: 600;
	}	
	#flyout-content-id-16646 .flyout-content a:hover{
		color:#F3E230!important;
	}
	body .bne-flyout-wrapper input.wpcf7-form-control.wpcf7-text, 
	body .bne-flyout-wrapper textarea.wpcf7-form-control.wpcf7-textarea {
		border: 1px solid white;
		border-radius:0;
		background-color: white !important;
		line-height: 22px;
		color: #222222 !important;
	}
	body .bne-flyout-wrapper textarea.wpcf7-form-control.wpcf7-textarea{
		height:140px;
	}
	.bne-flyout-wrapper form.wpcf7-form p:nth-child(6) br {
    display: none;
	}
/* CONTACT FORM */
	.contact-input-submit {
			text-align: center;
	}
	.contact-form .contact-recaptcha{
		font-family: 'Open Sans', sans-serif !important;
    font-size: 15px;
		color: black !important;
		line-height: 1.5;
		text-align: center;
	}
	.contact-form .contact-recaptcha a	{
		color: #F9A213;
	}
	.contact-form.contact-recaptcha a:hover{
		color: #F3E230 !important;
	}
	.contact-form form.wpcf7-form input.wpcf7-text::placeholder, 
	.contact-form form.wpcf7-form input.wpcf7-number::placeholder, 
	.contact-form form.wpcf7-form select.wpcf7-select::placeholder, 
	.contact-form form.wpcf7-form textarea.wpcf7-textarea::placeholder {
		font-size: 17px;
		color:#795e00;
	}
	.contact-form form.wpcf7-form .contact-input-full{
		width:100%;
	}
	.contact-form .wpcf7 form .wpcf7-response-output {
		color: black;
		text-align: center;
		line-height: 1.3;
	}	
	.wpcf7 form .wpcf7-response-output {
    padding: 11px 10px;
	}
	.wpcf7 form.invalid .wpcf7-response-output, 
	.wpcf7 form.unaccepted .wpcf7-response-output {
		border-color: #e52323;
	}
	.wpcf7 form.sent .wpcf7-response-output {
    border-color: #5cda45;
	}
/* GENERAL */
	.content .full_width {
			background-image: url(/wp-content/uploads/2020/07/bg-texture.jpg);
	}
	.wpb_text_column ul{
		margin-left:20px;
		list-style-position: outside;
	}
/*	.wpb_text_column ul li{
		list-style-type:none;
	}
	.wpb_text_column ul li:before {
		content: '•';
		font-size: 20px;
		color: #F9A213;
		width: 28px;
		height: 28px;
		margin-left: -18px;
		padding-right: 11px;
		top: 2px;
		position: relative;
	}/*
/* FOOTER */
	.footer_top * {
		color: white;
	}
	.footer_top .q_icon_list {
		text-align: left;
		width: fit-content;
		display: inline-block;
		margin: 0 auto;
		padding: 0 16px;
	}
	.footer_top #menu-footer-menu li a {
    font-size: 18px;
    font-weight: 700;
    padding: 8px 12px;
    background-color: #101010;
    margin: 0 4px;
    min-width: 140px;
	}
	.footer_top #menu-footer-menu li a:hover {
    background-color: #F2C11F;
    color: #101010 !important;
	}
	.footer_top #menu-footer-menu li {
		display: inline-block;
	}
	.footer_top #text-4 p {
    color: #a0a0a0;
	}
	.footer_inner {
    background-size: cover;
	}
	
@media only screen and (max-width:1330px){
	.q_logo img.normal {
			height: 65% !important;
			margin: 0 auto;
			position: relative;
	}
	nav.main_menu > ul > li > a {
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
	}
	nav.main_menu.right_side ul li:first-child {
    margin-left: 130px !important;
	}
	nav.main_menu.left_side ul li:last-child {
    margin-right: 130px !important;
	}
}
@media only screen and (max-width:1110px){
	nav.main_menu > ul > li > a {
    font-size: 14px;
    font-weight: 500;
    padding: 0 14px;
	}
	.q_logo img.normal {
    height: 54% !important;
	}
}


/* ------- MOBILE -------- */
@media only screen and (max-width:1000px){
/* HEADER */
	.header_bottom {
		background-color: rgba(0,0,0,0) !important;
	}
	.header_bottom .logo_wrapper {
		left: 0;
		top: 26px !important;
	}
	.q_logo img.mobile {
			left: 50%;
	}
	.header_top_bottom_holder{
		border-top:none;
	}
	.mywork-mobile-header .mobile-header-item a i.fa{
		color:#F9A213 !important;
	}
	.mywork-mobile-header{
		display:block !important;
		background-color:#161616 !important;
		border-bottom: 1px solid #333333;
	}
	#mobile-header-phone-number, .side_menu_button>a.search_button,
	.header_bottom_right_widget_holder{
		display:none !important;
	}
	.mobile-header-item{
		border-left:1px solid #333333 !important;
	}
	.mobile-home-button .fa{
		font-size:24px !important;
	}
	.mobile-home-button .fa-home::after{
		content:"HOME";
		display:block;
		font:13px 'Open Sans', sans-sans-serif;
		font-weight:700;
		color:#ffffff;
	}
	.mobile-contact-button .fa{
		font-size:20px !important;
	}
	.mobile-contact-button .fa-envelope::after{
		content:"EMAIL";
		display:block;
		font:13px 'Open Sans', sans-sans-serif;
		font-weight:700;
		margin:2px 0 0 0;
		color: #ffffff;
	}
	.mobile-call-button .fa{
		font-size:22px !important;
	}
	.mobile-call-button .fa-phone::after{
		content:"CALL US";
		display:block;
		font:13px 'Open Sans', sans-sans-serif;
		font-weight:700;
		color:#ffffff;
	}
	.mobile-call-button .fa-phone:before {
		font-size: 19px !important;
		top: -3px;
		position: relative;
	}
	body button#responsive-menu-button{
		border-right: 1px solid #333333 !important;
	}
/* Mobile Side Menu */
	body #responsive-menu-container{
		border-top:1px solid #333333 !important;
		/*background: none;*/
		z-index: 9997;
	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a.responsive-menu-item-link{
		border-bottom:1px solid #333333 !important;
		font-weight:500;
	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item.current-menu-item a {
		border-bottom: 1px solid #F9A213 !important;
	}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
    background-color: #333333 !important;
		border-color:#161616 !important;
  }
/* QUICK CONTACT FORM */
	#mobile_contact{
		background-color:#000000 !important;
		border-top:1px solid #333333!important;
	}
	#mobile_contact p label{
		font-family: "Open Sans", sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 600;
		font-size: 14px !important;
		color:white !important;
	}
	#mobile_contact p {
		margin-bottom: 20px !important;
		color:rgba(255,255,255,0.7) !important
	}
	body #mobile_contact .flyout-recaptcha{
		font-family: "Open Sans", sans-serif;
		font-size:16px !important;
	}
	#mobile_contact .wpcf7-form input.wpcf7-text, 
	#mobile_contact .wpcf7-form textarea.wpcf7-textarea{
		border: 1px solid #333333;
		border-radius: 0;
		background: #ffffff !important;
		line-height: 22px;
		color: #222222 !important;
		margin-top: 4px !important;
	}
	#mobile_contact textarea.wpcf7-form-control.wpcf7-textarea{
		height:120px !important;
	}
	body #mobile_contact form.wpcf7-form input.wpcf7-form-control.wpcf7-submit{
		background-color:#F2C11F !important;
		color:#ffffff !important;
		border-radius: 0;
		width:100% !important;
		padding:0 !important;
		text-align:center;
		height:55px;
		line-height: 55px;
		font-family: 'Open Sans', sans-serif;
		font-size: 22px;
		letter-spacing: 1px;
	}
	#mobile_contact input.wpcf7-form-control.wpcf7-submit:hover{
		background-color:#251F17 !important;
		border: none;
		color: #F2C11F !important;
	}
	#mobile_contact a{
		color:#F9A213 !important;
		font-weight: 500;
	}
	form.wpcf7-form{
		columns:1;
		-webkit-columns:1;
		margin-top:0;
	}
	#mobile_contact input.wpcf7-form-control.wpcf7-text{
		font-size:16px;
	}
	#mobile_contact form.wpcf7-form > div:nth-child(7) > p {
		text-align: center !important;
	}
	body #mobile_contact div.wpcf7-response-output.wpcf7-mail-sent-ok:before{
		color: #ffffff !important;
	}
/* GENERAL */
	.header_bottom {
    position: absolute;
		width: 100%;
    padding-left: 0;
  }
	.q_elements_item  h4.icon_title {
    font-size: 26px;
  }
}
@media only screen and (max-width:768px){
/* HEADER */
	.header_bottom .logo_wrapper{
		width:100% !important;
		position:absolute;
	}
	.footer_top .q_icon_list .qode-ili-icon-holder {
    top: 5px;
    position: relative;
	}
}
@media only screen and (max-width:480px){
/* FOOTER */
	footer .container_inner {
		width: 300px !important;
	}
	.footer_top #menu-footer-menu li {
		display: block;
	}
	.footer_top #menu-footer-menu li a {
		width: 260px;
		margin: 0 auto;
		padding: 12px 10px;
	}
	.footer_top .q_icon_list {
    margin: 0 !important;
    display: block;
		word-break: break-word;
	}
}