/*
Theme Name: AM Construction Group
Author: AM Construction Group, LLC
Author URI: https://www.amconstructionusa.com
Description: WordPress theme build by BWD based off Materialize CSS framework.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: amconstruction

This theme, like WordPress, is licensed under the GPL.
*/


/*////////////////////////
PUT CUSTOM CSS AFTER THIS COMMENT, BUT BEFORE THE MEDIA QUERIES
///////////////////////*/

::-webkit-input-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
:-moz-placeholder {
  color: #999;
}
input::placeholder {
  color: #999;
}
textarea::placeholder {
  color: #999;
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
	
}

header {
	position: relative;
	background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	height: 450px;
	
}

h1 {
	font-size: 3.65rem;
}
h2 {
	font-size: 2.5rem;
}
h3 {
	font-size: 2rem;
}

a {
	color: #000;
	text-decoration: none;
}
.inner a {
	color: #05a0c3;
}

a[href^="tel"] {
	text-decoration: none;
}
a[href^="tel"]:hover,
a[href^="tel"]:focus,
a[href^="tel"]:active {
	text-decoration: none;
}


b, strong {
    font-weight: 600;
}

p {
	font-size: 1rem;
	margin-bottom: 2rem;
}

main a {
	text-decoration: underline;
}
main a:hover,
main a:focus {
	text-decoration: none;
}

.wp-caption, .wp-caption-text, .screen-reader-text,.gallery-caption,.bypostauthor,.sticky  {
	font-size: inherit;
}

main ul:not(.browser-default) {
	padding-left: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
}
main ul:not(.browser-default) li {
	list-style-type: initial;
}


.navbar-fixed nav {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.footer-fixed footer {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.noPadBtm {
	padding-bottom: 0;
}
.noMarBtm {
	margin-bottom: 0;
}

/*////////////////////////
	LOGO
///////////////////////*/
nav .brand-logo {
	padding: 20px 0;
	/*display: inline-flex;*/
}
nav .brand-logo img {
	height: 116px;
}
nav.top-nav .brand-logo {
	padding: 8px 0;
}
nav.top-nav .brand-logo img {
	height: 84px;
}


/*////////////////////////
	NAVIGATION
///////////////////////*/
nav {
	height: 100px;
/*    line-height: 100px; */
	background: rgba(0,0,0,0);
	position: relative;
	box-shadow: none;
}
nav:before {
/*  content: ""; */
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  box-shadow: none;
}

.navWrap {
	width: 100%;
}
.top-nav .navWrap {
	width: 86%;
}

nav.nav-center ul {
  text-align: center;
}
nav.nav-center ul li {
  display: inline;
  float: none;
}
nav.nav-center ul li a {
  display: inline-block;
}

nav.nav-pin {
	z-index: 999;
}

nav.top-nav {
	background: rgba(255,255,255,1);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	transition: all .3s;
}

nav ul a {
	font-weight: 600;
	padding: 24px 18px;
}

nav.top-nav ul a {
	padding: 38px 18px;
}

nav ul a,
nav ul a span {
	color: #ffffff;
	font-size: 0.9em;
    font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-decoration: none;
}
nav ul a:hover,
nav ul a:focus,
nav ul a:active {
	color: #ffffff;
	background: 0 0;
}

nav.top-nav ul a,
nav.top-nav ul a span {
	color: #000;
}
nav.top-nav ul a:hover,
nav.top-nav ul a:focus,
nav.top-nav ul a:active {
	color: #000000;
	background: 0 0;
}

nav ul.sub-menu a,
nav ul.sub-menu a span {
	color: #000000;
}

nav ul li.active {
    background-color: rgba(0, 0, 0, 0);
}

nav.nav-center ul.dropdown-content li > a,
nav.nav-center ul.dropdown-content li > span {
	display: block;
	font-size: 0.95em;
	padding: 14px 30px 14px 20px;
}
nav.nav-center ul.dropdown-content li > a:hover,
nav.nav-center ul.dropdown-content li > span:hover,
nav.nav-center ul.dropdown-content li.active > a,
nav.nav-center ul.dropdown-content li.active > a span {
	background-color: #eee;
	color: #05a0c3;
}

nav ul li.current-menu-item a,
nav ul li.current-menu-ancestor a,
nav ul li.current_page_parent a {
	color: #fff;
}

nav.top-nav ul li.current-menu-item a,
nav.top-nav ul li.current-menu-ancestor a,
nav.top-nav ul li.current_page_parent a,
nav.top-nav ul li.current-menu-item a span,
nav.top-nav ul li.current-menu-ancestor a span,
nav.top-nav ul li.current_page_parent a span,
.current-menu-item a,
.current-menu-ancestor a,
.current_page_parent a {
    background: rgba(0,0,0,0);
	color: #000;
}

nav ul.sidenav li.current-menu-item a,
nav ul.sidenav li.current-menu-ancestor a,
nav ul.sidenav li.current_page_parent a {
	color: #05a0c3;
}

.main-menu li {
	position: relative;
	white-space: nowrap;
}

.menu-title {
	position: relative;
    transition-duration: 240ms;
    transition-property: padding,margin;
    transition-timing-function: ease-out;
}

.main-menu a:before {
    margin-top: 30px;
	left: 50%;
	width: 0;
	margin-left: 0;
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    height: 2px;
	opacity: 0;
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out;
}
.main-menu a:hover:before,
.main-menu li a:hover:before,
.current-menu-item a:before,
.current-menu-ancestor a:before,
.current-menu-parent a:before,
.current_page_parent a:before,
.current_page_ancestor a:before {
    width: calc(100% - 36px);
    margin-left: calc(0px - 50% + 18px);
	opacity: 1;
    background: #05a0c3;
}

.fullNav {
	z-index: 999;
}
.home .fullNav {
	height: 90px;
	margin-bottom: -90px;
}


.nav-btn a {
	color: #000;
    border: 2px solid #05a0c3;
    background: rgba(255,255,255,0);
    border-radius: 4px;
    padding: 12px 20px;
    line-height: 1;
    margin: 25px 0;
	transition: all .5s;
}
.nav-btn a:hover,
.nav-btn a:focus,
.nav-btn a:active {
    border: 2px solid #05a0c3;
	color: #fff;
    background-color: #05a0c3 !important;
	text-decoration: none;
}
.nav-btn a span {
	font-size: 0.85em;
}
.nav-btn a span:hover,
.nav-btn a span:focus,
.nav-btn a span:active,
nav.top-nav ul li.nav-btn a:hover,
nav.top-nav ul li.nav-btn a:hover span {
	color: #ffffff;
}
.nav-btn a:hover:before {
    background: rgba(255,255,255,0) !important;
}

nav.nav-center ul li.nav-btn {
	margin-left: 2em;
}
.nav-btn a i {
	margin-right: 10px;
	line-height: 1;
	height: auto;
}

a.nav-btn {
	color: #000;
    border: 2px solid #05a0c3;
    background: rgba(255,255,255,0);
    border-radius: 4px;
    padding: 15px 20px;
    line-height: 27px;
    margin: 19px 0;
	transition: all .5s;
	float: right;
}
a.nav-btn:hover,
a.nav-btn:focus,
a.nav-btn:active {
    border: 2px solid #05a0c3;
	color: #fff;
    background-color: #05a0c3;
}
a.nav-btn i {
	margin-right: 10px;
	line-height: 1;
	height: auto;
}

nav .sidenav-trigger {
    float: right;
}
nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 70px;
    line-height: 70px;
}

nav .nav-wrapper i {
	line-height: 1.5;
	height: auto;
}
nav .navWrap .main-menu i {
	margin-left: 7px;
}
nav .navWrap .main-menu span i {
	margin-right: 0;
    line-height: 1;
}

.pinned {
	width: 100%;
}

@media only screen and (max-width: 992px) {
nav.home-nav {
	top: 0;	
}
nav .brand-logo {
	left: 0;
	transform: translateX(0);
}
nav .brand-logo .company {
	font-size: 1rem;
	padding-left: 10px;
}
}

.nav-btn-scroll {
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
}
.nav-btn-scroll a {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2.26em 1em;
	line-height: 6rem;
	font-size: 1.1rem;
	background-color: #05a0c3;
	transition: .2s all;
}
.nav-btn-scroll a:hover {
	background-color: #ffffff;
	color: #05a0c3;
}

/*////////////////
	SIDENAV
////////////////*/

nav ul.sidenav {
    background-color: #222;
    padding-bottom: 6em;
	text-align: left;
}
nav.top-nav .sidenav-trigger {
	color: #000;
}

nav ul.sidenav li.sidenav-close {
    background-color: #05a0c3;
}
#slide-out li.sidenav-close {
    display: block !important;
    margin-bottom: 1em;
}
nav .sidenav-trigger i {
	line-height: 70px;
	height: auto;
	font-size: 2em;
}

