/*
Theme Name:The Building Consultancy
Theme URI:https://www.thebuildingconsultancy.ie/
Author:Hilmon Arts
Author URI:http://www.hilmon.com
Description:Responsive Wordpress theme
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Version:1

Text Domain:thebuildingconsultancy

*/


* { box-sizing:border-box; -moz-box-sizing:border-box; } 

html { height:100%; }

body { height:100%; background-color:#000; font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:10px; font-weight:300; color:#fff; }

img { width:100%; height:auto; box-sizing:content-box; -moz-box-sizing:content-box; }

.wrapper { max-width:1140px; width:100%; margin:0 auto; padding:0 20px; position:relative; }

.header { padding:20px; top:0; bottom:0; left:0; position:fixed; z-index:201; background:rgba(0,0,0,0.5); overflow:auto; }
.admin-bar .header { padding-top:52px; }

/* .home .header { background:none; } */

.header .logo { display:block; width:180px; }

.nav-wrapper { position:absolute; bottom:20px; top:auto; left:20px; right:27px; }

.nav-inner { position:absolute; width:100%; bottom:0; left:0; }

.header.scroll .logo { margin-bottom:20px; }
.header.scroll .nav-wrapper,
.header.scroll .nav-inner { bottom:auto; }


.main-menu { padding-right:10px; margin-bottom:20px; border-right:1px solid #fff; }
.main-menu ul { font-weight:400; font-size:1.4em; text-align:right; }
.main-menu ul li { list-style-type:none; display:block; margin:0; padding:0; transition:color 300ms; position:relative; }
.main-menu ul li a { display:inline-block; color:#fff; text-decoration:none; padding:10px 0; border-bottom:1px solid transparent; transition:border-bottom 300ms; }
.main-menu ul li a:hover { border-bottom-color:#fff; }
.main-menu ul li.current-page-ancestor a,
.main-menu ul li.current-menu-item a,
.single-project .main-menu ul li.project a,
.single-post .main-menu ul li.post a  { color:#e6000d; border-bottom-color:#e6000d; }

.content .sub-menu { }
.content .sub-menu ul { font-weight:400; font-size:1.3em; margin-bottom:15px; }
.content .sub-menu ul li { list-style-type:none; display:block; margin:0 0 0 12px; padding:0; transition:color 300ms; position:relative; }
.content .sub-menu ul li a { display:inline-block; position:relative; color:#fff; text-decoration:none; padding:4px 0; border-bottom:1px solid transparent; transition:border-bottom 300ms; }
.content .sub-menu ul li a:after { content:"\f054"; font:var(--fa-font-solid); display:none; }
.content .sub-menu ul li a svg { color:#e6000d; position:absolute; top:7px; left:-12px; }
.content .sub-menu ul li a:hover { border-bottom-color:#fff; }
.content .sub-menu ul li.current_page_item a { color:#e6000d; border-bottom-color:#e6000d; }

.mobile-menu-trigger,
.side-content .main-menu { display:none; }

.contacts { text-align:left; color:#fff; margin-bottom:20px; padding-left:10px; border-left:1px solid #fff; }
.contact-1 { float:left; width:45%; }
.contact-2 { float:right; width:50%; }

.contacts span { white-space:nowrap; display:block; font-size:1.4em; font-weight:400;  }
.contacts span.address-1 { float:left; width:45%; }
.contacts span.address-2 { float:right; width:50%; }
.contacts span.phone { clear:both; }
.contacts a { display:inline-block; color:#fff; text-decoration:none; padding:10px 0; border-bottom:1px solid transparent; transition:border-bottom 300ms; }
.contacts a:hover { border-bottom-color:#fff; }

.social { float:right; text-align:center; position:relative; overflow:hidden; clear:right; white-space:nowrap; font-weight:300; }
.social a { display:inline-block; width:36px; height:36px; margin-left:5px; border-radius:50%; border:1px solid #fff; text-decoration:none; background-color:transparent; transition:background-color 300ms; position:relative; }
.social svg { color:#fff; font-size:2em; transition:color 300ms; position:relative; top:50%; transform:translateY(-50%);  }
.social a:hover { background-color:#fff; }
.social a:hover svg { color:#af151e; }

/*** Page with Sidebar ***/
.container-outer { overflow:visible; margin-bottom:4%; margin-top:4%; }
.container-inner { max-width:68%; float:left; margin-right:32%; overflow:visible; position:relative; z-index:10; border-right:1px solid #e4e4e4;  }
.container-inner .content { float:left; padding-right:6%; width:100%; }
.sidebar { float:right; width:41%; position:relative; margin-right:-47%; }

/*** Content Clearfix ***/

.clearfix:after,
.content:after { content:""; display:table; clear:both; }  


/*** GRID ***/

div.col, .gallery-size-thumbnail dl { float:left; margin:0 0 3% 0; }

.col-1 > div.col { width:100%; margin-right:0; }

.col-2 > div.col { width:48.5%; margin-right:3%; }
.col-2 > div.col:nth-of-type(2n+2) { margin-right:0; }

.col-3 > div.col { width:31.33%; margin:0 3% 3% 0; }
.col-3 > div.col:nth-of-type(3n+3) { margin-right:0; }

.gallery-size-thumbnail br { display:none; } 

.col-4 > div.col { width:23.5%; margin-right:2%; }
.col-4 > div.col:nth-of-type(4n+4) { margin-right:0; }

.col-1-2 > div.col:nth-of-type(odd) { width:35%; margin-right:5%; }
.col-1-2 > div.col:nth-of-type(even) { width:60%; margin-right:0; }

.col-2-1 > div.col:nth-of-type(odd) { width:65%; margin-right:5%; }
.col-2-1 > div.col:nth-of-type(even) { width:30%; margin-right:0; }

.col-3-1 > div.col:nth-of-type(odd) { width:73.75%; margin-right:5%; }
.col-3-1 > div.col:nth-of-type(even) { width:21.25%; margin-right:0; }

.col-2 > div.col:nth-of-type(1),
.col-3 > div.col:nth-of-type(1),
.col-4 > div.col:nth-of-type(1),
.col-1-2 > div.col:nth-of-type(1),
.col-2-1 > div.col:nth-of-type(1),
.col-3-1 > div.col:nth-of-type(1) { clear:left; } 


/*** H ***/

h1, h2, h3, h4, h5, h6 { font-family:'Montserrat',Helvetica,Arial,sans-serif; font-weight:400; line-height:1.125em; margin-bottom:0.5em; color:#fff; }

h3 { font-size:2.4em; }

h4 { font-size:2.2em; }

h5 { font-size:2em; }

h6 { font-size:1.8em; }

h1, h2.h1, h3.h1, h4.h1, .sidebar > h3:first-child { font-size:3em; margin-bottom:1em; }

h2, h3.h2, h4.h2 { font-size:2.6em; } 

h1 a, h2 a, h3 a, h4 a { text-decoration:none; }


/*** PAGES ***/


.page-bg { position:fixed; width:100%; top:0; right:0; bottom:0; left:0; }
.page-bg .bx-wrapper { position:absolute; width:100% !important; height:100% !important; top:0; left:0; }
.page-bg .bx-wrapper .bx-viewport,
.page-bg .slides,
.page-bg .slides .slide { position:absolute; width:100% !important; height:100% !important; top:0; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.page-bg .bx-wrapper .bx-viewport .slides > div.slide { display:none; }


.bx-wrapper .bx-prev { left:10px; background:url(js/images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right:10px; background:url(js/images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position:0 0; }
.bx-wrapper .bx-next:hover { background-position:-43px 0; }
.bx-wrapper .bx-controls-direction a { position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999; }
.bx-wrapper .bx-controls-direction a.disabled { display:none; }
.bx-wrapper .bx-controls-auto { text-align:center; }
.bx-wrapper .bx-controls-auto .bx-start { display:block; text-indent:-9999px; width:10px; height:11px; utline:0; background:url(js/images/controls.png) -86px -11px no-repeat; margin:0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position:-86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(js/images/controls.png) -86px -44px no-repeat; margin:0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position:-86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { position:absolute; z-index:9999; top:auto; right:auto; bottom:27px; left:760px; font-size:1.4em; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right:0; width:35px; }


.page-bg .bx-wrapper .bx-controls-direction a { top:auto; right:auto; bottom:20px; left:640px; }
.page-bg .bx-wrapper .bx-controls-direction a.bx-next { left:711px; }
.page-bg .bx-wrapper .bx-controls-auto { position:absolute; background-color:rgba(255, 255, 255, 0.6); bottom:auto; height:31px; top:auto; right:auto; bottom:21px; left:674px; width:32px; padding:10px 9px; z-index:9999; }

.side-bg { position:fixed; top:0; bottom:0; left:0; width:620px;  background-position:center center; background-repeat:no-repeat; background-size:cover; z-index:99; }

.side-content { position:fixed; top:0; bottom:0; left:220px; width:400px; padding-top:20px; background-color:rgba(0,0,0,0.3); z-index:100; overflow:auto; transition:background-color 300ms; }
.side-content .full-page-content { display:none; }
.side-content:hover { background:rgba(0,0,0,0.8); }
.admin-bar .side-content { padding-top:52px; }
.side-wrapper { position:absolute; bottom:0; top:auto; left:20px; right:27px; }

.side-inner .mobile-hide { transition:visibility 200ms; }

.side-content.scroll .side-wrapper { bottom:auto; }


.main-content { position:relative; margin-left:620px; z-index:100; }

.content p { font-size:1.5em; line-height:1.5em; margin:0 0 1.5em; }

.content strong { font-weight:600; }

.content a:not(.more-button),
.sidebar a { color:#af151e; transition:all 300ms; }
.content a:not(.more-button):hover,
.sidebar a:hover { color:#df0a17; }




/*** LISTS ***/

.content ul,
.content ol  { font-size:1.5em; line-height:1.5em; margin:0 2px 1.5em 0; overflow:hidden; }
.content ul li { list-style-type:disc; margin:0 0 1em 30px; }

.content ul.short li,
.full-page.content ul li { margin-bottom:0; margin-left:22px; } 

.content ol li { list-style-type:decimal; margin:0 0 1em 30px; } 

.content ul li .fa-check { color:#a0bc3e; }

.content ul.tick-list { overflow:visible; }
.content ul.tick-list li:before { content:"\f00c"; font:var(--fa-font-regular); display:none; }
.content ul.tick-list li svg { color:#92c847; position:absolute; top:0.2em; left:5px; transform:rotate(-7deg); }
.content ul.tick-list li { position:relative; list-style-type:none; margin-left:0; margin-bottom:0.25em; padding-left:25px; }

.sidebar ul { list-style-type:disc; margin:0 0 45px 25px; font-size:1.4em; }
.sidebar ul li { margin-bottom:1em; }

/*** HOMEPAGE ****/

.promo-video { position:fixed; top:0; right:0; bottom:0; left:0; }
.promo-video .video { position:absolute; top:50%; left:50%; width:auto; height:auto; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }

.home .side-content { position:fixed; top:0; bottom:0; left:220px; right:0; width:auto; background:rgba(0,0,0,0.3); }
.home .side-content:hover { background:rgba(0,0,0,0.3); }

/* .home .side-content .txt-rotate .wrap { padding-right:10px; border-right:2px solid #eee; } */

.tagline-wrap { margin-bottom:60px; }
.home h1 { font-size:8em; font-weight:200; margin-bottom:0; }

/** Flex Grid **/

.do-flex { display:flex; flex-wrap:wrap; justify-content:left; background-color:#fff; }
.do-flex > div { float:left; border:1px solid #333; }
.do-flex > div img { display:block; }

.grid-3 > div { width:33.33%;  }

.grid-4 > div { width:25%;  }

/** ABOUT PAGE - TEAM **/

.members { background-color:#fff; }
.members .member { border:4px solid #fff; background-color:#f1f1f1; }
.members .member img { display:block; }
.members .member .member-details { padding:4%; }
.members .member h4 { text-transform:uppercase; font-size:1.6em; margin-bottom:0; color:#666; }
.content .member p { font-size:1.4em; color:#666; margin:0; }
.content .member p strong { text-transform:uppercase; font-family:'Montserrat', Helvetica, Arial, sans-serif; font-weight:400; }
.content .member ul.fa-ul { font-size:1.3em; margin-bottom:0; }
.content .member ul.fa-ul li { color:#666; list-style-type:none; list-style-type:none; margin:0 0 0.25em 20px; }
.content .member ul.fa-ul li svg { color:#af151e; }

/** PORTFOLIO PAGE **/

.projects { background-color:#666; }
.projects .project { background-color:#333; position:relative; }
.projects .project img { display:block; }
.projects .project .project-details { padding:4%; }
.projects .project h4 { text-transform:uppercase; font-size:1.4em; margin-bottom:0; color:#fff; }
.projects .project a { position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer; z-index:+1; }

/*** SINGLE PORTFOLIO ***/

.mobile-gallery { position:relative; z-index:200; display:none; }
.mobile-gallery-button { position:fixed; z-index:201; bottom:20px; right:20px; display:none; }

/** FULL PAGE **/

.full-page { position:relative; margin-left:620px; padding:5%; background-color:rgba(0,0,0,0.2); z-index:100; }


/*** Buttons ***/

a.more-button,
span.more-button { background-color:#e6000d; border:2px solid #e6000d; border-radius:2em; padding:0.5em 1em; color:#fff; font-size:1.4em; line-height:1em; text-decoration:none; letter-spacing:0.05em; display:inline-block; white-space:nowrap; text-transform:uppercase; transition:all 300ms; }
.content p a.more-button { font-size:0.8em; color:#fff; }
.content a.more-button { color:#fff; }

.more-button.outline { background-color:transparent; border-color:#fff; color:#fff; } 
.more-button.outline.active { background-color:#e6000d !important; border-color:#e6000d !important; color:#fff; }


/*** BLOG ***/

.entry { border-bottom:1px solid #ddd; margin-bottom:5%; padding-bottom:1%; }
.entry.has-image { padding-left:34%; }
.entry h2 { margin-bottom:3px; }
.entry .postmetadata { margin-bottom:7px; }

.blog .entry img,
.archive .entry img { float:left; margin-left:-51%; margin-top:5px; width:45%; }

.entry p.more-wrapper { text-align:right; font-size:0.75em; }
.content .entry p a.more-button { font-size:1.5em; }

.blog .news-feed,
.single .news-feed,
.archive .news-feed { margin-top:30px; }

.sidebar > ul { font-size:1.6em; }
.sidebar > ul a { color:#c1d72d; }
.sidebar > ul a:hover { color:#333; }

.content .navigation { text-align:center; }
.content .navigation ol.wp-paginate li { margin:0; }

img.full-image { display:block; margin-bottom:5%; }

.postmetadata { font-size:1.4em; display:block; margin-bottom:5%; }

.nav-next { float:right; }

.nav-single { font-size:1.6em; }

.nav-single { font-size:2em; position:fixed; bottom:20px; right:20px; z-index:200; }
.nav-single a { display:inline-block; color:#666; }
.nav-single a span { position:relative; display:inline-block; width:32px; height:32px; background-color:rgba(255,255,255,0.7); }
.nav-single a span svg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.post-count { font-size:1.6em; position:fixed; bottom:31px; right:60px; z-index:200; }


/*** FORMS ***/

input, textarea, select {
  /* -webkit-appearance:none; */
  -webkit-border-radius:0;
	outline:none;
}

select { -webkit-appearance:none; }

/*** FORMS ***/

.contact-form { padding-top:3%; background-size:cover; }

.contact-form h4 { font-weight:300; color:#fff; padding-bottom:1em; }

div.wpcf7 { margin:0 auto; padding:0 0 70px; width:100%; max-width:760px; position:relative; }

.wpcf7 form:before, .wpcf7 form:after { content:"\0020"; display:block; height:0; overflow:hidden; }  
.wpcf7 form:after { clear:both; }  
.wpcf7 form { zoom:1; position:relative; } 

.screen-reader-response { display:none !important; } 

.wpcf7 p.notice { float:none; width:96%; font-size:1.1em; display:block; text-align:center; }

.content .wpcf7 p { float:left; width:46%; margin:0 2% 2.5%; }
.wpcf7 p.full { float:none; width:100%; margin:0 0 2.5%; }
.wpcf7 p.half { float:none; width:50%; margin:0 auto; }
.wpcf7 label { display:inline-block; line-height:2.5em; display:none; color:#fff; }
.wpcf7 label.show { display:inline-block; }
.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 select { width:100%; border:none; border:1px solid #dcdcdc; background-color:#fff; border-radius:3px; padding:0.5em; font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:14px; color:#999; }
.wpcf7 textarea { height:100px; resize:vertical; }
.wpcf7 input.short { width:50%; }

input.wpcf7-submit { background-color:#e6000d; border:none; border-radius:3px; padding:1em 2em; color:#fff; font-size:1em; width:auto; line-height:1em; text-decoration:none; letter-spacing:0.05em; display:inline-block; white-space:nowrap; text-transform:uppercase; transition:all 300ms; }
input.wpcf7-submit:hover { background-color:#f1f1f1; border-color:#f1f1f1; color:#666;}

.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip-no-ajax { display:none !important; }

.wpcf7-response-output {
		background:none;
		border:none !important;
		margin:0 !important;
		padding:0 !important;
		z-index:999;
		font-size:13px;
		text-align:center;
		position:absolute;
		bottom:-20px;
		right:0;
		width:100%;
		color:#eee;
}

div.wpcf7 span.wpcf7-spinner { position:absolute; display:none; left:50%; margin:0; padding:0; margin-left:-80px; top:auto; bottom:-30px; width:160px; height:20px; background:url(images/ajax-loader.gif); }
div.wpcf7 .submitting span.wpcf7-spinner { display:block !important; }

.wpcf7-not-valid { border-color:red !important; }

span.wpcf7-form-control-wrap { display:inline !important; }

/* Hide reCaptcha Badge */
.grecaptcha-badge { visibility:hidden !important; }


/*** CF7 ***/
.wpcf7-acceptance label { display:inline-block; line-height:1.5em; color:#fff; }
.wpcf7-acceptance label a { color:#fff; font-weight:600; }
.wpcf7-acceptance label a:hover { color:#fff; }
.wpcf7-acceptance input[type=checkbox] { width:20px; vertical-align:top; position:relative; top:0.3em; box-shadow:none !important; }
input[type="submit"]:disabled.wpcf7-submit { background-color:#ccc !important; cursor:default; }

.remodal h3 { color:#333; }

/*** TABLES ***/

table.cookie-table { width:100%; font-size:1em; }
.cookie-table { background:#fff; border-collapse:separate; border-spacing:1px; text-align:center; margin-bottom:30px; }
.cookie-table th { background:#A0A0A0; padding:8px 10px 6px; vertical-align:top; text-align:center; font-weight:bold; color:#fff;  }
.cookie-table td { background:#f1f1f1; padding:10px; text-align:center; vertical-align:middle; color:#666; }
.cookie-table th, .cookie-table td { font-size:1.5em; line-height:1.5em; }
.cookie-table tr th:last-of-type, .cookie-table tr td:last-of-type { text-align:left; }

/** GOOGLE MAP **/

.map-frame { position:fixed; top:0; right:0; bottom:0; left:0; }
#map_canvas { width:100%; height:100%; }
#map_canvas img { max-width:none; }
.map-frame h3 { font-size:1em; text-align:center; line-height:1em; font-weight:400; text-transform:uppercase; color:#333; }
.map-frame .map-info p { text-align:center; color:#999; }
.map-frame .instructions { margin-top:15px; }
.map-frame .instructions p { display:block !important; text-align:center; color:#999; font-size:1.2em; }


/*** VIDEO PAGE ***/

.videowrapper { float:none; clear:both; width:100%; position:relative; padding-top:56.25%; }
.videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/*** FOOTER **/

.footer-wrapper { background-color:#c1d72d; }

.footer {  position:relative; padding-top:4%; padding-bottom:20px; display:flex; }

.footer .col { color:#fff; }
.footer .col a { text-decoration:none; color:#fff; transition:color 300ms; }
.footer .col a:hover { color:#d7f02b; }

.footer .col h5 { font-size:2.4em; font-weight:300; color:#8a9f00; line-height:1.25em; margin-bottom:1em; }
.footer .col h6 { color:#fff; }

.footer .col a svg,
.footer .col svg { color:#d7f02b; font-size:2.4em; }

.footer .locations span,
.footer .contact span { display:block; font-size:1.6em; font-weight:300; margin-bottom:1.3em; line-height:1.75em; position:relative; padding-left:30px; }
.footer .locations span { line-height:1.5em; }
.footer .locations span svg,
.footer .contact span svg { font-size:1.3em; position:absolute; left:0; top:3px; }

.footer .social a { text-align:center; width:42px; height:42px; margin:0 15px 15px 0; }
.footer .social a:hover { background-color:#fff; }
.footer .social a:hover svg { color:#c1d72d; }

.mc4wp-form-fields { position:relative; }
.mc4wp-form-fields input { border:none; border-radius:5px; background-color:rgba(255,255,255,0.5); font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:1.5em; line-height:1.125em; color:#788b37; padding:0.5em; margin-bottom:10px; height:42px; width:100%; } 
.mc4wp-form-fields input.submit { background-color:#8a9f00; text-align:center; color:#fff; text-transform:uppercase; transition:background-color 300ms; } 
.mc4wp-form-fields input.submit:hover { background-color:#5b6801; color:#fff; }

.sub-footer { background-color:#d7f02b; padding:1% 0; margin-bottom:1%; }

.sub-footer .content p { font-size:1.4em; color:#8a9f00; font-weight:300; margin-bottom:0; text-align:center; }
.sub-footer .content p a { display:inline-block; margin-left:10px; padding-left:10px; border-left:1px solid #8a9f00; color:#8a9f00; white-space:nowrap; text-decoration:none; transition:color 300ms; }
.sub-footer .content p a:hover { color:#8a9f00; }





/*** MISC ***/

img.alignleft { float:left; margin:3px 4% 3% 0; width:auto; max-width:40%; }
img.alignright { float:right; margin:3px 0 3% 4%; width:auto; max-width:40%; }
img.aligncenter { display:block; margin:5px auto 3%; width:auto; }

.line { line-height:2em; margin-bottom:2em; border-bottom:1px solid #e4e4e4; }

.overflow { overflow:hidden; }

.clear { clear:both; padding:2% 0; }

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

.white { color:#fff !important; }

.green { color:#92c847 !important; }

.black { color:#404041 !important; }

.grey { color:#98a6af !important; }

.white-bg { background-color:#fff; padding:4% 0 3%; }

.pink-bg { background-color:#d14494; padding:4% 0 3%; border-bottom:15px solid #ca3288; }

.blue-bg { background-color:#5fb6d5; padding:4% 0 3%; }

.green-bg { background-color:#c1d72d; padding:4% 0 3%; }

.blackout { position:fixed; width:100%; top:0;  left:0; background-color:rgba(0,0,0,0); transition:background-color 300ms; z-index:99; }
.blackout.black { right:0; bottom:0; background-color:rgba(0,0,0,1);}

@media only screen and (max-width:1750px) {
	
	.grid-3 > div { width:50%; }

}

@media only screen and (max-width:1520px) {
	
	.grid-4 > div { width:33.33%; }

}

@media only screen and (max-width:1360px) {
	
	.col-3 > div.col:nth-of-type(n) { width:48%; margin:0 4% 0 0; }
	.col-3 > div.col:nth-of-type(even) { margin-right:0; }

}

@media only screen and (max-width:1280px) {
	
	.grid-4 > div { width:50%; }

}

@media only screen and (max-width:1160px) {
	
	.grid-3 > div { width:100%; }

}

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

@media only screen and (max-width:1024px) {
	
	
	.header { padding:10px; }
	.header .logo { width:130px; }
	.main-menu ul { font-size:1.2em; }
	.nav-wrapper { right:15px; }
	
	.side-content { left:150px; width:320px; }
	
	.home .side-content { left:150px; }
	.home h1 { font-size:6em; }
	
	.main-content { margin-left:470px; }
	
	.full-page { margin-left:470px; }
	
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { left:600px; }
	.page-bg .bx-wrapper .bx-controls-direction a { left:480px; }
	.page-bg .bx-wrapper .bx-controls-direction a.bx-next { left:551px; }
	.page-bg .bx-wrapper .bx-controls-auto { left:514px; }


}

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

	
	
}

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

}

@media only screen and (max-width:900px) {
	
	.col-3 > div.col:nth-of-type(n) { float:none; width:100%; margin:0; }
	
}

@media only screen and (max-width:870px) {
	
	.grid-4 > div { width:100%; }
	.grid-4 > div { min-width:0; }


}

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

@media only screen and (max-width:768px) {
	
	.header { display:none; }
	
	.admin-bar .side-content { padding-top:0;}
	
	.side-content,
	.side-wrapper { position:relative; width:100%; left:auto; bottom:auto; top:auto; right:auto; padding:10px 0 0 0; }
	.home .side-content { position:fixed; left:0; bottom:0; top:0; right:0; padding:10px 0 0 0; }
	
	.side-wrapper { padding:10px; }
	.side-wrapper .logo-mobile { display:block !important; width:100%; max-width:300px; margin-bottom:20px; }
	
	.side-bg { width:100%; }
	
	.main-content { margin-left:0; }
	
	/*
	.promo-video { position:relative; top:auto; right:auto; bottom:auto; left:auto; padding-bottom:65%; }
	.promo-video .video { position: absolute; top:0; left:0; width:100%; height:100%; min-width:100%; min-height:100%; transform:none; }
	*/
	
	.grid-3 > div { width:50%; }
	.grid-4 > div { width:33.33%; }
	
	.side-wrapper .mobile-menu-trigger { display:block; position:absolute; top:98px; left:22px; cursor:pointer; }
	.side-wrapper .fa-bars,
	.side-wrapper .fa-times { font-size:4em; color:#fff; }
	
	.side-content:hover { background:rgba(0,0,0,0.3); }
	
	.side-inner { margin-left:73px; padding:15px 20px; border-left:1px solid #fff; border-top:1px solid #fff; background-color:rgba(0,0,0,0.5); }
	.home .side-inner { border:0; background:none; padding:15px 0 0 0; }
	
	
	.single-project .side-content,
	.single-project .side-inner { background:none; }
	.single-project .bx-viewport { opacity:0.7; }
	.single-project .side-inner .mobile-hide p { margin-bottom:0; }
	
	.side-inner .main-menu { padding:0; margin:0; border-right:none; }
	.side-inner .main-menu ul { font-size:1.6em; text-align:left; }
	.side-inner .main-menu ul li { margin:0; }
	.side-inner .main-menu ul li a { color:#fff; }
	
	.side-inner .social { float:left; }
	.side-inner .social a { margin-left:0; margin-right:5px; }
	
	.content .sub-menu ul li { margin:0 0 1em 12px; }
	
	.content .contacts a { color:#fff; }
	
	h1 { margin-bottom:0.5em; }
	.home h1 { margin-bottom:0; font-weight:400; }
	
	.page-template-page-full .side-wrapper { padding-bottom:0; }
	
	.full-page { display:none; }
	
	.full-page-content { display:none; }
	.side-content .full-page-content { display:block; }
	
	.nav-single { right:auto; left:7px; }
	
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { left:140px; }
	.page-bg .bx-wrapper .bx-controls-direction a { left:20px; }
	.page-bg .bx-wrapper .bx-controls-direction a.bx-next { left:91px; }
	.page-bg .bx-wrapper .bx-controls-auto { left:54px; }
	
}

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


}

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

	
}

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


	
}

@media only screen and (max-width:640px) {
	
	.home h1 { font-size:4em; }
	
  .page-template-page-about p.hide-on-mobile { display:none; }
	
	.cookie-table { font-size:0.8em; }
	
}

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

	.mobile-gallery-button { display:block; }
	
}

@media only screen and (max-width:540px) {
	
	.grid-4 > div { width:50%; }
	
}

@media only screen and (max-width:480px) {
	
	
	.home h1 { font-size:2.6em; }
	.home .side-content .txt-rotate .wrap { padding-right:2px; }

	.grid-3 > div { width:100%; }
	
	
	.cookie-table, .cookie-table * { display:block; text-align:left; }
	.cookie-table tr:first-of-type { display:none; }
	
}

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

@media only screen and (max-width:320px) {
	
	
	
	.grid-4 > div { width:100%; }
	

	
}