body {
color: #666666;
background: #ffffff;
font-family: 'Inter', sans-serif;
font-weight: 400;
}
.wrapper {
position: relative;
width: 100%;
max-width: 1650px;
margin: 0 auto;
background: #ffffff;
}
.back-to-top {
position: fixed;
display: none;
background: #000000c7;
color: #ffffff;
width: 35px;
height: 35px;
text-align: center;
line-height: 1;
font-size: 17px;
border-radius: 5px;
right: 15px;
bottom: 15px;
transition: background 0.5s;
z-index: 9;
}
.back-to-top:hover {
color: #ffffff;
background: #000000;
}
.back-to-top i {
padding-top: 10px;
padding-bottom: 10px;
}   .header {
position: relative;
width: 100%;
padding: 15px 0 0 0;
background: #00539C;
}
.header.home {
margin-bottom: 45px;
background: linear-gradient(30deg, #092339fa, #083860db), url(https://www.pattonsca.com/wp-content/uploads/2022/03/banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: -14px;
}
@media (min-width: 992px) {
.header .hero p {
margin: 14px 0 31px 0;
font-size: 22px;
color: #ffffff;
width: 500px;
}
.header .hero h1 {
margin: 0px;
font-size: 50px;
font-weight: 700;
letter-spacing: 1px;
color: rgb(255, 255, 255);
text-transform: capitalize;
}
}
@media (max-width: 992px) {
.header .hero p {
margin: 14px 25px 31px 0px;
font-size: 18px;
color: #ffffff;
font-weight: 300;
text-align: left;
font-style: italic;
}
.header .hero h1 {
margin: 0;
font-size: 28px;
font-weight: 700;
letter-spacing: 1.5px;
color: #ffffff;
text-transform: capitalize;
font-style: italic;
text-align: left;
}
}
@media (min-width: 992px) {
.header .row {
padding: 0 60px;
}
}
.header .header-top {
padding-bottom: 10px;
background:#ffffff;
}
.header .brand {
position: relative;
}
.header .brand a {
color: #ffffff;
font-size: 60px;
font-weight: 100;
}
.header .brand img {
width: 100%;
max-width: 170px;
height: 100%;
max-height: 100px;
}
.header .topbar {
position: relative;
text-align: right;
padding-top:30px;
}
.header .topbar .topbar-col {
display: inline-block;
padding: 0 15px;
margin-bottom: 15px;
}
.header .topbar-col a {
color: #000000;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 400;
}
.header .topbar-col a i {
margin-right: 10px;
color: #000;
}
.topbar-col.btnspl {
background: linear-gradient(48deg, #083860, #083860);
color: #fff;
margin-left: 29px;
padding: 8px 25px 11px 25px !important;
border-radius: 5px;
}
@media(max-width: 428px) {
.topbar-col.btnspl {
margin-left: 0px;
}
}
@media(max-width: 354px) {
.topbar-col.btnspl {
margin-left: 10px;
margin-right: 10px;
}
}
.btnspl a {
color: white !important;
font-size: 12px !important;
font-weight: 500 !important;
}
@media (max-width: 992px) {
.header .brand {
text-align: center;
}
.header .topbar {
text-align: center;
margin-bottom: 15px;
}
}   
.header .hero {
padding-top: 60px;
padding-bottom: 60px;
}
.header .hero a.btn {
position: relative;
padding: 15px 30px;
font-size: 16px;
text-transform: uppercase;
color: #000;
border: none;
border-radius: 5px;
background: #FFFFFF;
transition: .3s;
}
.header .hero a.btn:hover {
color: #FFFFFF;
background: #0b294f;
}
.header .hero .form {
padding: 30px;
border: 1px solid rgba(255, 255, 255, .4);
background: #FFF;
border-radius: 5px;
}
.header .hero .form h3 {
color: #000000;
font-weight: 500;
margin-bottom: 20px;
}
.header .hero .form input,
.header .hero .form select,
.header .hero .form textarea {
margin-bottom: 15px;
height: 45px;
border-radius: 5px;
border: 1px solid #000;
background: #FFF;
}
.header .hero .form textarea {
height: 75px;
}
.header .hero .form select,
.header .hero .form input::placeholder,
.header .hero .form textarea::placeholder {
color: #000;
}
.header .hero .form select option:not(:checked) {
color: #666666;
}
.header .hero .form .btn {
position: relative;
padding: 10px 35px;
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
border: none;
border-radius: 5px;
background: #e30e27;
transition: .3s;
}
.header .hero .form .btn:hover {
color: #FFF;
background: #000;
}
@media (max-width: 767.98px) {
.header .hero .form {
margin-top: 45px;
}
}   .section-header::before {
position: absolute;
content: "";
width: 100px;
height: 3px;
left: calc(50% - 50px);
bottom: 0;
background: linear-gradient(to left, #083860, #083860, #083860);
border-radius: 100%;
}
.section-header::after {
position: absolute;
content: "";
width: 20px;
height: 9px;
left: calc(50% - 10px);
bottom: -3px;
background: #083860;
border-radius: 5px;
}
.section-header h4 {
color: #303030;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}   .container-product {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1302px;
}
.product {
position: relative;
width: 100%;
padding: 50px 0px 30px;
}
.product .product-item {
position: relative;
width: 100%;
text-align: center;
background: rgb(245 247 248);
margin-bottom: 30px;
cursor: default;
border-radius: 15px;
}
.product .product-item img {
width: 89%;
margin-top: 20px;
}
.product .product-item h3 {
margin: 0;
padding: 20px 20px 15px 20px;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.5px;
color: #000;
text-transform: uppercase;
}
.product .product-item p {
margin: 0;
padding: 0 25px 25px 25px;
font-size: 14px;
letter-spacing: 0.8px;
}
.section-header {
position: relative;
width: 100%;
max-width: 550px;
text-align: center;
margin: 0 auto;
margin-bottom: 40px;
padding-bottom: 15px;
}
.section-header h2 {
color: #000;
font-size: 33px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: 1px;
line-height: 36px;
}
@media (max-width: 690px){
.section-header h2 {
color: #000;
font-size: 28px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 21px;
letter-spacing: 0.5px;
}
}
@media (min-width: 992px){
.col-lg-3-1 {
-ms-flex: 0 0 25%;
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
@media (max-width: 992px){
.col-lg-3-1 {
position: relative;
width: 100%;
padding-right: 25px;
padding-left: 25px;
}
}
.product-con {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.product .product-item a.btn {
position: relative;
margin-top: 8px;
width: 100%;
padding: 8px 34px;
border-radius: 0px 0px 9px 9px;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
background: linear-gradient(
45deg
, #083860, #083860);
transition: .3s;
}
.product .product-item a.btn:hover {
background: linear-gradient(
45deg
, #000, #000);
}   .industries-wrapper {
padding: 60px 0;
}
.industries-header.spl {
position: relative;
width: 100%;
max-width: 550px;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
padding-bottom: 15px;
}
.industries-header.spl h4 {
color: #000000;
font-size: 23px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 3px;
letter-spacing: 4px;
line-height: 36px;
}
.industries-item {
float: left;
width: 100%;
background: #e4e1e1a6;
padding: 30px;
position: relative;
border-radius: 20px;
margin-bottom: 30px;
}
.icon {
float: left;
width: 100%;
min-height: 120px;
position: relative;
}
img.img-fluid {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.name {
float: left;
width: 100%;
font-size: 14px;
font-weight: 700;
color: #083860;
text-align: center;
}   .call-to-action {
position: relative;
margin-top: 45px;
padding: 60px 0;
background: #e9ecef;
}
.call-to-action h3 {
color: #000000;
font-size: 28px;
font-weight: 500;
text-transform: uppercase;
}
.call-to-action p {
margin: 0;
color: #ffffff;
font-size: 20px;
font-weight: 300;
}
.call-to-action a {
float: right;
height: 60px;
padding: 16px 35px 14px 35px;
font-size: 18px;
font-weight:400;
text-transform: uppercase;
color: #ffffff;
background: #083860;
border-radius: 5px;
}
.call-to-action a:hover {
color: #fff;
background: #000;
}
@media (max-width: 768px) {
.call-to-action a {
float: left;
margin-top: 30px;
}
}   .footer {
position: relative;
padding: 20px;
background: #083860;
}
.footer h4 {
color: #ffffff;
font-size: 13px;
font-weight: 300;
text-align: center;
line-height: 20px;
padding: 0px;
margin: 0px;
letter-spacing: 1px;
}   .features {
padding: 70px 0px;
width: 100%;
background: linear-gradient(30deg, #323232, #323232);
margin-right: auto;
margin-left: auto;
}
.features p {
font-size: 13px;
color: #ffffff;
margin-bottom: 0px;
font-weight: 300;
line-height: 25px;
letter-spacing: 0.5px;
}
@media (max-width: 1030px) {
.features p {
font-size: 9px;
color: #ffffff;
margin-bottom: 45px;
font-weight: 300;
padding-right: 25px;
line-height: 25px;
letter-spacing: 0.5px;
}
.features {
padding: 60px 0px 15px 0px;
width: 100%;
background: linear-gradient(30deg, #323232, #323232);
margin-right: auto;
margin-left: auto;
}
}
.icon-box {
position: relative;
width: 70px;
height: 70px;
margin: 0px;
display: inline-box;
border-radius: 50%;
padding: 0px !important;
}
.icon-box i {
font-size: 17px;
color: #ffffff;
padding-left: 26px;
}
.feature-text {
padding-left: 9px;
padding-right: 40px;
}
.feature-text h4 {
color: rgb(255, 255, 255);
font-size: 14px;
letter-spacing: 2.5px;
text-transform: uppercase;
margin-bottom: 15px;
margin-top: 3px;
}
.features h2 {
font-size: 25px;
color: white;
text-align: center;
margin-bottom: 40px;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 600;
}
@media (min-width: 780px){
.col-sm-6-1 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1012px){
.col-xs-12-1 {
-ms-flex: 0 0 50%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}   .facilities .spl {
position: relative;
width: 100%;
background-size: cover;
}
.facilities {position: relative;width: 100%;}
.facilities .product-item1 {
position: relative;
width: 100%;
text-align: center;
margin-bottom: 30px;
cursor: default;
background: #083860;
border-radius: 0px 50px 0px 50px;
}
.product-item1 i {
font-size: 45px;
color: #ffffff;
margin-top: 40px;
}
.facilities .product-item1 img {
width: 100%;
border-radius: 28px;
}
.facilities .product-item1 h3 {
margin: 0px;
padding: 25px 20px 39px;
font-size: 18px;
font-weight: 500;
letter-spacing: 2.0px;
color: rgb(255, 255, 255);
text-transform: uppercase;
}
.product-item1.spl {
position: relative;
width: 100%;
text-align: center;
margin-bottom: 30px;
cursor: default;
border-radius: 27px;
box-shadow: 0px 7px 18px 0px #17171730;
}
.product-item1.spl h3 {
margin: 0px;
padding: 30px 20px 21px;
font-size: 18px;
font-weight: 500;
letter-spacing: 2.0px;
color: rgb(0 0 0);
text-transform: uppercase;
}
.facilities .product-item1 p {
margin: 0;
padding: 0 35px 35px;
font-size: 13px;
color: black;
}
.product-item1.service img {
height: 42px;
width: 100%;
margin-top: 39px;
margin-bottom: 3px;
}
.facilities .product-item1 a.btn {
position: relative;
margin-top: 8px;
width: 100%;
padding: 8px 34px;
border-radius: 0px 0px 9px 9px;
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
background: linear-gradient(45deg, #0a2f56, #024a77);
transition: .3s;
}
.facilities .product-item1 a.btn:hover {
background: linear-gradient(45deg, #034874, #0a3158);
}
.product-header {
position: relative;
width: 100%;
max-width: 550px;
text-align: center;
margin: 0 auto;
margin-bottom: 50px;
}
.product-header h2 {
color: #173d6e;
font-size: 33px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: 1px;
line-height: 36px;
}
.section-header.spl {
position: relative;
width: 100%;
max-width: 550px;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
padding-bottom: 15px;
}
.section-header.spl h4 {
color: #000000;
font-size: 23px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 3px;
letter-spacing: 4px;
line-height: 36px;
}
.section-header.spl h2 {
color: #009ae2;
font-size: 32px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
}    
@media (min-width: 992px){
.col-lg-3-1 {
-ms-flex: 0 0 25%;
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
@media (max-width: 992px){
.col-lg-3-1 {
position: relative;
width: 100%;
padding-right: 25px;
padding-left: 25px;
}
} 
p.why.choose {
text-align: center;
margin-bottom: 30px;
letter-spacing: 0.8px;
font-size: 15px;
}
.form input#input_9_1 {
height: 45px;
border-radius: 5px;
border: 1px solid #000;
background: #FFF;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
display: none !important;
}
.form input#gform_submit_button_9 {
position: relative;
padding: 10px 35px;
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
border: none;
width: 100%;
border-radius: 5px;
background: #e30e27;
transition: .3s;
}
.gform_wrapper.gravity-theme .gfield textarea.small {
height: 96px;
margin-bottom: -9px;
}
#foot-top .box {
float: left;
width: 100%;
padding: 30px;
background: #000000;
border-top: 10px solid #e30e27;
position: relative;
margin-top: -90px;
}
#foot-top {
padding: 60px 0;
color: #FFF;
background: #323232;
}
#foot-bottom {
padding: 20px 0;
color: #FFF;
background: #e30e27;
text-align: center;
}
#foot-top a {
color: #FFF !important;
}
section {
float: left;
width: 100%;
}
ul.foot-links {
float: left;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
display: block;
position: relative;
list-style: none;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.footer-copyright {
text-align: left;
}
.footer-design {
text-align: right;
}
#foot-bottom a {
color: #FFF !important;
} #foot-top {
padding: 40px 0;
color: #FFF;
background: #323232;
}
#foot-bottom {
padding: 5px 0;
color: #FFF;
background: rgb(8 55 95);
text-align: center;
}
ul.foot-links {
float: left;
width: 100%;
margin: 0;
padding: 0;
display: block;
position: relative;
}
ul.foot-links li {
float: left;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
display: block;
position: relative;
list-style: none;
}
ul.social-media {
float: left;
width: 100%;
margin: 0;
padding: 0;
display: block;
position: relative;
}
ul.social-media li {
margin: 0 10px 0 0;
padding: 0;
display: inline-block;
position: relative;
list-style: none;
}
#foot-top .box {
float: left;
width: 100%;
padding: 30px;
background: #000000;
border-top: 10px solid #e30e27;
position: relative;
margin-top: -90px;
}
#foot-top .foot-logo {
float: left;
width: 100%;
margin-bottom: 30px;
}
#foot-top .box p {
margin-bottom: 30px;
}
.location {
float: left;
width: 100%;
background: url(https://www.g3industrialsolutions.com/wp-content/themes/g3compressor/images/location.png) 0 5px no-repeat;
padding-left:24px;
margin-bottom:15px;
}
.mail {
float: left;
width: 100%;
background: url(https://www.g3industrialsolutions.com/wp-content/themes/g3compressor/images/mail.png) 0 5px no-repeat;
padding-left: 24px;
margin-bottom: 15px;
}
.phone {
float: left;
width: 100%;
background: url(https://www.g3industrialsolutions.com/wp-content/themes/g3compressor/images/phone.png) 0 5px no-repeat;
padding-left: 24px;
margin-bottom: 15px;
}
.linkedn {
float: left;
width: 100%;
background: url(//www.g3industrialsolutions.com/wp-content/themes/g3compressor/images/linkedin-icon.png) 0 5px no-repeat;
margin-bottom: 15px;
}
#foot-top a {
color: #FFF !important;
}
#foot-top a:hover {
color: #e30e27 !important;
}
#foot-bottom a {
color: #FFF !important;
}
.footer-copyright {
text-align: left;
}
.footer-design {
text-align: right;
}
.fa-linkedin-square:before {
content: "\f08c";
}
h4.footer-head {
font-size: 25px;
color: white;
text-align: center;
margin-bottom: 40px;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 600;
}
#foot-top {
padding: 15px 0 !important;
width: 100%;
background: #0b294f;
}
input#gform_submit_button_8 {
position: relative;
padding: 10px 35px;
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
border: none;
width: 100%;
border-radius: 5px;
background: #0b294f;
transition: .3s;
}