nav ul.sidenav li.sidenav-close a {
    color: #ffffff;
    height: 48px;
    line-height: 48px;
    text-transform: uppercase;
    font-weight: 600;
}
.sidenav li.sidenav-close > a > i,
.sidenav li.sidenav-close > a > [class^="mdi-"],
.sidenav li.sidenav-close > a li > a > [class*="mdi-"],
.sidenav li.sidenav-close > a > i.material-icons {
    margin-right: -10px;
	width: 48px;
    text-align: right;
    font-size: 24px;
}
nav ul.sidenav li a {
    color: #ffffff;
    text-transform: none;
}
nav ul.sidenav li {
	display: list-item;
}
nav ul.sidenav li a:hover,
nav ul.sidenav li a:focus,
nav ul.sidenav li a:active,
nav ul.sidenav li a.active {
    color: #05a0c3;
    background: 0 0;
}

nav.nav-center ul.sidenav li > a {
	display: block;
}

.sidenav-sepTop {
    border-top: 1px solid #eee;
    margin-top: 1em;
    padding-top: 1em;
}





/*////////////////
	Tiny Nav
////////////////*/

nav + nav {
	top: 3.5em;
}
nav.tiny {
	height: 3.5em;
	line-height: 3.5em;
	font-size: 1em;
}
nav.tiny {
	position: inherit;
}
nav.tiny .nav-wrapper {
	border-bottom: 1px solid rgba(255,255,255,.25);
	margin-left: 12%;
}

nav.tiny a.sidenav-trigger {
	height: 3.5em;
	line-height: 3.5em;
	font-size: 1em;
}
nav.tiny .row {
	margin-bottom: 0;
}
nav.tiny .contact-nav a {
	line-height: 3.5em;
	margin-right: 1em;
	color: #fff;
	font-size: 0.85em;
	font-weight: 600;
	transition: color 150ms,border-color 150ms;
	display: inline-block;
}

