.staff img {
    max-width: 70%;
    height: auto;
    padding-top: 5px;
}

.half-gears-top img {
    max-width: 80%;
    height: auto;
}

.half-gears-bottom img {
    max-width: 80%;
    height: auto;
}


@media only screen and (max-width: 769px) {
.half-gears-top img {
    max-width: 40%;
    height: auto;
	padding-bottom:60px
	}}

@media only screen and (max-width: 769px) {
.half-gears-top-textleft {
    text-align: right!important;
	}}

@media only screen and (max-width: 769px) {
.half-gears-bottom img {
    max-width: 40%;
    height: auto;
	}}

.gears img {
    max-width: 85%;
    height: auto;
}

@media only screen and (max-width: 769px) {
.gears img {
    max-width: 60%;
    height: auto;
    padding-top: 40px;
	}}

.service-gears img {
    max-width: 72%!important;
    height: auto;
}

.trekker img {
    max-width: 55%;
    height: auto;
    margin-right: 100px;
    margin-top: -415px;
}

@media only screen and (max-width: 769px) {
.trekker img {
    max-width: 102%;
    height: auto;
    margin-right: 100px;
    margin-top: -130px;
	}}

/* gradient button */

.cvc-button {
	padding: 10px 25px;
 	position: relative;
	font-family: inherit;
 	border-radius:0px;
 	width: auto;
 	z-index: 1;
 	color: white;
 	overflow: hidden;
 	border: none;
 	background: linear-gradient(90deg, #0D202F 0%, #00B5C0 100%);		 
}

.cvc-button .text {
 
 position: absolute;
 left: 0;
 top: 0;
 width: 110%;
 height: 100%;
 border-radius: 0px;
 border: none;
 background: linear-gradient(90deg, #0D202F 0%, #00B5C0 100%);
 z-index: 1;

}

.cvc-button:hover {
 background: linear-gradient(90deg, #00B5C0 0%, #0D202F 100%);
	color:#fff;
}

/* gradient outline button*/


.metal-button {
    width: 100%;
    padding: 0.9em 1.2em!important;
    text-align: center;
    float: none;
  border-radius: 0px;
  color: $color-black;
  box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 2px transparent;
  background-image: linear-gradient(90deg, #054d75 0%, #00b4c0 100%), linear-gradient(90deg, #054d75 0%, #00b4c0 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #0d202f inset;
}

.metal-button:hover {
  box-shadow: none;
  color: none;
}

button.button-hover .circle {
	background: linear-gradient(90deg, #0D202F 0%, #00B5C0 100%);
}

/* gradient outline "button" - NO HOVER */


.metal-button-no-hover {
    width: 100%;
    padding: 21px 15px!important;
    text-align: center;
    float: none;
  border-radius: 0px;
  color: $color-black;
  box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 2px transparent;
  background-image: linear-gradient(90deg, #054d75 0%, #00b4c0 100%), linear-gradient(90deg, #054d75 0%, #00b4c0 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #0d202f inset;
}

/* google maps styling */

.wpb_gmaps_widget .wpb_map_wraper iframe {
    filter: grayscale(1);
}

/* h5 font styling */

h5 {
    font-size: 19px;
    margin-top: -20px;
    margin-bottom: 4px;
    font-weight: 300;
}

/* Reverse WPBakery Columns On Mobile */

@media only screen and (max-width: 769px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}
}

/*right padding servicce page */

@media only screen and (max-width: 769px) {
.mobile-padding {
    padding-left: 15px !important;
	}}

/* heading title styling */

.page-header.background-image-page-header:not(.wpex-supports-mods) .page-header-title {
    font-weight: 400;
    font-size: 45px;
    color: var(--wpex-white);
}

/* gravity forms styling */

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 15px;
    padding: 8px;
    margin-bottom: 0;
    margin-top: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #a7a9ac;
    border-radius: 0px;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 15px;
    padding: 8px;
    margin-bottom: 0;
    margin-top: 20px!important;
}

/* Submit Button Gravity Forms
-----------------------------*/
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 8px;
    padding: 5px 20px;
    border-radius: 0px;
    background: linear-gradient(90deg, #054d75 0%, #00B5C0 100%);
	font-size:14px;
}

.gform_button .button input:hover[type=submit] {
background: #fff;
	border: 1px solid #f37e7d;
	color:#f37e7d;
}

/* gform placeholders*/
::-webkit-input-placeholder { color:#FFF; }
:-moz-placeholder { opacity: 1; color:#FFF; } /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#FFF; } /* firefox 19+ */
:-ms-input-placeholder { color:#FFF; } /* ie */
input:-moz-placeholder { color:#FFF; }

/* widget title */

.widget-title{
	    margin-bottom: 5px;
}

/*widget social */

#outer-wrap .wpex-social-color.wpex-facebook, #outer-wrap .wpex-social-color-hover.wpex-facebook:hover {
    color: #00b4c0;
}
.wpex-social-btn:hover {
    text-decoration: none;
    color: #fff!important;
}



#outer-wrap .wpex-social-color.wpex-instagram, #outer-wrap .wpex-social-color-hover.wpex-instagram:hover {
    color: #00b4c0;
}