/*
Theme Name: Azman Arquitects
Theme URI: https://www.azmanarchitects.com
Description: Creatique - Azman Arquitects
Author: un.pez.vivo
Author URI: http://www.unpezvivo.com
Version: 1.0.0
Template: bridge
*/
/* ********************************************************************************************************************* IMPORTS */
@import url(css/animsition.min.css);
@import url(css/animate.css);
@import url(css/slick.css);
@import url(css/slick-theme.css);
/* ********************************************************************************************************************* VARS */
/* ********************************************************************************************************************* GLOBALS */
@font-face { font-family: "hgr"; src: url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgr.eot"); src: url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgr.eot?#iefix") format("embedded-opentype"), url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgr.woff") format("woff"), url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgr.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "hgm"; src: url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgm.eot"); src: url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgm.eot?#iefix") format("embedded-opentype"), url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgm.woff") format("woff"), url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgm.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "hgb"; src: url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgb.eot"); src: url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgb.eot?#iefix") format("embedded-opentype"), url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgb.woff") format("woff"), url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/hgb.woff2") format("woff2"); font-weight: bold; font-style: normal; }
@font-face { font-family: "lbr"; src: url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/lbr.eot"); src: url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/lbr.eot?#iefix") format("embedded-opentype"), url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/lbr.woff") format("woff"), url("https://www.azmanarchitects.com/wp-content/themes/azman/fonts/lbr.woff2") format("woff2"); font-weight: normal; font-style: normal; }
body, html { font-family: 'hgr', sans-serif; font-weight: 400; }

button { font-family: 'hgr', sans-serif; }