nav.tiny .contact-nav a:last-child {
	margin-right: 0;
}
nav.tiny .contact-nav .social a.contact {
	margin-right: 1em;
}
nav.tiny .contact-nav .social a {
	margin-right: 0.25em;
}
nav.tiny .contact-nav a i {
	font-size: 1.7em;
	line-height: 2.4em;
	margin-right: 0;
	margin-left: 8px;
	transition: color 150ms,border-color 150ms;
}
nav.tiny .contact-nav a:hover,
nav.tiny .contact-nav a i:hover {
	color: #05a0c3;
}
nav.tiny i {
	color: #fff;
	margin-right: 0.75em;
}
nav.tiny .contact-nav .social a.contact {
	line-height: 1.85em;
	margin-top: -0.25em;
	margin-bottom: 0.5em;
	margin-right: 0.35em;
	padding-right: 0.65em;
}
nav.tiny .contact-nav a.contact.phone {
	border-right: 1px solid #ffffff;
}






/*////////////////////////
	MOBILE NAV
////////////////////////*/

#menu {
	background: #05a0c3;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	text-align: center;
	top: 0;
	transition: all 0.7s ease-in-out;
	visibility: hidden;
	width: 100%;
	z-index: 1100;
}
#menu.open {
	opacity: 1;
	visibility: visible;
}
#menu.open li:nth-child(1) {
	-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
}
#menu.open li:nth-child(2) {
	-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
}
#menu.open li:nth-child(3) {
	-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
}
#menu.open li:nth-child(4) {
	-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
}
#menu.open li:nth-child(5) {
	-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
}
#menu.open li:nth-child(6) {
	-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s;
}
#menu.open li:nth-child(7) {
	-webkit-animation-delay: 0.7s;
		animation-delay: 0.7s;
}
#menu.open li:nth-child(8) {
	-webkit-animation-delay: 0.8s;
		animation-delay: 0.8s;
}
#menu.open li:nth-child(9) {
	-webkit-animation-delay: 0.9s;
		animation-delay: 0.9s;
}
#menu.open li:nth-child(10) {
	-webkit-animation-delay: 1s;
		animation-delay: 1s;
}
#menu.open li {
	-webkit-animation-duration: 1s;
		animation-duration: 1s;
	-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
}
#menu ul:hover a {
	opacity: 0.5;
}
#menu ul a {
	-webkit-transform: translateZ(0);
	transition: opacity 0.3s ease-in-out;
}
#menu ul a:hover {
	opacity: 1;
}
#menu .main-nav {
	position: relative;
	top: 40%;
	transform: translateY(-40%);
}
#menu .main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu .main-nav a {
	color: #ffffff;
	display: block;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.2px;
	padding: 1rem 1rem;
	text-decoration: none;
	text-transform: uppercase;
}
#menu .main-nav a:first {
	padding-top: 0;
}
#menu .menu-footer {
	padding: 2rem;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
}
#menu .menu-footer ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu .menu-footer ul li {
	display: inline;
	margin: 0 0.25rem;
}
#menu .menu-footer a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

.toggle-menu {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 70px;
	outline: none;
	padding: 0;
	margin-right: -15px;
	pointer-events: initial;
	position: relative;
	vertical-align: middle;
	width: 80px;
	z-index: 1110;
}
.toggle-menu span {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	left: calc(50% - 15px );
	position: absolute;
	top: calc(50% - 1px );
	transform-origin: 50% 50%;
	transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
	width: 35px;
}
.toggle-menu span:before, .toggle-menu span:after {
	background-color: #fff;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	transform-origin: 50% 50%;
	transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
	width: 35px;
}
.toggle-menu span:before {
	top: 8px;
}
.toggle-menu span:after {
	top: -8px;
}
.toggle-menu.active span {
	background-color: transparent;
	transition: background 0.2s ease-out;
}
.toggle-menu.active span:before,
.toggle-menu.active span:after {
	background-color: #ffffff;
	transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
}
.toggle-menu.active span:before {
	top: 0;
	transform: rotate3d(0, 0, 1, -45deg);
}
.toggle-menu.active span:after {
	top: 0;
	transform: rotate3d(0, 0, 1, 45deg);
}

nav.top-nav .toggle-menu span,
nav.top-nav .toggle-menu span:before,
nav.top-nav .toggle-menu span:after {
	background-color: #05a0c3;
}

nav.top-nav .toggle-menu.active span {
	background-color: transparent;
}

nav.top-nav .toggle-menu.active span:before,
nav.top-nav .toggle-menu.active span:after {
	background-color: #ffffff;
}

button.toggle-menu:focus {
    outline: none;
    background-color: transparent;
}

#menu .mobile-logo {
	padding: 17px 0 13px;
	left: 20px;
	position: absolute;
	display: inline-block;
}

#menu .mobile-logo img {
	height: 80px;
}

#menu .main-nav li.current-menu-item a {
	opacity: 0.5;
}


/*////////////////////////
	BODY
///////////////////////*/

.home-logo img {
	height: 94px;
}
.whiteBG {
	background-color: #ffffff;
}
.greyBG {
    background-color: #f1f1f1;
}
.brandBG {
    background-color: #000;
}
.blueBG {
	background-color: #05a0c3;
}
.greyBGalt {
	background-color: #f4f7f9;
}

