.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
overflow-x: hidden;
line-height: 1.5;
font-family: 'Red Hat Display', sans-serif;
font-size: 18px;
overflow-x: hidden;
font-weight: 400;
color: #4a515b;
}
p {
font-family: 'Red Hat Display', sans-serif;
color: #4a515b;
font-size: 18px;
line-height: 1.5;
font-weight: 400;
margin-bottom: 15px;
}
a {
text-decoration: none;
-webkit-transition: all 0.2s ease-in 0s;
-moz-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
color: #f15b26;
}
a img {
outline: none;
border: none;
}
img {
max-width: 100%;
}
input:focus,
input:active {
outline: none;
}
blockquote,
q {
quotes: none;
}
form,
fieldset {
border-style: none;
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
sup {
vertical-align: super;
font-size: smaller;
}
.clearfix {
clear: both;
}
b,
strong {
font-weight: 900;
}
i,
em {
font-style: italic;
}
ol {
padding-left: 20px;
}
ol li {
list-style-position: outside;
list-style-type: decimal;
}
ul li {
list-style: none;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
}
.clear {
clear: both;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.visible-lg {
display: none;
}
.visible-xs {
display: block;
}
.pd-100 {
padding: 50px 0;
}
.pd-80 {
padding: 40px 0;
}
.pd-60 {
padding: 30px 0;
}
.pd-50 {
padding: 25px 0;
}
.pd-40 {
padding: 20px 0;
}
.pdt-0 {
padding-top: 0;
}
.pdt-60 {
padding-top: 30px;
}
.pdt-100 {
padding-top: 50px;
}
.pdb-0 {
padding-bottom: 0;
}
.site-btn {
padding: 18px 35px;
font-size: 16px;
font-weight: 500;
font-family: 'Red Hat Display', sans-serif;
letter-spacing: 1px;
position: relative;
display: inline-block;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: transparent;
cursor: pointer;
-webkit-transition: all 0.2s ease-in 0s;
-moz-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
}
.site-btn i {
margin-left: 10px;
font-size: 18px;
vertical-align: middle;
margin-bottom: 3px;
}
.primary-btn {
background-color: #f15b26;
color: #fff;
border-color: #f15b26;
}
.primary-btn:hover {
background-color: #fff;
color: #f15b26;
border-color: #f15b26;
}
.secondary-btn {
background-color: #4a515b;
color: #fff;
border-color: #4a515b;
}
.secondary-btn:hover {
background-color: #f15b26;
color: #fff;
border-color: #f15b26;
}
.transparent-btn {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.transparent-btn:hover {
background-color: #f15b26;
color: #fff;
border-color: #fff;
}
.dark-transparent {
background-color: transparent;
color: #4a515b;
border-color: #4a515b;
}
.dark-transparent:hover {
background-color: #4a515b;
color: #fff;
border-color: #4a515b;
}
.ach_button.left {
text-align: left;
}
.ach_button.center {
text-align: center;
}
.ach_button.right {
text-align: right;
}
section .btn,
section .btn-wrap a {
text-decoration: none;
}
section ul,
section ol {
margin-bottom: 15px;
}
section ul li {
list-style: none;
margin-left: 0;
position: relative;
padding-left: 22px;
}
section li {
font-family: 'Red Hat Display', sans-serif;
color: #4a515b;
font-size: 18px;
line-height: 1.5;
}
section ul li::before {
content: '';
width: 10px;
height: 10px;
background-color: #f15b26;
border-radius: 9999px;
position: absolute;
left: 0;
top: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Red Hat Display', sans-serif;
color: #4a515b;
margin-bottom: 15px;
}
h1 {
font-size: 58px;
line-height: 1;
}
h2 {
font-size: 50px;
line-height: 1;
}
h3 {
font-size: 44px;
line-height: 1;
}
h4 {
font-size: 36px;
line-height: 1;
}
h5 {
font-size: 24px;
line-height: 1;
}
h6 {
font-size: 18px;
line-height: 1;
}
.section-title {
margin-bottom: 60px;
}
.block-title {
margin-bottom: 20px;
}
.section-title h1,
.section-title h2,
.section-title h3,
.block-title h1,
.block-title h2,
.block-title h3 {
color: #4a515b;
}
.section-title h2 {
font-family: 'Red Hat Display', sans-serif;
font-size: 40px;
line-height: 50px;
font-weight: 700;
}
.block-title h2 {
font-family: 'Red Hat Display', sans-serif;
font-size: 30px;
line-height: 40px;
font-weight: 700;
}
.section-title h2 br {
display: none;
}
.locations-block .section-title h2 {
font-size: 38px;
line-height: 44px;
text-align: center;
}
.section-title h4,
.block-title h4 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
color: #f15b26;
margin-bottom: 15px;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
letter-spacing: 3px;
position: relative;
padding: 0 60px;
display: inline-block;
}
.section-title h4:before,
.block-title h4:before {
content: '';
position: absolute;
width: 45px;
height: 1px;
transform: translate(0, -50%);
background-color: #f15b26;
left: 0;
top: 50%;
}
.section-title h4:after,
.block-title h4:after {
content: '';
position: absolute;
transform: translate(0, -50%);
width: 45px;
height: 1px;
background-color: #f15b26;
right: 0;
top: 50%;
}
.section-title p,
.block-title p {
font-size: 20px;
line-height: 1.5;
}
p br {
display: none;
}
.section-title>div,
.block-title>div {
margin-top: 30px;
}
.page-title {
margin-bottom: 30px;
display: inline-block;
width: 100%;
}
.bg-image {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
position: relative;
}
.grid {
display: grid;
}
.gap-4 {
gap: 1rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-12 {
gap: 3rem;
}
.grid-flow-col {
grid-auto-flow: column;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr));
}
.col-span-1 {
grid-column: span 1/span 1;
}
.col-span-2 {
grid-column: span 2/span 2;
}
.col-span-3 {
grid-column: span 3/span 3;
}
.col-span-4 {
grid-column: span 4/span 4;
}
.col-span-5 {
grid-column: span 5/span 5;
}
.row-span-1 {
grid-row: span 1/span 1;
}
.row-span-2 {
grid-row: span 2/span 2;
}
.row-span-3 {
grid-row: span 3/span 3;
}
.row-span-4 {
grid-row: span 4/span 4;
}
.row-span-5 {
grid-row: span 5/span 5;
}
.w-full {
width: 100%;
}
.h-full {
height: 100%;
}
.clearfix {
clear: both;
}
.clearfix:after {
clear: both;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clear {
clear: both;
}
.alignnone {
margin: 0 auto;
}
.aligncenter {
display: block;
margin: 0 auto 1rem auto;
}
.alignright {
float: right;
margin: 0 0 1rem 1rem;
}
.alignleft {
float: left;
margin: 0 2px 1rem 0;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.text-center {
text-align: center;
}
.flex {
display: block;
}
.inline-flex {
display: inline-flex;
}
.flex-grow {
flex-grow: 1;
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.overflow-hidden {
overflow: hidden;
}
.relative {
position: relative;
}
.index-4 {
z-index: 4;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.rounded-full {
border-radius: 9999px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.desktop-view {
display: none;
}
.mobile-view {
display: block;
}
.bg-cover {
background-size: cover;
}
.bg-scroll {
background-attachment: scroll;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.cbp-spmenu-push {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.max-screen-3xl {
max-width: 1320px;
width: 100%;
padding: 0 1.5rem;
margin: 0 auto;
}
.max-screen-xl {
max-width: 1000px;
width: 100%;
}
.xl-px {
padding: 0 1.5rem;
}
.mx-auto {
margin: 0 auto;
}
.max-w-full {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0 1.5rem;
}
.cbp-spmenu-push {
min-height: 100vh;
display: flex;
flex-direction: column;
}   svg:not(:root) {
overflow: hidden;
}
svg.icon {
display: inline-block;
fill: currentcolor;
height: 1em;
position: relative;
top: -0.0625em;
vertical-align: middle;
width: 1em;
}
.site-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 999;
-webkit-transition: background-color .5s;
transition: background-color .5s;
} .site-header .content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.site-header .left-wrap {
width: 200px;
}
.site-header .site-logo {
padding: 8px 0;
}
.site-header .site-nav {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-end;
}
.site-header .other-link {
order: 1;
margin-right: 16px;
}
.mobile-view {
display: block;
}
.other-link {
display: none;
}
.top-div>div {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #040404;
}
.top-div>div a {
width: 50%;
text-align: center;
margin: 0;
padding: 10px 10px;
color: #FFF;
font-size: 18px;
font-weight: 700;
}
.top-div>div>a:last-child {
background-color: #28c23e;
}
.site-header .other-link ul {
display: flex;
align-items: center;
}
.site-header .other-link ul li {
margin-right: 0;
margin-left: 20px;
}
.site-header .other-link ul li:first-child {
margin-left: 0;
}
.site-header .other-link ul li a {
color: #fff;
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
font-weight: 400;
}
.site-header .other-link ul li a:hover {
color: #f15b26;
}
.site-header .other-link li.nav-btn a {
font-size: 16px;
padding: 15px 30px;
font-weight: 500;
border: 1px solid #f15b26;
background-color: #f15b26;
color: #fff;
}
.site-header .other-link li.nav-btn a i {
margin-left: 10px;
}
.site-header .other-link li.nav-btn a:hover {
background-color: transparent;
color: #FFF;
border-color: #FFF;
}
.site-header .site-nav .nav {
order: 1;
}
.slidebtn {
position: relative;
margin-top: 0px;
margin-bottom: 0px;
cursor: pointer;
width: 44px;
float: right;
}
.slidebtn .bar {
width: 100%;
background-color: #f15b26;
height: 4px;
margin: 6px 0;
}
.crossBtn {
cursor: pointer;
float: left;
width: 46px;
text-align: center;
padding: 13px;
position: absolute;
left: 5px;
top: 0;
z-index: 9999;
color: #FFF;
}
.crossBtn i {
font-size: 20px;
color: #FFF;
}   .flex-slider .owl-stage,
.flex-slider .owl-item {
display: flex;
}
.flex-slider .owl-item {
margin-bottom: 40px;
}
.slider-block {
overflow: hidden;
width: 100%;
}
#hero-slider .item {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#hero-slider .item::before {
content: '';
background: rgba(0, 0, 0, 0.26);
}
#hero-slider .item img {
width: 100%;
}
#hero-slider .slider-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#hero-slider .slider-content .content {
text-align: left;
padding-top: 25%;
}
#hero-slider .slider-content img {
width: auto;
}
#hero-slider .slider-content h4 {
font-family: 'Larsseit Medium'sans-serif;
font-size: 32px;
line-height: 42px;
margin-bottom: 10px;
}
#hero-slider .slider-content h1,
.page-title h1 {
font-family: 'Red Hat Display', sans-serif;
font-size: 26px;
line-height: 36px;
margin-bottom: 0px;
font-weight: 700;
}
#hero-slider .slider-content h4,
#hero-slider .slider-content h1,
#hero-slider .slider-content p,
.page-title h1 {
color: #FFF;
}
#hero-slider p {
font-family: 'Arimo', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin-bottom: 0;
max-width: 830px;
}
#hero-slider .btn-wrap {
margin-top: 25px;
}
#hero-slider .btn-wrap a.site-btn {
width: 250px;
margin: 7px 0;
display: block;
}
#hero-slider .slick-dots {
top: 50%;
right: 50px;
width: 20px;
padding: 0;
}
#hero-slider .slick-prev {
left: 1rem;
}
#hero-slider .slick-next {
right: 1rem;
}
#hero-slider .slick-arrow {
z-index: 888;
}
#hero-slider .slick-arrow i {
color: #FFF;
border-color: #FFF;
}
.slider-block .slick-dotted.slick-slider {
margin-bottom: 0;
}
.mobile_bg {
display: none;
}
.hero-block {
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
position: relative;
}
.hero-block .hero-layer {
padding: 100px 0 150px 0;
}
.hero-block h1 {
font-family: 'Red Hat Display', sans-serif;
font-size: 42px;
line-height: 50px;
font-weight: 700;
color: #FFF
}
.hero-block .hero-text {
max-width: 750px;
}
.hero-block p {
font-family: 'Arimo', sans-serif;
color: #FFF;
font-size: 18px;
}   .wwa-wrap .section-title {
position: relative;
}
.wwa-wrap .section-title:before {
content: '';
background-image: url("/source/5d7ad444ca389e13f33a354896ba55eb/about-title.png");
position: absolute;
width: 395px;
height: 240px;
left: 0;
top: 50px;
}
.wwa-wrap .section-title .btn-wrap {
margin-top: 30px;
}
.wwa-wrap .section-title .text {
max-width: 800px;
text-align: left;
}
.gsn-wrap {
position: relative;
margin: 80px 0;
}
.gsn-wrap::before {
-webkit-transform: skewY(4deg);
-moz-transform: skewY(4deg);
-ms-transform: skewY(4deg);
-o-transform: skewY(4deg);
transform: skewY(4deg);
position: absolute;
width: 100%;
height: 100px;
content: '';
left: 0;
right: 0;
background: #fff;
z-index: 1;
top: -40px;
}
.gsn-wrap::after {
-webkit-transform: skewY(4deg);
-moz-transform: skewY(4deg);
-ms-transform: skewY(4deg);
-o-transform: skewY(4deg);
transform: skewY(4deg);
position: absolute;
width: 100%;
height: 100px;
content: '';
left: 0;
right: 0;
background: #fff;
z-index: 1;
bottom: -40px;
}
.gsn-wrap .overlay {
background-color: rgba(0, 0, 0, 0.55);
padding: 150px 0px;
}
.gsn-wrap .text {
width: 100%;
text-align: center;
}
.gsn-wrap .btn-wrap {
width: 100%;
text-align: center;
}
.fullbg-block h2 {
color: #fff;
font-weight: 700;
}
.fullbg-block p {
color: #fff;
}
.ps-block {
position: relative;
padding-bottom: 60px;
}
.ps-block::after {
content: '';
z-index: -1;
position: absolute;
right: 0;
width: 100%;
height: 20%;
bottom: 5%;
background-color: #feeee9;
-webkit-transform: skewY(-6deg);
-moz-transform: skewY(-6deg);
-ms-transform: skewY(-6deg);
-o-transform: skewY(-6deg);
transform: skewY(-6deg);
}
.ps-block .categories-block {
padding-top: 60px;
}
.ps-block .etabs {
display: block;
}
.ps-block .etabs li {
padding-left: 0;
text-align: center;
display: block;
}
.ps-block .etabs li::before {
content: '';
width: auto;
height: auto;
background-color: transparent;
}
section .etabs li::before {
content: '';
width: auto;
height: auto;
background-color: transparent;
}
section .etabs {
margin-bottom: 40px;
}
.tab {
display: inline-block;
zoom: 1;
list-style: none;
}
.tab a {
font-family: 'Red Hat Display', sans-serif;
font-size: 12px;
line-height: 3em;
font-weight: 700;
display: block;
outline: none;
color: #4a515b;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #d9dfe7;
text-transform: uppercase;
letter-spacing: 1px;
}
.tab a:hover {
color: #f15b26;
}
.tab.active {
background: #fff;
position: relative;
}
.tab a.active {
color: #f15b26;
font-weight: bold;
border-color: #f15b26;
}
.ps-block .product-detail {
display: flex;
flex-flow: column;
align-items: center;
}
.ps-block .product-detail .img-block {
width: 100%;
}
.ps-block .product-detail .text-block {
width: 100%;
}
.ps-block .product-detail .text-block h5 {
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
.ps-block .product-detail .text-block h2 {
font-size: 86px;
line-height: 80px;
color: #f15b26;
font-weight: 700;
}
.slick-prev:before,
.slick-next:before {
content: none;
}
.slick-prev,
.slick-next {
width: auto;
height: auto;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
.slick-prev i,
.slick-next i {
font-size: 22px;
color: #6e7077;
border: 1px solid #6e7077;
border-radius: 30px;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.slick-prev:hover i,
.slick-next:hover i {
color: #f15b26;
border-color: #f15b26;
}
.product-slider {
margin-top: 60px;
}
.cs-next-prev,
.ps-next-prev {
margin-top: 20px;
}
.cs-next-prev button,
.ps-next-prev button {
border: none;
background-color: transparent;
padding: 0;
margin-right: 15px;
cursor: pointer;
}
.cs-next-prev button i,
.ps-next-prev button i {
width: 50px;
height: 50px;
font-size: 22px;
color: #6e7077;
border: 1px solid #6e7077;
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
}
.cs-next-prev span,
.ps-next-prev span {
font-size: 18px;
color: #4a515b;
font-weight: 700;
letter-spacing: 2px;
}
.cs-next-prev span i,
.ps-next-prev span i {
font-style: normal;
color: #f15b26;
}
.cs-next-prev button:hover i,
.ps-next-prev button:hover i {
color: #f15b26;
border-color: #f15b26;
}
.recent-projects {
position: relative;
}
.recent-projects:after {
content: '';
z-index: -1;
position: absolute;
right: 0;
width: 100%;
height: 75%;
bottom: 10%;
background-color: #dbdcde;
-webkit-transform: skewY(-6deg);
-moz-transform: skewY(-6deg);
-ms-transform: skewY(-6deg);
-o-transform: skewY(-6deg);
transform: skewY(-6deg);
}
.recent-projects .flex-title {
display: flex;
flex-flow: column;
justify-content: space-between;
margin-bottom: 50px;
}
.recent-projects .flex-title .left,
.recent-projects .flex-title .right {
width: 100%;
margin: 0;
text-align: center;
}
.recent-projects .project {
position: relative;
overflow: hidden;
max-width: 440px;
margin: 10px auto;
}
.recent-projects .project:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.recent-projects .project img {
width: 100%;
}
.recent-projects .project figcaption {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 20px;
color: #fff;
background-color: transparent;
transition-duration: .3s;
}
.recent-projects .project h4 {
color: #fff;
font-size: 24px;
line-height: 34px;
font-weight: 500;
margin-bottom: 0;
text-transform: uppercase;
}
.recent-projects .project p {
color: #fff;
}
.recent-projects .project .text {
margin-top: 20px;
display: none;
}
.recent-projects .project .btn-wrap {
margin-top: 15px;
display: none;
}
.recent-projects .project .btn-wrap i {
color: #fff;
font-size: 28px;
}
.recent-projects .project:hover:before {
transition: all 0.5s ease-in-out, visibility 0s 0.1s;
}
.recent-projects .project:hover h4,
.recent-projects .project:hover .text,
.recent-projects .project:hover .btn-wrap {
display: block;
animation: fadeInUp;
-webkit-animation-name: fadeInUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.recent-projects .wrap-btn {
margin-top: 40px;
text-align: center;
}
#testimonials {
margin-top: 30px;
padding: 0 13%;
}
#testimonials p {
font-family: 'Kaisei Tokumin', serif;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: #f15b26;
}
#testimonials h6 {
font-size: 16px;
line-height: 26px;
margin-top: 25px;
color: #4a515b;
font-weight: 700;
text-transform: uppercase;
}
#testimonials cite {
font-size: 16px;
line-height: 26px;
margin-top: 25px;
color: #4a515b;
font-weight: 400;
text-transform: uppercase;
}
.page-block {
overflow: hidden;
width: 100%;
padding: 60px 0;
}
.specification-wrap {
padding-top: 80px;
padding-bottom: 40px;
}
.specification-wrap .section-title {
text-align: center;
}
.lr-block {
display: block;
justify-content: space-between;
flex-direction: column;
flex-wrap: wrap;
}
.lr-block>div {
width: 100%;
}
.lr-block>div.img-block {
margin-bottom: 20px;
}
.left-right-block {
position: relative;
}
.left-right-block:before {
content: '';
position: absolute;
width: 40%;
background-color: #feeee9;
left: 0;
height: 50%;
z-index: -1;
transform: skewY(7deg);
top: 5%;
}
.page-template-about .left-right-block:before {
height: 70%;
}
.left-right-block:after {
content: '';
position: absolute;
width: 50%;
background-color: #dbdcde;
right: 0;
height: 25%;
z-index: -1;
transform: skewY(7deg);
bottom: 5%;
}
.page-template-about .left-right-block:after {
content: none;
}
.lr-block .right-image {
margin-top: 10%;
}
.info-grid {
display: grid;
gap: 2rem;
}
.info-grid>div {
display: flex;
font-size: 15px;
text-align: center;
flex-direction: column;
flex-wrap: wrap;
font-family: 'Red Hat Display', sans-serif;
}
.info-grid>div>span:last-child {
margin-top: 35px;
}
.info-grid>div h6 {
font-family: 'Red Hat Display', sans-serif;
color: #4a515b;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
}
.info-grid>div>span:first-child {
margin-bottom: 15px;
}
.info-grid>div a {
display: block;
color: #4a515b;
}
.info-grid>div a:hover {
color: #f15b26;
}
.contact-block {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.contact-block>div {
width: 100%;
}
.contact-block .form-block {
margin-bottom: 30px;
}
.contact-block .form-block h3 {
font-size: 40px;
line-height: 50px;
}
.locations-block {
overflow: hidden;
width: 100%;
margin-top: 60px;
}
.location-list>div {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-bottom: 50px;
}
.location-list .loc-img {
margin: 0 auto 20px auto;
}
.location-list .loc-info {
margin-top: 15px;
text-align: center;
}
.location-list h3 {
font-family: 'Red Hat Display', sans-serif;
font-size: 32px;
line-height: 40px;
}
.location-list .info-grid {
margin-top: 26px;
}
.team-wrap .flex-div {
max-width: 1000px;
margin: 0 auto;
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr;
}
.team-wrap .flex-div .team {
position: relative;
max-width: 320px;
margin: 0 auto;
}
.team-wrap .flex-div .team .overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgb(74 81 91 / 30%);
}
.team-wrap .flex-div .team .overlay .text {
position: absolute;
bottom: 0;
padding: 20px 30px;
}
.team-wrap .team .text h4 {
font-size: 28px;
line-height: 40px;
font-weight: 700;
color: #fff;
margin-bottom: 0;
}
.team-wrap .team .text p {
color: #fff;
margin-bottom: 0;
}
.specification-wrap .left-right-block:before {
height: 50%;
width: 50%;
}
.specification-wrap .left-right-block:after {
content: none;
}
.specification-wrap .features>div {
display: flex;
flex-flow: row;
align-items: center;
margin-bottom: 10px;
}
.specification-wrap .features .icon {
margin-right: 25px;
}
.specification-wrap .features .icon img {
border: 1px solid #4a515b;
border-radius: 50%;
width: 20px;
}
.specification-wrap .features h6 {
font-size: 24px;
line-height: 32px;
margin-bottom: 0px;
font-weight: 700;
display: block;
}
.specification-wrap .features p {
display: block;
margin-bottom: 0;
}
.features-wrap {
padding-top: 40px;
padding-bottom: 80px;
}
.features-wrap .section-title {
text-align: center;
}
.features-wrap .feature-grids {
display: grid;
gap: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
text-align: center;
}
.features-wrap .feature .icon img {
border: 1px solid #f15b26;
}
.features-wrap .feature .icon {
margin-bottom: 25px;
}
.features-wrap .feature .text h4 {
font-size: 18px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 7px;
}
.psi-wrap {
position: relative;
padding-bottom: 60px;
}
.psi-wrap::after {
content: '';
z-index: -1;
position: absolute;
right: 0;
width: 100%;
height: 70%;
bottom: 13%;
background-color: #feeee9;
-webkit-transform: skewY(-10deg);
-moz-transform: skewY(-10deg);
-ms-transform: skewY(-10deg);
-o-transform: skewY(-10deg);
transform: skewY(-10deg);
}
.psi-wrap .product-slider {
margin-top: 0;
}
.pds-wrap .flex-div {}
.pds-wrap .flex-div .left-wrap {
width: 100%;
}
.pds-wrap .flex-div .right-wrap {
width: 100%;
margin-top: 25px;
}
.pds-wrap h3 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
.op-wrap.ps-block::after {
content: none;
}
.op-wrap .product-hub {
display: grid;
gap: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.op-wrap .product-hub .product {
position: relative;
overflow: hidden;
display: inline-flex;
}
.ps-block .product-hub .product:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgb(74 81 91 / 30%);
}
.ps-block .product-hub .product figcaption {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 20px;
color: #fff;
background-color: transparent;
transition-duration: .3s;
}
.ps-block .product-hub .product h4 {
color: #fff;
font-size: 32px;
line-height: 40px;
font-weight: 500;
margin-bottom: 0;
text-transform: uppercase;
}
.ps-block .product-hub .product p {
color: #fff;
margin-bottom: 0;
}   .contact-wrap {
background-color: #dbdcde;
}
.contact-wrap .form {
max-width: 850px;
margin: 0 auto;
}
.form-block .dd .ddChild li {
padding-left: 15px;
}
.form-group {
margin-bottom: 1.5rem;
position: relative;
display: grid;
}
.form-block p {
margin-bottom: 0;
}
.form-block div.wpcf7 img.ajax-loader {
float: right;
}
.form-block div.wpcf7-response-output {
margin-top: 0.5rem;
}
.form-group .site-form {
background-color: #fff;
border: 1px solid #eeeeee;
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
font-weight: 500;
color: #62656a;
padding: 1rem 1rem 1rem 2.5rem;
width: 100%;
position: relative;
}
.form-group span {
position: relative;
}
.form-group span i {
position: absolute;
left: 10px;
top: 45px;
font-size: 18px;
color: #d2d6db;
}
.form-button .wpcf7-spinner {
display: block;
margin: 15px 0 0 auto;
}
.form-group .site-form:active,
.form-group .site-form:focus,
.form-group .site-form:focus-visible,
.form-group .site-form:visited {
outline: none;
}
.form-group textarea {
resize: none;
font-family: 'Red Hat Display', sans-serif;
}
.dd {
border: 1px solid #eeeeee;
}
.dd .ddTitle {
background-image: none;
background-color: #fbfbfb;
font-family: 'Red Hat Display', sans-serif;
border: none;
color: #4a515b;
padding: 0;
}
.dd .ddChild ul {
padding-left: 0;
}
.dd .ddChild li:before {
background-color: transparent;
}
.dd .ddChild li .ddlabel {
color: #62656a;
}
.dd .divider {
border-left: none;
border-right: none;
right: 24px;
}
.dd .ddArrow {
margin-top: 0;
top: 15px;
}
.borderRadiusTp {
border-radius: 0;
}
.dd .ddTitle .ddTitleText {
padding: 1rem 1rem 1rem 2.5rem;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #62656a;
font-family: 'Red Hat Display', sans-serif;
letter-spacing: 0;
}
.ddcommon .ddChild li:before {
width: auto;
height: auto;
}
.section .ddcommon ul {
margin: 0;
padding: 0;
}
form .dd .ddArrow {
width: 15px;
height: 21px;
right: 15px;
background-image: url("/source/97e650e70763bf1bf71d216a3f4cc0c5/ddarrow.png");
}
.dd .ddChild li {
padding: 5px 20px;
background-color: #fff;
border-bottom: 1px solid #d9dfee;
}
.dd .ddChild li.selected {
background-color: #282e35;
color: #FFF;
}
.dd .ddChild li.selected .ddlabel {
color: #FFF;
}
.form-group select {
width: 100%;
}
.form-group label {
color: #4a515b;
margin-bottom: 4px;
display: block;
font-size: 16px;
font-weight: 700;
}
.form-group>span.captchaimage {
position: absolute;
right: 0;
width: 80px;
text-align: right;
margin-top: 9px;
}
.form-group.grid-2 {
gap: 1.5rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.form-group.grid-3 {
gap: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.form-group.grid-4 {
gap: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.form-group.grid-5 {
gap: 1rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.form-button {
overflow: hidden;
margin-top: 2rem;
position: relative;
}
.form-button span.btn-icon {
position: absolute;
top: 18px;
right: 40px;
color: #fff;
}
.form-button input[type="submit"],
.form-button button {
font-family: 'Red Hat Display', sans-serif;
font-size: 18px;
font-weight: 500;
cursor: pointer;
text-align: center;
padding: 18px 35px;
letter-spacing: 1px;
margin: 0;
min-width: 270px;
border: 2px solid #f15b26;
background-color: #f15b26;
color: #fff;
text-transform: uppercase;
filter: none;
-webkit-filter: none;
-webkit-transition: all 0.2s ease-in 0s;
-moz-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
}
.form-button input[type="submit"]:hover,
.form-button bitton:hover {
background-color: transparent;
color: #f15b26;
}
form .submit-input {
position: relative;
display: inline-block;
}
.submit-input i {
position: absolute;
left: 12px;
color: #FFF;
font-size: 12px;
font-weight: 400;
top: 16px;
}
.form-block form .submit-input {
float: right;
width: 450px;
}
.form-block .submit-input i {
left: 170px;
top: 22px;
}
.form-block form .submit-btn {
width: 450px;
padding: 20px 20px;
}
.form-block .form-group {
margin-bottom: 20px;
}
*::-webkit-input-placeholder {
color: #86868b;
opacity: 1;
}
*:-moz-placeholder {
color: #86868b;
opacity: 1;
}
*::-moz-placeholder {
color: #86868b;
opacity: 1;
}
*:-ms-input-placeholder {
color: #86868b;
opacity: 1;
}
div.wpcf7-response-output {
font-size: 13px;
line-height: 20px;
margin: 0;
color: #ff5100;
padding: 2px;
}
span.wpcf7-not-valid-tip {
font-size: 13px;
}
.ms-grid {
display: grid;
gap: 2rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.miision-statement {
padding: 4rem 0;
}
.ms-grid>div,
.ms-grid>a {
background-color: #feeee9;
filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
padding: 3rem 2rem;
text-align: center;
}
.ms-grid>div h4,
.ms-grid>a h4 {
font-weight: 700;
margin-bottom: 30px;
font-size: 26px;
}   .site-footer {
padding: 50px 0;
background-color: #282e35;
color: #fff;
position: relative;
}
.site-footer .social-links {
padding-bottom: 40px;
}
.site-footer .social-links ul {
display: flex;
flex-flow: row;
justify-content: center;
}
.site-footer .social-links li {
margin: 0 5px;
}
.site-footer .social-links li a {
color: #62656a;
font-size: 18px;
padding: 6px;
border: 1px solid #62656a;
border-radius: 50%;
width: 35px;
height: 35px;
display: inline-block;
}
.site-footer .social-links li a:hover {
color: #f15b26;
border-color: #f15b26;
}
.site-footer .content {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.site-footer .content>div {
margin-top: 20px;
}
.site-footer .content .middle-wrap h4 {
font-size: 18px;
line-height: 26px;
color: #fff;
}
.site-footer p,
.site-footer a {
font-family: 'Red Hat Display', sans-serif;
color: #fff;
font-size: 14px;
line-height: 24px;
}
.site-footer .address a:hover {
color: #f15b26;
}
.site-footer ul li {
list-style: none;
}
.site-footer .copyright p {
margin-bottom: 0;
}
.site-footer .copyright a {
color: #f15b26;
}
.site-footer .copyright a:hover {
color: #fff;
text-decoration: underline;
}
.faq-accordion>.content {
border: 1px solid #e3e3e3;
}
.faq-accordion>.content>section {
border-bottom: 1px solid #e3e3e3;
background-color: #fcfcfc;
padding: 10px 0;
}
.faq-accordion>.content>section:last-child {
border-bottom: none;
}
.faq-accordion div.acc_container .block {
padding: 0 0;
}
.faq-accordion h2.acc_title_bar a {
padding: 14px 50px 20px 20px;
color: #000000;
position: relative;
}
.faq-accordion h2.acc_title_bar {
font-size: 20px;
border: none;
background-color: transparent;
height: auto;
line-height: normal;
font-family: 'Mulish', sans-serif;
font-weight: 700;
color: #000000;
margin-bottom: 0;
}
.faq-accordion h2.default-title-bar-active a {
font-weight: 700;
color: #f15b26;
}
.faq-accordion h2.acc_title_bar a::before {
font-family: "Font Awesome 6 Pro";
content: "\f0dd";
font-weight: 700;
background-color: transparent;
border-radius: 9999px;
width: 38px;
height: 38px;
line-height: normal;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.35s linear;
top: 11px;
left: auto;
right: 12px;
font-size: 24px;
}
.faq-accordion h2.default-title-bar-active a::before,
.faq-accordion h2.acc_title_bar:hover a::before {
background-color: #f15b26;
color: #FFFFFF;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-accordion h2.acc_title_bar a::after {
width: auto;
height: auto;
line-height: normal;
}
.faq-accordion h2.default-title-bar-active a::after {
background: transparent;
}
.faq-accordion div.acc_container {
margin: 0;
padding: 0 20px;
border: none;
border-top: 0;
background-color: transparent;
}
.faq-accordion div.acc_container p {
color: #4a4a4a;
}
.section.blog {
background-color: #fff;
}
.section.blog .post {
margin-bottom: 30px;
}
.section.blog .postText {
padding: 40px 30px;
border: 1px solid #e5e5e5;
}
.section.blog h3.post-title,
.blogcontain .blog.full h3 {
font-size: 28px;
line-height: 38px;
color: #111111;
font-weight: 600;
margin-bottom: 10px;
}
.blog-detail.single {
padding-top: 20px;
}
.section.blog .posted_by,
.blog-detail.single b {
font-size: 14px;
line-height: 20px;
color: #f15b26;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 20px;
display: inline-block;
}
.section.blog .post p {
font-size: 16px;
line-height: 26px;
color: #777777;
font-weight: 400;
}
.section.blog .post .btn {
margin-top: 20px;
}
.wp-pagenavi {
width: 100%;
display: block;
padding: 15px 0;
text-align: center;
}
.wp-pagenavi span {
border: none;
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #111111;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 20px;
}
.wp-pagenavi span.current {
font-weight: 500;
height: 36px;
width: 36px;
}
.wp-pagenavi span.pages {
display: none;
}
.wp-pagenavi a,
.wp-pagenavi span {
font-family: 'Red Hat Display', sans-serif;
border: 2px solid transparent;
border-radius: 32px;
padding: 7px 12px;
color: #111111;
font-size: 14px;
line-height: 20px;
}
.wp-pagenavi a.last {
border: none;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
border-color: #f15b26;
}
.wp-pagenavi a.nextpostslink {
float: right;
border: none;
color: #111111;
font-family: 'Red Hat Display', sans-serif;
}
.wp-pagenavi a.previouspostslink {
float: left;
border: none;
color: #111111;
font-family: 'Red Hat Display', sans-serif;
}
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover {
background-color: transparent;
color: #f15b26;
}
.blog-wrap .blogcontain {
max-width: 750px;
margin: auto;
padding: 0 15px;
}
.blogcontain .blog-detail.single>b {
margin-bottom: 10px;
display: block;
}
.section.blog-wrap {
overflow: hidden;
}   @media (min-width:580px) {
#hero-slider .btn-wrap a.site-btn {
margin-right: 15px;
display: inline-block;
width: auto;
}
.features-wrap .feature-grids {
text-align: left;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width:680px) {
.section-title h2 br {
display: block;
}
.site-header .left-wrap {
width: 220px;
}
#hero-slider .slider-content .content {
padding-top: 25%;
}
.hero-block .hero-layer {
padding: 150px 0 250px 0;
}
#hero-slider .slider-content h1,
.page-title h1 {
font-size: 34px;
line-height: 42px;
margin-bottom: 10px;
}
#hero-slider p {
font-size: 18px;
}
.location-list h3,
.locations-block .section-title h2 {
text-align: left;
}
.info-grid {
max-width: 400px;
margin: 0 auto;
}
.info-grid>div>span:first-child {
width: 80px;
margin: 0 auto;
}
.location-list .info-grid {
max-width: 100%;
}
.location-list .loc-img {
margin: 0 0 20px 0;
}
.pl-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.site-btn {
padding: 12px 20px;
font-size: 14px;
font-weight: 500;
max-width: 200px;
display: inline !important;
margin-right: 10px !important;
}
.ps-block .product-detail .text-block h2 {
font-size: 56px;
line-height: 60px;
}
}
@media (min-width: 768px) {
.pd-100 {
padding: 100px 0;
}
.pd-80 {
padding: 80px 0;
}
.pd-60 {
padding: 60px 0;
}
.pd-50 {
padding: 50px 0;
}
.pd-40 {
padding: 40px 0;
}
.pdt-0 {
padding-top: 0;
}
.pdt-60 {
padding-top: 60px;
}
.pdt-100 {
padding-top: 100px;
}
p br {
display: block;
}
.max-w-full {
padding: 0 2rem;
}
.flex {
display: flex;
}
.site-btn {
font-size: 18px;
}
.site-header {
position: fixed;
}
.site-header.sticky-header {
background-color: rgb(0 0 0 / 75%);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
#hero-slider .slider-content .content {
padding-top: 30%;
}
#hero-slider .slider-content h1 {
font-size: 48px;
line-height: 58px;
}
.hero-block .hero-layer {
padding: 350px 0 350px 0;
}
.hero-block h1 {
font-size: 86px;
line-height: 90px;
}
.hero-block p {
font-size: 20px;
}
.fullbg-block h2 {
font-size: 50px;
line-height: 58px;
}
.gsn-wrap .overlay {
padding: 200px 0px;
}
.gsn-wrap .flex {
justify-content: space-between;
}
.gsn-wrap .text {
width: 60%;
text-align: left;
}
.gsn-wrap .btn-wrap {
width: 40%;
text-align: right;
}
.ps-block .etabs {
display: flex;
flex-flow: row;
}
.ps-block .etabs li {
display: block;
flex: 1;
}
.ps-block .product-detail {
flex-flow: row wrap;
}
.ps-block .product-detail .img-block {
width: 65%;
margin-right: 3%;
}
.ps-block .product-detail .text-block {
width: 32%;
}
.ps-block::after {
height: 32%;
bottom: 6%;
}
.recent-projects .flex-title {
flex-flow: row wrap;
}
#testimonials p {
font-size: 30px;
line-height: 40px;
}
.info-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
max-width: 100%;
align-items: start;
}
.features-wrap .feature-grids {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.specification-wrap .section-title,
.features-wrap .section-title {
text-align: left;
}
.specification-wrap .left-right-block:before {
height: 60%;
}
.info-grid>div {
text-align: center;
}
.info-grid>div>span:first-child {
margin-bottom: 15px;
width: 100%;
}
.info-grid>div>span:last-child {
width: 100%;
}
.op-wrap .product-hub {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form-group.grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form-group.grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.form-group.grid-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ms-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.site-footer .content .right-wrap {
text-align: left;
}
}
@media (min-width:1024px) {
.visible-lg {
display: block;
}
.visible-xs {
display: none;
}
.mobile-view {
display: none;
}
.desktop-view {
display: block;
}
.other-link {
display: block;
}
.site-header {
padding: 0;
}
.site-header .other-link {
order: 2;
margin-left: 16px;
margin-right: 0;
}
.site-header .other-link ul li:first-child {
margin-left: 0;
margin-right: 0;
}
.slidebtn {
display: none;
}
.block-title h2 {
font-size: 36px;
line-height: 46px;
}
.section-title p {
font-size: 22px;
}
#hero-slider .slider-content .content {
padding-top: 10%;
padding-left: 10%;
}
.left-right-block:before {
height: 85%;
top: 10%;
}
.page-template-about .left-right-block:before {
height: 95%;
}
.left-right-block:after {
height: 40%;
width: 40%;
}
.lr-block .right-image {
margin-top: 30%;
}
.specification-wrap {
padding-top: 100px;
padding-bottom: 60px;
}
.specification-wrap .left-right-block:before {
height: 100%;
width: 35%;
}
.features-wrap {
padding-top: 60px;
padding-bottom: 100px;
}
.section-title h2 {
font-size: 54px;
line-height: 64px;
}
.section-title p {
font-size: 22px;
}
#hero-slider .slider-content h1 {
font-size: 56px;
line-height: 66px;
}
#hero-slider .slider-content h4 {
font-size: 36px;
line-height: 45px;
}
#hero-slider p {
font-size: 20px;
}
.hero-block h1 {
font-size: 56px;
line-height: 66px;
}
.fullbg-block h2 {
font-size: 60px;
line-height: 70px;
}
.fullbg-block .overlay {
padding: 250px 20px;
}
.gsn-wrap::before {
height: 180px;
top: -80px;
}
.gsn-wrap::after {
height: 180px;
bottom: -80px;
}
.gsn-wrap .text {
width: 70%;
}
.gsn-wrap .btn-wrap {
width: 30%;
}
.tab a {
font-size: 14px;
}
.ps-block::after {
height: 35%;
bottom: 5%;
}
.recent-projects .product-grids {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
}
.recent-projects .project {
display: inline-flex;
}
.recent-projects:after {
height: 550px;
bottom: 13%;
}
.recent-projects .wrap-btn {
text-align: left;
}
.page-block {
padding: 100px 0;
}
.lr-block {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.lr-block>div.img-block {
width: 43%;
margin-bottom: 0;
}
.lr-block>div.text-block {
width: 48%;
}
.team-wrap .flex-div {
grid-gap: 2rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.specification-wrap .lr-block>div.img-block {
width: 57%;
margin-bottom: 0;
}
.specification-wrap .lr-block>div.text-block {
width: 40%;
}
.info-grid>div>span:first-child {
width: 80px;
margin: auto;
}
.contact-block {
justify-content: space-between;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.contact-block>div {
width: 47%;
}
.contact-block .map-block {
order: 1;
}
.contact-block .form-block {
order: 2;
margin-bottom: 0;
}
.contact-block .form-block h3 {
font-size: 60px;
line-height: 70px;
}
.pds-wrap .flex-div {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.pds-wrap .flex-div .left-wrap {
width: 57%;
}
.pds-wrap .flex-div .right-wrap {
width: 40%;
margin-top: 0;
}
.op-wrap .product-hub {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.form-group.grid-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.form-group.grid-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.pl-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ms-grid>div h4,
.ms-grid>a h4 {
font-size: 36px;
}
.site-footer {
padding: 60px 0;
}
.site-footer .content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: end;
justify-content: space-between;
}
.site-footer .content>div {
margin-top: 0;
}
}
@media (min-width:1160px) {
.recent-projects .flex-title .left,
.recent-projects .flex-title .right {
width: 50%;
text-align: left;
}
}
@media (min-width:1260px) {
.site-header .other-link ul li {
margin-left: 40px;
margin-right: 0;
}
}
@media (min-width:1360px) {
.site-header .left-wrap {
width: 296px;
}
.max-w-full {
padding: 0 3rem;
}
.section-title h2 {
font-size: 60px;
line-height: 65px;
}
.block-title h2 {
font-size: 40px;
line-height: 50px;
}
.section-title p {
font-size: 24px;
}
#hero-slider .slider-content h1 {
font-size: 86px;
line-height: 90px;
}
#hero-slider .slider-content h4 {
font-size: 40px;
line-height: 50px;
}
#hero-slider p {
font-size: 24px;
line-height: 34px;
}
.hero-block h1 {
font-size: 70px;
line-height: 80px;
}
.hero-block p {
font-size: 22px;
}
.mission-block p br {
display: block;
}
.specification-wrap .block-title h2 {
font-size: 37px;
line-height: 42px;
margin-bottom: 5px;
}
.specification-wrap .block-title h5 {
font-size: 30px;
line-height: 48px;
font-weight: 700;
color: #f15b26;
margin-bottom: 10px;
}
}
@media (min-width:1460px) {
.max-w-full {
padding: 0 5rem;
}
}
@media (min-width: 1560px) {
#hero-slider .slider-content .content {
padding-top: 20%;
}
}
@media (min-width: 1760px) {
#hero-slider .slider-content .content {
padding-top: 25%;
}
}
@media (min-width: 1760px) {
#hero-slider .slider-content .content {
padding-top: 30%;
}
}