.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
} .wp-block-embed embed,
.wp-block-embed iframe,
.wp-block-embed object {
max-width: 100%;
} .navbar {
min-height: 54px; }
.rounded {
border-radius: 1rem!important;
}
.wp-block-image img, 
.wp-block-image.has-custom-border img {
border-radius: 10px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.wp-block-columns {
margin-bottom: 0;
}
.wp-block-column.is-layout-flow {
vertical-align: middle!important;
}
:root {
--abb-deep: #025c44;
--abb-green: #008861;
--abb-ink: #053427;
--abb-muted: #4f6f65;
--abb-line: #d3e3db;
--abb-mint: #dcefe6;
}
.abb-home :focus-visible { outline: 3px solid var(--abb-green); outline-offset: 3px; } .container-fluid {
padding-left: 50px;
padding-right: 50px;
max-width: 1760px;
}
body {
font-family: Montserrat, sans-serif;
font-optical-sizing: auto;
font-size: 18px;
font-weight: 400;
font-style: normal;
line-height: 1.6;
color: #053427;
}
h1,
h2,
h3 {
font-weight: 800;
font-style: normal;
color: #008861;
}
h1 {
margin-bottom: 30px;
color: #025c44;
} h2 {
margin-bottom: 30px;
color: #008861;
}
h1.title-left::after,
h2.title-left::after,
.text-left h1::after,
.text-left h2::after {
position: absolute;
left: -15px;
}
.text-left .block h2::after {
left: 25px;
}
h2.white::after {
position: absolute;
left: -15px;
content: url(//asiabreakbulk.com/wp-content/themes/asiabreakbulk/assets/images/wave_white.png);
transform: scale(.7);
display: block;
}
.start_news h2::after,
.start_team h2::after,
.bg_cta h2::after,
h2.none::after,
h3.none::after,
.vacancy-list h3::after,
h3.rpc-title::after {
content: " ";
}
h3 {
color: #008861;
}
h3::after {
content: url(//asiabreakbulk.com/wp-content/themes/asiabreakbulk/assets/images/wave_h3.png);
transform: scale(.6);
display: block;
}
h3.title-left::after {
position: absolute;
left: 0;
}
p {
margin-bottom: 25px;
}
b, strong, .strong {
font-weight: 800;
}
a {
color: #053427;
text-decoration: none;
}
p a {
text-decoration: underline;
}
a:hover {
color: #008861;
text-decoration: none;
cursor: pointer;
}
p a:hover {
text-decoration: underline;
}
p.nounderline a,
p a.nounderline {
text-decoration: none;
}
.header-container a,
.header-container:hover {
border-bottom: none;
}
a.white:hover {
color: #fff;
}
a[name=contactus],
a[name=apply],
a[name=vacancies] {
display: block;
position: relative;
top: -150px;
visibility: hidden;
}
}
ul, ol {
padding-left: 20px;
}
.white {
color: #fff;
}
.lblue {
color: #008ed3;
}
.blue {
color: #004f91;
}
.dblue {
color: #012751;
}
.green {
color: #008861;
}
.gray {
color: #ccc;
}
.bgwhite {
background-color: #fff;
}
.bggray,
.bglblue {
background-color: #f3f8f5;
}
.bgblue {
color: #fff;
background-color: #004f91;
}
.bgdblue {
background-color: #012751;
}
.bggreen {
background-color: #008861;
}
.bggraygreen {
background-color: #e3e3e3;
}
.bgdgreen {
background-color: #025c44;
}
.bggradient {
padding-top: 40px;
padding-bottom: 40px; background: #008861 linear-gradient(to right,  rgba(2,102,75,1) 10%,rgba(0,136,97,1) 60%); }
.bradius {
border-radius: 20px;
}
.box-shadow {
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.scroll-link {
display: block;
margin-top: -150px;
height: 150px;
} .logged-in .header-container {
margin-top: 32px;
}
.header-container {
padding-top: 10px;
padding-bottom: 20px; background: #008861 linear-gradient(to right,  rgba(2,102,75,1) 10%,rgba(0,136,97,1) 60%); border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
-webkit-transition: .8s ease-in-out;
-moz-transition: .8s ease-in-out;
-ms-transition: .8s ease-in-out;
-o-transition: .8s ease-in-out;
transition: .8s ease-in-out;
}
.header-container:hover {
background-color: rgba(255,255,255,1);
}
.header-container.smaller,
.category .header-container,
.page-template-page-updates .header-container,
.error404 .header-container { background: #008861 linear-gradient(to right,  rgba(2,102,75,1) 10%,rgba(0,136,97,1) 60%); border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.site-title img {
position: absolute;
opacity: 0;
-webkit-transition: .8s ease-in-out;
-moz-transition: .8s ease-in-out;
-ms-transition: .8s ease-in-out;
-o-transition: .8s ease-in-out;
transition: .8s ease-in-out;
} .site-title img.white { opacity: 1;
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}  .navbar-nav {
margin-top: 10px;
}
.navbar-nav .nav-link {
margin: 0 20px;
padding: 8px 0;
height: inherit;
font-size: 24px;
font-weight: 800;
line-height: 1.2;
color: #fff;
text-shadow: 0 0 3px rgba(0,40,81,.3);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.header-container:hover .navbar-nav .nav-link,
.header-container.smaller .navbar-nav .nav-link,
.category .header-container .navbar-nav .nav-link,
.page-template-page-updates .header-container .navbar-nav .nav-link,
.error404 .header-container .navbar-nav .nav-link { color: #fff;
text-shadow: none;
}
.navbar-nav .nav-link:focus, 
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.current-menu-item,
.navbar-nav .nav-link.current-page-ancestor,
.navbar-nav .active>.nav-link, 
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show, 
.navbar-nav .show>.nav-link {
color: #fff; }
.header-container.smaller .navbar-nav .nav-link:focus, 
.header-container.smaller .navbar-nav .nav-link:hover,
.header-container.smaller .navbar-nav .nav-link.current-menu-item,
.header-container.smaller .navbar-nav .nav-link.current-page-ancestor,
.header-container.smaller .navbar-nav .active>.nav-link, 
.header-container.smaller .navbar-nav .nav-link.active, 
.header-container.smaller .navbar-nav .nav-link.show, 
.header-container.smaller .navbar-nav .show>.nav-link,
.category .header-container .navbar-nav .nav-link:hover,
.category .header-container .navbar-nav .nav-link.current-menu-item,
.page-template-page-updates .header-container .navbar-nav .nav-link.current-menu-item,
.category-news .header-container .navbar-nav .menu-item-89 .nav-link,
.error404 .header-container .navbar-nav .nav-link.current-menu-item { color: #fff; }
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.2em solid;
border-right: 0.2em solid transparent;
border-bottom: 0;
border-left: 0.2em solid transparent;
}
.dropdown-menu {
margin: 0;
padding-left: 6px;
background-color: transparent;
border: 0;
border-radius: 20px;
}
.header-container.smaller .dropdown-menu {
background-color: #fff;
}
.dropdown-item {
font-weight: 500;
color: #fff;
}
.header-container.smaller .dropdown-item {
color: #053427;
}
.dropdown-item:focus, 
.dropdown-item:hover {
color: rgba(255,255,255,.7);
background-color: transparent;
}
.header-container.smaller .dropdown-item:focus,
.header-container.smaller .dropdown-item:hover {
color: rgba(13,28,43,.7);
}
.dropdown-item.active, .dropdown-item:active {
background: none;
}
.page-header-top-right i {
margin-top: 17px;
margin-left: 15px;
color: #fff;
text-shadow: 0 0 3px rgba(0,40,81,.3);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-ms-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
.header-container.smaller i,
.category .header-container i,
.page-template-page-updates .header-container i,
.error404 .header-container.smaller i {
color: #fff;
text-shadow: none;
} .header_img {
height: 85vh;
}
.home .header_img {
height: 100vh;
} .hp_intro {
height: 100vh;
}
.hp_intro p {
margin-top: 25vh;
}
.bg_subpage {
height: 85vh;
}
.sub_intro {
height: 85vh;
}
.news_intro {
height: 50vh;
}
.hp_intro h1,
.hp_intro p,
.sub_intro p,
.news_intro p {
margin-top: 25vh;
margin-bottom: 25px;
font-size: 8vmin !important;
font-weight: 900;
font-style: normal;
line-height: 1.1;
color: #fff;
text-shadow: 0 0 10px rgba(1,39,81,.15);
}
.abb-hero-news {
display: inline-flex;
align-items: center;
gap: .6em;
margin-top: 28px;
padding: .45em 1.1em;
font-size: 15px;
font-weight: 700;
color: var(--abb-deep);
background: #fff;
border-radius: 20px;
box-shadow: 0 2px 12px rgba(1, 39, 30, .2);
transition: background .3s ease, color .3s ease;
}
.abb-hero-news::before { content: ""; width: .6em; height: .6em; border-radius: 50%; background: var(--abb-green); }
.abb-hero-news .fa-solid { font-size: .9em; }
.abb-hero-news:hover { color: #fff; background: var(--abb-deep); }
.abb-hero-news:hover::before { background: #fff; }
.header_waves {
margin-left: -5vw;
margin-bottom: 30px;
} .abb-media { position: relative; margin: 0; }
.abb-media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 20px; }
.abb-media figcaption { position: absolute; right: 14px; bottom: 12px; padding: 3px 10px; font-size: 12px; color: #fff; background: rgba(2, 40, 30, .6); border-radius: 10px; }
.abb-solutions {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 48px) / 3); gap: 24px;
margin: -10px -10px 0;
padding: 10px 10px 16px;
list-style: none;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding: 0 10px;
scroll-behavior: smooth;
overscroll-behavior-x: contain;
scrollbar-width: none;
}
.abb-solutions::-webkit-scrollbar { display: none; }
.abb-solution { scroll-snap-align: start; }
.abb-slider__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; }
.abb-slider__bar .btn { margin: 0; }
.abb-slider__nav { display: flex; gap: 10px; }
.abb-slider__nav[hidden] { display: none; }
.abb-slider__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
font-size: 18px;
color: var(--abb-deep);
background: #fff;
border: 1px solid var(--abb-deep);
border-radius: 50%;
cursor: pointer;
transition: background .3s ease, color .3s ease, opacity .3s ease;
}
.abb-slider__btn:hover:not(:disabled) { color: #fff; background: var(--abb-green); border-color: var(--abb-green); }
.abb-slider__btn:disabled { opacity: .3; cursor: default; }
.abb-solution { position: relative; overflow: hidden; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
.abb-solution img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .6s ease; }
.abb-solution a { display: block; color: #fff; }
.abb-solution a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(2, 40, 30, .8) 0%, rgba(2, 40, 30, 0) 55%); }
.abb-solution__title { position: absolute; z-index: 1; left: 24px; right: 24px; bottom: 20px; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin: 0; font-size: 1.3rem; color: #fff; }
.abb-solution__title::after { content: none !important; }
.abb-solution a:hover img { transform: scale(1.04); }
.abb-solution a:focus-visible { outline-offset: -4px; outline-color: #fff; } .abb-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 560px; margin: 8px 0 28px; border-top: 1px solid var(--abb-line); }
.abb-facts div { display: flex; flex-direction: column-reverse; justify-content: flex-end; padding: 16px 16px 0 0; }
.abb-facts div + div { padding-left: 16px; border-left: 1px solid var(--abb-line); }
.abb-facts dt { font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--abb-muted); }
.abb-facts dd { margin: 0 0 2px; font-size: 1.6rem; font-weight: 800; line-height: 1.15; white-space: nowrap; color: var(--abb-deep); }
.overview_services .layover {
height: 100%;
width: 100%;
background: rgba(13,28,43,.5) !important;
}
.overview_services .layover:hover {
background: rgba(13,28,43,1) !important;
}
.overview_services h3,
.overview_services p {
text-shadow: 0 0 5px rgba(0,0,0,.6);
}
.overview_services p {
margin-bottom: 0;
}
.block {
padding: 80px 70px;
}
.block-cta {
padding: 50px 60px 60px;
}
.block-sm {
padding: 40px 40px;
}
.gradient { background: #008861 linear-gradient(45deg,  rgba(2,102,75,1) 10%,rgba(0,136,97,1) 60%); }
.site-content-start {
margin-top: 70px;
}
.category .site-content-start,
.page-template-page-updates .site-content {
margin-top: 120px;
}
.site-content-end {
margin-bottom: 70px;
}
.site-main {
padding-top: 40px;
padding-bottom: 40px;
}
.lead_text p {
font-size: 150%;
}
iframe {
width: 100%;
} .bg_cta {
margin: 0 auto;
height: 250px;
}
.bg_cta h2 {
padding: 30px;
padding-top: 190px;
font-size: 1.6rem;
color: #fff;
} .overview_news {
margin-bottom: 30px;
border-radius: 20px;
}
.overview_news.bgwhite a:hover div,
.overview_news.bgwhite a:hover p {
color: #002751;
}
.img_news {
margin: 0 auto;
height: 200px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.img_news.img_team {
height: 400px;
}
.start_news {
padding: 30px;
}
.start_news h2 {
margin-bottom: 0;
width: 100%;
}
.start_news .fa-solid {
margin-right: 10px;
font-size: 110%;
}
.start_news:hover .date {
color: #002751;
} .abb-fleet-nb { --nb-deep:#025c44; --nb-green:#008861; --nb-muted:#4f6f65; --nb-line:#d3e3db; }
.abb-fleet-nb .block { padding-left: 0; }
.abb-fleet-nb h2 { margin-bottom: 24px; }
.abb-fleet-nb p { max-width: 62ch; }
.abb-fleet-nb .nb-status { display:inline-flex; align-items:center; gap:.55em; margin:0 0 18px; padding:.3em .95em; font-size:14px; font-weight:700; line-height:1.4; color:var(--nb-deep); background:#dcefe6; border-radius:20px; }
.abb-fleet-nb .nb-status::before { content:""; width:.6em; height:.6em; border-radius:50%; background:currentColor; }
.abb-fleet-nb .nb-facts { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:560px; margin:8px 0 28px; border-top:1px solid var(--nb-line); }
.abb-fleet-nb .nb-facts div { display:flex; flex-direction:column-reverse; justify-content:flex-end; padding:16px 16px 0 0; }
.abb-fleet-nb .nb-facts div + div { padding-left:16px; border-left:1px solid var(--nb-line); }
.abb-fleet-nb .nb-facts dt { font-size:14px; font-weight:500; line-height:1.35; color:var(--nb-muted); }
.abb-fleet-nb .nb-facts dd { margin:0 0 2px; white-space:nowrap; font-size:1.6rem; font-weight:800; line-height:1.15; color:var(--nb-deep); }
.abb-fleet-nb figure { position:relative; margin:0; }
.abb-fleet-nb figure img { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover; border-radius:20px; }
.abb-fleet-nb figcaption { position:absolute; right:14px; bottom:12px; padding:3px 10px; font-size:12px; color:#fff; background:rgba(2,40,30,.6); border-radius:10px; }
.abb-fleet-nb .btn:focus-visible { outline:3px solid var(--nb-green); outline-offset:3px; }
@media (max-width: 991px) { .abb-fleet-nb figure { margin-top: 8px; } }
@media (max-width: 575px) {
.abb-fleet-nb .nb-facts dd { font-size:1.15rem; }
.abb-fleet-nb .nb-facts div + div { padding-left:10px; }
.abb-fleet-nb .btn { white-space:normal; }
}
.fleet .start_news h2 {
font-size: 1.4rem;
}
.fleet_download a {
float: right;
margin-right: -30px;
margin-bottom: -30px;
height: 50px;
width: 50px;
padding: 12px 12px 8px 17px;
color: #fff;
background-color: #025c44;
border-bottom-right-radius: 20px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.fleet_download a:hover {
background-color: #008861;
} .contact-us i {
margin-left: auto;
margin-right: auto;
width: 30px;
text-align: center;
}
.location-map img {
padding-left: 10px;
padding-right: 10px;
opacity: .2;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.location-map img:hover,
.location-map img.active {
opacity: 1;
}
.location-map a:hover {
color: #053427;
}
.label {
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.country-name {
display: inline-block;
bottom: 15px;
padding: 0 25px 0 20px;
}
.news-cat {
padding: 10px 25px;
display: inline-block;
border-top-left-radius: 20px; 
border-bottom-right-radius: 10px; 
}
.country-flag {
display: inline-block;
width: 80px; 
height: 50px; 
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-top-left-radius: 20px; 
border-bottom-right-radius: 10px; 
}
.imprint-data i {
margin-left: auto;
margin-right: auto;
width: 30px;
text-align: center;
}
.cta-link {
font-size: 130%
} .start_team {
padding: 30px;
}
.start_team h2 {
margin-bottom: 15px;
font-size: 22px;
}
.start_team .fa-solid {
} .card-body {
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
.card-body p {
margin-bottom: 0;
}
.vacancy-list ul {
margin-bottom: 40px;
}
.vacancy-list ul li {
margin-bottom: 10px;
}
.img_vac {
height: 250px;
border-radius: 20px;
} .modal-dialog {
max-width: 800px;
} .carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
display: flex;
}
.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
transform: translateX(25%);
}
.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
transform: translateX(-25%);
}
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
transform: translateX(0);
}
.carousel-indicators {
bottom: -15px;
}
.carousel-indicators li {
background-color: #e2e5e2;
}
.carousel-indicators .active {
background-color: #a2aba2;
}
.carousel-item-background,
.carousel-item-title {
height: 33vh;
}
.fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.carousel-caption {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 0;
text-align: left;
} .breadcrumbs {
margin-top: 30px;
margin-bottom: 30px;
}
.breadcrumbs span span span {
margin: 0 10px;
}
.breadcrumbs span span span:first-child {
margin-left: 0;
}
.breadcrumbs,
.breadcrumbs a {
font-size: 16px;
color: #012751;
} .pagination-nav-container {
width: 100%;
margin-top: 30px;
}
.page-item.active .page-link {
background-color: #173c5e;
border-color: #173c5e;
}
.page-link {
padding: .5rem 1rem;
color: #173c5e;
}
.page-link:hover,
.page-item.active .page-link:hover {
color: #fff;
background-color: #4590ba;
border-color: #4590ba;
}
.page-item:first-child .page-link {
margin-left: 0;
padding: .5rem 1rem .5rem 1.2rem;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.page-item:last-child .page-link {
padding: .5rem 1.2rem .5rem 1rem;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
} table tr th {
text-transform: uppercase;
}
table tr td i {
font-size: 200%;
color: #e74474;
}
.table td {
vertical-align: middle;
border-top: 1px solid #265476;
}
.table th {
border-top: 0;
} ul {
list-style-type: square;
}
ul.checkmarks,
.vacancy-list ul {
padding-left: 25px;
list-style-type: none;
list-style-image: url(//asiabreakbulk.com/wp-content/themes/asiabreakbulk/assets/images/check-solid.png);
}
ul.checkmarks li,
.vacancy-list ul li {
padding-left: 10px;
margin-bottom: 15px;
}
ul.menulist {
margin: 0 4% 0 4%;
padding-left: 0;
}
.block-sm ul.menulist {
margin: 0;
}
ul.menulist li {
font-weight: 600;
text-align: left;
border-bottom: 1px solid #cacaca;
list-style-type: none;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
ul.presslist.presslist li {
font-weight: inherit;
}
ul.menulist li:last-child {
border-bottom: none;
}
ul.menulist li {
padding: 15px 25px 12px;
}
ul.menulist li:hover {
color: #002751;
background-color: #e8eef1;
border-bottom: 1px solid #e8eef1;
}
ul.menulist li:hover a {
color: #002751;
}
ul.menulist i {
float: right;
margin-top: 5px;
} .contactpage-form p strong {
margin-left: 25px;
}
.form-control {
padding-left: 1.5rem;
height: calc(2.25rem + 10px);
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
button[type=submit] {
margin-top: 0;
margin-right: 0;
}
input, select, textarea {
margin-top: 5px;
margin-bottom: 10px;
padding: 9px 20px 10px;
width: 100%;
background-color: #f3f7f9;
border: 1px solid #f3f7f9;
border-radius: 25px;
} .btn,
.wpcf7 button,
.wpcf7 [type=button] {
margin-top: 15px;
margin-right: 10px;
padding: 10px 45px !important;
font-size: 18px;
font-weight: 400;
font-style: normal;
text-decoration: none;
color: #fff; background: #008861 linear-gradient(to right,  rgba(2,102,75,1) 40%,rgba(0,136,97,1) 90%);
border: 0;
border-radius: 28px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.btn:hover {
color: #fff;
background: #008861;
}
.btn.btn-border {
color: #025c44;
background: transparent;
border: 1px solid #025c44;
}
.btn.btn-border:hover {
color: #fff !important;
background: #008861 !important;
border: 1px solid #008861;
}
.btn.btn-blue {
background: #004f91;
}
.header_img .btn.btn-border,
.site-footer .btn.btn-border {
color: #fff;
background: transparent;
border: 1px solid #fff;
}
.header_img .btn.btn-border:hover,
.site-footer .btn.btn-border:hover {
color: #008861 !important;
background: #fff !important;
border: 1px solid #fff;
}
.btn .fa-solid {
margin-left: 10px;
}
a[aria-expanded="true"] i {
rotate: 180deg;
} #site-footer {
padding-top: 40px;
padding-bottom: 40px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
font-size: 17px;
color: #fff;
}
#site-footer img {
width: 150px;
}
#site-footer h2 {
margin-top: 30px;
margin-bottom: 15px;
font-size: 22px;
color: #fff;
}
#site-footer h2:after {
content: " ";
}
#site-footer a {
color: #fff;
}
#site-footer a:hover {
text-decoration: none;
}
#site-footer ul {
padding-left: 0;
list-style-type: none;
}
#footer-row {
padding-top: 10px;
padding-bottom: 30px;
}
.footer-right i {
margin-right: 10px;
font-size: 36px;
text-align: center;
}
.contact-us img {
margin-bottom: 8px;
}
#site-footer .privacy,
#site-footer .privacy a {
color: #99bdb3;
}
.coli-label {
float:right; 
padding: 8px 20px 15px; 
left: inherit; 
right: 20px; 
font-size: 14px;
border-top-left-radius: 20px; 
border-top-right-radius: 20px;
box-shadow: 0 0 5px rgba(0,0,0,.2); 
}
.coli-label img {
width: 30px;
} #site-footer .tmm a {
font-size: 13px;
}
#site-footer .tmm img {
margin-top: 10px;
width: 150px;
} @media (min-width: 1600px) {
.img_news.img_team {
height: 500px;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {
body,
.btn {
font-size: 17px;
}
.navbar-nav .nav-link {
margin: 0 15px;
font-size: 20px;
}
.hp_intro p, 
.sub_intro p, 
.news_intro p {
font-size: 50px;
}
.start_news h2,
h3.rpc-title {
font-size: 1.5rem;
}
.start_news .fa-solid {
font-size: 100%;
}
ul.menulist li {
padding: 15px 15px 12px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body {
font-size: 16px;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
.page-header-top-right {
margin-top: 5px;
}
.navbar {
padding-top: 0;
}
.navbar-nav .nav-link {
margin: 0 10px;
font-size: 18px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar {
margin-top: 25px;
}
.navbar-toggler {
background-color: #6c4276;
}
.fa-solid.fa-bars {
margin-top: 20px;
font-size: 26px;
color: #6c4276;
opacity: 1;
}
}
@media only screen and (max-width: 767px) {
html, body {
overflow-x: hidden
}
.container-fluid {
padding-left: 30px;
padding-right: 30px;
}
body {
font-size: 17px;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 18px;
}
.header-container {
padding-top: 5px;
height: 80px;
}
.main-navigation {
margin-left: -30px;	
margin-right: -30px;
}
.site-title img {
margin-top: 5px;
}
ul#menu-main-menu {
margin-top: 50px;
padding-left: 0;
list-style-type: none;
}
ul#menu-main-menu li a {
margin: 30px 0;
font-size: 24px;
font-weight: 800;
line-height: 2;
color: #fff;
}
ul#menu-main-menu ul.sub-menu {
padding-left: 10px;
}
ul#menu-main-menu ul.sub-menu li a {
font-size: 20px;
}
.fas.fa-bars {
margin-top: 18px;
text-align: right;
float: right;
margin-right: 10px;
opacity: 1;
font-size: 24px;
color: #fff;
}
.header-container.smaller .navbar-collapse {
background-color: #fff;
}
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
color: #fff;
background-color: rgba(2,102,75,1);
overflow-y: hidden;
transition: 0.5s;
}
.overlay .container-fluid {
padding-top: 15px;
}
.overlay .closebtn {
position: absolute;
right: 10px;
font-size: 30px;
color: #fff;
}
.overlay .fa-brands {
margin-right: 15px;
font-size: 42px;
color: #fff;
}
.header_img,
.bg_subpage,
.sub_intro {
height: 80vh;
}
.header_img {
background-position: left center !important;
}
.home .header_img,
.fill,
.bg_header,
.hp_intro {
height: 90vh;
}
.carousel,
.carousel-item,
.carousel-caption,
.carousel-inner {
height: inherit;
}
.carousel-item-background,
.carousel-item-title {
height: 40vh;
}
.hp_intro p,
.sub_intro p {
margin-bottom: 10px;
font-size: 32px;
font-weight: 900;
font-style: normal;
color: #fff;
}
img.header_waves {
margin-left: -7vw;
width: 50%;
}
button:focus {
outline: none;
}
.lead_text p {
font-size: 120%;
}
.site-content {
margin-top: 30px;
margin-bottom: 30px;
}
.site-content-start .mheight,
.site-content .mheight,
.site-content-end .mheight {
min-height: 200px;
}
.block {
padding: 30px 20px;
}
.start_news {
padding-bottom: 15px;
}
ul.menulist {
margin: 0;
}
ul.menulist li {
padding: 15px 0px 12px;
}
.btn {
padding: 10px 35px !important;
font-size: 16px;
}
.cta-link {
font-size: 100%
}
.contact-us img {
margin-bottom: 30px;
}
.fleet_download a {
margin-bottom: -15px;
}
}
@media only screen and (max-width: 320px) {
}
::-moz-selection { background-color:#008861 ; color: #f3f8f5; }
::selection { background-color:#008861 ; color: #f3f8f5; }