.invert h1,
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6,
.invert h7,
.invert p,
.invert li,
.invert a {
    color: #ffffff !important;
}

.section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

main ul.tabs {
	padding-left: 0;
}
.tabs .tab a {
	color: #47494f;
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem;
}
.tabs .tab a:hover,
.tabs .tab a.active {
    background-color: #fff;
    color: #47494f;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: rgba(238, 238, 238, 0.8);
    outline: none;
}
.tabs .indicator {
	background-color: #000;
}
.tabs .tab {
	background-color: #f0f0f0;
}

ul.collapsible {
	padding-left: 0 !important;
	margin-top: 3em !important;
}
ul.collapsible li {
	list-style-type: none !important;
}

ul.collapsible li.active .collapsible-header {
	background-color: #ddd;
	font-weight: 500;
}
li.active .collapsible-header .faq-question {
	font-weight: 600;
}
.collapsible-header {
	-webkit-tap-highlight-color: #ddd;
	position: relative;
	padding-right: 3rem;
}
.collapsible-body {
	background-color: #fff;
	padding: 2rem 2rem 0;
}
.collapsible-body p {
	margin-top: 0;
}
.collapsible-secondary {
	position: absolute;
	right: 0;
}
.iconadd{
  display:inline-block ;
}
.iconremove{
  display:none !important;
}

li.active .collapsible-header .collapsible-secondary.iconadd {
  display: none;
}

li.active .collapsible-header .collapsible-secondary.iconremove {
  display: inline-block !important;
}

p.buttons {
	margin-top: 2em;
}

.acf-gmap {
    width: 100%;
    line-height: 0;
}

.section.fullImage {
	padding-top: 0;
	padding-bottom: 0;
}

.parallax-container .valign-wrapper {
  height: 100%;
}

.fullImage h1 {
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	z-index: 1;
	width: 100%;
}

p.caption {
	font-style: italic;
	text-align: center;
}

.modal .modal-footer {
    padding: 4px 15px;
}
.modal-footer a {
	text-decoration: none;
	font-weight: 600;
	padding-left: 20px;
	padding-right: 20px;
}

span.t_node_desc span {
	color: #fff !important;
}


main .section ul:not(.browser-default) {
    margin-top: 0;
    margin-bottom: 2em;
}

.material-placeholder img {
	margin: 0 auto;
}

/*////////////////////////
		HOMEPAGE
///////////////////////*/

.why-choose-us {
	padding: 100px 0;
}
.why-choose-us h4 {
	font-size: 1.25rem;
    text-transform: uppercase;
	margin-top: 0.5rem;
}
.why-choose-us p {
	font-size: 0.85rem;
}
.why-choose-us i {
	color: #05a0c3;
	margin-top: 1.25rem;
}
.why-choose-us .card-content {
	text-align: center;
	padding: 24px 32px;
}
.why-choose-us a {
	text-decoration: none;
}

.why-choose-us .card:hover h4,
.why-choose-us .card:hover p,
.why-choose-us .card:hover i {
	color: #ffffff;
}

.row.flexbox {
	display: flex;
	flex-wrap: wrap;
}
.row.flexbox .col {
	display: flex;
	flex-direction: column;
}
.row.flexbox .col .card,
.row.flexbox .col .card-panel {
	flex: 1;
	justify-content: center;
}
.why-choose-us .row {
	margin-bottom: 0;
}
.flexbox .card {
	min-height: 200px;
	box-shadow: 0px 0px 0px 1px rgb(215 219 222);
	transition: all .3s;
}

