/*
Theme Name: Avd
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
*/

.tk-aktiv-grotesk-extended, body { font-family: "aktiv-grotesk-extended",sans-serif; }
.tk-sofia-pro, h1, h2, h3 { font-family: "sofia-pro",sans-serif !important; font-style: normal; text-transform: initial; }
.white-fonts, .white-fonts p { color: #fff !important; }
.blue-fonts, .blue-fonts p { color: #333E47 !important; }
h1, h2, h3 { margin-bottom: 25px; }
h2 { letter-spacing: 0;}
p { color: #484848; padding-bottom: 10px; font-family: "aktiv-grotesk-extended",sans-serif; font-weight: 500; font-size: 16px; letter-spacing: 0; line-height: 25px; } 
p a:hover { color: #000; font-weight: 500; }
.ajax_loader img { max-width: unset; }
header.scroll_header_top_area.stick.page_header:after { background: linear-gradient(90deg, #FF0000 0%, #FFC300 24.63%, #50FF00 50.25%, #0044FF 78.52%, #FF0033 100%); content: ''; width: 100%; height: 4px; position: absolute; border-radius: calc(2 * var(--borderWidth)); z-index: -1; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%; }
.popup_menu_opened header.scroll_header_top_area.stick.page_header:after { content: unset; }
.popup_menu_opened header.scroll_header_top_area.stick.page_header:before { background: linear-gradient(90deg, #FF0000 0%, #FFC300 24.63%, #50FF00 50.25%, #0044FF 78.52%, #FF0033 100%); content: ''; width: 100%; height: 4px; position: absolute; border-radius: calc(2 * var(--borderWidth)); z-index: -1; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%; }
.popup_menu_inner.open img{ display: block; margin-top: -5px; }
.popup_menu_inner.close { display: none; width: unset; }
.popup_menu_inner.close div { border: 2px solid #fff;  padding: 10px 31px;  position: relative; display: inline; border-radius: 5px; } 
.popup_menu_opened .side_menu_button { height: unset !important; }
.popup_menu_opened .popup_menu_inner.open { display: none; }
.popup_menu_opened .popup_menu_inner.close { display: block;  margin-top: 24px;}
.popup_menu a { transition: 0.3s;}
.popup_menu a:hover { margin-left: 5px;}
.footer_top_holder:before { background: linear-gradient(90deg, #FF0000 0%, #FFC300 24.63%, #50FF00 50.25%, #0044FF 78.52%, #FF0033 100%); content: ''; width: 100%; height: 4px; position: absolute; border-radius: calc(2 * var(--borderWidth)); z-index: 1; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%; }
nav.popup_menu ul li { text-align: left; }
nav.popup_menu ul li a, nav.popup_menu ul li ul li a, nav.popup_menu ul li ul li h6 { font-family: "aktiv-grotesk-extended",sans-serif; text-transform: initial; font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 35px; }
.has_sub.narrow>a:hover { color:#fff; }
.has_sub.narrow>a { cursor: initial;}
nav.popup_menu>ul { margin-top: 35px; }
.popup_menu_inner.close { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 14px; text-align: center; }
li.narrow .second .inner ul { background-color: transparent; margin-left: 50px; }
li.narrow .second .inner ul a { font-weight: normal; line-height: 30px; }
li.menu-item.current-menu-item a { color: #e9c727; }
li.narrow .second .q_menu_arrow { display: none; }
.header-parts { display: inline-block; }
.header-info { padding-top: 85%; font-size: 16px; font-weight: 500; letter-spacing: 0.34px; line-height: 27px; text-align: right; }
.header-info .contact { margin-top: 20px; font-size: 16px; font-weight: 500; letter-spacing: 0.34px; line-height: 27px; text-align: right; }
@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.fade, .fadeIn { opacity: 1; }

.q_logo a { height: 45px !important; }
.qbutton { font-family: "sofia-pro",sans-serif !important; min-width: 120px !important; min-height: 55px; line-height: 55px !important; }
.four_columns>.column2, .four_columns>.column3, .four_columns>.column4, .four_columns>.column5 { width: 18.5%; float: left; }
.footer_top p { color: #000!important; font-size: 12px; font-weight: 500; letter-spacing: 0.25px; line-height: 27px; }
.footer_top .column1 .widget_media_image img { height:51px !important; width: auto;}
.footer_top .column1 p { font-size: 16px; font-weight: 500; letter-spacing: 0.25px; line-height: 27px; margin-top: 15px; margin-bottom: 25px; }
.footer_top .widget.widget_nav_menu li { line-height: 12px; padding: 0 0 14px; }
.footer_top .widget_nav_menu li.menu-item a { color: #000; font-weight: 500; font-size: 12px; line-height:15px; font-weight: 500; letter-spacing: 0.25px;  }
.footer_top .storage-sols, .footer_top .contact-info, .footer_top .contact-info a { color:#000; width: 85%; font-size: 12px;  font-weight: 500;   letter-spacing: 0.25px;   line-height: 27px; }
.footer_top .gladiator { margin-top: 25px; color: #000; font-size: 12px; font-weight: 500; letter-spacing: 0.25px;font-weight: 500;}
.footer_top .gladiator img { margin-top: 10px; }
.footer_top .column5 p { height: 130px; }
.footer_top h5 { font-family: "sofia-pro",sans-serif; font-style: normal; text-transform: initial; color:  #282828;  font-size: 19px; font-weight: 900; letter-spacing: 0.4px; line-height: 19px; }
.footer_top a:hover { color: #000!important; font-weight: 600; }
.footer_top a:hover { font-weight: 900 !important; }
.footer_top .social a { text-transform: uppercase; font-size: 12px; letter-spacing: 0.25px; line-height: 2px; text-transform: uppercase; color: #000; }
.footer_top .social a:first-child { padding-right: 15px; }
.footer_bottom p { font-size: 10px; font-weight: 500; letter-spacing: 0; line-height: 12px; }
.footer_bottom a { text-transform: uppercase; }
.yellow-btn a { font-family:"sofia-pro",sans-serif !important; border-radius: 5px; background-color: #E9C727 !important; color: #000 !important; font-weight: 900; border: 2px solid #E9C727 !important; }
.yellow-btn a:hover { background-color: transparent !important; color: #E9C727 !important; border: 2px solid #E9C727 !important; }
.ext-link a:after { content: ''; background: url(img/external-link-icon.png); width: 100%; height: 100%; top: 0; position: absolute; background-repeat: no-repeat; background-size: 10px 10px; margin-left: 5px; }

/* --------------- Homepage --------------  */

/* Banner */
rs-slide:after { content: ''; background: rgba(0,0,0,0.3); position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; opacity: 1; }
.tk-sofia-pro.rev-btn.rs-layer { margin-top: 30px;}
#initial-box h1 { font-weight: normal; font-size: 45px; letter-spacing: 0; line-height: 50px; }

/* Our work */
#our-work .q_elements_item_inner:hover { background: rgba(0,0,0,0.3); } 
#our-work .icon_text_holder { z-index: 2; } 
#our-work h3 { font-size: 45px; font-weight: 600; letter-spacing: 0; line-height: 55px; text-transform: initial;} 
#our-work .work-link p { text-align: left; opacity: 0; transition: .3s ease; }  
#our-work .q_elements_item_inner:hover p { opacity: 1; }
#our-work .work-link a { color: #E9C727; z-index: 2; position: relative; } 
#our-work .icon_text_holder li { color:#fff !important; font-size: 16px; line-height:25px;}
.back-img { min-height: 450px; background-repeat: no-repeat; background-size: cover; -webkit-transition: width .35s ease-in-out; transition: width .35s ease-in-out;}

/* About */
#about-head h1 { font-size: 80px; font-weight: 900; letter-spacing: 0; line-height: 55px;  }
#about-head:after { content: ''; background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0;  }
#home-about .q_elements_item_inner { max-width: 90%; }
#home-about p { color: #fff; }
#home-about .qbutton:hover { font-family: "sofia-pro",sans-serif !important; background-color: #e9c727 !important; color: #fff !important;  }

/* Contact us */
#contact-head:after { content: ''; background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#contact-head h1 { font-size: 80px; font-weight: 900; letter-spacing: 0; line-height: 55px;  }
#contact-head h1
.wpcf7 form.sent .wpcf7-response-output, div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #f7be68; }
.wpb_gmaps_widget iframe { filter: grayscale(1); }

/* --------------- What we do --------------  */
#work-head:after { content: ''; background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0;  }
#work-head h1 { color: #fff; font-size: 75px; font-weight: bold; letter-spacing: 0; line-height: 85px !important; text-align: center !important;} 
#work-head a.vc_btn3 { padding: 0 25px; padding-top: 12px !important; padding-bottom: 12px !important; text-transform: uppercase; font-weight: 900; width:200px;}
#work-head .yellow-btn a:hover { color: #E9C727 !important;}
#work-head p { font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 35px;}
#work-head [data-type="text"] { font-family: "aktiv-grotesk-extended",sans-serif !important; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 55px;} 
.work-anchors { text-align: center; position: absolute; opacity: 1; z-index: 1; margin-top: -30px; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 35px; width: 100%; border-top: 1px solid #fff; padding-top: 10px; display: flex; justify-content: space-evenly; }
.work-anchors a { color: #fff; padding: 0 10px;  }
.scroll-link img { bottom: 110px; position: relative;}
.white-btn a { font-family: "sofia-pro",sans-serif !important;}

/* --------------- Brands --------------  */
.play-btn img { width: 120px; background: rgba(255,255,255,0.4); border-radius: 50%; }
.enq-btn a, .dwn-btn a { font-family:"sofia-pro",sans-serif !important; text-transform: uppercase; font-weight: 900; }
.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom, .vc_btn3.vc_btn3-size-md { padding: 18px 45px; }
#james .q_elements_item_inner:nth-child(1), #james h2, #lutron .q_elements_item_inner:nth-child(1), #lutron h2, #homeworks .q_elements_item_inner:nth-child(1), #homeworks h2  { text-align: right !important; }
.pum-overlay.pum-theme-204, html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active { overflow: hidden !important;}
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] { padding-right: 0;}
#pum-243 iframe, #pum-259 iframe {  width: 100%; }

/* --------------- Contact --------------  */
#contact-form input, #contact-form textarea, #contact-form select { border: 1px solid #C8CED8; margin-bottom: 10px; text-transform: uppercase; }
#contact-form i { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: inherit; }
#submit { background: #E9C727; border: 2px solid #E9C727;  box-shadow: none; border-radius: 5px; padding: 15px 20px; font-weight: 900; font-family: "sofia-pro",sans-serif; margin-top: 20px; }
#submit:hover { background: transparent; }
.wpb_gmaps_widget .wpb_wrapper { padding: 0 5px;}

/*
*  Media Query
*/
@media (min-width: 1024px) and (max-width: 1200px) { 
	.work-anchors { font-size: 18px; }
}
@media (max-width: 1024px) { 
	#work-head h1 { color: #fff; font-size: 42px; font-weight: bold; letter-spacing: 0; line-height: 55px !important;} 
	.work-anchors { font-size: 14px; }
}	
@media (max-width: 991px) { 	
	.logo_wrapper { left: 10%; }
	.four_columns>.column2, .four_columns>.column3, .four_columns>.column4, .four_columns>.column5 { width: 33%; float: left; }
	.four_columns>.column4>.column_inner { padding: 0; }
	.header-info { padding-top: 0; padding-bottom: 65px; }
	.popup_menu_holder .row { overflow-y: scroll; }
	body.popup_menu_opened { overflow: hidden; }
}
@media (max-width: 768px) { 
	p { font-size: 16px !important; line-height: 25px !important; }		
	.swap-row .two_columns { display: grid; }
	.swap-row .two_columns .q_elements_item:first-child { order: 2; }
	#work-head .white-btn { padding-right: 0 !important;}
	#work-head .yellow-btn { margin-top: 0 !important;}

	.popup_menu_holder_outer .container_inner { position: fixed !important; top: 50px; left: 30px; width: 100%; height: 100%; z-index: 99999; overflow-y: auto;  overflow-x: hidden; }
	.popup_menu_holder_inner { padding: 50px 0 !important; }
	.popup_menu_holder_outer { height: 100vh !important;}
}
@media (max-width: 600px) { 
	.vc_row.full_screen_section { padding: 0; }
	/*.header_inner_right { width: 20%; }*/
	.popup_menu_inner.close { font-size: 12px; }
	nav.popup_menu>ul { margin-top: 0; }
	.logo_wrapper { left: 30%; }
	
	/* Footer */
	.four_columns>.column2, .four_columns>.column3, .four_columns>.column4, .four_columns>.column5 { width: 100%; float: left; }
	.footer_top .column5 p { height: unset; }
	
	/* Brands */
	.play-btn img { width: 100px; }
	
	/* What we do pages */
	.work-anchors { display: block; margin-top: -60px; }
	.scroll-link img { width: 20px;}
}



/* Portfolio */

/* ----- Portfolio -----  */
#home-port { min-height: 250px; }
#home-port .grid { margin: 40px 0; }
.hidden, .hide { visibility: hidden; width: 0px!important; height: 0px!important; margin: 0px!important; padding: 0px!important; }
.ui-group { margin: 15px 0; }
.ui-group button { border: none; outline: none; background: none; font-family:'museo-sans'; font-weight: 500; font-size: 18px; letter-spacing: 0; line-height: 39px; padding: 0 2%; }
.ui-group button.is-checked { color: #AD8F69; }
.ui-group button.filter-all { border: 1px solid #444444; border-radius: 35px;font-weight: 700; text-transform: uppercase; font-size: 16px; letter-spacing: 0; line-height: 19px; padding: 10px 20px; min-width: 150px; }
.ui-group button.filter-all.is-checked { border: 1px solid #AD8F69; background-color: #AD8F69; color: #fff; font-weight: 900; } 
.quicksearch { font-family: 'museo-sans', 'FontAwesome'; border: 1px solid #0E404D; border-radius: 21.5px; line-height: 43px; padding: 0 10px; }
.quicksearch::placeholder { color: #0E404D ; }
.quicksearch:focus { outline: 0; }
.port-inner>img { position: absolute; left: -40px; top: -40px; }
.port-inner p { font-family: 'museo-sans'; color: #AD8F69; position: absolute; font-size: 25px; letter-spacing: 0.28px; line-height: 33px; left: -5px; margin-top: 3px; }
.port-outer { background-size: 51% auto; background-repeat: no-repeat; height: 230px; background-color: #0E404D; border: 5px solid #AD8F69; margin: 2%; width: 29%; }
.port-outer h3 { color:#444; text-transform: initial; position: absolute; bottom: -40px; display: block; left: 0; font-size: 25px; letter-spacing: 0.25px; line-height: 31px; } 
.port-outer a.abs-link { font-family: 'museo-sans'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.port-right { width: 50%; position: absolute; height: 100%; right: 0; text-align: center;}
.port-right img { width: auto; height: 180px; padding: 20px; }
.triangle-right { position: absolute; left: 74px; top: 18px; width: 0; height: 0; border-style: solid; border-width: 10px 55px 100px 55px; border-color: transparent transparent #0E404D transparent;} 
p.ranking { font-size: 28px; letter-spacing: 0.28px; line-height: 33px; font-weight: 500; color: #fff; left: 0; top: 135px; width: 100%; }
.red-btn { text-align: center; }
#load-more { margin-top: 30px; }
.no-product-area { padding: 3% 0; }

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

.page-id-2 .section_inner {
    width: 85% !important;
}

}