textarea:focus, select:focus, input:focus { outline: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; letter-spacing: 0; text-transform: none; color: #000; }

p { font-size: 17px; line-height: 1.5; color: #000; }
p + p { margin-top: 20px; }

.libre { font-family: 'lbr', serif; font-weight: 400; }

/* .text-light,
.text-light a {	
	font-weight: 300;
} */
.text-regular, .text-regular a, input, textarea { font-family: 'hgr', sans-serif; }

.text-medium, .text-medium a, strong { font-family: 'hgm', sans-serif; }

.text-bold, .text-bold a, strong { font-family: 'hgb', sans-serif; }

.text-bigger { font-size: 16px !important; }

.text-even-bigger { font-size: 18px !important; }

.text-smaller { font-size: 14px !important; line-height: 21px !important; }
.text-smaller p { margin-bottom: 20px; font-size: 14px !important; line-height: 17px !important; }

.text-spaced { letter-spacing: 3px; }

.white { color: #fff; }
.white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white span { color: #fff; }

.black { color: #000; }

.grey { color: #808080; }

.light-grey { color: #D2D2D2; }

.dark-grey { color: #1A1A1A; }

.colored { color: #000000; }

.red { color: #E10613; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.no-margin { margin: 0; }

.no-padding { padding: 0; }

.margin-10-below { margin-bottom: 10px; }

.margin-20-below { margin-bottom: 20px; }

.margin-10-above { margin-top: 10px; }

.margin-20-above { margin-top: 20px; }

.sp-row { padding: 0 90px; }

.sp-row-with-vertical-padding-60 { padding: 60px 90px; }

.element-with-side-padding-100 { padding: 0 100px; }

.element-with-vertical-padding-60 { padding: 60px 0; }

.row-with-vertical-padding-100 { padding: 100px 0; }

.row-with-top-padding-100 { padding-top: 100px; }

.row-with-bottom-padding-100 { padding-bottom: 100px; }

.column-no-padding-right .vc_column-inner { padding-right: 0 !important; }

.column-no-padding-left .vc_column-inner { padding-left: 0 !important; }

.centered { margin: 0 auto; text-align: center; }

.vertical-centered { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.border-top { border-top: 1px solid #D2D2D2; }

.border-bottom { border-bottom: 1px solid #D2D2D2; }

.no-text-transform { text-transform: none !important; }

.no-letter-spacing { letter-spacing: 0 !important; }
.no-letter-spacing a { letter-spacing: 0 !important; }

.no-block { display: inline; }
.no-block + p { margin-top: -10px; }

.boxed { padding: 6px 10px; background-color: #000000; color: #fff; }

.boxed-white { border: 1px solid #fff; }
.boxed-white:hover { background-color: #fff; }

.title-boxed { display: inline; padding: 0 10px; background-color: #D2D2D2; color: #444444; }
.title-boxed + br { display: block !important; margin-bottom: 20px; content: " "; }
.title-boxed.accent { background-color: #000000; color: #fff; }
.title-boxed.dark { background-color: #1A1A1A; color: #fff; }

.hidden, .hide { display: none !important; }

.hide-on-desktop { display: none; }

a, a:before, a:after { -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important; }

a.accent-link { color: #000000; text-decoration: underline; }
a.accent-link:hover { padding: 0 5px; color: #000000 !important; text-decoration: underline; background-color: #D2D2D2; }

a.white-link { color: #fff; }
a.white-link:hover { color: #000000 !important; }

a.dark-grey-link { color: #1A1A1A; }
a.dark-grey-link:hover { color: #808080 !important; }

a.light-grey-link { color: #D2D2D2; }
a.light-grey-link:hover { color: #000000 !important; }

a.boxed-link { padding: 6px 10px; font-size: 15px; background-color: #000000; color: #fff; }
a.boxed-link:hover { padding: 6px 14px; background-color: #fff; color: #000000; }
a.boxed-link.white { color: #000000; background-color: #fff; border: 1px solid #000000; }

a.line-link { margin-top: 30px; padding-bottom: 8px; display: inline-block; font-size: 22px; line-height: 0; color: #1A1A1A; border-bottom: 2px solid #fff; }
a.line-link:after { content: ''; position: relative; width: 100%; height: 2px; margin-bottom: -10px; display: inline-block; background-color: #fff; transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; }
a.line-link:hover { color: #808080 !important; border-color: #D2D2D2; }
a.line-link:hover:after { transform: scaleX(0); }

a.disabled { pointer-events: none; cursor: default; }

.with-line-below { margin-top: 90px; }
.with-line-below:after { content: ''; width: 100%; height: 1px; margin: 20px 0 60px 0; display: block; background-color: #ccc; }
.with-line-below.small:after { width: 50px; height: 3px; margin-top: 8px; }
.with-line-below.not-centered:after { margin: 20px 0 0 0; }

.column-in-blue-box { padding: 70px; background-color: #000000; }

.big-bullet-list { margin-top: 20px; padding-left: 70px; }
.big-bullet-list li { margin-bottom: 20px; list-style-type: disc; list-style-position: inside; text-indent: -1em; padding-left: 1em; }

.only-home { display: none; }

.only-admin { display: none; }

body.logged-in .only-admin { display: block; }

/* ********************************************************************************************************************* THEME GLOBAL REPLACEMENTS  */
.grid_section .section_inner, .container_inner, .slider_content_outer { width: calc(100% - 140px) !important; max-width: 1500px; }

.section_inner_margin { margin: 0; }

body > .wrapper { opacity: 0; filter: alpha(opacity=0); -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

#back_to_top { bottom: 30px; right: 20px !important; }
#back_to_top span { width: 30px; height: 30px; line-height: 30px; border-radius: 0; border: 0; background-color: transparent !important; }
#back_to_top span:before { display: inline-block; content: url(https://www.azmanarchitects.com/media/arrow-grey.svg); }
#back_to_top span i { display: none; }
#back_to_top span:hover { padding-bottom: 6px; }
#back_to_top.force-on { visibility: visible !important; opacity: 1 !important; }

.page_not_found { margin-top: 150px; }

/* ********************************************************************************************************************* SHARED ELEMENTS */
.slick-prev, .slick-next { position: absolute; cursor: pointer; display: block; outline: none; z-index: 100; width: 30px; height: 40px; top: 45%; padding: 0; color: transparent; border: none; background: transparent; }
.slick-prev:before, .slick-next:before { content: url("https://www.azmanarchitects.com/media/slider-arrow.svg"); opacity: 0.7; -webkit-transition: opacity 0.4s linear !important; -moz-transition: opacity 0.4s linear !important; -ms-transition: opacity 0.4s linear !important; -o-transition: opacity 0.4s linear !important; transition: opacity 0.4s linear !important; }
.slick-prev:hover:before, .slick-next:hover:before { opacity: 1; }

.slick-prev { left: 30px; transform: rotate(180deg); }

.slick-next { right: 30px; }

#cookie-notice { min-width: 0; width: 210px; right: 10px; bottom: 10px; left: initial; padding: 10px 13px; font-size: 11px; line-height: 17px; font-weight: 300; background-color: rgba(0, 0, 0, 0.8) !important; }
#cookie-notice .cookie-notice-container { box-sizing: border-box; }
#cookie-notice span { display: block; padding-bottom: 10px; }
#cookie-notice .qbutton { height: 25px; margin: 0 auto; font-size: 11px; font-weight: 300; line-height: 23px; text-transform: none; background-color: #1A1A1A; color: #fff; border: 0; border-radius: 0; }
#cookie-notice .qbutton:hover { background-color: #808080; }

/* ********************************************************************************************************************* HEADER - MENU */
header .header_bottom { padding: 0 70px; }
header .header_bottom .header_inner_left { left: 70px; }
header .header_bottom .q_logo { top: 25px; }
header .header_bottom .q_logo img { top: 0; /* width: 245px !important;
height: 26px !important;
padding-top: 10px; */ }
header nav.main_menu { padding-top: 25px; }
header nav.main_menu > ul > li:nth-child(4) a { padding-right: 0; }
header nav.main_menu > ul > li > a { padding: 0 15px; font-size: 15px; font-weight: 400; line-height: 0; letter-spacing: 0; text-transform: none; color: #1A1A1A; 				/* span:nth-child(2) {					
					padding-bottom: 8px;
					line-height: 0 !important;

					&:before {
						content: '';
						position: relative;
						width: 110%;
						height: 22px;
						margin: 0 0 -12px -30%;
						display: inline-block;
						background-color: transparent;
						transform: scaleX(0);
						-webkit-transform-origin: 0 0;
						transform-origin: 0 0;
						@include transition(all,.4s,$easeInOutCirc);
					}
				}

				&:hover {

					span:nth-child(2):before {
						transform: scaleX(1);
						margin: 0 0 -12px -5%;
						background-color: rgba(0,0,0,0.05);
					}
				} */ }
header nav.main_menu > ul > li > a span:nth-child(2) { padding-bottom: 3px; line-height: 0 !important; }
header nav.main_menu > ul > li > a span:nth-child(2):after { content: ''; position: relative; width: 100%; height: 1px; margin-bottom: -12px; display: inline-block; background-color: transparent; transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; }
header nav.main_menu > ul > li > a:hover span:nth-child(2):after, header nav.main_menu > ul > li > a.current span:nth-child(2):after { transform: scaleX(1); background-color: #1A1A1A; }
header nav.main_menu > ul > li > a.current { font-family: 'hgb', sans-serif; }
header nav.main_menu.drop_down .wide .second { left: -830px !important; padding-top: 25px; -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -ms-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important; transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* height: 1000px !important;
visibility: visible !important;
opacity: 1 !important; */ }
header nav.main_menu.drop_down .wide .second .inner ul { box-sizing: border-box; width: 1200px !important; padding: 30px; background-color: rgba(255, 255, 255, 0.9); }
header nav.main_menu.drop_down .wide .second .inner ul li { width: 270px; padding: 0 20px 0 0; border: 0 !important; }
header nav.main_menu.drop_down .wide .second .inner ul li:last-child { padding-right: 0; }
header nav.main_menu.drop_down .wide .second .inner ul li a { margin-bottom: 0; padding: 0; font-weight: 400; font-size: 15px; text-transform: none; text-align: center; letter-spacing: 0; color: #000; }
header nav.main_menu.drop_down .wide .second .inner ul li a:before { content: ''; position: relative; display: block; width: 100%; height: 200px; margin-bottom: 15px; background-repeat: no-repeat; background-size: contain; }
header nav.main_menu.drop_down .wide .second .inner ul li a:hover { opacity: 0.9; }
header nav.main_menu.drop_down .wide .second .inner ul li:nth-child(1) a:before { background-image: url(https://www.azmanarchitects.com/media/menu-second-01.jpg); }
header nav.main_menu.drop_down .wide .second .inner ul li:nth-child(2) a:before { background-image: url(https://www.azmanarchitects.com/media/menu-second-02.jpg); }
header nav.main_menu.drop_down .wide .second .inner ul li:nth-child(3) a:before { background-image: url(https://www.azmanarchitects.com/media/menu-second-03.jpg); }
header nav.main_menu.drop_down .wide .second .inner ul li:nth-child(4) a:before { background-image: url(https://www.azmanarchitects.com/media/menu-second-04.jpg); }
header.sticky .header_bottom .q_logo { top: 20px; }
header.sticky nav.main_menu { padding-top: 0; }
header.sticky nav.main_menu > ul > li > a span:nth-child(2):after { display: none; }
header.sticky nav.main_menu.drop_down .wide .second { padding-top: 0; }
header a.popup_menu { display: none; }
header .mobile_menu_button { display: none; }

/* ********************************************************************************************************************* FOOTER */
footer .footer_top { margin-top: 70px; padding: 35px 0 !important; background-color: #808080; }
footer .footer_top .three_columns > div { width: 16.8%; }
footer .footer_top .three_columns > div .column_inner { padding: 0; }
footer .footer_top .three_columns > div .column_inner > div { margin-left: 0 !important; }
footer .footer_top .column3 { float: right; }
footer .footer_top .column3 .column_inner { margin-left: 12%; }
footer .footer_top .textwidget { font-size: 12px; line-height: 1.5; color: #fff; }
footer .footer_top span { color: #bbb; }
footer .footer_top a.white-link.legal { opacity: 0.7; }

/* ********************************************************************************************************************* HOME STUFF */
.home header .header_bottom { background-color: rgba(255, 255, 255, 0.8) !important; }
.home footer { display: none; }
.home .projects-slider { width: 100%; height: 100%; }
.home .projects-slider .item { width: 100%; height: 100%; background-size: cover; background-position: center center; }
.home .projects-slider .item a { position: absolute; bottom: 40px; left: 70px; color: #fff; }
.home .projects-slider .item a h3 { font-size: 15px; }
.home .projects-slider .item a h4 { margin-top: -20px; font-size: 11px; }
.home .projects-slider .item a br { line-height: 0; }
.home .projects-slider .item a:hover { padding-bottom: 10px; }
.home .projects-slider .item.black a { color: #000; }
.home .projects-slider .slick-dots { width: 300px; left: 50%; margin: -90px 0 0 -150px; }

/* ********************************************************************************************************************* PROJECTS */
.page-projects .searchandfilter { margin-top: 30px; }
.page-projects .searchandfilter ul { padding-left: 0; }
.page-projects .searchandfilter ul li.sf-level-0 { display: inline-block; cursor: pointer; margin-right: 30px; }
.page-projects .searchandfilter ul li.sf-level-0 input { display: none; }
.page-projects .searchandfilter ul li.sf-level-0 label { cursor: pointer !important; padding-left: 0; font-family: 'hgr', sans-serif; font-size: 15px; color: #000; }
.page-projects .searchandfilter ul li.sf-level-0 label:after { content: ''; display: block; width: 0; margin-top: 2px; border-bottom: 1px solid transparent; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; }
.page-projects .searchandfilter ul li.sf-level-0 label:hover:after { width: 100%; border-color: #000; }
.page-projects .searchandfilter ul li.sf-level-0 label .sf-count { vertical-align: top; margin-top: -4px; font-size: 9px; color: #999; }
.page-projects .searchandfilter ul li.sf-level-0.sf-option-active label { font-family: 'hgb', sans-serif; }
.page-projects .searchandfilter ul li.sf-level-0.sf-option-active label:after { width: 100%; border-color: #000; }

.projects { width: 100%; display: flex; flex-wrap: wrap; flex-flow: row wrap; justify-content: space-between; }
.projects:after { content: ''; width: calc(33.3% - 25px); }
.projects .item { width: calc(33.3% - 25px); margin-bottom: 40px; 		/* &.ongoing-projects {
			pointer-events: none !important;

			a {
				pointer-events: none !important;
			}
		} */ }
.projects .item.wide { width: calc(66.6% - 12px); }
.projects .item .img-wrapper { overflow: hidden; width: 100%; height: 590px; margin-bottom: 15px; background-size: cover; background-position: center center; }
.projects .item h3, .projects .item h4 { display: inline-block; }
.projects .item h3 { padding-right: 50px; font-size: 22px; }
.projects .item h4 { position: relative; top: -4px; font-size: 13px; color: #808080; }
.projects .item:hover a { -webkit-filter: brightness(1.05); filter: brightness(1.05); }

/* ********************************************************************************************************************* PROJECT SINGLE */
.single-project footer .footer_top { margin-top: 0; }
.single-project .pr-header { margin: 50px 0 0 0; padding: 35px 0; background-color: #E3E3E3; }
.single-project .pr-header .back-bt { position: absolute; margin-top: -60px; font-size: 12px; line-height: 15px; }
.single-project .pr-header .back-bt img { vertical-align: middle; margin-right: 6px; }
.single-project .pr-header .back-bt:hover { margin-left: -5px; opacity: 0.7; }
.single-project .pr-header h1 { font-size: 24px; }
.single-project .pr-header h2 { font-size: 13px; color: #808080; }
.single-project .pr-header .pr-title, .single-project .pr-header .data { display: inline-block; vertical-align: top; width: 50%; }
.single-project .pr-header .data { width: 49%; font-size: 12px; line-height: 1.3; color: #000; }
.single-project .pr-header .data p { font-size: 12px; line-height: 1.3; color: #000; }
.single-project .pr-header .data .awards { width: 66%; }
.single-project .pr-footer { min-height: 100px; margin-top: 50px; padding: 35px 0 70px 0; background-color: #E3E3E3; }
.single-project .pr-footer .data { vertical-align: top; width: 100%; font-size: 12px; line-height: 1.3; color: #000; }
.single-project .pr-footer .data > div { display: inline-block; vertical-align: top; width: 16.8%; }
.single-project .pr-footer .data > div:first-child { padding: 0; }
.single-project .pr-footer .data span { display: block; }
.single-project .pr-footer .data span:nth-child(2) { margin-top: 20px; }
.single-project .section .section_inner { max-width: 1530px; padding-top: 30px; }
.single-project .section h3 { font-family: 'lbr', serif; font-size: 24px; }
.single-project .section h3 + p { margin-top: 20px; }
.single-project .section h3.quote span { display: block; font-family: 'hgr', serif; font-size: 13px; color: #808080; }
.single-project .section p { text-align: justify; }

.mod-img-4-columns-text-2-columns .wpb_text_column h3:first-child, .mod-img-4-columns-text-2-columns .wpb_text_column p:first-child, .mod-text-2-columns-img-4-columns .wpb_text_column h3:first-child, .mod-text-2-columns-img-4-columns .wpb_text_column p:first-child, .mod-img-text-centered .wpb_text_column h3:first-child, .mod-img-text-centered .wpb_text_column p:first-child, .mod-text-imgs-3-columns .wpb_text_column h3:first-child, .mod-text-imgs-3-columns .wpb_text_column p:first-child { margin-top: 70px; }
.mod-img-4-columns-text-2-columns .wpb_raw_html h3, .mod-text-2-columns-img-4-columns .wpb_raw_html h3, .mod-img-text-centered .wpb_raw_html h3, .mod-text-imgs-3-columns .wpb_raw_html h3 { margin-top: 70px; }
.mod-img-4-columns-text-2-columns .wpb_raw_html + .wpb_text_column p:first-child, .mod-text-2-columns-img-4-columns .wpb_raw_html + .wpb_text_column p:first-child, .mod-img-text-centered .wpb_raw_html + .wpb_text_column p:first-child, .mod-text-imgs-3-columns .wpb_raw_html + .wpb_text_column p:first-child { margin-top: 30px; }

.pr-header + .vc_row .wpb_text_column h3:first-child, .pr-header + .vc_row .wpb_text_column p:first-child { margin-top: 0; }
.pr-header + .vc_row .wpb_raw_html h3 { margin-top: 0; }

@-webkit-keyframes element-from-bottom { 0% { -webkit-transform: translate(0, 10%); opacity: 0; }
  100% { -webkit-transform: translate(0, 0); opacity: 1; } }
@-moz-keyframes element-from-bottom { 0% { -moz-transform: translate(0, 10%); opacity: 0; }
  100% { -moz-transform: translate(0, 0); opacity: 1; } }
@-o-keyframes element-from-bottom { 0% { -o-transform: translate(0, 10%); opacity: 0; }
  100% { -o-transform: translate(0, 0); opacity: 1; } }
@keyframes element-from-bottom { 0% { transform: translate(0, 10%); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
/* ********************************************************************************************************************* PUBLICATIONS */
.page-publi .full-img { width: 100%; margin-top: 30px; }
.page-publi .searchandfilter ul { display: inline-block; padding-left: 0; }
.page-publi .searchandfilter ul h4 { display: inline-block; margin-right: 10px; font-size: 13px; }
.page-publi .searchandfilter ul li.sf-level-0 { display: inline-block; cursor: pointer; margin-right: 5px; }
.page-publi .searchandfilter ul li.sf-level-0 input { display: none; }
.page-publi .searchandfilter ul li.sf-level-0 label { cursor: pointer !important; padding: 3px 14px; font-family: 'hgr', sans-serif; font-size: 13px; line-height: 1.2; color: #000; background-color: #EBEBEB; border-radius: 10px; -webkit-transition: background 0.3s linear !important; -moz-transition: background 0.3s linear !important; -ms-transition: background 0.3s linear !important; -o-transition: background 0.3s linear !important; transition: background 0.3s linear !important; }
.page-publi .searchandfilter ul li.sf-level-0 label:hover { background-color: #D2D2D2; }
.page-publi .searchandfilter ul li.sf-level-0:first-child { display: none; }
.page-publi .searchandfilter ul li.sf-level-0.sf-option-active label { font-family: 'hgb', sans-serif; }

.publis { width: 100%; display: flex; flex-wrap: wrap; flex-flow: row wrap; justify-content: space-between; }
.publis:after { content: ''; width: calc(33.3% - 25px); }
.publis .item { width: calc(33.3% - 25px); margin-bottom: 40px; padding-top: 15px; border-top: 1px solid #000; }
.publis .item a[href=''] { pointer-events: none; }
.publis .item h3 { padding: 5px 0 15px 0; font-size: 18px; }
.publis .item h4 { font-size: 13px; color: #808080; }
.publis .item:hover a { -webkit-filter: brightness(1.05); filter: brightness(1.05); }

/* ********************************************************************************************************************* PRACTICE */
.page-practice footer .footer_top { margin-top: 0; }
.page-practice .content { padding-top: 50px; }
.page-practice h2 { width: 50%; margin-top: 40px; }
.page-practice .slider-practice_BACKUP____ { display: block; position: relative; width: 100%; margin: 50px 0 20px 0; }
.page-practice .slider-practice_BACKUP____ .item { min-height: 600px; background-color: #747F77; }
.page-practice .slider-practice_BACKUP____ .item > div { display: inline-block; box-sizing: border-box; float: left; width: 50% !important; min-height: 600px; }
.page-practice .slider-practice_BACKUP____ .item .image-wrapper { content: ''; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.page-practice .slider-practice_BACKUP____ .item .data { padding: 7% 10% 0 5%; }
.page-practice .slider-practice_BACKUP____ .item .data p { font-size: 17px; line-height: 1.4; color: #fff; }
.page-practice .slider-practice_BACKUP____ .item .data img { padding-top: 20px; }
.page-practice .slider-practice { display: block; position: relative; width: 100%; margin: 50px 0 20px 0; }
.page-practice .slider-practice .item { min-height: 600px; margin-bottom: 30px; background-color: #747F77; }
.page-practice .slider-practice .item > div { display: inline-block; box-sizing: border-box; float: left; width: 50% !important; min-height: 600px; }
.page-practice .slider-practice .item .image-wrapper { content: ''; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.page-practice .slider-practice .item .data { padding: 10% 7% 0 5%; }
.page-practice .slider-practice .item .data p { font-size: 17px; line-height: 1.4; color: #fff; }
.page-practice .slider-practice .item .data img { padding-top: 20px; }
.page-practice #clients { margin-top: 60px; padding: 50px 0 100px 0; background-color: #D2D2D2; }

/* ********************************************************************************************************************* CONTACT */
.page-contact header nav.main_menu.drop_down .wide .second { padding-top: 18px; }
.page-contact footer .footer_top { margin-top: 0; }
.page-contact #map .google_map_shortcode_holder { height: 100%; }

/* ********************************************************************************************************************* LEGAL */
.page-legal .full_width_inner { background-color: #ededed; }
.page-legal .footer_top { display: none; }
.page-legal .wpb_wrapper h1 { margin: 40px 0; /*font-size: 23px;
line-height: 27px; */ }
.page-legal .wpb_wrapper h3 { margin-top: 50px; font-size: 23px; line-height: 27px; }
.page-legal .wpb_wrapper h3:first-child { margin-top: 20px; }
.page-legal .wpb_wrapper p, .page-legal .wpb_wrapper table { font-size: 15px; line-height: 21px; }
.page-legal .wpb_wrapper ul, .page-legal .wpb_wrapper ol { list-style: none; margin-top: 40px; font-size: 15px; line-height: 21px; }
.page-legal .wpb_wrapper table { width: 100%; margin: 20px 0; }
.page-legal .wpb_wrapper table th, .page-legal .wpb_wrapper table td { text-align: left !important; border: 1px solid #808080; }
.page-legal .wpb_wrapper hr { visibility: hidden; margin: 40px 0 !important; }

/* ********************************************************************************************************************* FIREFOX POSITION FIXES */
@-moz-document url-prefix() {}
/* ********************************************************************************************************************* RESPONSIVE MEDIA QUERIES */
/* ********************************************************************************************************************* ALL TOUCH DEVICES */
/* ********************************************************************************************************************* FOR RETINA */
/* ********************************************************************************************************************* BREAK POINT 1400 */
@media screen and (max-width: 1400px) { footer .footer_top div.column2 { width: 20%; }
  footer .footer_top div.column3 { width: 20%; } }
/* ********************************************************************************************************************* BREAK POINT 1300 */
@media screen and (max-width: 1300px) { header nav.main_menu.drop_down .wide .second { left: -630px !important; }
  header nav.main_menu.drop_down .wide .second .inner ul { width: 1000px !important; }
  header nav.main_menu.drop_down .wide .second .inner ul li { width: 220px; }
  header nav.main_menu.drop_down .wide .second .inner ul li a:before { height: 170px; }
  .page-practice .slider-practice .item .data { padding: 8% 5% 0 5%; } }
/* ********************************************************************************************************************* BREAK POINT 1200 */
@media screen and (max-width: 1200px) { p { font-size: 15px; line-height: 1.4; }
  footer .footer_top div.column2 { width: 22%; }
  footer .footer_top div.column3 { width: 22%; }
  footer .footer_top div.column3 .column_inner { margin-left: 5%; } }
/* ********************************************************************************************************************* BREAK POINT 1100 */
@media screen and (max-width: 1100px) { .grid_section .section_inner, .container_inner, .slider_content_outer { width: calc(100% - 80px) !important; }
  #back_to_top { right: 5px !important; }
  header .header_bottom { padding: 0 40px; }
  header .header_bottom .header_inner_left { left: 40px; }
  header nav.main_menu.drop_down .wide .second { left: -580px !important; }
  header nav.main_menu.drop_down .wide .second .inner ul { box-sizing: border-box; width: 960px !important; padding: 30px; }
  header nav.main_menu.drop_down .wide .second .inner ul li { width: 210px; }
  header nav.main_menu.drop_down .wide .second .inner ul li a:before { height: 160px; }
  .home .projects-slider .item a { left: 40px; }
  .projects .item h3 { font-size: 19px; }
  .single-project .section h3 { font-size: 21px; }
  .page-practice .slider-practice .item .data p { font-size: 16px; }
  .publis .item h3 { font-size: 16px; } }
/* ********************************************************************************************************************* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP  - < 1000 */
@media screen and (max-width: 1000px) { p { font-size: 13px; line-height: 1.3; }
  #back_to_top { display: none; }
  .slick-prev { left: 20px; }
  .slick-next { right: 20px; }
  header { 		/* &.sticky-mobile {
			margin-top: -50px !important;
			background-color: #fff !important;
			box-shadow: 0 1px 3px rgba(0,0,0,.11);

			.q_logo,
			a.popup_menu  {
				top: 22px;
			}

			.q_logo {

				img {
					width: 190px !important;
				}
			}
		} */ }
  header .header_bottom .logo_wrapper { height: 70px !important; left: 0; }
  header .header_bottom .q_logo { top: 0; }
  header .header_bottom .q_logo a { left: 0; }
  header .header_bottom .side_menu_button { height: 70px !important; }
  header a.popup_menu { display: block; width: 24px; margin-top: -4px; }
  header a.popup_menu .line { background-color: transparent; }
  header a.popup_menu .line:before, header a.popup_menu .line:after { width: 24px; background-color: #000; }
  header a.popup_menu .line:before { top: -3px; }
  header a.popup_menu .line:after { top: 3px; }
  .popup_menu_holder { background-color: #808080; }
  nav.popup_menu { padding-left: 40px; }
  nav.popup_menu ul li { text-align: left; }
  nav.popup_menu ul li.no-link > a { pointer-events: none; }
  nav.popup_menu a span { font-size: 28px !important; text-transform: none !important; line-height: 50px; }
  nav.popup_menu ul.sub_menu { display: block !important; margin-bottom: 20px; padding-left: 40px; }
  nav.popup_menu ul.sub_menu a span { font-size: 22px !important; line-height: 40px; }
  .popup_menu_opened header .header_bottom { background-color: transparent !important; }
  footer .footer_top div.column1 { width: 25%; }
  footer .footer_top div.column2 { width: 33%; }
  footer .footer_top div.column3 { width: 33%; }
  .home .content { margin-top: -70px !important; }
  .home header { position: absolute; }
  .home .projects-slider .slick-list { width: 100%; top: -70px; }
  .home .projects-slider .item a { bottom: 80px; }
  .home .projects-slider .slick-dots { margin-top: -130px; }
  .projects .item h3 { font-size: 19px; }
  .single-project .pr-header h1 { font-size: 21px; }
  .single-project .section h3 { font-size: 18px; }
  .single-project .pr-footer .data > div { width: 25%; }
  .mod-img-4-columns-text-2-columns .wpb_text_column h3:first-child, .mod-img-4-columns-text-2-columns .wpb_text_column p:first-child, .mod-text-2-columns-img-4-columns .wpb_text_column h3:first-child, .mod-text-2-columns-img-4-columns .wpb_text_column p:first-child, .mod-img-text-centered .wpb_text_column h3:first-child, .mod-img-text-centered .wpb_text_column p:first-child, .mod-text-imgs-3-columns .wpb_text_column h3:first-child, .mod-text-imgs-3-columns .wpb_text_column p:first-child { margin-top: 0 !important; }
  .mod-img-4-columns-text-2-columns .wpb_raw_html h3, .mod-text-2-columns-img-4-columns .wpb_raw_html h3, .mod-img-text-centered .wpb_raw_html h3, .mod-text-imgs-3-columns .wpb_raw_html h3 { margin-top: 0 !important; }
  .page-practice h2 { width: 100%; font-size: 20px; }
  .page-practice .slider-practice .item .image-wrapper { background-position: 70% top; }
  .page-practice .slider-practice .item .data p { font-size: 15px; line-height: 1.3; }
  .page-practice #clients { padding: 50px 0 60px 0; }
  .publis:after, .publis .item { width: calc(50% - 25px); } }
/* ********************************************************************************************************************* VERTICAL TABLET  = 768 */
@media screen and (max-width: 768px) { .slider-mobile { /* &:after {
	width: 199px;
	height: 400px;
	margin: 32px 0 0 -100px;
} */ } }
/* ********************************************************************************************************************* VERTICAL MOBILES AND DOWN  < 768 */
@media screen and (max-width: 767px) { .grid_section .section_inner, .container_inner, .slider_content_outer { width: calc(100% - 40px) !important; }
  header .header_bottom { padding: 0 20px; }
  header .header_bottom .header_inner_left { left: 20px; }
  header .header_bottom .q_logo a { height: 13px !important; }
  nav.popup_menu { padding-left: 20px; }
  nav.popup_menu a span { font-size: 22px !important; text-transform: none !important; line-height: 40px; }
  nav.popup_menu ul.sub_menu { display: block !important; margin-bottom: 20px; padding-left: 40px; }
  nav.popup_menu ul.sub_menu a span { font-size: 18px !important; line-height: 30px; }
  footer .footer_top .three_columns div { width: 100% !important; margin-bottom: 0 !important; }
  footer .footer_top .three_columns div .column_inner { margin-left: 0; }
  footer .footer_top .textwidget { font-size: 14px; line-height: 1.5; }
  /* p { 	font-size: 18px; 	line-height: 24px; } */
  	/* .slick-prev { 		left: -20px; 	}  	.slick-next { 		right: -20px; 	}  	.slider-mobile { 		padding: 0 0 20px 0 !important;  		&:after { 			display: none; 		}  		.slick-dots { 			padding-top: 0px; 		} 	} */
  .home .projects-slider .item a { bottom: 70px; left: 0; width: 100%; text-align: center; }
  .page-projects .searchandfilter { display: none; }
  .projects:after { display: none; }
  .projects .item { width: 100% !important; }
  .projects .item .img-wrapper { height: 350px !important; }
  .projects .item h3 { padding-right: 0; font-size: 19px; }
  .projects .item h4 { font-size: 12px; }
  .single-project .pr-header { padding: 25px 0; }
  .single-project .pr-header .pr-title, .single-project .pr-header .data { display: block; width: 100%; }
  .single-project .pr-header .data { width: 100%; margin-top: 20px; }
  .single-project .pr-header .data .vc_col-sm-4 { width: 100%; padding: 0; }
  .single-project .pr-header .data .awards { width: 100%; margin-top: 15px; }
  .single-project .pr-footer { padding: 25px 0 60px 0; }
  .single-project .pr-footer .data > div { display: block; width: 100%; }
  .single-project .pr-footer .data > div:first-child { margin-bottom: 20px; }
  .single-project .section .wpb_text_column, .single-project .section .wpb_raw_html, .single-project .section .wpb_single_image { margin-top: 25px; }
  .single-project .section .section_inner { padding-top: 0; }
  .single-project .section .section_inner h3 { font-size: 17px; }
  .page-practice h2 { margin-top: 30px; font-size: 18px; }
  .page-practice .slider-practice .item { min-height: 300px; }
  .page-practice .slider-practice .item > div { float: none; width: 100% !important; min-height: 300px; }
  .page-practice .slider-practice .item > div:last-child { min-height: 0; padding-bottom: 40px; }
  .page-practice .slider-practice .item .data { padding: 10% 10% 0 10%; }
  .page-practice .slider-practice .slick-prev, .page-practice .slider-practice .slick-next { top: 250px; }
  .page-practice .slider-practice .slick-prev:before, .page-practice .slider-practice .slick-next:before { opacity: 1; }
  .page-practice #clients { margin-top: 40px; padding: 25px 0; }
  .page-practice #clients .wpb_column:first-child { margin-bottom: 15px; }
  .page-practice #clients p { line-height: 1.5; }
  .page-publi .full-img { width: 120%; max-width: 120%; margin-top: 0; }
  .publis:after, .publis .item { width: 100%; } }
/* ********************************************************************************************************************* SMALL DEVICES  < 350 */