.flexbox .card:hover {
	top: -8px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
	background: linear-gradient(45deg,#05a0c3 1%,#54bfd7 100%);
}
.flexbox .card-panel {
	position: relative;
}
.flexbox .card-panel:hover {
	top: -8px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

.card,
.card .card-content {
    border-radius: 0;
}

.section h2 {
	text-transform: uppercase;
	font-size: 2rem;
}
.section h3 {
	text-transform: uppercase;
	font-size: 1.65rem;
}

.company-profile {
	background-color: #f4f7f9;
    background-position: right center;
    background-repeat: no-repeat;
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
	padding: 120px 0 100px;
}

.company-profile h2 {
	margin-top: 1rem;
}

.company-profile p {
	padding-bottom: 1rem;
}

a.js-video-button:hover {
	cursor: pointer;
}

.video-thumb {
    position: relative;
}

.video-thumb i {
	position: absolute;
	z-index: 3;
	color: #000000;
    font-size: 3.5rem;
    text-align: center;
    top: 50%;
    opacity: 0.8;
    transition: 0.2s all;
}

.video-thumb a::before {
    content: '\f144';
    font-family: 'Font Awesome 6 Pro';
    font-size: 6rem;
    font-weight: 900;
    color: #000000;
    display: block;
    position: absolute;
    top: 45%;
    left: 45%;
    opacity: 0.7;
    cursor: pointer;
    transition: all .3s;
}

.video-thumb a:hover i {
    opacity: 1;
}

.services .card-panel {
	box-shadow: none;
	border: 1px solid #d7dbde;
	border-radius: 0;
}
.services .service .card-panel {
	background: #ffffff;
	transition: all .3s;
	position: relative;
}
.service-content {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 99;
    position: relative;
    text-align: left;
    min-height: 225px;
}
.services .service .card-panel:hover .gradient-bg {
	opacity: 1;
}
.gradient-bg {
	opacity: 0;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(45deg,#05a0c3 1%,#54bfd7 100%);
    transition: opacity .3s cubic-bezier(.785,.135,.15,.86);
}
.services .service a {
	text-decoration: none;	
}
.services .card-panel i.icon {
	color: #05a0c3;
	display: block;
}
.services .card-panel h4 {
	font-size: 1.25rem;
	text-transform: uppercase;
}
.services .card-panel .learn-more {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .22px;
	margin: 10px 0;
}

.services .service a:hover i.icon,
.services .service a:hover h4,
.services .service a:hover .learn-more {
	color: #ffffff;
}

.intro-section {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.services-section {
	background-color: #f4f7f9;
}
.services-section-alt {
	background-color: #f4f7f9;
	padding-top: 1rem;
}
.services-section i,
.services-section-alt i {
	margin-top: 2rem;
	color: #05a0c3;
}

.service-list {
	padding-bottom: 2rem;
	border-bottom: 1px solid #c9cdd0;
}

.services-section h4 {
	margin-top: 1rem;
	font-size: 2rem;
}
.services-section h5 a {
	text-decoration: none;
	transition: color .3s, background-color .3s;
}
.services-section h5 a:hover {
	color: #05a0c3;
}
.services .btn {
	margin-top: 1rem;
	margin-right: 1rem;
}
.services .btn i {
	font-size: 1.2rem;
	margin-left: 8px;
}

.featured-projects {
	background-color: #f4f7f9;
}

.featured-projects .project .inner-box {
    position: relative;
}

.featured-projects .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    opacity: 0;
    background: rgba(0,0,0,.8);
    -webkit-transition: opacity .3s cubic-bezier(.785,.135,.15,.86);
    -ms-transition: opacity .3s cubic-bezier(.785,.135,.15,.86);
    transition: opacity .3s cubic-bezier(.785,.135,.15,.86);
    display: flex;
    align-items: flex-end;
    text-align: left!important;
}

.featured-projects .overlay-box .overlay-inner {
    opacity: 0;
    transform: translateY(10px);
    -webkit-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    -ms-transition: all .3s cubic-bezier(.785,.135,.15,.86);
    transition: all .3s cubic-bezier(.785,.135,.15,.86);
}

.featured-projects .overlay-box .image img {
	vertical-align: bottom;
}

.featured-projects .overlay-box .portfolio-categories,
.featured-projects .overlay-box .portfolio-categories a {
    font-size: 12px;
    font-weight: 500;
    color: #b2bdc6;
    letter-spacing: .2em;
    text-transform: uppercase;
}
.featured-projects .overlay-box h4 {
    font-size: 22px;
    color: #fff;
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
}
.featured-projects .overlay-box .learn-more {
    font-size: 12px;
    font-weight: 500;
    color: #b2bdc6;
    letter-spacing: .2em;
    text-transform: uppercase;
	display: block;
	margin-top: 0.5rem;
}
.featured-projects .overlay-box a {
	text-decoration: none;
}
.featured-projects .overlay-box a.learn-more {
	transition: all .3s;
}
.featured-projects .overlay-box a.learn-more:hover {
	color: #05a0c3;
}

.featured-projects .project:hover .overlay-box {
    opacity: 1;
}
.featured-projects .project:hover .overlay-inner {
    opacity: 1;
    transform: translateY(0);
}

.btm-section {
	padding-top: 4rem;
	padding-bottom: 0;
}

.wp-block-button__link {
	font-size: 1rem;
	color: #fff;
	font-weight: 600;
	background-color: #05a0c3;
	border: 2px solid #05a0c3;
	padding: 15px 20px;
    margin-top: 2rem;
    margin-bottom: 1rem;
	transition: all .5s;
}
.wp-block-button__link:hover {
	background-color: #ffffff;
	border: 2px solid #05a0c3;
	color: #05a0c3;
}

figure.responsive-img {
	margin: 2em 0;
}
figure.responsive-img img {
	height: auto;
}

@media (min-width: 782px) {
.wp-block-column.inline-img {
    margin-left: 3em;
}
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tp-video-play-button {
	display: none !important;
}

.aos-delay-steps.aos-animate {
	transition-duration: 0.6s;
}

.aos-delay-steps:nth-child(2n).aos-animate {
	transition-delay: 0.2s;
}
.aos-delay-steps:nth-child(3n).aos-animate {
	transition-delay: 0.4s;
}
.aos-delay-steps:nth-child(4n).aos-animate {
	transition-delay: 0.6s;
}
.aos-delay-steps:nth-child(5n).aos-animate {
	transition-delay: 0.8s;
}
.aos-delay-steps:nth-child(6n).aos-animate {
	transition-delay: 1.0s;
}
.aos-delay-steps:nth-child(7n).aos-animate {
	transition-delay: 1.2s;
}
.aos-delay-steps:nth-child(8n).aos-animate {
	transition-delay: 1.4s;
}
.aos-delay-steps:nth-child(9n).aos-animate {
	transition-delay: 1.6s;
}
.aos-delay-steps:nth-child(10n).aos-animate {
	transition-delay: 1.8s;
}




/*
.services .service:nth-child(2n).aos-animate,
.featured-projects .project:nth-child(2n).aos-animate {
  transition-delay: 0.3s;
}

.services .service:nth-child(3n).aos-animate,
.featured-projects .project:nth-child(3n).aos-animate {
  transition-delay: 0.6s;
}

.services .service:nth-child(4n).aos-animate,
.featured-projects .project:nth-child(4n).aos-animate {
  transition-delay: 0.9s;
}
*/


/*////////////////////////
	INTERIOR PAGE
///////////////////////*/

.hero-img:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:inline-block;
	background-image: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.1) 100%);
}
.hero-img img {
	display: block;
}

.parallax-container {
	height: 400px;
}

.pageTitle {
	 position: relative;
	z-index: 1;
	padding-top: 4rem;
}
.pageTitle h1 {
	color: #ffffff;
	margin-top: 1rem;
}
.pageTitle .breadcrumbs {
	color: #ffffff;
	margin-top: 2.5rem;
}
.breadcrumbs span,
.breadcrumbs span a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
}
.breadcrumbs .breadsep {
	margin-right: 7px;
	margin-left: 5px;
	font-size: 20px;
    line-height: 1;
}
.breadcrumbs a span {
	transition: all .3s;
}
.breadcrumbs a span:hover {
	color: #05a0c3;
}

