/*!Theme Name: aglosystemTheme URI: http://underscores.me/Author: Underscores.meAuthor URI: http://underscores.me/Description: DescriptionVersion: 1.0.0License: GNU General Public License v2 or laterLicense URI: LICENSEText Domain: aglosystemTags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready*//*-------------------------------------------------------------->>> TABLE OF CONTENTS:----------------------------------------------------------------# Normalize# Typography# Layout# Elements# Forms# Navigation	## Links	## Menus# Accessibility# Alignments# Clearings# Widgets# Content	## Posts and pages	## Comments# Infinite scroll# Media	## Captions	## Galleries--------------------------------------------------------------*//*--------------------------------------------------------------# Normalize--------------------------------------------------------------*//* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } 

body { margin: 0; } 

h1 { font-size: 2em; margin: 0.67em 0; } 

hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } 

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } 

a { background-color: transparent; } 

b, strong { font-weight: bolder; } 

img { border-style: none; } 

/* Forms========================================================================== */button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } 

button, input { /* 1 */ overflow: visible; } 

button, select { /* 1 */ text-transform: none; } 

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } 

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } 

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } 

fieldset { padding: 0.35em 0.75em 0.625em; } 

legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } 

progress { vertical-align: baseline; } 

textarea { overflow: auto; } 

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } 

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } 

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } 

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } 

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } 

