@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
font-family: 'FuturaBold';
font-display: swap;
src: url('./fonts/Futura-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'FuturaLightItalic';
font-display: swap;
src: url('./fonts/Futura-Light-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'FuturaLight';
font-display: swap;
src: url('./fonts/Futura-Light.woff2') format('woff2');
}
@font-face {
font-family: 'futuramedium';
font-display: swap;
src: url('./fonts/Futura-medium.woff2') format('woff2');
}
html {
font-size: 1.025vw;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.43;
color: #fff;
text-align: left;
background-color: #f5f5f5;
}
i {
font-family: "Playfair Display", serif;
}
a {
font-family: "Roboto", sans-serif;
}
a.btn, .btn {
font-family: "Inter", sans-serif;
}
@media (min-width: 1200px) {
.row {
margin-left: -1.071rem;
margin-right: -1.071rem;
}
.container {
width: 100%;
padding-right: 1.071rem;
padding-left: 1.071rem;
max-width: 78rem;
margin: 0 auto;
}
.container-fluid {
padding-right: 1.071rem;
padding-left: 1.071rem;
}
}
section.fw-cnt-wrap .container {
width: 85rem;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
article header {
margin-top: 0.938rem;
}
p, li, a {
margin: 0 0 1.5rem;
color: #000;
font-weight: 300;
}
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 1rem;
margin-bottom: 0.714rem;
}
h1, .h1 {
font-size: 2rem;
margin: 0.67rem 0;
color: #fff;
}
h2, .h2 {
color: #fff;
font-size: 1.786rem;
font-weight: 600;
margin-top: 0;
}
h3, .h3 {
font-size: 1.714rem;
}
h4, .h4 {
font-size: 2.2rem;
}
h5, .h5 {
font-size: 1rem;
margin: 0 0;
font-weight: 600;
}
h6, .h6 {
font-size: 0.857rem;
margin: 0 0;
font-weight: 600;
}
ul, ol {
margin-top: 0.1rem;
margin-bottom: 0.714rem;
padding-left: 1.143rem;
}
figcaption, figure, main {
display: block;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
border-top: 0.073rem solid #333;
}
pre {
font-size: 1rem;
}
a {
background-color: transparent;
text-decoration: none;
color: #DD7E27;
outline: none;
border: none;
font-weight: 400;
}
a:hover,
a:active,
a:focus {
color: #000;
text-decoration: none;
outline: none;
border: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-size: 1rem;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 1rem;
}
sub,
sup {
font-size: 0.85rem;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25rem;
}
sup {
top: -0.5rem;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
max-width: 100%;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
}
button,
input {
overflow: visible;
outline: none;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
/* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/* BOOSTRAP COLPADDING START */
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
min-height: 0.063rem;
padding-right: 1.071rem;
padding-left: 1.071rem;
}
.list-inline>li {
padding-right: 0.3rem;
padding-left: 0.3rem;
}
/* button */
a:active,
a:hover,
a:visited,
a:focus {
outline: 0;
}
button,
.button {
font-size: 1rem;
line-height: 1;
color: #333;
padding: 1.2rem 3.25rem 1.2rem 1rem;
background: #feab0d;
display: inline-block;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
border: 0;
text-transform: uppercase;
border-radius: 0.5rem;
box-shadow: none;
transition: background-position 0.3s ease;
position: relative;
font-weight: 300;
}
/* table style */
table {
border-collapse: collapse;
width: 100%;
}
table td,
table th {
border: 1px solid #ddd;
padding: 8px;
}
table tr:nth-child(even) {
background-color: #f2f2f2;
}
table tr:hover {
background-color: #ddd;
}
table th {
padding-top: 0.143rem;
padding-bottom: 0.143rem;
text-align: left;
background-color: #00652e;
color: white;
}
form input[type="submit"],
form input[type="reset"],
form button,
.btn {
background: #422873;
border: none;
border-radius: 0;
padding: 0.2rem 1.35rem;
color: #fff;
font-size: 1.35rem;
margin-bottom: 1rem;
font-weight: 400;
text-transform: capitalize;
border-radius: 0.45rem;
}
.btn:hover {
color: #fff;
background: #DD7E27;
}
form input[type="submit"]:hover,
form input[type="reset"]:hover,
form button:hover {
color: #000;
background: transparent;
}
.btn.brs {
border-radius: 0.2rem;
}
.btn-reverse {
background: #28aae2;
}
.btn-reverse:hover {
background: #422873;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0.4rem;
font-weight: 700;
}
textarea.form-control {
height: 10rem;
line-height: 2;
}
.form-group {
margin-bottom: 1rem;
}
.form-control {
height: 3rem;
padding: 1rem 1rem;
font-size: 1rem;
line-height: 1rem;
color: #555;
-webkit-box-shadow: inherit;
box-shadow: inherit;
-webkit-transition: border-color ease-in-out 0s, -webkit-box-shadow ease-in-out 0s;
-o-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
}
select.form-control {
padding: 0.2rem 0.5rem;
}
.form-submit {
margin-top: 1rem;
}
input[type="checkbox"],
input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
margin: 0.2rem 0 0;
line-height: normal;
position: absolute;
margin-left: -1.3rem;
width: 1rem;
height: 1rem;
}
hr {
margin-top: 1.429rem;
margin-bottom: 1.429rem;
}
.bg-green {
background: #00652e;
}
.bg-white {
background: #fff;
}
.dubarrow {
font-size: 1.3rem;
margin: 0 0.2rem;
}
.greenwhite {
background: #00984a;
color: #fff;
padding: 0.7rem 3rem;
position: relative;
}
.greenwhite p {
margin-bottom: 0;
font-size: 1.2rem;
}
.bdy-center {
background: #fff;
padding: 2.5rem 3rem;
}
footer {
background: #DD7E27;
color: #fff;
padding: 0.35rem 0;
}
.footer_bar_wrapper {
padding: 1rem 3rem;
}
footer a {
color: #fff;
}
footer ul li {
position: relative;
padding-left: 0.5rem;
line-height: 1.143rem;
}
header {
}
.phone-icon {
display:flex;
align-items: center;
}
.phone-icon img {
width: 2rem;
height: 2rem;
object-fit: contain;
margin-right: 0.55rem;
}
.phone-icon a {
font-size: 2rem;
line-height: 1;
}
.header-topstrip {
position: relative;
clear: both;
float: right;
}
.hd-h3 {
width: 100%;
float: left;
padding-bottom: 1rem;
}
.hd-h3 h3 {
color: #00652e;
text-align: center;
letter-spacing: 0.1rem;
font-size: 2.1rem;
font-weight: 300;
}
.hd-h3.clr-white h3 {
color: #fff;
}
.breadcrumb {
padding: 0.571rem 1.071rem;
margin-bottom: 1.429rem;
}
.list-arrow li {
position: relative;
padding-left: 0.8rem;
}
.list-arrow li:before {
content: "»";
position: absolute;
left: 0;
top: -0.2rem;
font-size: 1.2rem;
}
.clients .hd-h3 h3 {
margin-top: 0;
}
footer .ft-adr ul.list-unstyled.ftblock li::before {
content: none;
}
img {
width: 100%;
}
header,
body {
background: #fff;
}
a {
cursor: pointer;
}
body,
html {
overflow-x: hidden;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #fff;
text-decoration: none;
}
.flex {
display: flex;
align-items: center;
justify-content: center;
}
h2 {
font-size: 2.15rem;
font-weight: 300;
}
h3 {
font-size: 1.75rem;
font-weight: 600;
color: #DD7E27;
margin: 2rem 0;
}
:focus {
outline: 0;
}
.cm-pdd {
padding: 4rem 2rem;
}
img.full-width {
width: 100%;
}
.container.in-container {
max-width: 80rem;
}
/* menu */
ul.mtree.transit {
display: none;
float: right !important;
text-align: right !important;
right: -1.95rem;
}
ul.mtree.transit a,
.footer-menu a {
color: #000;
font-weight: 300;
padding: 0.25rem 0.65rem;
}
header ul.mtree.transit .active a {
color: #422873;
font-weight: normal;
background: transparent;
border-radius: 0.2rem;
}
header ul.mtree.transit .active a:beforw {
color: #422873;
font-weight: bold;
}
header ul.mtree.transit li {
margin-bottom: 0;
}
header ul.mtree.transit a {
padding: 0.10rem 1.85rem;
font-size: 1.05rem;
position: relative;
border-radius: 0;
margin-bottom: 0;
}
header ul.mtree.transit .active a:hover {
}
ul.mtree.transit a:hover {
color: #422873 !important;
}
span.icon-bar {
color: #DD7E27;
background: #DD7E27;
display: none;
width: 2.55rem;
height: 0.2rem;
border-radius: 0rem;
margin-bottom: 0.4rem;
transition: all 0.4s ease 0s;
}
.mob_btn {
background: transparent;
float: right;
z-index: 100;
display: none;
}
ul.mtree.transit,
.footer-menu {
display: inline-block;
max-width: 100%;
width: 100%;
top: 0;
float: left;
background: transparent;
color: #000;
position: relative;
padding: 0;
margin: 0;
text-align: left;
height: 1rem;
}
ul.mtree.transit li,
.footer-menu li {
border: 0;
display: inline-block;
}
/* header */
/* color code */
.pink-txt {
color: #fe0273 !important;
}
.orange-txt {
color: #EE7300 !important;
}
.blue-txt {
color: #0457A6 !important;
}
/* slick dots */
.slick-dots {
bottom: -1rem;
}
.slick-dots li {
width: 2rem;
height: 0rem;
margin: 0;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 1.3rem;
color: #fff;
}
.slick-dots li.slick-active button:before {
opacity: 1 !important;
color: #422873 !important;
}
/* table */
.table>thead>tr>th {
border: 0;
font-weight: normal;
}
.table tbody tr th, .table tbody tr td {
background: transparent;
color: #000;
font-weight: 500;
}
table th {
background-color: #EE7300;
}
.table>thead>tr>th, .table>tbody>tr>th,
.table>tfoot>tr>th, .table>thead>tr>td,
.table>tbody>tr>td, .table>tfoot>tr>td {
border: 0;
padding: 0.75rem;
}
th.cth1 {
width: 5rem;
}
.table tbody tr td.fw-normal {
font-weight: 100;
}
.menu-active {
width: 1rem;
height: 1rem;
object-fit: contain;
}
.logo-wrap img {
width: 12rem;
padding: 0.35rem;
transform: scale(1.5);
position: relative;
top: 0.55rem;
}
#breadcrumbs a,
#breadcrumbs span {
color: #000;
}
@media (max-width: 991px) {
html {
font-size: 13px;
}
.container {
padding-right: 1.071rem;
padding-left: 1.071rem;
max-width: 100%;
width: 100%;
}
section.fw-cnt-wrap .container {
width: 100%;
}
.container.in-container {
max-width: 100%;
}
ul.mtree.transit a,
.footer-menu a {
padding: 0.55rem 0.35rem;
font-size: 0.75rem;
}
header ul.mtree.transit a {
font-size: 0.75rem;
}
.mob_btn {
display: inline-block;
width: 1rem;
padding-right: 2rem;
margin-top: 0.35rem;
float: right;
position: relative;
}
span.icon-bar {
display: block;
}
ul.mtree.transit {
display: none;
position: fixed;
background: #333;
top: 0rem;
width: 100%;
z-index: 15;
left: 0rem;
height: 100%;
}
ul.mtree.transit li:first-child {
margin-top: 4.55rem;
}
ul.mtree.transit li {
position: relative;
left: 0;
display: block;
width: 100%;
margin-bottom: 0.55rem;
text-align: center;
padding: 0.25rem 1rem;
}
ul.mtree.transit li a {
font-size: 1.25rem;
color: #fff;
padding: 0.55rem 1rem;
}
.footer-menu a {
text-align: center;
}
ul.mtree.transit,
.footer-menu {
float: left;
text-align: left;
}
footer ul li {
margin-bottom: 1rem;
}
.menu-open .mob_btn .icon-bar {
opacity: 0;
}
.menu-open .mob_btn .icon-bar-close:before {
content: '';
background-image: url(../images/menu-close.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: fixed;
right: 2rem;
top: 1rem;
width: 2.35rem;
height: 2.35rem;
z-index: 10;
opacity: 1;
}
header ul.mtree.transit .active a:before {
opacity:0;
}
header ul.mtree.transit .active a {
color: #000;
}
}
@media(max-width: 767px) {
h2{
font-size: 2rem;
}
h3 {
font-size: 1.55rem;
}
.cm-pdd {
padding: 2rem 1rem;
}
.mob_btn {
margin-top: 1.35rem;
}
}