.pageTitle .page-header {
}

main.inner {
	padding-top: 2rem;
}

.disclosures h4 {
	margin-bottom: 1em;
}


/*////////////////////////
	ABOUT PAGE
///////////////////////*/

.our-principles {
	background-color: #f4f7f9;
}

.our-principles h3 {
	padding-top: 15px;
}

.principles h4 {
	font-size: 1.25rem;
    text-transform: uppercase;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #05a0c3;
}
.principles p {
	font-size: 0.85rem;
}

.principles .card {
	box-shadow: 12px 23px 29px 0 rgb(0 0 0 / 15%);
}

.principles .card-content {
	text-align: center;
	padding: 24px 32px;
}

.principles .flexbox .card:hover {
    top: auto;
    box-shadow: 12px 23px 29px 0 rgb(0 0 0 / 15%);
    background: #ffffff;
}

.row.team {
}

.row.team .col {
}

.card.team-card {
	box-shadow: 0px 0px 0px 1px rgb(215 219 222);
}

.card.team-card.supplier {
	min-height: 280px;
}

.card.team-card .card-image {
/*	padding: 3rem 3rem 0; */
}
.card.team-card .card-image.logo {
	padding: 0 3rem 2rem;	
}

.card.team-card .card-image img {
/*	border-radius: 50%; */
}
.card.team-card .card-image.logo img {
	border-radius: 0;
}

.card.team-card h4.card-title {
	font-size: 1.25rem;
    text-transform: uppercase;
	font-weight: 500;
	margin-top: 1rem;
}

.team-card .contact {
	margin-top: 1rem;
	margin-bottom: 0.75rem;
}

.team-card i {
	color: #05a0c3;
	margin: 0 7px;
}


/*////////////////////////
		PROJECT MAIN
///////////////////////*/
.card.project-card {
	box-shadow: none;
}
.card.hoverable.project-card:hover {
    -webkit-box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -7px rgb(0 0 0 / 20%);
    box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -7px rgb(0 0 0 / 20%);
}

.card.large.project-card .card-image {
    max-height: 55%;
}

.card.project-card .card-title {
	font-size: 1.4rem;
	font-weight: 600;
	border-bottom: 2px solid #eee;
	padding-bottom: 10px;
}

.project-card p.title,
.project-card p.title-short {
	color: #05a0c3;
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1.3;
}
.project-card .contact i,
.team-modal i {
	margin-right: 0.75em;
}

.project-card .card-action {
	background-color: #000;
	padding: 0;
	transition: color .3s, background-color .3s;
}
.project-card .card-action:hover {
	background-color: #222;
}
.card.project-card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 16px 24px;
}
.card.project-card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
	color: #fff;
}