/*--------------------------------------------------------------# Typography--------------------------------------------------------------*/body, button, input, select, optgroup, textarea { color: #404040; font-family: 'Lato', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } 

h1, h2, h3, h4, h5, h6 { clear: both; margin: 0 0 15px 0; } 

p { margin: 0 0 15px 0; } 

.text-pillar h1, .text-pillar h2, .text-pillar h3, .text-pillar h4 { font-weight: 500; } 

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

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

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

h2.section-heading { font-size: 2em; font-weight: 900; color: #333; text-align: center; } 

div.wpcf7-mail-sent-ok {  border: 2px solid #df5d36!important;  font-weight: 700;} 

/*--------------------------------------------------------------# Services Slider Pages--------------------------------------------------------------*/.slider-filter {    background: #404042;    margin-bottom: 15px;} 

.portfolio-services {    padding-bottom: 50px;} 

ul.tabs {margin: 0px;padding: 0px;list-style: none;} 

ul.tabs li {    background: none;    color: #fff;    display: inline-block;    padding: 10px 20px;    cursor: pointer;    text-transform: uppercase;    font-weight: 600;} 

ul.tabs li:hover, ul.tabs li.current {color: #df5d36;} 

.tab-content { visibility: hidden;transition: all 0.5s ease;    transform: scale(0);} 

.tab-content.current { visibility: visible;transition: all 0.5s ease;    transform: scale(1)!important;} 

/*.slider-portfolio.go > div {    position: absolute;    top: 0;} 

*/.slider-portfolio.go {    position: relative;    height: 650px;} 

/*.tab-content:not(.current) {    display: none;} 

.tab-content.current {    display: block;} 

*/.the-slider-image {    margin-bottom: 30px;} 

.category-content {    margin-bottom: 30px;} 

/*--------------------------------------------------------------# CSS 10/4/2018--------------------------------------------------------------*/.navigation-link.flex.flex-center-a {    width: fit-content;    margin: 0 auto;    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content;} 

.page-id-18775 .slider-filter {    display: none;} 

.postid-17005 .single-pro-img {    background-position: center;} 

/*--------------------------------------------------------------# Case Studies Filter--------------------------------------------------------------*/.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 40px!important;} 

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {    background: #df5d36!important;} 

.bx-wrapper .bx-pager.bx-default-pager a {    background: #fff!important;    width: 12px!important;    height: 12px!important;    border-radius: 100%!important;} 

.inner-image {    background-position: center top;    background-size: cover;} 

/* Dropdown Button */.news-single p {    text-align: justify;} 

.news-heading p {text-align: center;} 

.case-studies-filter {    background: #404042;    padding: 13px 50px 12px;    margin-bottom: 50px;} 

.tab-cat a {    color: #fff;    text-decoration: none;} 

.tab-cat a:visited {  color: #fff;} 

.case-studies-filter a.active, .case-studies-filter .tab-cat a:hover {    color: #df5d36;} 

.dropbtn {    background-color: #df5d36;    color: white;    padding: 16px;    font-size: 16px;    border: none;    cursor: pointer;    width: 257px;    text-align: left;} 

/* Dropdown button on hover & focus */.dropbtn:hover, .dropbtn:focus {    background-color: #333;} 

/* The container <div> - needed to position the dropdown content */.dropdown {    position: relative;    display: inline-block;    margin-bottom: 20px;} 

/* Dropdown Content (Hidden by Default) */.dropdown-content {    display: none;    position: absolute;    background-color: #f1f1f1;    min-width: 257px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);    z-index: 1;} 

.dropbtn span {    position: absolute;    right: 12px;} 

/* Links inside the dropdown */.dropdown-content a {    color: black;    padding: 12px 16px;    text-decoration: none;    display: block;} 

/* Change color of dropdown links on hover */.dropdown-content a:hover {background-color: #ddd} 

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */.show {display:block;} 

/*--------------------------------------------------------------# Elements--------------------------------------------------------------*/html { box-sizing: border-box; } 

*, *:before, *:after { box-sizing: border-box; } 

body { background: #fff; /* Fallback for when there is no custom background color defined. */ } 

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } 

ul, ol { margin: 0 0 15px 30px; padding: 0; } 

ul { list-style: disc; } 

ol { list-style: decimal; } 

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } 

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } 

table { margin: 0 0 1.5em; width: 100%; } 

/*--------------------------------------------------------------# Layout--------------------------------------------------------------*/.container { width: auto; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } 

@media (min-width: 768px) { .container { width: 750px; } 

 } 

@media (min-width: 992px) { .container { width: 970px; } 

 } 

@media (min-width: 1200px) { .container { width: 1170px; } 

 } 

.container-fluid { padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; } 

.flex { display: flex; } 

.flex-end { align-items: flex-end; } 

.flex-end-j { justify-content: flex-end; } 

.flex-center { justify-content: center; } 

.flex-center-a { align-items: center; } 

.flex-between { justify-content: space-between; } 

.flex-wrap { flex-wrap: wrap; } 

.flex-2 { width: 20%; } 

.flex-3 { width: 30%; } 

.flex-4 { width: 40%; } 

.flex-5 { width: 50%; } 

.flex-6 { width: 60%; } 

.flex-7 { width: 70%; } 

.flex-8 { width: 80%; } 

.flex-9 { width: 90%; } 





/*--------- Menu Sector CSS ------------ */


.sector-title-lighting {
    border: 1px solid #404040;
    margin-bottom: 10px;
    padding-top: 3px;
    background: #404042;
    margin-right: 8px;
}
.sector-title-lighting h2 {
  margin-bottom: 3px;
}

.sector-title-lighting h2 {
    text-align: center;
    color: #ffffff;
}
.services-sector-left {

	width: 75%;

    padding-right: 10px;

}

.sevices-sector-right {

	width: 25%;

	padding-left: 10px;

	padding-top: 50px;

}

.services-sector-main {

	width: 1170px;

    margin: 0 auto;

    display: flex;

    padding-left: 15px;

    padding-right: 15px;

}



.ssector-img {

    background-position: center;

    background-size: cover;

    width: 100%; 

    height: 185px;

}
.sector-pillar-menu>div {
    width: 48%;
    display: inline-block;
    margin: 0px 2px;
    padding: 0;
}

.services-sector-ind {

    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;

    position: relative;

}



a.button-sector {

    font-size: 16px;

    color: #fff;

}

.content {
  position: relative;
  /*width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;*/
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  /*font-weight: 500;*/
  /*letter-spacing: 0.15em;*/
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-size: 16px;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}

.sector-pillar-menu .my-container.hovered .content .content-overlay {
    opacity: 1;
}

.sector-pillar-menu .my-container.hovered .content .content-details {
    opacity: 1;
}

.sector-pillar-menu .my-container.hovered .content .content-details.fadeIn-bottom {
        top: 50%;
}









.flex-75 {

    width: 65%;

    padding-right: 20px;

}
.padding-top {
    padding-top: 45px;
}


.flex-35 {

    width: 35%;

    padding-left: 20px;

}

.sectors-grid {

    padding-top: 50px;

}

.sector-main-content {

    margin-bottom: 50px;

}



/*--------- QUICK LINKS ------------ */

.quick-links { position: fixed; right: 0; top: 25%; z-index: 99999999; } 

.quick-links .wrap { display: flex; justify-content: flex-end; } 

.quick-links .link { position: relative; width: 60px; height: 50px; background: #333; color: #fff; font-size: 13px; text-align: center; cursor: pointer; } 

.link-close { display: none; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; font-size: 22px; color: #fff; } 

.link-expand span { display: block; } 

.link-expand a { display: inline-block; color: #333; background: #fff; padding: 8px 10px; text-decoration: none; text-align: center; } 

#link-expand2 a { background: #db2532; color: #fff; } 

#link-expand2 a:hover { color: #fff; } 

.link .link-icon { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } 

.link .link-icon img { display: block; width: 35px; height: auto; } 

.link-expand { position: absolute; top: 0; right: 0; width: 0px; height: 50px; margin-right: 60px; transition: all .3s ease; color: #fff; } 

.link1 .link-expand { background: rgba(51, 51, 51, .9); } 

.link2 .link-expand { background: rgba(208, 208, 208, .9); color: #333; } 

.link3 .link-expand { background: rgba(223, 93, 54, .9); } 

.link-expand-wrap img { margin-bottom: 10px; } 

.link-expand-wrap { display: none; padding: 35px; text-align: left; font-size: 15px; } 

.link.active .link-expand { width: 480px; } 

.link.active-1 #link-expand1 { height: 445px; } 

.link.active #link-expand2 { width: 380px; } 

.link.active-1 #link-expand2 { height: 205px; } 

.link.active-1 #link-expand3 { height: 190px; } 

.link.active img.link-icon { display: none; } 

.link.active .link-close { display: flex; } 

.link.active-wrap .link-expand-wrap { display: block; } 

.quick-links .link2 { background: #d0d0d0; color: #333; } 

.quick-links .link3 { background: #df5d36; color: #fff; } 

/*--------- HEADER ------------ */.site-header { position: fixed; width: 100%; z-index: 999999; background: #fff; box-shadow: 0 0 7px rgba(0,0,0,.1); border-bottom: 1px solid #c3c3c3; transition: all 1s ease; } 

.site-header .container { padding-top: 15px; padding-bottom: 10px; } 

.site-header .mobile-icon { display: none; position: relative; } 

.site-header.scroll .site-logo { width: 120px; } 

.site-header.scroll .tagline { line-height: 1.2; } 

.site-logo { width: 120px; transition: all .8s ease; } 

.site-branding span.tagline { display: block; margin-left: 1em; color: #333; font-style: italic; font-size: 15px; font-weight: 500; line-height: 1.3; } 

.main-navigation { padding-left: 3.5em; } 

.top-links a { display: inline-block; padding-right: 10px; } 

.top-links a i { font-size: 1.3em; } 

.top-search { padding-left: 5px; } 

.search-box { display: none; width: 100%; z-index: 99999; background: #f3f3f3; transition: top .8s ease; } 

.search-box .search-custom { position: relative; width: 45%; height: 30px; padding: 0; margin: 6px 0; display: inline-block; background-color: #EDEDED; } 

.search-custom input { outline: 0; position: absolute; top: 5px; left: 15px; border: none; width: 95%; font-size: 13px; background: 0 0; box-shadow: inset 0 0 0 transparent; } 

.search-filter ul { list-style: none; padding: 0; margin: 0 0 20px 0; } 

.search-filter li:first-child { display: none; } 

.search-filter li { display: inline-block; } 

.search-filter select { padding: 8px 10px; font-size: 17px; height: 45px; } 

.search-filter input[type="submit"] { margin-left: 10px; padding: 8px 20px; font-size: 17px; text-decoration: none; height: 45px; cursor: pointer; } 

.search-content article a { text-decoration: none; } 

.search-content .nav-links { font-size: 18px; } 

.search-filter hr { margin: 20px 0; border-top: 1px solid #a29999; } 

.site-content { padding-top: 95px; } 

.home .site-content { padding-top: 0; } 

/*--------- FOOTER ------------ */.site-footer { padding: 35px 0 25px; background: #404042; color: #fff; font-size: 16px; } 

.site-footer a { color: #fff; font-size: 14px; } 

.site-info { padding-top: 25px; } 

.site-social span { display: block; padding-bottom: 5px; } 

.site-social ul { list-style: none; padding: 0; margin: 0; } 

.site-social ul li { display: inline-block; padding-right: 0.5em; } 

.site-social ul li a { font-size: 1.3em; } 

.site-footer a { color: #fff; } 

.site-footer a:visited { color: #fff; } 

.footer-newsletter { display: block; padding: 10px 20px; background: #fff; color: #333; text-align: center; text-transform: uppercase; cursor: pointer; font-size: 14px!important; } 

.footer-newsletter:hover, .footer-contact:hover { background: #df5d36; color: #fff; } 

.credit { padding-top: 35px; text-align: right; } 

.footer-contact { display: block; padding: 10px 20px; background: #fff; color: #333; text-align: center; text-transform: uppercase; cursor: pointer; font-size: 14px!important; margin-right: 10px;} 

a.footer-contact {    color: #333!important;    text-decoration: none;} 

a.footer-contact:hover {    color: #fff!important; } 

.contact-no {    padding-top: 25px;    text-align: center;} 

.contact-no a {    font-size: 22px;} 

/*--------------------------------------------------------------# Forms--------------------------------------------------------------*/button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-radius: 3px; background: #df5d36; color: #fff; font-size: 12px; line-height: 1; padding: .6em 1em .4em; } 

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } 

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; outline: none; } 

input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus { color: #111; outline: none; } 

select { border: 1px solid #ccc; } 

textarea { width: 100%; resize: none; } 

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 1em; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } 

.input-box { position: relative; } 

.input-box input { background-color: transparent; border: 1px solid #333; border-radius: 20px; color: #333; font-size: 12px; } 

.search-icon, .mobile-icon { color: #333; font-size: 20px; cursor: pointer; } 

.mobile-icon::after { content: ""; position: absolute; width: 50px; height: 50px; top: -10px; left: 0; } 

.search-icon:hover { color: #df5d36; } 

.sidebar-subscriber { margin-top: 25px; } 

.sidebar-subscriber .tnp-subscription { margin: 0; } 

.subscriber-field { margin-bottom: 10px; } 

.subscriber-field.field-half { width: 49%; } 

.sidebar-subscriber .tnp-subscription input[type=text],.sidebar-subscriber .tnp-subscription input[type=email] { width: 100%; background: none; border: 1px solid #908f8f; padding: 5px 8px; color: #fefefe; height: 45px; } 

.sidebar-subscriber .tnp-subscription input.tnp-submit { border-radius: 0; cursor: pointer; font-size: 16px; background: #df5d36; height: 45px; border: none; } 

.sidebar-subscriber .tnp-subscription input:focus { color: #fff; } 

.sidebar-subscriber .tnp-subscription input::placeholder { color: #908f8f; } 

/*--------------------------------------------------------------# Navigation--------------------------------------------------------------*//*--------------------------------------------------------------## Links--------------------------------------------------------------*/a { color: #333; } 

a:visited { color: #333; } 

a:hover, a:focus, a:active { color: #df5d36; } 

a:hover, a:active {	outline: 0;} 

/*--------------------------------------------------------------## Menus--------------------------------------------------------------*/.main-navigation { display: block; } 

.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } 

.main-navigation ul li a::after { content: ''; position: absolute; display: block; width: 100%; height: 35px; cursor: pointer; } 

.main-navigation ul li:hover ul { display: block; } 

.main-navigation ul ul { display: none; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 57px; left: -15px; z-index: 99999; } 

.main-navigation ul ul li { padding: 10px 20px; border-left: 1px solid #aaa; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; cursor: pointer; } 

.main-navigation ul ul li:hover { background: #e6e3e3; } 

.main-navigation ul ul ul { left: -999em; top: 0; } 

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } 

.main-navigation ul ul a { width: 250px; line-height: 1.2em; font-size: 14px; } 

.main-navigation li { float: left; position: relative; } 

.main-navigation a { display: block; margin-right: 2em; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 500; color: #333; text-decoration: none; cursor: pointer; } 

.main-navigation li.current-menu-item a, .main-navigation a:hover { color: #df5d36; } 

/* Small menu. */.menu-toggle, .main-navigation.toggled ul { display: block; } 

.mobile-menu { display: none; background: #f3f3f3; } 

.mobile-menu ul { list-style: none; margin: 0 15px; } 

.mobile-menu ul li { padding: 10px 0; } 

.mobile-menu ul li a { text-decoration: none; } 

@media screen and (min-width: 37.5em) { .menu-toggle { display: none; } 

 .main-navigation ul { display: block; } 

 } 

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } 

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } 

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } 

/*--------------------------------------------------------------# Alignments--------------------------------------------------------------*/.alignleft { display: inline; float: left; margin-right: 1.5em; } 

.alignright { display: inline; float: right; margin-left: 1.5em; } 

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } 

.main-content { padding: 50px 0; } 

.main-content .flex-content { width: 75%; padding-right: 30px; border-right: 1px solid #a6a6a7; } 

.main-content .flex-sidebar { width: 25%; padding-left: 30px; } 

.text-pillar .flex-left { width: 35%; position: relative; padding-right: 60px; } 

.text-pillar .flex-left::after { position: absolute; top: 0; right: 30px; content: ''; display: inline-block; width: 2px; height: 100%; background: #a6a6a7; } 

.text-pillar .flex-right { width: 65%; padding-left: 10px; } 

.text-pillar h3 { color: #df5d36; font-size: 22px; margin-bottom: 10px; line-height: 28px; } 

.text-pillar p { font-size: 15px; } 

/*--------------------------------------------------------------# Clearings--------------------------------------------------------------*/.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after { content: ""; display: table; table-layout: fixed; } 

.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after { clear: both; } 

/*--------------------------------------------------------------# Widgets--------------------------------------------------------------*/.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } 

.widget select { max-width: 100%; } 

/*--------------------------------------------------------------# Content--------------------------------------------------------------*//*--------------------------------------------------------------## Posts and pages--------------------------------------------------------------*/.sticky { display: block; } 

.hentry { margin: 0 0 1.5em; } 

.updated:not(.published) { display: none; } 

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } 

.page-links { clear: both; margin: 0 0 1.5em; } 

.project-content .text-pillar a { display: flex; align-items: center; color: #fff; background: #404042; border: 1px solid #404040; padding: 8px 12px; max-width: 265px; font-weight: 400; font-size: 13px; text-align: center; text-decoration: none; text-transform: uppercase; } 

.project-content .text-pillar a:hover { color: #fff; border-color: #df5d36; background: #df5d36; } 

.page-content { padding: 30px 0; margin: 0; min-height: 600px; } 

.page-content-center { min-height: 450px; padding: 120px 0; text-align: center; } 

a.theme-btn { display: inline-block; padding: 10px 30px; background: #df5d36; border-radius: 5px; color: #fff; text-transform: uppercase; text-decoration: none; } 

a.theme-btn:hover a.theme-btn:visited { color: #fff; } 

/*--- mouse something ---*//*body,html  {  background-color: #000;  width: 100%;  min-height: 100%;  padding: 0;  margin: 0;} 

*/.scroll-downs {  position: absolute;  right: 0;  bottom: 50px;  left: 0;  margin: auto;  width :34px;  height: 55px;  z-index: 999;} 

.mousey {  width: 1px;  padding: 10px 13px;  height: 22px;  border: 2px solid #fff;  border-radius: 25px;  opacity: 0.75;  box-sizing: content-box;} 

.scroller {  width: 4px;  height: 6px;  border-radius: 25%;  background-color: #fff;  animation-name: scroll;  animation-duration: 2.2s;  animation-timing-function: cubic-bezier(.15,.41,.69,.94);  animation-iteration-count: infinite;} 

@keyframes scroll {  0% { opacity: 0; } 

  10% { transform: translateY(0); opacity: 1; } 

  100% { transform: translateY(15px); opacity: 0;} 

} 

.home-slider .bx-wrapper .bx-prev {    background-image: url(https://aglosystems.com.au/wp-content/uploads/2018/11/arrow-88-48.png);    background-size: 50%;    position: absolute;    z-index: 9999;    top: 52%;    width: 30px;    height: 30px;    background-position: center;    border: 1px solid #ffffff;    padding: 20px !important;    background-color: #00000040;} 

.home-slider .bx-wrapper .bx-next {    background-image: url(https://aglosystems.com.au/wp-content/uploads/2018/11/arrow-24-48.png);    background-size: 50%;    position: absolute;    z-index: 9999;    top: 52%;    width: 30px;    height: 30px;    background-position: center;    border: 1px solid #ffffff;    padding: 20px !important;    background-color: #00000040;} 

.home-slider .bx-wrapper .bx-next:hover {    background-position: center;} 

/*--- HOME PAGE ---*/.home-slider .slider-item { position: relative; width: 100%; overflow: hidden; } 

.home-slider .slider-item img { width: 100%; height: 100%; } 

.home-slider .slider-text { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; } 

.slider-text .text-wrap { background: rgba(65,65,65,.6); padding: 10px 100px; margin-top: 60px; color: #fff; font-size: 15px; font-weight: 700; bottom: 0; position: absolute; width: 100%; height: 40px;} 

/*.slider-text a { display: block; margin-top: 25px; padding: 5px 25px; background: rgba(65,65,65,.8); color: #fff; font-size: 16px; text-decoration: none; } 

*/.slider-text a { color: #fff; font-size: 15px; text-decoration: none; } 

.home-content { background: #cac9ca; padding: 35px 0 25px; } 

.home-content .text-wrap { padding: 0 30px; text-align: center; font-size: 15px; } 

.home-content h3 { line-height: 1.5em; font-size: 24px; font-weight: 500; } 

.service-wrap { padding: 50px 8em 0; text-align: center; } 

.service-link { padding-top: 50px; } 

.service-item { padding-bottom: 70px; } 

.service-item a { text-decoration: none; } 

.service-icon { display: flex; align-items: center; justify-content: center; max-width: 90px; height: 110px; margin: auto; margin-bottom: 20px; } 

.service-icon-grey { display: inline-block; } 

.service-icon-color { display: none; } 

.service-item:hover { color: #df5d36; } 

.service-item:hover .service-icon-grey { display: none; } 

.service-item:hover .service-icon-color { display: inline-block; } 

.service-item span { font-weight: 600; font-size: 1.1em; } 

/*--- PRODUCT PAGE ---*/.product-content { padding: 55px 0 0; } 

.product-content .text-pillar { margin-bottom: 60px; } 

.product-content h2 { font-size: 36px; margin-bottom: 25px; } 

/*--- PROJECT PAGE ---*/.page-header { padding-top: 50px; color: #fff; background: #404042; } 

.page-header h1 { display: inline-block; width: 90%; font-size: 36px; font-family: 'Lato', sans-serif; text-transform: uppercase; } 

.project-content { padding: 45px 0 20px; font-family: 'Lato', sans-serif; } 

.project-content .text-pillar a { margin: 0 20px 10px 20px; } 

.portfolio-filter { background: #404042; padding: 15px 0 5px; } 

.filter-wrap { flex-wrap: wrap; } 

.portfolio-filter .filter-item { color: #fff; font-weight: 600; font-size: 15px; padding: 0 20px; cursor: pointer; text-align: center; text-transform: uppercase; padding-bottom: 10px; } 

.portfolio-filter .active, .portfolio-filter .filter-item:hover { color: #df5d36; } 

.portfolio-grid { min-height: 630px; margin-top: 12px; } 

.portfolio-grid:after { content: ''; display: block; clear: both; } 

.portfolio-item { position: relative; float: left; height: 250px; margin-bottom: 1%; cursor: pointer; background: #e2e2e2; max-height: 274px; overflow: hidden; } 

@media (max-width: 480px) {  .portfolio-grid .grid-sizer { width: 99%; } 

  .portfolio-grid .gutter-sizer { width: auto; } 

  .portfolio-item { width: 99%; margin-bottom: 2%; } 

} 

@media (min-width: 481px) and (max-width: 767px) {  .portfolio-grid .grid-sizer { width: 49%; } 

  .portfolio-grid .gutter-sizer { width: 2%; } 

  .portfolio-item { width: 49%; margin-bottom: 2%; } 

} 

@media (min-width: 768px) {  .portfolio-grid .grid-sizer { width: 32.3333333333%; } 

  .portfolio-grid .gutter-sizer { width: 1.5%; } 

  .portfolio-item { width: 32.3333333333%; margin-bottom: 1.5%; height: 200px; } 

} 

@media (min-width: 992px) {  .portfolio-grid .grid-sizer { width: 24%; } 

  .portfolio-grid .gutter-sizer { width: 1.3333333333%; } 

  .portfolio-item { width: 24%; margin-bottom: 1.3333333333%; height: 250px; } 

} 

@media (min-width: 1200px) {  .portfolio-grid .grid-sizer { width: 24%; } 

  .portfolio-grid .gutter-sizer { width: 1.3333333333%; } 

  .portfolio-item { width: 24%; margin-bottom: 1.3333333333%; height: 250px; } 

} 

.portfolio-item img { display: block; } 

.portfolio-item .portfolio-overlay { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 0%; background: rgba(0,0,0, .4); transition: all .5s ease; text-align: center; overflow: hidden; } 

.portfolio-item .portfolio-overlay span { display: block; margin-bottom: 20px; font-weight: 600; font-size: 22px; padding: 0 20px; color: #fff; opacity: 0; transition: all 1s ease; } 

.portfolio-item .portfolio-overlay a { display: block; font-size: 14px; color: #fff; opacity: 0; transition: all 1s ease; } 

.portfolio-item:hover .portfolio-overlay { height: 100%; } 

.portfolio-item:hover .portfolio-overlay span,.portfolio-item:hover .portfolio-overlay a { opacity: 1; } 

/*--- SERVICES PAGE ---*/.content-extension .flex-left {    width: 65%;    position: relative;    padding-right: 20px;} 

.content-extension {    margin-top: 50px;} 

.content-extension .flex-right {    width: 35%;    padding-left: 40px;} 

h3.title-right {    text-align: center;    color: #df5d36;} 

.content-extension .flex-left h2 {    font-size: 20px;} 

.overlay-content a.button, .overlay-content a {    color: #fff;    text-decoration: none;} 

.overlay-content a.button:hover, .overlay-content a:hover {    color: #df5d36;} 

.overlay-content a {    position: relative!important;} 

.efficiency-icon {    width: 20%;    float: left;    margin-left: -15px;} 

.efficiency-icon img {    width: 50%;    transition: .4s;    max-width: 60px;    min-width: 40px;} 

.center-block {    display: block;    margin-right: auto;    margin-left: auto;} 

.efficiency-icon img.img-animation {    width: 100%;    transition: .8s;    max-width: 115px;} 

ol.efficiency-dropdown.nav {    margin: 0 0 0 0;} 

.nav {    padding-left: 0;    margin-bottom: 0;    list-style: none;} 

.efficiency-dropdown li {    list-style-type: none;    clear: both;    border-bottom: 1px solid #cba496;    padding-bottom: 15px;    padding-top: 15px;} 

.efficiency-dropdown li:first-child {    border-top: 1px solid #cba496;} 

.efficiency-dropdown li a {    font-size: 18px;    color: #000;    text-decoration: none;    margin: 1% 0 1% 23%;    cursor: pointer;    padding: 10px 0;    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    position: relative;    display: block;} 

.down-arrow {    float: right;    font-size: 26px;    color: #cba496;    margin-top: -6px;    transition: .5s;} 

.efficiency_des {    margin-left: 23%;    display: none;} 

.efficiency_des p{ font-size: 14px;} 

.efficiency-dropdown li a:hover {    color: #ea5a28;} 

.efficiency-icon img.img-animation {    width: 100%;    transition: .8s;    max-width: 115px;} 

.down-arrow.active {    transform: rotate(180deg);} 

.box-content {    margin-top: 30px;} 

.left-box {    width: 50%;    border: 1px solid #937979;    margin-right: 5px;    padding-top: 4%;    padding-bottom: 2%;} 

.right-box {    width: 50%;    border: 1px solid #937979;    margin-left: 5px;    padding-top: 4%;    padding-bottom: 2%;} 

.news-heading {   height: 280px;    width: 280px;    border-radius: 50%;    background-color: #c7c2bd;    margin: 0 auto;    display: flex;    flex-wrap: wrap;    justify-content: center;    text-align: center;    flex-direction: column;} 

.news-caption {    padding-top: 1%;} 

.news-caption p {    text-align: center;    vertical-align: middle;    color: #d93600;    top: 10%;    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    font-weight: 600;    font-size: 14px;} 

.news-companies {    padding-left: 15px;    padding-right: 15px;} 

p.find-more-button.center-block {    background-color: transparent;    border: 1px solid #d45428;    border-radius: 0;    color: #d45428;    font-size: 16px;    height: 35px;    width: 100%;    min-width: 240px;    margin-bottom: 15px;    max-width: 300px;    text-align: center;    padding-top: 3px;} 

.contact-button a {    text-decoration: none;} 

.map-image {    max-width: 180px;    margin-bottom: 15px;    margin-left: 10px;    margin-right: 10px;} 

.flex-6.content-of-map p {    font-size: 14px;    line-height: 15px;} 

.flex-6.content-of-map {    margin-left: 20px;} 

.banner-fullwidth {    margin-top: 50px;} 

.center_content_full {    margin-top: 50px;} 

a.services-button {    margin-left: 0px!important;} 

p.flex.flex-right.buttons-services {    padding-left: 0px!important;    margin-bottom: 0px;    margin-top: 20px;} 

.page-id-18773 .flex.box-content, .page-id-18775 .flex.box-content, .page-id-18779 .flex.box-content, .page-id-18777 .flex.box-content, .page-id-18782 .flex.box-content  {    display: none;} 

.portfolio-filters {    display: none;} 

/*--- SINGLE Services PAGE new ---*/.overlay-content {    position: absolute;    background: rgba(0,0,0,0.5);    bottom: 0;    left: 0;    right: 0;} 

.single-project-slider img { width: auto; height: 760px;} 

.overlay-content {    padding: 10px 30px;} 

.overlay-content h2, .overlay-content p {    color: #ffffff;} 

.overlay-content h2 {    margin: 0px;    font-size: 16px;} 

section.services-slider1 {    margin-bottom: -10px;    margin-top: 40px;} 

section.services-slider {    margin-bottom: 40px;    /*margin-top: 40px;*/} 

.single-project-slider .portfolio-items img {     width: 100%;    height: 500px;} 

.portfolio-grids {    min-height: 650px;    margin-top: 12px;} 

.single-pro-img {      background-size: cover;} 

.text-pillar.commercial-prj h3 {    margin-bottom: -10px;} 

section.single-project-title {    padding-top: 50px;    padding-bottom: 30px;} 

/*--- SINGLE PROJECT PAGE ---*/.single-project-content {	padding: 35px 0;	color: #333;} 

.single-project-content .text-pillar {	padding-right: 50px;} 

.single-project-content .text-pillar h1 {	line-height: 1.2;	font-size: 32px;} 

.single-project-content .text-pillar h2 {	font-size: 20px;} 

.single-project-content .text-pillar a {	max-width: 50%;	border-color: #df5d36;} 

.single-project-testimonial {	padding: 20px 0;	margin-top: 30px;	border-top: 2px solid #28282B;	border-bottom: 2px solid #28282B;} 

.single-project-testimonial p {	margin: 0;    font-size: 15px;    font-style: italic;} 

.product-used-content {	margin-top: 35px;} 

.product-used-wrap {	display: flex;	flex-wrap: wrap;} 

.product-used {	position: relative;	width: 25%;	margin: 0 5px 5px 0;	background-color: #e4e6e7;	cursor: pointer;} 

.product-used .product-overlay {	display: none;	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(0,0,0, .3);	text-align: center;} 

.product-used .product-overlay a {	color: #fff;	text-decoration: none;} 

.product-used:hover .product-overlay {	display: flex;} 

.single-project-gallery .bx-wrapper a, .the-slider-image .bx-wrapper a {	position: absolute;	z-index: 9999;	top: 50%;	width: 54px;	height: 54px;	margin-top: -27px;	background-position: 0 0;} 

.single-project-gallery .bx-wrapper .bx-prev, .the-slider-image .bx-wrapper .bx-prev{	background-image: url(https://aglosystems.com.au/wp-content/uploads/2018/10/arrow-prev.png);background-size: cover;} 

.single-project-gallery .bx-wrapper .bx-next, .the-slider-image .bx-wrapper .bx-next{	background-image: url(https://aglosystems.com.au/wp-content/uploads/2018/10/arrow-next.png);background-size: cover;} 

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus, .services-slider.project-slide .bx-wrapper .bx-next:hover, .services-slider.project-slide .bx-wrapper .bx-next:focus {	background-position: 0 0;} 

.single-project-links {	display: flex;	justify-content: space-between;	margin-top: 22px;} 

.single-project-links .contact-link a, .contact-link a {	display: block;	font-weight: 600;	background: #df5d36;	color: #fff;	padding: 5px 30px;	text-decoration: none;} 

.contact-link {  margin-top: 40px;    width: 38%;} 

.contact-link.contact-custom { width: 19%;} 

.slide-pro-img {    background-position: center top;    background-size: cover;} 

.single-project-links .navigation-link a {	text-decoration: none;	font-size: 14px;} 

.single-project-links .next {	margin-right: 12px;} 

.single-project-links .prev {	margin-left: 12px;} 

.single-project-links .next img {	position: relative;	top: 3px;	left: -5px;} 

.single-project-links .prev img {	position: relative;	top: 3px;	right: -5px;} 

.related-project-title {	background: #cac9ca;	color: #fff;	font-size: 40px;	font-weight: 900;	padding: 20px 40px;	line-height: 1.2;} 

.related-project-item {	width: 33.3%;} 

.related-project .portfolio-item {	width: 100%;	height: 300px;	margin-bottom: 0;} 

.related-project .portfolio-item img {	height: 100%;} 

/*--- NEWS PAGE ---*/.news-item > a > div {    flex: 1;} 

.news-item > a {    display: flex;    flex-direction: column;} 

.news-item {    width: 48%;    margin-bottom: 15px;    display: flex;} 

.news-wrap {	padding: 60px 0;} 

.news-content {	padding-right: 35px;} 

.news-grid {	display: flex;	flex-wrap: wrap;	justify-content: space-between;	margin-bottom: 35px;} 

.news-item {	width: 48%;	margin-bottom: 40px;} 

.news-item .news-img {	height: 255px;	min-height: 255px;	margin-bottom: 10px;} 

.news-item h3 {	margin-bottom: 0;} 

.news-item a {	text-decoration: none;} 

.news-item p {	color: #333;} 

.news-single h2 {	margin-bottom: 0;} 

.news-paged .page-numbers {	border: 1px solid #aaa;    padding: 6px 12px;    margin: 0 5px;    text-decoration: none;	cursor: pointer;} 

.news-paged .page-numbers.current,.news-paged .page-numbers:hover {	background: #333;    color: #fff;} 

.news-single .news-heading {	margin-bottom: 40px;} 

.news-single .news-feature {	margin-bottom: 20px;      margin-top: 20px;} 

.news-pagination {	width: 100%;	margin-top: 30px;} 

.news-pagination a {	text-decoration: none;	color: #df5d36;	font-size: 17px;} 

/*--- ABOUT PAGE ---*/.about-banner {	max-height: 700px;	overflow: hidden;} 

.about-banner img {	width: 100%;} 

.about-content {	padding: 35px 0;} 

.about-content .text-wrap {	padding: 0 30px;	text-align: center;} 

.about-content h1 {	font-size: 24px;} 

.about-content p {	margin-bottom: 0;	line-height: 1.5;} 

.about-team {	padding-top: 35px;	text-align: center;} 

.team-item {    position: relative;	width: 20%;	padding: 15px;	cursor: pointer;} 

.team-grid {	padding: 30px 0;} 

.team-item .team-img {	position: relative;} 

.team-item .team-img img {	display: block;    margin: auto;} 

.team-item .team-overlay {	visibility: hidden;	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 0%;	opacity: 0;	background: #f0522385;} 

.team-item .team-overlay p {	color: #fff;} 

.links.flex.flex-center {   /* margin-top: 45px;*/    bottom: 20px;    position: absolute;} 

.team-notif {    margin-top: 25px;} 

.team-notif p {    text-align: center;    line-height: 18px;    font-size: 12px;} 

.team-info {    opacity: 0;    visibility: hidden;    position: absolute;    /*left: -158px;*/    /*width: 500px;    height: 0px;*/    background: #ef5324e3;    transition: all .8s ease;    z-index: 1;    color: #fff;    text-align: left;    padding: 30px;    top: 0;    height: 100%;    width: 100%} 

/*.team-item:nth-child(5n +1) .team-info {    left: 0px;} 

.team-item:nth-child(5n) .team-info,.team-item:last-child .team-info {    left: -302px;} 

*/.team-item:hover .team-overlay,.team-item:hover .team-info  {	visibility: visible;	opacity: 1;} 

/*.team-item:hover .team-info {    height: 730px;} 

*//*.team-info.links a:first-child {	margin-right: 20px;} 

*/.team-info .links img {	width: 45px;    margin: 0 10px;} 

.team-bio {    margin-top: 30px;    font-size: 14px;    max-height: 500px;    overflow: hidden;} 

.team-item span {	display: block;	font-size: 13px;} 

.team-item span.team-name {	margin-top: 10px;	font-weight: 600;	font-size: 17px;	line-height: 1.1;} 

.accreditations {	margin: 30px 0 60px;} 

.accreditations .accre-grid {	padding: 30px 0;	flex-wrap: wrap;} 

.accreditations .accre-logo {	display: flex;	align-items: center;	justify-content: center;	width: 180px;	height: auto;	margin: 0 20px 30px 20px;} 

/*--- SIDEBAR ---*/.sidebar-item {	margin-bottom: 60px;} 

.sidebar-item h3 {	margin-bottom: 25px;} 

.sidebar-item.tags a {	display: inline-block;	background: #df5d36;	color: #fff;	padding: 3px 8px;	font-size: 12px;	text-transform: uppercase;	margin-right: 3px;	margin-bottom: 3px;	text-decoration: none;	border-radius: 5px;} 

.sidebar-item ul {	list-style: none;	margin: 0;} 

.sidebar-item ul li {	display: block;	margin-bottom: 15px;} 

.sidebar-item ul li a {	text-decoration: none;} 

/*--- BROCHURE/CASE STUDIES PAGE ---*/.brochure-item a {    text-decoration: none;} 

.brochure-wrap,.case-wrap {	padding: 65px 0;} 

.brochure-item,.case-item {	width: 25%;	margin-bottom: 50px;	text-align: center;	padding: 0 25px;} 

.brochure-item img:hover,.case-item img:hover {    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;    -webkit-animation-name: pulse;    animation-name: pulse;} 

@keyframes pulse {  0% { transform: scale(1,1); } 

  50% { transform: scale(1.1,1.1); } 

  100% { transform: scale(1,1);  } 

} 

.brochure-item span,.case-item span {	display: block;	margin-top: 20px;	text-decoration: none;	padding: 0 15px;	font-size: 16px;    font-weight: 600;} 

.case-item a {    text-decoration: none;} 

.fa-chevron-down {    display: none;} 

.case-cat {    -webkit-transition: all 2s ease-in-out;    -moz-transition: all 2s ease-in-out;    -ms-transition: all 2s ease-in-out;    -o-transition: all 2s ease-in-out;    transition: all 2s ease-in-out;} 

.case-cat h2 {	/*display: flex;*/    width: 25%;    margin: 0 auto;    border-bottom: 3px solid #df5d36;	justify-content: space-between;	/*background: #333;*/	color: #333;	cursor: pointer;	padding: 8px 20px;	text-align: center;	transition: .5s;	margin-bottom: 12px;	font-size: 22px;	font-weight: 600;} 

.case-cat h2.active {	background: #333;} 

.case-grid {	overflow: hidden;	margin-bottom: 20px;	transition: max-height .5s ease-out;} 

.case-item {	margin-top: 25px;	margin-bottom: 25px;} 

/*--- CONTACT PAGE ---*/.contact-form {	padding-top: 60px;	text-align: center;} 

.contact-form p {	font-size: 22px;	color: #666;} 

.contact-wrap {	max-width: 810px;    width: 100%;    margin: 50px auto 0;} 

.contact-wrap .field-grid {	display: flex;    flex-wrap: wrap;    justify-content: space-between;} 

.contact-wrap .field-half {	width: 49%;	margin-bottom: 20px;} 

.contact-wrap .field-full {	width: 100%;	margin-bottom: 20px;} 

.wpcf7-form-control-wrap {	display: block;	text-align: left;} 

.contact-wrap .wpcf7-form-control {	display: block;	width: 100%;	padding: 15px 20px;	background: #f1f1f1;	border: 1px solid #666;	font-size: 14px;} 

.contact-wrap label {	display: block;	margin-bottom: 10px;} 

.contact-wrap .wpcf7-checkbox {	display: flex;	flex-wrap: wrap;	padding: 15px 0px 8px 20px;} 

.contact-wrap .wpcf7-checkbox span.wpcf7-list-item {	width: 33%;	margin: 0;	padding-bottom: 15px;} 

.contact-wrap span.wpcf7-list-item {	margin: 0 20px 10px 0;	font-size: 16px;} 

.contact-wrap .wpcf7-recaptcha {	border: none;	padding: 0;} 

.contact-wrap input[type="submit"].wpcf7-form-control {	display: block;	width: 230px;	color: #fff;	font-weight: 900;	background: #333;	font-size: 18px;	cursor: pointer;	margin: 0 0 0 auto;} 

.contact-grid {	padding: 25px 0 35px 0;	text-align: center;} 

.contact-text h2 {	color: #000;	font-weight: 900;	font-size: 22px;	margin-bottom: 0;} 

.contact-text h2 span {	color: #df5d36;} 

.contact-pillar {	flex-wrap: wrap;	margin-top: 50px;} 

.contact-pillar .pillar-item {	width: 33.3%;} 

.contact-pillar .pillar-item h4 {	text-transform: uppercase;	margin-bottom: 0;	font-weight: 600;} 

.contact-pillar .pillar-item  p {	font-size: 13px;} 

.pillar-item p {    margin-bottom: 0px;} 

.pillar-item a, .contact-text a {    text-decoration: none;} 

/*--------------------------------------------------------------# Media--------------------------------------------------------------*/.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {	border: none;	margin-bottom: 0;	margin-top: 0;	padding: 0;} 

/* Make sure embeds and iframes fit their containers. */embed,iframe,object {	max-width: 100%;} 

/* Make sure logo link wraps around logo image. */.custom-logo-link {	display: inline-block;} 

.bx-wrapper {	margin-bottom: 0;	border: 0;} 

/*--------------------------------------------------------------## Captions--------------------------------------------------------------*/.wp-caption {	margin-bottom: 1.5em;	max-width: 100%;} 

.wp-caption img[class*="wp-image-"] {	display: block;	margin-left: auto;	margin-right: auto;} 

.wp-caption .wp-caption-text {	margin: 0.8075em 0;} 

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

/*--------------------------------------------------------------## Galleries--------------------------------------------------------------*/.gallery {	margin-bottom: 1.5em;} 

.gallery-item {	display: inline-block;	text-align: center;	vertical-align: top;	width: 100%;} 

.gallery-columns-2 .gallery-item {	max-width: 50%;} 

.gallery-columns-3 .gallery-item {	max-width: 33.33%;} 

.gallery-columns-4 .gallery-item {	max-width: 25%;} 

.gallery-columns-5 .gallery-item {	max-width: 20%;} 

.gallery-columns-6 .gallery-item {	max-width: 16.66%;} 

.gallery-columns-7 .gallery-item {	max-width: 14.28%;} 

.gallery-columns-8 .gallery-item {	max-width: 12.5%;} 

.gallery-columns-9 .gallery-item {	max-width: 11.11%;} 

.gallery-caption {	display: block;} 

@media only screen and (max-width: 1200px){	.form-subscribe input.email,	.form-subscribe input.submit {		width: 100%;	} 
.services-sector-main {
    width: auto;
}
} 

@media only screen and (max-width: 1150px){    p.flex.flex-right.buttons-services {        width: 80%;    } 

    p.find-more-button.center-block {        font-size: 14px;        min-width: 200px;    } 

    .map-image {        max-width: 150px;    } 

} 

@media only screen and (max-width: 1024px){ .main-navigation a {    margin-right: 22px;} 

} 

@media only screen and (max-width: 992px){	.main-navigation,	.top-links {		display: none;	} 

	.site-header .mobile-icon {		display: block;	} 

	.search-box .search-custom {		width: 100%;	} 

	.page-header {		background-size: cover;	} 

	.service-wrap {		padding: 30px 0;	} 

	.news-item {		width: 100%;	} 

	.project-content .flex {		flex-wrap: wrap;	} 

	.project-content .flex-left,	.project-content .flex-right {		width: 100%;		padding-right: 0;		padding-left: 0;	} 

	.project-content .flex-left::after {		display: none;	} 

	.team-item {		width: 23%;	} 

	.brochure-item,	.case-item {		width: 25%;	} 

ul#primary-menu { overflow-y: scroll; height: 500px;} 

} 

@media only screen and (max-width: 768px){.single-pro-img {    height: 500px!important;    background-position: center;} 
.sector-pillar-menu>div {
    width: 100%;
}
.sector-title-lighting {
    margin-right: 0px;
}
.contact-link.contact-custom {    width: 30%;} 

    p.flex.flex-right.buttons-services {        width: 82%;        margin: 0 auto;    } 

    .content-extension .flex-right {        margin-top: 40px;    } 

    .the_image_right {        text-align: center;    } 

    .left-box, .right-box {        width: 100%;        margin-right: 0;        margin-left: 0;    } 

    .flex-5.news-heading, .flex-5.news-companies {        width: 50%;    } 

    .flex-5.news-heading {        width: 180px;    } 

    .flex.left-box {        margin-bottom: 20px;    } 

    .map-image {        max-width: 200px;        margin-left: 30px;        margin-right: 30px;        margin-bottom: 0;    } 

    .flex-6.content-of-map {        width: 60%;        text-align: left;    } 

    .flex-6.content-of-map p {        font-size: 16px;    } 

    .case-studies-filter {        display: none;    } 

    .fa-chevron-down {        display: block;    } 

    .case-cat h2 {        display: flex;        width: 100%;        border-bottom: none;        background: #333;        color: #fff;        text-align: left;        font-weight: 400;        font-size: 18px;        margin-bottom: 0;    } 

	.quick-links {		display: none;	} 

	.home .site-content {		padding-top: 95px;	} 

	.slider-text .text-wrap {		text-align: center;		margin-top: 0;		font-size: 26px;	} 

	.home-slider .slider-item {		height: auto;	} 

	.flex {		flex-wrap: wrap;	} 

	.text-pillar .flex-left,	.text-pillar .flex-right,	.flex-1,	.flex-2,	.flex-3,	.flex-4,	.flex-5,	.flex-6,	.flex-7,	.flex-8,	.flex-9 {		width: 100%;		margin-bottom: 20px;		text-align: center;	} 

	.page-header {		align-items: center;	} 

	.page-header h1 {		width: 100%;	} 

	.text-pillar .flex-left {		padding-right: 0;	} 

	.text-pillar .flex-left::after {		display: none;	} 

	.single-project-content .text-pillar {		padding-right: 0;	} 

	.single-project-links .navigation-link,	.related-project-title {		justify-content: center;	} 

	.text-pillar a {		width: 100%;		max-width: 100%;		justify-content: center;	} 

	.related-project-item {		width: 33.3%;		margin-bottom: 10px;	} 

	.accreditations .accre-logo {		width: 100%;		height: auto;		justify-content: center;		margin-bottom: 20px;	} 

	.team-item .team-img {		height: auto;	} 

	.service-item {		padding-bottom: 0;	} 

	.news-content {		padding-right: 0;	} 

	.about-content h1 {		font-size: 18px;	} 

	.team-item {		width: 100%;	} 

	.brochure-item,	.case-item {		width: 50%;	} 

	.brochure-wrap,	.case-wrap {		padding: 30px 0 20px;	} 

	.case-grid {		max-height: 0px;	} 

	.contact-pillar .pillar-item {		width: 100%;		margin-bottom: 20px;	} 

	.contact-wrap .field-half {		width: 100%;	} 

	.contact-wrap input[type="submit"].wpcf7-form-control {		margin-top: 20px;	} 

	.contact-wrap .wpcf7-checkbox span.wpcf7-list-item {		width: 50%;	} 

	.contact-grid {		padding-top: 0;	} 

	.subcriber .tnp-subscription form {		justify-content: center;	} 

	.credit {		text-align: center;	} 

} 
@media only screen and (max-width: 500px){ 
.services-sector-main .flex-75, .services-sector-main .flex-35{
      width: 100%;
}
.services-sector-main .flex-35 {
    padding-left: 0px;
}
.services-sector-main .flex-75 {
padding-right: 0px;
}
.services-sector-main {
    display: block;
}


}
@media only screen and (max-width: 425px){.contact-link {    width: 54%;} 
.sectors-grid .flex-75, .sectors-grid .flex-35  {
    width: 100%;
    padding-right: 0px;
}
.services-sector-main {
    padding-left: 30px;
    padding-right: 30px;
}
.slider-text .text-wrap {
    padding: 0px 50px!important;

}

.slide-pro-img {
  height: 250px!important;
}
.single-project-gallery .bx-wrapper a, .the-slider-image .bx-wrapper a {
    width: 25px;
    height: 25px;
    margin-top: 0px;
}
.sectors-grid .flex-35  {
    width: 100%;
    padding-left: 0px;
}
.related-project-item {    width: 100%;} 

.single-pro-img {    height: 250px!important;} 

    a.services-button {        margin-left: 20px!important;    } 

    .flex-5.news-companies {        width: 100%;    } 

    .flex-6.content-of-map {        width: 100%;    } 

}