.weathering-solutions-template .container {
max-width: 950px !important;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
*, *::before, *::after {
box-sizing: border-box!important;
}
.mobile {
display:none;
}
@media (min-width: 992px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.justify-content-center {
justify-content: center!important;
}
.justify-content-space-between {
justify-content: space-between;
}
.align-items-center{
align-items: center;
}
.align-items-end {
align-items: end;
}
.rc {
font-family: 'Roboto Condensed';
}
.mt-2 {
margin-top: 20px;
}
.weathering-solutions-template img{
max-width: 100%;
}
.w-100{
width: 100%;
} header, 
footer,
.testimonials-swiper,
#Subheader{
display: none!important;
}
html{
background-color: #fff!important;
}
div#Wrapper {
background: none;
} div#Content {
padding-top: 0px !important;
}
.text-center{
text-align: center!important;
}
.weathering-solutions-template ul {
list-style: disc;
padding-left: 20px;
}
.text-wrap {
padding: 25px;
background-color: #fff;
color: #000;
border-radius: 15px;
}
.text-wrap p {
margin-bottom: 0px;
}
.bg-image{
background-repeat: repeat;
background-position: center center;
background-size: cover;
padding: 50px 15px;
}
ul.list-3-column {
column-count: 3;
} .landing-page-header{
background: rgba(65, 116, 140, 0.6);
background-image: url(//www.natina.com/wp-content/uploads/2025/05/top-bar-header-bg.png);
background-repeat: repeat;
background-position: center top;
border-style: none none none none;
border-color: none;
margin: auto;
border-radius: 0px;
width: 100%;
height: 83px;
position: relative;
}
.landing-page-header-overlay{
position: absolute;
background: rgba(65, 116, 140, 0.6);
height: 83px;
width: 100%;
}
.landing-page-header img {
position: absolute;
left: -34%;
top: 0px;
z-index: 6;
} .bottom-footer {
background-color: #41748c;
color: #fff;
padding: 25px 0px;
}
.bottom-footer p {
margin-bottom: 0px;
}@media screen and (max-width:767px){
.mobile {
display: block;
}
.desktop {
display: none;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
padding-left: 15px;
padding-right: 15px;
}
.reverse-column-mobile {
flex-direction: column-reverse;
}
.weathering-solutions-template .container {
padding-left: 15px !important;
padding-right: 15px !important;
}
.weathering-solutions-template .form-container {
position: static;
}
ul.list-3-column {
column-count: 1;
}
.landing-page-header,
.landing-page-header-overlay {
height: 40px;
}
.landing-page-header img {
left: 0;
} .section-1 ul, .section-1 .testimonial {
display: none;
}
.section-1 .row.justify-content-space-between {
justify-content: center;
}
.section-1 h1 {
font-size: 42px!important;
text-align: center;
}
.section-1 a.button-cta-call {
justify-content: center;
}
.section-1 a.button-cta-call .btn-text strong {
font-size: 29px!important;
}
.text-wrap {
margin-top: 20px;
} .panels .panel,
.panels .panel .panel-icon,
.panels .panel .panel-text,
.panel-tri .panel {
flex: 0 0 100%!important;
-ms-flex: 0 0 100%!important;
max-width: 100%!important;
}
.panels .panel .panel-icon {
text-align: center;
margin-bottom: 10px;
}
.panels .panel .panel-text {
text-align: center!important;
}
.panels .panel .panel-text strong {
display: block;
}
.section-7 br,
.section-8 br {
display: none;
}
.section-10 h2 {
font-size: 32px;
}
.section-12 a.btn-cta-bottom {
font-size: 28px!important;
line-height: 26px!important;
}
.bottom-footer {
text-align: center;
}
}