.modal-team h4 {
	margin-top: 0.5em;
}
.modal-team p.title {
	color: #05a0c3;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1.3;
	margin-bottom: 1em;	
}
.modal-team .btn-large {
	line-height: 42px;
	padding: 0 22px;
	height: 48px;
}
.modal-team .btn-large i {
	font-size: 1rem;
	margin-left: 0.75em;
    margin-right: 0;
}
.teams {
	margin-bottom: 20px;
}
.teams-list .chip {
	margin-bottom: 10px;
}
.project.container {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
.project-body {
	background-color: #f4f7f9;
	margin-bottom: -4em;
	padding-bottom: 4rem;
}

.section.control-btns {
	padding-bottom: 0;
    padding-top: 0;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
}
.row.controls {
	margin-bottom: 0;
}

.controls .control {
    text-decoration: none;
    color: #000;
	font-weight: 600;
    background-color: transparent;
	font-size: 14px;
	text-transform: uppercase;
    text-align: center;
    letter-spacing: .5px;
	box-shadow: none;
	border-bottom: 4px solid transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	padding: 1rem 0;
	margin: 0 1rem;
	height: auto;
	line-height: 1;
	transition: color 150ms,border-color 150ms;
}
.controls .control:hover {
	color: #05a0c3;
	opacity: 1;
}
.controls .control.mixitup-control-active {
	border-bottom-color: #05a0c3;
}

.waves-effect.waves-dark .waves-ripple {
	background-color: rgba(121, 121, 121, 0.2);
}


@media only screen and (max-width: 992px) {
.modal.team-modal {
    width: 90%;
    max-height: 80%;
	min-height: 85%;
}
}

/*////////////////////////
		PROJECTS
///////////////////////*/

.project-data {
	margin-top: 1.5rem;
}

.project-details {
	
}

.project-gallery {
	margin-top: 2rem;
}

.project h5 {
	font-size: 1.25rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 1em;
	margin-bottom: 10px;
}
.project p {
	margin-top: 10px;
	line-height: 28px;
}

.projectCard a {
	text-decoration: none;
}


.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.swiperGallery {
  height: 80%;
  width: 100%;
}

.swiperThumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.swiperThumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.swiperThumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* clear fix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- .grid-item ---- */
.grid-item {
	width: 49%;
}

.gutter-sizer {
	width: 1%;
}

.grid-item {
	float: left;
}

.grid-item img {
	display: block;
	max-width: 100%;
}

@media (max-width: 559px) {
.grid-item {
	width: 100%;
	height: auto;
}
.gutter-sizer {
	width: 2%;
}
.grid-item img {
	width: 100%;
	height: 100%;
}
}


/*////////////////////////
		BUTTONS
///////////////////////*/

.Btn {
	font-size: 12px;
    font-weight: 500;
	line-height: 1;
    text-transform: uppercase;
    letter-spacing: .22px;
    color: #657078;
    background-color: rgba(2,1,1,0);
    border: 3px solid #e1e4e6;
    border-radius: 25px;
    padding: 17px 35px 14px;
	transition: all .3s;
}

.Btn:hover,
.Btn:focus,
.Btn:active {
    color: #fff;
	background-color: #05a0c3;
	border: 3px solid #05a0c3;
}
a.Btn {
	text-decoration: none;
}

.learn-more .Btn {
	padding: 17px 27px 15px 35px;
}

.learn-more .Btn::after {
	content: '\f061';
	font-family: "Font Awesome 6 Pro"; 
	display: inline-block;
	margin-left: 1rem;
}

.learn-more i {
	margin-left: 0.5rem;	
}

.service-list .btn {
	text-transform: none;
}
.btn-large {
	text-transform: none;
	line-height: 48px;
}

.invert .btn-large {
	color: #ffffff;
	border: 2px solid #ffffff;
}
.invert .btn-large:hover,
.invert .btn-large:focus,
.invert .btn-large:active {
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color: #000 !important;
}
.invert .btn-large::before {
    background-color: #ffffff;
}

.tooltip-content {
	color: #fff;
}


/*///////////////////////
	FORMS
///////////////////////*/

.gform_wrapper select {
	display: inherit;
}
.gform_heading {
	display: none !important;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button.gform_next_button,
.gform_wrapper .gform_page_footer input.button.gform_previous_button,
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
	font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .22px !important;
    color: #657078 !important;
    background-color: rgba(2,1,1,0) !important;
    border: 3px solid #e1e4e6 !important;
    border-radius: 25px !important;
    padding: 17px 35px !important;
    transition: all .3s !important;
	height: auto !important;
	margin: 0;
	cursor: pointer !important;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button.gform_next_button:hover,
.gform_wrapper .gform_page_footer input.button.gform_previous_button:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
	background-color: #05a0c3 !important;
	border: 3px solid #05a0c3 !important;
	color: #ffffff !important;
}

.gform_wrapper select {
    border-bottom: 1px solid #a9a9a9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
select {
    display: block;
}
.gform_wrapper .chosen-container-multi .chosen-choices {
	background-image: none;
	border-bottom: 1px solid #a9a9a9;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
	background-color: #f7f7f7;
	line-height: 1.5;
    height: 3rem;
}
.gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
	color: #000;
    height: 3rem;
}
.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice {
	background-image: none;
	margin: 8px 5px 8px 0;
}

.gform_wrapper .gfield_radio li label {
    padding-left: 30px !important;
    line-height: 25px !important;
	transition: .28s ease;
}

.gform_wrapper .gfield_checkbox li label {
    padding-left: 40px !important;
    line-height: 25px !important;
	transition: .28s ease;
}

body .gform_wrapper .top_label div.ginput_container.ginput_container_select,
body .gform_wrapper .top_label div.ginput_container.ginput_container_radio, 
body .gform_wrapper .top_label div.ginput_container.ginput_container_multiselect {
    margin-bottom: 30px !important;
}

.gform_wrapper select,
.gform_wrapper .chosen-container .chosen-results {
    background-color: #f7f7f7;
}
.gform_wrapper .chosen-container .chosen-results li {
	line-height: 1.5;
}

.gform_wrapper select option {
    padding: 7px 2px !important;
}
.gform_wrapper .gform_page_footer {
    margin: 20px 0 !important;
    border-top: 0 solid #ccc !important;
    padding: 30px 0 0 !important;
}
.gform_wrapper ul.gfield_checkbox,
.gform_wrapper ul.gfield_radio {
	margin-bottom: 30px !important;
}
[type="checkbox"]+label:before,
[type="checkbox"]:not(.filled-in)+label:after {
	margin-left: 9px;
}
.gform_wrapper textarea {
	margin-bottom: 14px;
}
textarea {
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 5px 4px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.gform_wrapper li.hidden_label input {
    margin-top: 0 !important;
}
body .gform_wrapper ul li.gfield {
    margin-top: 0;
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #05a0c3;
    box-shadow: 0 1px 0 0 #05a0c3;
}
select:focus {
    outline: 0px solid #e4ad6c;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.grecaptcha-badge {
	display: none !important;
}







/*////////////////////////
	MODAL - VIDEO
///////////////////////*/

@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 1280px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}

.modal-video-close-btn:before {
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}




.acf-gmap {
    width: 100%;
    line-height: 0;
}



/*////////////////////////
MATERIAL DESIGN ELEMENTS
///////////////////////*/
.demo-card-square.mdl-card {
  width: 320px;
  height: 320px;
}
.demo-card-square > .mdl-card__title {
  color: #fff;
  background:rgb(83, 109, 254);
}


/*////////////////////////
	FOOTER
///////////////////////*/

footer {
    background-image: url(images/footer-bg.jpg);
    background-position: center center;
    background-size: cover;
}


.footer-widgets {
	background-color: transparent;
	/* background-color: #111; */
	border-top: 5px solid #eee;
	margin-top: 0;
	padding-top: 30px;
}
.footer-widgets p,
.footer-widgets a {
	color: #fff;
	transition: color 150ms,border-color 150ms;
}

.footer-widgets a:hover {
	color: #05a0c3;
}

.widget ul.menu {
    margin: 0.65em 1em;
    padding: 0;
}

.widget ul.menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0.5em 1em;
	transition: color 150ms,border-color 150ms;
}
.widget ul.menu li a:hover {
	color: #05a0c3;
}
.widget ul.menu li.current-menu-item a {
	color: #05a0c3;
}

