@font-face {
    font-family: 'eurostile';
    src: url('../fonts/eurostile-webfont.woff2') format('woff2'),
         url('../fonts/eurostile-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */

body { margin: 0; }
/**
 * Add the correct display in IE 9-.
 */

article, aside, footer, header, nav, section { display: block; }
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 { font-size: 2em; margin: 0.67em 0; }
/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption, figure, main { /* 1 */ display: block; }
/**
 * Add the correct margin in IE 8.
 */

figure { margin: 1em 40px; }
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b, strong { font-weight: inherit; }
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b, strong { font-weight: bolder; }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
/**
 * Add the correct font style in Android 4.3-.
 */

dfn { font-style: italic; }
/**
 * Add the correct background and color in IE 9-.
 */

mark { background-color: #ff0; color: #000; }
/**
 * Add the correct font size in all browsers.
 */

small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio, video { display: inline-block; }
/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) { display: none; height: 0; }
/**
 * Remove the border on images inside links in IE 10-.
 */

img { border-style: none; }
/**
 * Hide the overflow in IE.
 */

svg:not(:root) { overflow: hidden; }
/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button, input { /* 1 */ overflow: visible; }
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] {
 -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
 outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */

fieldset { padding: 0.35em 0.75em 0.625em; }
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
/**
 * Remove the default vertical scrollbar in IE.
 */

textarea { overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

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

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */ menu { display: block; }
/*
 * Add the correct display in all browsers.
 */

summary { display: list-item; }
/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas { display: inline-block; }
/**
 * Add the correct display in IE.
 */

template { display: none; }

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
 display: none;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 0 0 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 0 0 0 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: 'eurostile', sans-serif; font-size: 16px; line-height: 22px; color: #232323; background: #fff; letter-spacing: 0.5px;}
p { margin: 0 0 25px; }
a { transition: 0.4s all; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; color: #1b4930; text-decoration: none;}
a:hover { text-decoration: none; color: #66b417; }
img { max-width: 100%; height: auto; }


.topHeader{ width: 100%; float: left;line-height: 30px; color:#1b4930; font-size: 15px; box-sizing: border-box; padding: 0 30px; background: #77bf42;}
.topHeader a{ color:#1b4930;}
.topHeader a:hover{ color:#fff;}
.topHeader .boxleft{ float: left;width: 50%;}
.topHeader .boxleft a{ display: inline-block; margin-left: 15px;}
.topHeader .boxright{ float: right;width: 50%; text-align: right;}

.mainlogo{ width: 100%; float: left;box-sizing: border-box; padding: 10px 30px;}
.mainlogo .boxleft{ width: 45%; float: left; line-height: 100px;}
.mainlogo .boxleft h1{ margin: 0;}
.mainlogo .boxleft .logoicon, .mainlogo .boxleft .logotext{ display: inline-block; vertical-align: middle;}
.mainlogo .boxleft .logoicon{ margin-right: 15px;}
.mainlogo .boxright{ width: 55%; float: right; text-align: right; }

header {  position: absolute; top: 30px; background: rgba(255,255,255, 0.8); display: block; width: 100%; z-index: 99;}
.mainnav { line-height: 100px; text-align: right;}
.mainnav ul { padding: 0; margin: 0; width: 100%; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.mainnav li { display: inline-block; vertical-align: middle; list-style: none; position: relative; transition: all 0.3s ease-in-out;}
.mainnav li a { padding: 5px 13px; font-size: 20px; font-weight: 400; display: block;}
.mainnav li a:hover { color: #66b417; }
.mainnav li ul{ transform: translateY(-2em); z-index: -1;  position: absolute; top:90px; padding: 10px 0; visibility: hidden; opacity: 0; left:0; background: rgba(255,255,255, 1); width: 200px; text-align: left;}
.mainnav li ul li{ display: block;}
.mainnav li:hover{ background: rgba(255,255,255, 1); }
.mainnav li ul a{ font-size: 16px; line-height: 30px;}
.mainnav li:hover ul{ visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;}

.mainnav .logo { display: none; }
#nav-icon { width: 45px; height: 40px; position: absolute; z-index: 9999; top: 50%; margin-top: -20px; right: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: none; }
#nav-icon span { display: block; position: absolute; height: 5px; width: 100%; background: #1b4930; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon span:nth-child(1) { top: 0px; }
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 13px; }
#nav-icon span:nth-child(4) { top: 26px; }
#nav-icon.open span { background: #fff; }
#nav-icon.open span:nth-child(1) { opacity: 0; top: 16px; }
#nav-icon.open span:nth-child(2) { top: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) { top: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) { opacity: 0; top: 16px; }

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

.wrapper{ max-width: 1140px; width: 100%; padding: 0 15px; box-sizing: border-box; margin: 0 auto;}

.mainbanner{ width: 100%; float: left; background-size: cover; background-position: center; padding: 270px 0 200px; color: #fff; font-weight: 700; font-size: 20px; line-height: 30px;}
.mainbanner img{ margin-bottom: 55px;}
.mainbanner a, .aboutus .innercontent a, .contact-block .btn{ display: inline-block; background: #65b317; border-radius: 50px;-webkit-border-radius: 50px; color:#fff; padding:0 35px; margin-right: 35px; line-height: 50px; text-transform: uppercase;}
.mainbanner a:nth-child(2){ margin-right: 0; background: #b2b404;}
.mainbanner a:hover, .aboutus .innercontent a:hover{ opacity: 0.8;}

.mainbanner.innermainbanner{ padding: 200px 0 150px;}
.mainbanner.innermainbanner h1{ font-size: 60px; line-height: 60px; margin: 0; text-transform: uppercase;}

.breadcrumbs-wrap{ padding: 10px 0; width: 100%; float: left;}
.breadcrumbs-wrap p{ margin: 0;}
.breadcrumbs-wrap i{ margin-right: 5px;}
.breadcrumbs-wrap.servicesBread{ background: #1b4a30; color:#fff;}
.breadcrumbs-wrap.servicesBread a{ color:#fff;}

.section-padding{ padding: 80px 0; width: 100%; float: left;}
.section{ width: 100%; float: left;}

.about-page.section-padding{ padding-bottom: 0; }
.int-content{}
.int-content h1{font-size: 44px; margin-top: 0; line-height: 48px;}
.int-content h2{ font-size: 35px;margin-top: 0; line-height: 42px;}
.int-content h3{font-size: 28px;margin-top: 0; line-height: 34px;}
.int-content h4{font-size: 22px;margin-top: 0; line-height: 28px;}
.int-content ul, .int-content ol{ margin-bottom: 25px;}

.aboutus{ width: 100%; float: left; font-size: 20px; line-height: 30px; padding: 80px 0 0;}
.aboutus h2.title, .maintitle, .int-content .maintitle{ font-size: 60px; line-height: 60px;font-weight: 700; color:#232323; margin: 0 0 50px;}
.aboutus .innercontent a{margin-right: 0; background: #77bf42; min-width: 100px; font-weight: bold;}
.boxgallery{ display: flex; flex-wrap: wrap; padding-top:100px;}
.boxgallery a{ background: #1b4930; display: block; line-height: 0; width: 12.5%;}
.boxgallery a img{transition: 0.4s all; -webkit-transition: 0.4s all; -moz-transition: 0.4s all;}
.boxgallery a:hover{ opacity: 1;}
.boxgallery a:hover img{ opacity: 0.3;}

.servicesHome{ width: 100%; float: left; padding: 80px 0 100px; background: #1b4a30;}
.servicesHome h2.title{font-size: 60px; line-height: 60px;font-weight: 700; color:#fff; margin: 0 0 70px; text-align: center; text-transform: uppercase;}
.servicesHome .innerboxes, .portfolioHome .innerboxes{ display: flex; flex-wrap: wrap; justify-content: center; }
.servicesHome .innerboxes .service-item, .portfolioHome .innerboxes .service-item{ margin:0 0 40px; background: #145f36; text-align: center; font-size: 16px; line-height: 22px; transition: all 0.4s; -webkit-transition: all 0.4s; width:100%; float: left; display: flex;}
.servicesHome .innerboxes .service-item:hover, .portfolioHome .innerboxes .service-item:hover{ background: #174f30;}
.servicesHome .innerboxes .service-item a, .portfolioHome .innerboxes .service-item a{ color:#fff; display: block;}
.servicesHome .innerboxes .service-item a:hover, .portfolioHome .innerboxes .service-item a:hover{ opacity: 0.8;}
.servicesHome .innerboxes .service-item .figure, .portfolioHome .innerboxes .service-item .figure{ line-height: 0; width: 100%; height: 300px; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat;}
.servicesHome .innerboxes .service-item h3, .portfolioHome .innerboxes .service-item h3{ font-size: 28px; line-height: 30px; margin: 0; padding-left: 20px; text-transform: uppercase; position: absolute; right:20px; bottom:20px;}
.servicesHome .innerboxes .service-item .overlay, .portfolioHome .innerboxes .service-item .overlay{ width: 100%; height: 100%; background:url(../images/bg-overlay.png) repeat-x 0 100%; }

.servicesHome.serviceHomeArchive{ background: #fff;}


.our-team-page{background: #1b4a30; color:#fff;}
.our-team-page .maintitle{ color:#fff;}
.our-team-page .innerboxes{ display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.our-team-page .innerboxes .team-item{ max-width: 33%; width: 300px; margin: 0 15px 30px; position: relative; overflow: hidden;}
.our-team-page .innerboxes .team-item .visible-content{ border: 1px solid #145f36; padding: 20px;}
.our-team-page .innerboxes .team-item .visible-content .figure{ background: #1b4a30;border: 5px solid #145f36; display: block; overflow: hidden;    max-width: 190px; margin: 8px auto 0;  padding: 5px; line-height: 0; margin-bottom: 20px;}
.our-team-page .innerboxes .team-item .visible-content .figure, .our-team-page .innerboxes .team-item .visible-content .figure img, .our-team-page .innerboxes .team-item .hidden-content .socialm a{border-radius:100%; -webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;}
.our-team-page .innerboxes .team-item .visible-content .cont{ padding: 10px;}
.our-team-page .innerboxes .team-item .visible-content .cont h3, .our-team-page .innerboxes .team-item .hidden-content h3{ font-size: 18px; font-weight: bold; margin: 0;}
.our-team-page .innerboxes .team-item .visible-content .cont p, .our-team-page .innerboxes .team-item .hidden-content p.position{ margin: 0; font-style: italic; font-family: serif; color: #16ac5a;}
.our-team-page .innerboxes .team-item .hidden-content{ background: #145f36; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; transition: all 0.3s;-webkit-transition: all 0.3s; position: absolute; top: auto; left: 0; right: 0; bottom:-100%; z-index: 10;}
.our-team-page .innerboxes .team-item .hidden-content p{ margin-bottom: 10px;}
.our-team-page .innerboxes .team-item .hidden-content p.position{ margin-bottom: 20px;}
.our-team-page .innerboxes .team-item .hidden-content .socialm{ margin: 0;}
.our-team-page .innerboxes .team-item .hidden-content .socialm a{ border: 1px solid #fff; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color:#fff; margin-right: 10px; transition: all .3s;-webkit-transition: all .3s;}
.our-team-page .innerboxes .team-item .hidden-content .socialm a:hover{ background: #fff; color:#1b4a30;}
.our-team-page .innerboxes .team-item:hover .hidden-content{ bottom: 0;}

.contact-block{ width: 100%; float: left; padding: 50px 0; color:#fff; background: #b2b404;}
.contact-block .cct{ display: inline-block; max-width: 60%; margin-left: 4%;vertical-align: middle;}
.contact-block .cct h2{ font-size: 2em;}
.contact-block .btn{ display: inline-block; vertical-align: middle; margin: 0; background: #5e7018; font-size: 24px; font-weight: 700;}
.contact-block .btn:hover{ opacity: 0.8;}


div.wpcf7{ width: 100%; max-width: 800px; margin: 40px auto;}
div.wpcf7 .wpcf7-form{ width: 100%;}
div.wpcf7 .wpcf7-form .wpcf7-form-control-wrap.your-name, div.wpcf7 .wpcf7-form .wpcf7-form-control-wrap.your-email{ width: 49%; float: left; margin-bottom: 20px;}
div.wpcf7 .wpcf7-form .wpcf7-form-control-wrap.your-name{ margin-right: 2%;}
div.wpcf7 .wpcf7-form .wpcf7-form-control-wrap{ width: 100%;}
div.wpcf7 .wpcf7-text, div.wpcf7 .wpcf7-textarea{ font-family: inherit; color: #5a5a5a; border:1px solid #ddd; background-color: #ffffff; padding: 1em 1.8em; width: 100%; box-sizing: border-box;}
div.wpcf7 .wpcf7-text:focus, div.wpcf7 .wpcf7-textarea:focus{ border:1px solid #b2b404;}
div.wpcf7 .wpcf7-submit{font-family: inherit; display: inline-block; background: #65b317; border-radius: 50px; -webkit-border-radius: 50px; color: #fff;  padding: 0 35px;
margin:auto;  line-height: 50px;  text-transform: uppercase; font-weight: bold; border:none; cursor: pointer;}
div.wpcf7 .wpcf7-submit:hover{ opacity: 0.8;}
span.wpcf7-not-valid-tip{ font-size: 12px;}
div.wpcf7 .wpcf7-textarea{ height: 200px;}

.map-page{ display: flex; flex-wrap: wrap; align-content: center;}
.map-page .mapbox{ width: 50%;}
.map-page .addbox{ width: 50%; padding: 60px 40px; box-sizing: border-box; background: #1b4a30; color: #fff;}
.map-page .addbox h3{ margin-bottom: 20px;}
.map-page .addbox p{ margin-bottom: 40px;}

textarea:focus, input:focus{ outline: none;}

.portfolioHome{}


.single-portfolio-page .featimage{ text-align: center; margin: 0 0 30px;}

footer{ background: #212121; color:#fff; padding: 75px 0; width: 100%; float: left;}
footer .footer{ padding: 35px 0 10px; border-top:1px solid #373737; color:#373737;}
footer .footer a{ color:#373737;}
footer .widgetbox{ display: flex; flex-wrap: wrap;}
footer .widgetbox .widgets{ width: 25%; box-sizing: border-box; padding: 0 20px 0; margin-bottom: 70px;}
footer .widgetbox .widgets a{ color:#92d16f;}
footer .widgetbox .widgets ul{ padding-left: 20px;}
footer .widgetbox .widgets li{color:#92d16f; margin-bottom: 14px;}
footer .widgetbox .widgets li ul{ display: none;}
footer .widgetbox .widgets a:hover{ opacity: 0.8;}
footer .widgetbox .widgets h3{ font-weight: 700; font-size: 30px; line-height: 30px; margin-bottom: 25px;}
footer .widgetbox .widgets:nth-child(4){ padding: 0;}
footer .footer .boxleft{ float:left; width: 50%; text-align: left;}
footer .footer .boxright{ float:left; width: 50%; text-align: right;}


.sr .boxanimated { visibility: hidden; }

.single-service-view.aboutus{ padding-top: 0; }

@media (max-width:1400px) {
  .mainlogo .boxleft .logotext{ width: 55%;}
}
@media (max-width:1100px) {
  .mainnav li a{ font-size: 20px;}
}
@media (max-width:1024px) {
  .mainlogo .boxleft .logotext{ display: none;}
  .mainnav { display: block; width: 100%; position: fixed; z-index: 999; margin-top: 0; padding-top: 30px; top: 0; transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; left: -100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 0.9); }
  .mainnav .logo { display: block; text-align: center; width: 100%; max-width: 60%; margin: 0 auto; }
  .mainnav li { display: block; margin: 5px 20px; line-height: 55px;}
  .mainnav li a { color: #fff; font-size: 20px; text-transform: uppercase; }
  .mainnav li ul{ visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%); background: none; text-align: center; top: 0; position: relative; width: 100%; padding: 0;}
  .mainnav li ul li{ margin: 0;}
  .mainnav li ul li a{ line-height: 20px;}
  .mainnav li:hover{ background: none;}
  .mainnav.active { left: 0; }
  #nav-icon { display: block; }
  .mainlogo .boxleft .logoicon{ width: 90px;}
  .mainlogo .boxleft{ line-height: 70px;}
  .mainbanner{ padding: 200px 0 150px;}
  .servicesHome .innerboxes .service-item{}
  footer .widgetbox .widgets{ width: 33%;}
  footer .widgetbox .widgets:nth-child(1){ display: none;}
  .mainbanner.innermainbanner{padding: 150px 0 70px;}
  .section-padding{ padding: 70px 0;}
  .our-team-page .innerboxes .team-item{ max-width: 43%;}
}
@media (max-width:992px) {
  .servicesHome .innerboxes .service-item{ }
  .servicesHome .innerboxes{ flex-wrap: wrap; align-items: center; justify-content: center;}
}
@media (max-width:768px) {
  .boxgallery a{ width: 25%; }
  footer .widgetbox{align-items: flex-start; }
  footer .widgetbox .widgets{ width: 50%;}
  footer .widgetbox .widgets:nth-child(4){ padding: 0 20px 0;}
  .topHeader .boxleft{ width: 100%; text-align: center;}
  .topHeader .boxright{ display: none;}
  .section-padding{ padding: 50px 0;}
  .map-page .mapbox, .map-page .addbox{ width: 100%;}
  div.wpcf7 .wpcf7-form .wpcf7-form-control-wrap.your-name, div.wpcf7 .wpcf7-form .wpcf7-form-control-wrap.your-email{ width: 100%; margin-right: 0;}
  .portfolioHome .grid .element-item{ max-width: 47%;}
  .servicesHome .innerboxes .service-item{ flex-wrap: wrap;}
  .servicesHome .innerboxes .service-item .figure{ width: 100%; text-align: center;}
  .servicesHome .innerboxes .service-item .content{ width: 100%; text-align: center;}
  header{ top:0; }
  .mainlogo .boxleft .logoicon{ width: 70px; }
  .mainlogo .boxleft{ line-height: 52px; }
  .servicesHome .innerboxes .service-item .figure{ height: 250px; }
}
@media (max-width:576px) {
  .mainbanner.innermainbanner h1{ font-size: 40px; line-height: 42px;}
  .mainbanner img{ margin-bottom: 20px;}
  .servicesHome h2.title, .aboutus h2.title{ font-size: 40px; line-height: 40px;}
  .servicesHome{ padding: 60px 0;}
  .aboutus, .boxgallery{ padding-top: 60px;}
  .our-team-page .innerboxes .team-item{ max-width: 90%;}
  .mainbanner a, .aboutus .innercontent a{ margin: 0 0 20px;}
  footer .footer{ margin: 20px 0 0;}
  footer .footer .boxleft, footer .footer .boxright{ width: 100%; text-align: center; margin-bottom: 10px;}
}
@media (max-width:500px) {
  footer .widgetbox .widgets{ width: 100%; margin-bottom: 30px;}
  .boxgallery a{ width: 50%; }
}