.widget ul.menu li.current-menu-item > ul li a {
	color: #ffffff;
}


.footer {
	background-color: transparent;
	/*background-color: #222; */
	padding-top: 1rem;
	padding-bottom: 0.75rem;
}

.footer .legal {
	
}

.page-footer {
    padding-top: 0;
}

.copyright,
.privacy {
	font-size: 0.75rem;
	color: #fff;
}

.copyright a,
.privacy a {
    color: #fff;
    text-decoration: none;
	transition: .2s all;
}
.copyright a:hover,
.privacy a:hover {
    color: #fff;
	text-decoration: underline;
}

.ftr-nav {
	padding-top: 2rem;
	margin-bottom: 2rem;
}

.ftr-nav ul {
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
}

.ftr-nav ul li {
	display: inline-block;
    padding-left: 1em;
    border-left: 1px solid #000;
    margin-left: 1em;
}

.ftr-nav ul a {
    color: #000;
	font-size: 0.875rem;
    text-decoration: none;
    transition: all .5s;
}
.ftr-nav ul a:hover,
.ftr-nav ul a:focus {
    color: #000;
	text-decoration: underline;	
}

.ftr-nav ul li:first-child {
	padding-left: 0;
    border-left: 0 solid #000;
    margin-left: 0;
}

.footer .row.legal {
	margin-bottom: 1rem;
	padding-top: 1em;
	border-top: 1px solid rgba(255,255,255,0.15);
}
.footer-widgets i {
	margin-right: 0.5em;
}




/*////////////////////////
MEDIA QUERIES BELOW HERE
- default widths are set here
- use the following to add specific CSS for the various widths
///////////////////////*/
@media (max-width: 1199px) {
h1 {
    font-size: 3rem;
}
.project-body .container {
	width: 100%;
	max-width: 100%;
}
header {
	height: 350px;
}
	
.why-choose-us .row.valign-wrapper,
.company-profile .valign-wrapper,
.our-principles .valign-wrapper,
.services-intro .valign-wrapper {
	display: inline-block;
}

}

@media only screen and (max-width: 1150px) {
a.sidenav-trigger {
	display: block !important;
}

nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 100px;
    line-height: 100px;
}	
}

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

.hide-on-large-only {
	display: none;
}	

}

@media (max-width: 991px) {
nav {
    height: 70px;
    line-height: 70px;
}
nav .brand-logo {
    padding: 17px 0 13px;
}
nav .brand-logo img {
    height: 80px;
}
#navWrap {
	height: 70px;
}
	
nav.top-nav .brand-logo img {
	height: 55px;
}

.parallax-container {
	height: 300px;
}
nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 70px;
    line-height: 70px;
}
	
}

@media (max-width: 767px) {

#menu .main-nav a {
	font-size: 1.5rem;
	padding: 0.875rem 1.25rem;
}
	
#menu .menu-footer i {
	font-size: 2.5em;
}

h3 {
	font-size: 2rem;
}

ul.ftr-nav li:first-child a {
	border-left: 0;
	padding-left: 0;
    margin-left: 0;
}

.services .btn {
	margin-right: 0;
	display: block;
	width: 100%;
}
	
.acf-gmap iframe {
	height: 350px;
}

.footer-widgets .widget {
	text-align: center;
}
.footer-widgets .widget img {
	width: 70%;
}

	
}

@media (max-width: 559px) {

}

@media (max-width: 479px) {

}




@media (min-width: 320px) {
  
}
@media (min-width: 480px) {
 
}
@media (min-width: 560px) {
  
}
@media (min-width: 768px) {
 
}
@media (min-width: 992px) {
  
}
@media (min-width: 1200px) {
  
}