/*
Theme Name: london-bridge
Theme URI: https://rootconsultancy.me/
Author: Prabaharan Sambath
Author URI: https://rootconsultancy.me/
Description: Simple bootstrap boilerplate theme for Wordpress made to save few minutes
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: london-bridge
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Nintai_s is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Additional customization
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face {
    font-family: 'Avenir-Roman';
    src: url('fonts/Avenir-Roman.eot');
    src: url('fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/Avenir-Roman.woff2') format('woff2'), url('fonts/Avenir-Roman.woff') format('woff'), url('fonts/Avenir-Roman.ttf') format('truetype'), url('fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir-Black';
    src: url('fonts/Avenir-Black.eot');
    src: url('fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Avenir-Black.woff2') format('woff2'), url('fonts/Avenir-Black.woff') format('woff'), url('fonts/Avenir-Black.ttf') format('truetype'), url('fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir-Black';
    src: url('fonts/Avenir-Black.eot');
    src: url('fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Black.woff2') format('woff2'),
        url('fonts/Avenir-Black.woff') format('woff'),
        url('fonts/Avenir-Black.ttf') format('truetype'),
        url('fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Avenir-Roman';
    src: url('fonts/Avenir-Roman.eot');
    src: url('fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/Avenir-Roman.woff2') format('woff2'),
        url('fonts/Avenir-Roman.woff') format('woff'),
        url('fonts/Avenir-Roman.ttf') format('truetype'),
        url('fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

h1,h2,h3,h4 {
    font-family: 'Avenir-Black';
    line-height: 1.3
}

body {
    margin: 0;
    font-family: 'Avenir-Roman';
}

p {
    font-family: 'Avenir-Roman';
    color:#141414;
}

a.whiteBtn,a.greenBtn {
    font-family: 'Avenir-Roman';
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
    color: #404040;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #111;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
    padding: 3px;
}

textarea {
    padding-left: 3px;
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: purple;
}

a:hover, a:focus, a:active {
    color: midnightblue;
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a, .main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover, .main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline, .updated:not(.published) {
    display: none;
}

.single .byline, .group-blog .byline {
    display: inline;
}

.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Additional customization
--------------------------------------------------------------*/
/* It is good to override this two */
a:visited {
    color: royalblue;
}

a:active {
    color: midnightblue;
}

/* margin between "leave comment" and "edit comment" (there was no space between this two */
.comments-link {
    margin-right: 5px;
}

.widget > ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

#navbar {
    padding-left: 0;
    padding-right: 0;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #navbar {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Custom Font */
/*body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Ubuntu", Helvetica, Arial, sans-serif!important;
}*/
.mainContainer {
    width: 100%;
    float: left;
}

.container {
    position: relative;
}

#masthead {
    padding: 16px 0
}

#banTxtWrap {
    position: absolute;
    display: block;
    width: 100%;
    right: 0px;
    top: 0px;
}

#bannerSection {
    top: 0px!important;
    width: 100%;
    position: relative;
}

#banTxtRight {
    position: absolute!important;
    right: 0px!important;
    width: 45%!important;
}

#bannerSection {
    overflow: visible!important;
}

#bannerSection > .container {
    width: 100%;
    max-width: 100%;
}

#bannerSection:after {
}

#bannerSection {
    position: relative
}

#masthead {
    padding: 16px 0;
    width: 90%;
    /* margin: auto; */
    position: absolute;
    z-index: 999;
    left: 5%;
    background: #fff;
    top: 70px;
}

/*@media screen and (max-width: 1440px) {
    [class|=page-header][class*=-intro] {
        padding:180px 0 700px
    }
}

@media (max-width: 991px) {
    [class|=page-header][class*=-intro] {
        padding:150px 0 700px
    }
}

@media (max-width: 767px) {
    [class|=page-header][class*=-intro] {
        text-align:center;
        padding: 150px 0 600px
    }
}

@media screen and (max-width: 576px) {
    [class|=page-header][class*=-intro] {
        padding:150px 0 565px
    }
}

[class|=page-header][class*=-intro] .intro {
    position: relative;
    z-index: 4
}

 #bannerSection .slick-slide:after {
    content: "";
    position: absolute;
    width: 1000px;
    height: 1170px;
    background-color: hsla(0,0%,100%,.15);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    right: -50%;
    top: -4%;
    border-radius: 15%;
    z-index: 1
}

@media screen and (min-width: 3840px) {
   #bannerSection .slick-slide:after {
        right:17%
    }
}

@media screen and (min-width: 2560px) and (max-width:3839px) {
  #bannerSection .slick-slide:after {
        right:-15%;
        top: -9%;
        width: 1288px;
        height: 1507px
    }
}

@media screen and (min-width: 1900px) and (max-width:2559px) {
    #bannerSection .slick-slide:after {
        right:-15%
    }
}

@media screen and (min-width: 1281px) and (max-width:1440px) {
     #bannerSection .slick-slide:after {
        right:-37%
    }
}

@media screen and (min-width: 1024px) and (max-width:1199px) {
  #bannerSection .slick-slide:after{
        right:-68%
    }
}

@media (max-width: 991px) {
    #bannerSection .slick-slide:after{
        width:900px;
        height: 1053px;
        right: -60%;
        top: -3%
    }
}

@media only screen and (device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    #bannerSection .slick-slide:after {
        right:-84%
    }
}

@media screen and (max-width: 480px) {
#bannerSection .slick-slide:after {
        width:900px;
        height: 1053px;
        right: -110%;
        top: 7%;
        -webkit-transform: scale(.75) rotate(40deg);
        transform: scale(.75) rotate(40deg)
    }
}

@media screen and (max-width: 414px) {
     #bannerSection .slick-slide:after {
        right:-137%
    }
}

@media screen and (max-width: 375px) {
     #bannerSection .slick-slide:after {
        right:-162%
    }
}

@media screen and (max-width: 350px) {
     #bannerSection .slick-slide:after{
        right:-182%
    }
}   

@media screen and (max-width: 320px) {
    #bannerSection .slick-slide:after{
        right:-207%
    }
}*/
#bannerSection .slick-slide:before {
    /*  content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    height: 100%;width: 100%;
    clip-path: polygon(76% 0, 39% 74%, 51% 100%, 25% 100%, 0 100%, 0 0);
    z-index: 99;*/
}

.bannerCrop {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-position: cover;
    z-index: 99;
    height: 100%
}

.row>* {
    padding-left: 0px!important;
    padding-right: 0px!important
}

.slid-wrap {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 999
}

.slid-wrap h1 {
    color: #85daf2!important
}

.slid-wrap p {
    color: #141414!important;
    max-width: 550px;
    margin-bottom: 20px
}

.slid-wrap a {
    color: #141414;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: transparent;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

.slid-wrap a:hover {
    color: #fff;
    background-color: #1fbfa2
}

.page-id-360 .slid-wrap a{color: #fff;
    background-color: #1fbfa2}

.whiteBtn {
    color: #434343!important;
    padding: 20px 50px;
    border-radius: 35px;
    margin-top: 10px;
    background-color: #fff;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    border: none!important
}

.whiteBtn:hover {
    color: #fff!important;
    background-color: #bdd62f;
}

.greenBtn {
    color: #fff!important;
    padding: 20px 50px;
    border-radius: 35px;
    margin-top: 10px;
    background-color: #bdd62f;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    border: none!important
}

.greenBtn:hover {
    color: #fff!important;
    background-color: #bdd62f;
}

.bannerSlider {
    min-height: calc(100vh - 93px);
    max-height: calc(100vh - 93px)!important;
}

.bannerSlider img.bas {
    object-fit: cover!important;
    min-height: calc(100vh - 93px)!important;
    width: 100%;
    max-height: calc(100vh - 93px)!important;
}

#bannerHtmlBlock {
    padding: 0px!important;
}

#banTxtLeft > h1 {
    font-size: 46px!important;
    margin-bottom: 15px;
    margin-top: 0px;
    color:#fff!important;
    /*background: -webkit-linear-gradient(#0988bb, #79d2ed );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.home #banTxtLeft > h1{color: #007fb4!important}
.page-id-360 #banTxtLeft > h1{color:#fff!important;}
.page-id-360 #banTxtLeft > p,.page-id-360 #banTxtLeft > h5{color: #fff!important}
.page-id-360 #banTxtLeft > h5{text-transform: uppercase;letter-spacing: 2px}
#banTxtLeft {
    padding-top: 70px;
    display: none;
}   

.slick-active #banTxtLeft {
    display: block!important;
}

#banTxtRight {
    padding-top: 70px
}

.bannerSlider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none!important
}

.bannerSlider .slick-dots li {
    width: 25%;
    margin: 0px
}

.bannerSlider .slick-dots li button {
    font-size: 0px;
    width: 100%;
    padding: 0px!important;
    height: 2px;
    background: #fff!important
}

.bannerSlider .slick-dots li button:focus {
    outline: 0!important
}

.bannerSlider .slick-dots li.slick-active button {
    font-size: 0px;
    width: 100%;
    padding: 0px!important;
    height: 5px;
    background: #b3774a!important
}

.bannerSlider .slick-dots {
    position: absolute;
    bottom: 100px;
    width: 100%
}

.banerSteps {
    bottom: 50px;
    z-index: 99;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: left;
    width: 100%;
}

.banerSteps > div {
    width: 25.33%;
    color: #141414;
    font-family: 'Avenir-Roman';
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-id-360 .banerSteps > div {
    width: 25%;
}

.numsteps {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 20px;
    text-align: center;
    line-height: 40px
}

.goTo {
    position: relative;
    z-index: 100;
    text-align: center;
}

.strpFormRow {
    float: left;
    width: 100%
}

.strpFormRow.twc {
    float: left;
    width: 50%
}

.extn1 {
    margin-right: 0px!important;
}

.yPhone input {
    padding-left: 0px!important
}

#banTxtRight select {
    height: 46px
}

#step2 .strpFormRow.twc:first-child, #step2 .strpFormRow.twc:nth-child(3) {
    width: 48%;
    margin-right: 2%
}

#banTxtRight input:focus, #banTxtRight textarea:focus, #banTxtRight select:focus {
    background: none!important;
}

.wpcf7-phonetext {
    padding-left: 45px!important
}

.navArrow {
    position: absolute;
    width: auto;
    bottom: 13px;
    right: 0px;
    text-align: right;
    color: #fff;
    z-index: 99
}

.navArrow i {
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

#scrollImg {
    top: 350px;
}

.progressBarContainer {
    bottom: 30px;
    width: 100%;
}

.progressBarContainer div {
    display: block;
    width: 25%;
    padding: 0;
    cursor: pointer;
    margin-right: 0px;
    float: left;
    color: white;
}
.page-id-360 .progressBarContainer div {width: 25%;}

.progressBarContainer div:last-child {
    margin-right: 0;
}

.progressBarContainer div span.progressBar {
    width: 100%;
    height: 2px;
    background-color: #ccc;
    display: block;
}

.progressBarContainer div span.progressBar .inProgress {
    background: rgb(2,0,36);
   /* background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(0,130,183,1) 0%, rgba(122,211,237,1) 100%);*/
   background:#007fb4;
    width: 0%;
    height: 7px;
    margin-top: -2px;
}

.pie_progress {
    max-width: 15px!important;
    margin: 5px auto;
}

body {
    font-size: 16px;
    color: #6c6c6c;
    overflow-x: hidden;
}

p {
    font-size: 16px
}

#main h4 {
    color: #bdd72e;
    font-size: 20px;
    margin-top: 0px
}

#main h2 {
    font-size: 32px!important;
    margin-bottom: 15px;
    margin-top: 0px;
    /*background: -webkit-linear-gradient(#0988bb, #79d2ed );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #007fb4;
}

#abtSection {
    padding: 80px 0
}

.service-item {
    position: relative;
}

.service-item:focus {
    outline: 0!important
}

.service-item > img {
    width: 100%;
    min-height: 500px;max-height: 500px;object-fit: cover;
}
.blogText h3 a{color: #141414!important}

.serviceSlider-Text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 50px 80px;
}

.serviceSlider-Text {
    display: flex;
    align-items: center;
    justify-content: space-around;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    line-height: normal;
    text-align: center;
    background-image: linear-gradient(to top,rgba(48,192,211,0.77) 0,rgba(48,192,211,0.77) 100%);
    transition: all .3s ease-in-out;
    /* z-index: 99999; */
}
.service-item{position:relative}
.service-item:hover .serviceSlider-Text {
    opacity: 1;
    
}

.serviceSlider-Text a {
    /* position: absolute; */
    /* right: 80px; */
    /* bottom: 50px; */
}

.serviceSlider-Text h3,.serviceSlider-Text p {
    color: #fff;
    max-width: 500px
}

.serviceSlider-Text h3 {
    color: #bdd72e;
    margin-bottom: 25px
}

.serviceSlider .slick-arrow {
    display: none!important;
}

#serviceSection {
    margin-top: 30px;
    /* margin-bottom: 100px */
}

#serviceSection .slick-list {
    /*overflow: visible;*/
    padding:0px!important;
}
#whoweareSlider .slick-list{ padding:0px!important;}
.introduceSlider .slick-list{ padding:0px!important;}
#serviceSection .slick-slide {
    margin: 0 30px;
}
.introduceSlider .slick-slide p { 
    padding: 80px 40px;
    max-width: 450px;
    background: #fff;
    margin-left: 50px;height:680px;max-height:680px;
}
#introduceSlider .secondPart {position:relative;}
#introduceSlider .caseNav {position:absolute;    bottom: 50px;
    left: 85px;}   
/* the parent */
#serviceSection .slick-list {
    margin: 0 -30px;
}

.blogSlider .slick-list {
    /* overflow: visible; */  
}

.blogSlider .slick-slide {
    margin: 0 30px;
}

/* the parent */
.blogSlider .slick-list {
    margin: 0px -30px;
    padding-bottom: 20px;
}

.blogSlider .slick-slide {
    display: flex;
    align-items: center;
}

.blogSlider .slick-slide:focus {
    outline: 0!important
}

.blog-wrap {
    padding: 0 80px
}

#carboneSection {
    margin: 80px 0;
}

#carboneSection .container-wrapper {
    width: 95%;
    max-width: 95%;
    background-color: #f6f6f6;
    padding: 40px 0;
    margin: auto;
}

#carboneSection p {
    margin-bottom: 0px!important;
    font-size: 20px;
    color: #004681
}

#carboneSection p span {
    position: relative;
    color: #bdd72e;
    font-size: 30px;
    font-weight: bold
}

.blogSteps .slick-dots {
    position: absolute;
    top: -100px;
    left: 160px;
}

.blogSteps .slick-dots li {
    list-style: none;
    display: inline-block;
    font-size: 0px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 20px
}

.blogSteps .slick-dots li button {
    border: none;
    box-shadow: none!important;
    font-size: 0px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.blogSteps .slick-dots li.slick-active button {
    background-color: #bdd62f!important
}

.blogSteps .slick-dots li button:focus {
    outline: 0!important
}

.blogSteps .slick-active.slick-current {
    min-width: 500px
}

.blogSteps .slick-slide .descsteps {
    color: #c4c4c4;
}

.slick-slide:focus {
    outline: 0!important
}

.blogSteps .slick-active.slick-current .descsteps {
    color: #6c6c6c;
}

.blogStepWrapper {
    float: left;
    width: 100%
}

.blogStepWrapper {
    margin-top: 10px;
 
    padding-top: 50px;
}

.blogSteps {
    padding-bottom: 40px
}

.blogSlider .col-sm-6 {
    padding-left: 0px!important;
    padding-right: 0px!important
}

.blogSlider h3 {
    margin-bottom: 30px
}

#newsletterSection {
    margin: 80px 0
}

#newsletterSection .container-wrapper {
    width: 100%;
    max-width:100%;
    background-color: #fafafe;
    padding: 100px 0;
    margin: auto;
}

#newsletterSection label {
    font-size: 26px;
    color: #007fb4;
    /* font-family: 'RecifeDisplay-Regular'; */
    /* font-size: 60px!important; */
    margin-bottom: 15px;
    margin-top: 0px;
    
    font-weight: bold;
    font-family: 'Avenir-Black';
}

#newsletterSection input[type="email"] {
    /* background: none!important; */
    border: none!important;
    /* border-bottom: 1px solid #ccc!important; */
    padding: 9px 15px;
    min-width: 500px;
    margin: 0 0px 0 50px;
    border-radius: 0px!important;
    background: #fff;
    border-radius: 30px!important;
}

#newsletterSection input[type="submit"] {
    background-color: #1fbfa2;
    border: none!important;
    padding: 15px 44px;
    border-radius: 60px;
    right: 0p;
    box-shadow: none!important;
    transition: all 0.3s;
    background-position: center;
    margin-left: -52px;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url(images/btn-arrow.png);
}

input[type="submit"] {}

#newsletterSection input[type="submit"]:hover {
    background-color: #1fbfa2;
    color: #fff!important;
}

#newsletterSection input {
    font-size: 17px
}

#newsletterSection input:focus {
    outline: 0!important
}

#footerSection ul {
    padding-left: 0px!important;
    margin-left: 0px;
    margin-top: 80px;
    margin-bottom: 80px;
}

#footerSection .topFooter ul li {
    list-style: none;
    display: inline-block;
    margin: 20px
}

#footerSection .topFooter ul li a {
    color: #6c6c6c;
    transition: all 0.3s;
    text-decoration: none!important;
    font-size: 16px
}

#footerSection .topFooter ul li a:hover {
    color: #004681;
    transition: all 0.3s;
    text-decoration: none!important
}

.copyright {
    padding-top: 80px;
    border-top: 1px solid #ccc;
    font-size: 14px;
}

.copyright p {
    font-size: 15px;
    max-width: 480px;
    opacity: 0.75;
}

section {
    float: left;
    width: 100%
}

.entry-content {
    margin-top: 0px!important
}

.flexDisplay {
    display: flex;
    align-items: center;
}

.flexDisplay > div {
    display: flex;
    align-items: center;
}

.hamburger-box {
    top: 3px
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #004681;
}

.hamburger {
    padding: 15px 0
}

.hamburger-inner::after {
    bottom: -8px;
    right: 0px;
}

.hamburger-inner::before {
    top: -8px;
    right: 0px
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 37px;
    height: 3px
}

.hamburger-inner {
    width: 30px
}

.hamburger-inner::after {
    width: 21px
}

.is-active .hamburger-inner::after {
    width: 30px;
}

#menuSection.showNow {
    display: block!important;
}

#menuSection {
    width: 100%;
    min-height: calc(100vh - 93px);
    max-height: calc(100vh - 93px);
    position: absolute;
    top: 93px;
    width: 100%;
    left: 0px;
    z-index: 9999;
    background-color: #fff
}

#menuSection .container {
    background-color: #f3f3f3;
    height: calc(100vh - 93px);
    width: 95%;
    max-width: 95%;
    display: flex;
    align-items: center;
}

#menuSection ul {
    margin-left: 0px;
    padding-left: 100px;
    margin-bottom: 0px
}

#menuSection ul.mainList > li {
    list-style: none;
    display: block;
    width: 100%;
    line-height: 2;
    position: relative;
}

#menuSection a {
    transition: all 0.3s;
    text-decoration: none!important
}

#menuSection a:hover {
    color: #004681!important
}

#menuSection ul.mainList > li > a {
    display: block;
    color: #303030;
    font-size: 36px;
    font-family: 'RecifeDisplay-SemiBold'
}

html.menuOpened,body.menuOpened {
}

.submenu {
    position: absolute;
    display: none;
}

li.has-submenu:after {
    content: "";
    width: 0px;
    height: 2px;
    background-color: #303030;
    left: 100%;
    top: 50%;
    position: absolute;
    transition: all 0.3s;
    margin-left: -60px
}

li.has-submenu:hover:after {
    width: 100px
}

.mainList {
    width: 550px;
}

.submenu li {
    list-style: none
}

.submenu li a {
    font-size: 20px;
    color: #303030!important;
}

li.has-submenu:hover .submenu {
    display: block;
    left: 420px;
    top: 20px;
    padding-left: 0px;
    width: 360px
}

.fade-in-bottom {
    -webkit-animation: fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;
    animation: fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both
}

.phoneicon {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #004681;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    position: relative;
    height: 40px;
    margin-right: 50px;
    cursor: pointer;
    -webkit-transition: background 250ms linear,border 250ms linear;
    -o-transition: background 250ms linear,border 250ms linear;
    transition: background 250ms linear,border 250ms linear
}

.phoneicon:hover {
    background-color: #004681
}

.phoneicon img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity 250ms linear;
    -o-transition: opacity 250ms linear;
    transition: opacity 250ms linear
}

.phoneicon .headerContactInfo {
    position: absolute;
    top: 100%;
    z-index: 99999;
    left: -120px;
    left: -10000px;
    width: 300px;
    margin-top: 20px;
    background: #fff;
    padding: 30px 50px;
    text-align: center;
    opacity: 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    -webkit-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    transform: translateX(-25px);
    -webkit-transition: left 0s linear 250ms,opacity 250ms linear .1s,-webkit-transform 250ms linear,-webkit-transform 250ms linear;
    -o-transition: left 0s linear 250ms,transform 250ms linear,transform 250ms linear,opacity 250ms linear .1s;
    transition: left 0s linear 250ms,transform 250ms linear,transform 250ms linear,opacity 250ms linear .1s;
    transition: left 0s linear 250ms,transform 250ms linear,transform 250ms linear,opacity 250ms linear .1s,-webkit-transform 250ms linear,-webkit-transform 250ms linear
}

.phoneicon .headerContactInfo:before {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    content: ''
}

.headerContactInfo label {
    display: block;
    opacity: 0.5;
    color: #3e3e3e;
    font-size: 14px;
    font-weight: normal!important;
}

.headerContactInfo a {
    font-weight: bold;
    font-size: 18px;
    color: #303030!important;
    text-decoration: none!important;
}

.headerContactInfo a:hover {
    color: #004681!important
}

.headerContactInfo a.greenBtn {
    font-weight: normal!important;
    font-size: 16px;
    color: #fff!important
}

.phoneicon .headerContactInfo .button {
    margin: 0;
    display: block
}

.phoneicon .headerContactInfo .button .btn {
    padding: 22px 20px
}

.phoneicon .headerContactInfo span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 7px
}

.triangleShadow {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -46px;
    z-index: 0;
    left: 0;
    -webkit-box-shadow: 0 16px 10px -17px rgba(0,0,0,.1);
    box-shadow: 0 16px 10px -17px rgba(0,0,0,.1);
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0;
    -webkit-transition: opacity 150ms linear,-webkit-transform 150ms linear;
    -o-transition: opacity 150ms linear,transform 150ms linear;
    transition: opacity 150ms linear,transform 150ms linear;
    transition: opacity 150ms linear,transform 150ms linear,-webkit-transform 150ms linear
}

.triangleShadow:after {
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 999;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 75px;
    left: 1px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
    box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
    content: ""
}

.phoneicon.active .headerContactInfo {
    left: -125px;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: left 0s linear,opacity 250ms linear,-webkit-transform 250ms linear,-webkit-transform 250ms linear;
    -o-transition: left 0s linear,transform 250ms linear,transform 250ms linear,opacity 250ms linear;
    transition: left 0s linear,transform 250ms linear,transform 250ms linear,opacity 250ms linear;
    transition: left 0s linear,transform 250ms linear,transform 250ms linear,opacity 250ms linear,-webkit-transform 250ms linear,-webkit-transform 250ms linear
}

.phoneicon.active .triangleShadow {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 150ms linear .2s,-webkit-transform 150ms linear .2s;
    -o-transition: opacity 150ms linear .2s,transform 150ms linear .2s;
    transition: opacity 150ms linear .2s,transform 150ms linear .2s;
    transition: opacity 150ms linear .2s,transform 150ms linear .2s,-webkit-transform 150ms linear .2s
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.slid-wrap {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 100%
}

.slid-wrap #banTxtLeft {
    padding-top: 0px!important
}

.home .slid-wrap #banTxtLeft {
    margin-top: 80px!important
}
.page-id-360 .slid-wrap #banTxtLeft {
    margin-top: 80px!important
}
#eneryAssociation {
    padding: 80px 0
}

#eneryAssociation p {
    font-size: 26px;
    max-width: 850px;
    margin: auto;
    text-align: center;
}

#eneryAssociation p span {
    color: #bdd634
}

.video-bg {
    width: 100%;
}

.videoaction {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.videoaction h2 {
    color: #fff!important;
    margin-bottom: 20px
}

#videoSection .col-sm-12 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-header {
    position: absolute;
    top: -18px;
    right: -18px;
    border: none!important;
    padding: 0px!important;
    background-color: #fff!important;
    border-radius: 100%;
    width: 20px;
    height: 20px
}

.modal-header button {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: none!important;
    background-color: #fff!important;
    margin-top: 0px!important
}

#commercialClients {
    padding: 80px 0
}

#commercialClients a.whiteBtn {
    margin-top: 50px
}

#commercialClients h2 {
    position: relative;
    font-size: 26px;
    padding-left: 120px;
    margin-top: 0px;
    margin-bottom: 40px
}

#commercialClients h2:before {
    position: absolute;
    content: "";
    width: 100px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634
}

#faqSection {
    padding: 80px 0 0 0;
    position: relative;
}

#faqSection h2 {
    margin-bottom: 50px
}

#faqSection:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(images/map-dots.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    left: 0px
}

.faqIndex {
    position: relative;
    z-index: 2
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "keyboard_arrow_up";
    font-family: 'Material Icons';
    right: 0px;
    position: absolute;
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "keyboard_arrow_down";
    font-family: 'Material Icons';
    right: 0px;
    position: absolute;
}

.panel-heading {
    background: none!important;
    border: none!important;
    font-size: 22px
}

.panel-body {
    border: none!important;
}

.panel-title a {
    font-size: 22px;
    width: 100%;
    display: block;
    color: #3f3f3f;
    text-decoration: none!important
}

#faqSection .container {
    border-bottom: 1px solid #ddd;
    padding-bottom: 80px;
    margin-bottom: 80px;
}

.panel {
    border: none!important;
    border-bottom: 1px solid #ddd!important;
    border-radius: 0px!important;
    background: none!important;
    margin-bottom: 30px!important;
    box-shadow: none!important
}

.panel-title a:hover {
    text-decoration: none!important
}

a {
    outline: 0!important;
}

#eneryCost {
    padding: 80px 0;
    background: url('images/energy-cost-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

#eneryCost h2 {
    margin-bottom: 35px;
    font-size: 32px
}

.mainPageWrapper > .col-sm-12 {
    padding-left: 0px!important;
    padding-right: 0px!important
}

#eneryCostBottom {
    padding: 60px 0 0 0
}

.page-template-page-business #serviceSection {
    margin-bottom: 0px
}

#carboneSection h2 {
    font-size: 22px
}

.page-template-page-business #carboneSection {
    margin: 80px 0 0 0
}

.page-template-page-faq #carboneSection {
    margin: 0px!important;
    padding: 0px!important
}

#freeConsultaion .container {
    padding: 40px 0 40px 0;
    margin-bottom: 80px
}

.page-template-page-faq #freeConsultaion .container {
    margin-bottom: 0px
}

#freeConsultaion .container {
    border-bottom: 2px solid #f6f6f6
}

#freeConsultaion p {
    font-size: 18px;
}

.sdown-wrapper {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -10px;
    min-width: 20px;
    max-width: 20px;
    z-index: 19;
}

.sdown-wrapper .material-icons {
    border: 0px;
    margin-left: 9px;
    /* margin-bottom: -3px; */
    padding-bottom: -1px;
    display: block;
    color: #fff;
}

.sdown {
    z-index: 19;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -10px;
    min-width: 20px;
    max-width: 20px;
    white-space: nowrap;
    font-weight: 300;
    color: transparent;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 1px;
    border-radius: 23px;
    box-sizing: border-box;
    cursor: pointer;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: inherit;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-size: 14px;
    min-height: 40px;
    max-height: 40px;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
}

@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

.sdown span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: white;
    border-radius: 50%;
    animation: rev-ani-mouse 2.5s linear infinite;
}

.mt-120 {
    margin-top: 120px
}

#greenHomeSection {
    position: relative;
}

#greenHomeSection .col-sm-12 {
    position: relative;
}

#greenHomeSection h2 {
    margin-top: 0px!important;
    font-size: 26px;
    color: #fff!important
}

.greenHomeHover {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0px;
    left: 0px
}

.page-template-page-faq .panel-group {
    margin: auto;
    max-width: 1000px;
    position: relative;
}

.page-template-page-faq #abtSection {
    position: relative;
}

.page-template-page-faq #abtSection:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(images/map-dots.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    left: 0px;
    z-index: -1;
    opacity: 0.5
}

.page-template-page-faq .panel-group .panel-heading {
    margin-bottom: 0px;
    padding: 28px 15px
}

.page-template-page-faq .panel {
    margin-bottom: 0px!important
}

.page-template-page-faq .panel-body {
    padding-bottom: 40px!important
}

.page-template-page-faq .panel-default>.panel-heading a[aria-expanded="false"]:after {
    top: -7px;
    font-size: 30px
}

.page-template-page-faq .panel-default>.panel-heading a[aria-expanded="true"]:after {
    top: -7px;
    font-size: 30px
}

.page-template-page-faq .panel-title a {
    position: relative;
}

.page-template-page-contact #banTxtLeft h3 {
    color: #fff!important
}

.page-template-page-contact .panel-body {
    padding-top: 60px
}

.nav-tabs {
    margin-left: 0px;
    border-bottom: 1px solid #d4d4d4
}

.nav-tabs>li {
    margin-bottom: 0px!important;
    width: 25%;
    text-align: center;
    position: relative;
}

.nav-tabs>li.active:after {
    content: "";
    width: 100%;
    bottom: -3px;
    height: 6px;
    left: 0px;
    background-color: #004681;
    position: absolute;
}

.nav-tabs>li>a {
    border: none!important;
    color: #6c6c6c!important;
    font-family: 'RecifeDisplay-Regular';
    font-size: 20px;
    cursor: pointer;
    padding: 20px 15px
}

.nav>li>a:hover, .nav>li>a:focus {
    background: none!important
}

.nav-tabs>li.active a {
    color: #004681!important
}

.contact-card {
    width: 90%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    padding: 60px 30px 60px 30px;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
    min-height: 345px;
    border-radius: 6px;
    border-bottom: 6px solid #004681
}

.contact-card img {
    max-height: 60px
}

.contact-card h4 {
    margin: 30px 0!important;
    color: #004681!important;
    transition: all 0.5s;
}

.contact-card p {
    margin-bottom: 0px!important;
    color: #6c6c6c;
    transition: all 0.5s;
}

.contact-card a {
    color: #6c6c6c;
    transition: all 0.5s;
}

.contact-card a.green {
    color: #6c6c6c;
    transition: all 0.5s;
    font-weight: bold
}

.contact-card:hover {
    background-color: #004681;
    box-shadow: none!important
}

.contact-card:hover h4 {
    color: #fff!important
}

.contact-card:hover p {
    color: #bdd631!important
}

.contact-card:hover a {
    color: #bdd631!important;
    text-decoration: none!important
}

.mapSection {
    padding: 80px 0;
    float: left;
    width: 100%
}

.page-template-page-contact .panel-body .col-md-4 {
    padding: 0px!important
}

.page-template-page-contact .panel-body .col-md-4.text-center .contact-card {
    margin: auto;
}

.page-template-page-contact .panel-body .col-md-4.text-right .contact-card {
    float: right;
}

.page-template-page-contact #carboneSection {
    margin: 0px!important;
}

.page-template-page-contact #freeConsultaion .container {
    margin-bottom: 0px!important;
}

.page-template-page-contact #abtSection {
    padding-bottom: 0px!important
}

#openingHours {
    padding-top: 40px
}

#openingHours td,#openingHours th {
    padding: 10px
}

#openingHours h2 {
    margin-top: 0px!important;
    position: relative;
    font-size: 24px;
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 40px;
    color: #004681
}

#openingHours h2:before {
    position: absolute;
    content: "";
    width: 80px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634
}

#openingHours h3 {
    font-size: 24px;
    color: #004681!important
}

#openingHours h3 a {
    font-size: 24px;
    color: #6c6c6c!important;
    font-family: 'RecifeDisplay-Bold';
    text-decoration: none!important
}

.blogLists {
    margin-left: 0px;
    margin: 0px!important
}

.blogLists li {
    width: 33.33%;
    float: left;
    margin-top: 80px;
    list-style: none;
}

.blogLists li h3 {
    font-size: 22px
}

body:not(.paged) .blogLists li:first-child h3 {
    font-size: 26px
}

body:not(.paged) .blogLists li:first-child {
    width: 100%;
    float: left;
    margin-top: 30px;
}

body:not(.paged) .blogLists li:first-child .innerBlogList {
    display: flex;
    align-items: center;
}

body:not(.paged) .blogLists li:first-child .innerBlogList .col1 {
    width: 60%
}

.single .blogLists {
    padding-left: 0px!important
}

.single .blogLists li h3 {
    font-size: 20px!important
}

.single .blogLists li {
    margin-top: 30px!important
}

.single .blogLists li:first-child {
    width: 33.33%!important;
    float: left;
    margin-top: 0px;
}

.single .blogLists li:first-child .innerBlogList {
    display: block!important;
}

.single .blogLists li:first-child .innerBlogList .col1 {
    width: 100%!important
}

.single .blogLists li:first-child .innerBlogList .col2 {
    width: 100%!important;
    padding: 0px!important
}

.blogLists li .col1 {
    position: relative;
    overflow: hidden;
}

.blogLists li .col1 a img {
    transition: all 0.5s
}

.blogLists li .col1 a:hover img {
    transform: scale(1.05);
}

.blogLists li .col1 span {
    color: #6c6c6c!important;
    font-size: 16px;
    text-decoration: none!important;
    right: 0px;
    top: -40px;
    width: 100%;
    display: block;
    text-align: right;
    padding: 0;
    position: absolute;
}

body:not(.paged) .blogLists li:first-child .innerBlogList .col2 {
    width: 40%;
    padding: 0 50px
}

.innerBlogList {
    margin-left: 15px;
    margin-right: 15px
}

.innerBlogList h3 a {
    color: #3f3f3f!important
}

.innerBlogList h3 a:hover {
    text-decoration: none!important;
    color: #3f3f3f
}

.innerBlogList a {
    text-decoration: none!important
}

.page-template-page-blog #newsletterSection {
    margin: 0px!important
}

.paginationSection {
    width: 100%;
    display: block;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paginationSection p {
    color: #6c6c6c!important;
    font-size: 18px;
    font-family: 'RecifeDisplay-Regular';
    margin: 10px
}

.paginationSection p a {
    color: #6c6c6c!important;
    font-size: 20px;
    font-family: 'RecifeDisplay-Regular';
    text-decoration: none!important
}

.single #primary {
    padding-top: 40px
}

.single #primary .entry-header {
    float: left;
    width: 100%
}

.single #primary .entry-content {
    padding-top: 80px;
    float: left;
    width: 100%;
    padding-bottom: 80px
}

.singleBlogImage {
    float: left;
    width: 100%;
}

.singleBlogImage img {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
}

.single .tags-links {
    display: none;
}

#relatedPost h2 {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 30px
}

.page-template-page-protectionplan #abtSection h4 {
    color: #004681;
    margin-bottom: 20px
}

.page-template-page-protectionplan #abtSection .row {
    margin-bottom: 30px
}

#protectionList h3 {
    position: relative;
    font-size: 26px;
    padding-left: 120px;
    margin-top: 0px;
    margin-bottom: 40px;
    color: #004681
}

#protectionList h3:before {
    position: absolute;
    content: "";
    width: 100px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634;
}

#protectionList ul {
    margin-left: 0px!important;
    padding-left: 0px!important
}

#protectionList li {
    list-style: none;
    line-height: 2;
    position: relative;
    padding-left: 30px;
    margin-bottom: 7px
}

#protectionList li:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 20px;
    height: 20px;
    background: url('images/tick.png');
    ;background-size: contain;
    ;background-repeat: no-repeat;
    top: 8px;
}

#protectionList .container {
    padding-top: 80px;
    border-top: 1px solid #d4d4d4;
}

.signup-program {
    margin-bottom: 0px!important
}

.signup-program,#carboneSection.signup-program .container-wrapper {
    background-color: #004681!important
}

.signup-program h2 {
    color: #fff!important;
    margin: 0 20px
}

.dispFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}

#repairCostSection {
    margin-bottom: 80px
}

#repairCostSection .container {
    background-color: #f6f6f6;
    padding: 150px 0 80px 0;
    width: 95%;
    max-width: 95%;
}

.repair-inner {
    width: 70%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    padding: 60px 30px 60px 30px;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
    min-height: 345px;
    border-radius: 6px;
    border-bottom: 10px solid #004681;
    margin: auto;
    position: relative;
}

.repair-inner img {
    max-height: 150px;
    margin-top: -100px
}

.repair-inner h4 {
    margin: 20px 0 40px 0!important;
    color: #004681!important;
    position: relative;
}

.repair-inner h4:after {
    content: "";
    width: 100px;
    left: 50%;
    bottom: -20px;
    height: 1px;
    background-color: #004681;
    position: absolute;
    margin-left: -50px
}

.repair-inner p {
    line-height: 2
}

.repair-inner a.whiteBtn {
    border: 1px solid #d6d6d6!important;
    padding: 16px 50px!important
}

.page-template-page-protectionplan #newsletterSection {
    margin-top: 0px!important
}

.innerServiceCard {
    position: relative;
    cursor: pointer;
}

.serviceHoverPart {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    padding: 30px;
    transition: all 0.5s
}

.innerServiceCard:hover .serviceHoverPart {
    height: 295px;
    transition: all 0.5s
}

.innerServiceCard:hover p,.innerServiceCard:hover a {
    opacity: 1
}

.serviceHoverPart > div {
}

.innerServiceCard p ,.innerServiceCard a {
    opacity: 0
}

.innerServiceCard {
    overflow: hidden;
}

.innerServiceCard .whiteBtn {
    padding: 16px 50px
}

.innerServiceCard p {
    color: #fff!important;
    margin-bottom: 5px
}

.naturalGasAbout .col-sm-12 {
    display: flex;
    align-items: center;
}

.naturalGasAbout .col-sm-12 > div {
    width: 33.33%;
    padding: 0 15px
}

.naturalGasAbout .col-sm-12 h4 {
    color: #6c6c6c!important
}

#choiceSection h3 {
    margin-top: 0px!important;
    position: relative;
    font-size: 24px;
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 40px;
    color: #004681
}

#choiceSection h3:before {
    position: absolute;
    content: "";
    width: 80px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634
}

#choiceSection a.whiteBtn {
    padding: 14px 50px!important;
    border: 1px solid #434343!important
}

#choiceSection .container {
    padding-top: 80px;
    border-top: 2px solid #f6f6f6;
}

#marketVolatility > .container {
    background-color: #f6f6f6;
    padding: 80px 0 80px 0;
    width: 95%;
    max-width: 95%;
}

.volatility-card {
    width: 90%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.19);
    padding: 30px 30px 30px 30px;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
    border-radius: 6px;
    border-bottom: 10px solid #004681;
    margin: auto;
    position: relative;
    min-height: 415px
}

.volatility-card h4 {
    margin: 30px 0 20px 0!important;
    color: #004681!important
}

#marketVolatility {
    margin: 80px 0
}

#marketVolatility h2 {
    margin-top: 0px!important
}

.volatility-card:hover {
    background-color: #004681!important
}

.volatility-card:hover h4,.volatility-card:hover p {
    color: #fff!important
}

#protectionList.summittOffer .container {
    padding-top: 0px!important;
    border: none!important;
}

.page-template-page-naturalgas #carboneSection {
    margin-bottom: 0px!important
}

.page-template-page-naturalgas #serviceSection {
    margin-bottom: 0px!important
}

#alternateSection {
    padding: 80px 0
}

#alternateSection .pad0 {
    padding: 0px!important
}

#alternateSection .row {
    display: flex;
    align-items: center;
}

.padLeft {
    padding-left: 50px
}

.padRight {
    padding-right: 50px
}

.page-template-page-residentialenergy #carboneSection {
    margin-bottom: 0px!important
}

.page-template-page-residentialenergy #serviceSection {
    margin-bottom: 0px!important
}

.page-template-page-residentialenergy #protectionList.summittOffer .container {
    padding-top: 80px!important;
    border-top: 2px solid #f6f6f6!important;
}

.paymentAbout h3 {
    margin-top: 0px!important;
    position: relative;
    font-size: 24px;
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 40px;
    color: #004681
}

.paymentAbout h3:before {
    position: absolute;
    content: "";
    width: 80px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634
}

#banTxtLeft h3 {
    color: #fff
}

#payOnline .container {
    padding-top: 80px;
    border-top: 2px solid #f6f6f6
}

#payOnline h3 {
    color: #004681
}

#payOnline label {
    width: 100%;
    font-weight: normal;
}

#payOnline .col-sm-6 {
    margin-bottom: 20px
}

#payOnline input[type="text"],#payOnline select {
    height: 45px;
    border: 1px solid #ccc;
    width: 100%;
    background-color: #fff;
    font-size: 15px;
    padding: 0 20px;
    border-radius: 8px
}

#payOnline input[type="submit"] {
    background-color: #004581;
    padding: 20px 20px;
    width: 250px;
    margin: auto;
    color: #fff!important;
    box-shadow: none!important;
    border-radius: 50px;
    font-size: 16px;
    margin-top: 30px
}

#payOnline .col-sm-12 {
    margin-bottom: 30px
}

input:focus,select:focus {
    outline: 0!important
}

#climateFriendly h3 {
    margin-top: 0px!important;
    position: relative;
    font-size: 24px;
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 40px;
    color: #004681
}

#climateFriendly h3:before {
    position: absolute;
    content: "";
    width: 80px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634
}

.pr-80 {
    padding-right: 80px
}

#climateFriendly .container {
    padding-top: 80px;
    border-top: 2px solid #f6f6f6;
}

#statsSection {
    padding: 80px 0;
    background-color: #f6f6f6
}

#statsSection h3 {
    color: #004681;
    padding: 0 20px 20px 20px
}

#makeChange {
    padding: 80px 0
}

#makeChange .row {
    display: flex;
    align-items: center;
}

#makeChange h3 {
    margin-top: 0px!important;
    position: relative;
    font-size: 24px;
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 40px;
    color: #004681
}

#makeChange h3:before {
    position: absolute;
    content: "";
    width: 80px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634
}

.page-template-page-evergreen #carboneSection {
    margin: 0px!important
}

.page-template-page-evergreen #serviceSection {
    margin-bottom: 0px!important
}

.waterfilterAbout h3 {
    padding-right: 41px
}

.waterfilterAbout .col-sm-12 {
    padding-top: 30px
}

.hotwaterAbout h3,.waterfilterAbout h3 {
    margin-top: 0px!important;
    position: relative;
    font-size: 24px;
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 40px;
    color: #004681
}

.hotwaterAbout h3:before,.waterfilterAbout h3:before {
    position: absolute;
    content: "";
    width: 80px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634
}

.hotwaterAbout .row {
    display: flex;
    align-items: center;
}

.listBottom {
    padding-top: 40px;
    border-top: 2px solid #f6f6f6;
    margin-top: 40px
}

.listBottom p {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px
}

#pureWaterSection .container {
    padding: 80px 0;
    border-top: 2px solid #f6f6f6;
}

#pureWaterSection .row {
    display: flex;
    align-items: center;
}

#pureWaterSection h3 {
    color: #004681;
    margin-bottom: 20px
}

.page-template-page-hotwatertank #carboneSection {
    margin-bottom: 0px!important
}

.page-template-page-hotwatertank #serviceSection {
    margin-bottom: 0px!important
}

.page-template-page-waterfilter #carboneSection {
    margin-bottom: 0px!important
}

.page-template-page-waterfilter #serviceSection {
    margin-bottom: 0px!important
}

#chlorinatedWater > .container {
    background-color: #f6f6f6;
    padding: 80px 0 0px 0;
    width: 95%;
    max-width: 95%;
}

.pb100 {
    padding-bottom: 100px
}

#chlorinatedWater h3,#removeChlorine h3 {
    margin-top: 0px!important;
    position: relative;
    font-size: 24px;
    padding-left: 100px;
    margin-top: 0px;
    margin-bottom: 40px;
    color: #004681
}

#removeChlorine {
    padding-top: 200px
}

#chlorinatedWater h3:before,#removeChlorine h3:before {
    position: absolute;
    content: "";
    width: 80px;
    top: 12px;
    height: 5px;
    left: 0px;
    background-color: #bdd634
}

#chlorinatedWater img {
    position: absolute;
}

.home .whiteBtn {
    border: 1px solid #dcdcdc!important;
}
# .slick-slide {
    margin: 0 30px;
}
#bannerList .service-item:after {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#b3000000',GradientType=0 );
}
.hentry{margin: 0px!important}
.letsStart .row{max-width: 900px;margin: auto;text-align: center;}
#serviceSection .service-item{position: relative;}
#serviceSection .service-item:after{position: absolute;content: "";left: 0px;top:0px;width: 100%;height: 100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,000000+100&0+0,0.7+100 */
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}
.serviceSlider-Text-hover{position: absolute;bottom: 30px;left: 30px;z-index: 9}
.serviceSlider-Text-hover h3,.serviceSlider-Text-hover p{color: #fff!important}
.serviceSlider-Text-hover p{margin-bottom: 15px!important}
.serviceSlider-Text-hover a{color: #fff;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #fff;
    background-color: none;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 150px;
    height: 48px;
    line-height:48px;
    text-align: center; 
    margin: auto;}
.serviceSlider-Text-hover a:hover{
     border: 1px solid #1fbfa2;
    background-color: #1fbfa2;
}
#blogSection{ background-color: #054e6a!important;
    background-image: url(images/blog-bg.jpg)!important;
    background-size: 100%!important;
    background-repeat: no-repeat!important;
    background-position: bottom!important;}
#blogSection h5{color: #fff!important}
.blogNav > div{color: #fff!important}
.blogNav > div:hover{background-image: none!important;background-color: #1fbfa2!important;border:1px solid #1fbfa2!important;}  
#downloadApp{background:url(images/download-bg.jpg)!important;background-size:cover!important;background-repeat: no-repeat!important;}
 #downloadApp .container{padding: 250px 0}   
 .appMob {position: absolute!important;bottom: 0px;right: 0px}  
.goTo.nowActive{font-family: 'Avenir-Black'!important;color: #007fb4}
#downloadApp h2{color: #fff!important;margin-top: 15px;margin-bottom: 25px}
#downloadApp h5{color: #fff!important}




@media (min-width: 1400px) {
    body:not(.home) .bannerSlider img {
        min-height: 564px!important;
        max-height: 564px!important;
        min-width: 100%;object-fit: cover;
        float: right;
    }

    body:not(.home) .bannerSlider {
        min-height: 564px!important;
        max-height: 564px!important
    }

   body.page-id-360 .bannerSlider img{
        min-height: 100vh!important;
        max-height: 100vh!important;
   }

   body.page-id-360 .bannerSlider{
        min-height: 100vh!important;
        max-height: 100vh!important;
   }

  

}

@media (max-width: 1400px) {
    body:not(.home) .bannerSlider img {
        min-height: 564px!important;
        max-height: 564px!important;
        min-width: 100%;object-fit: cover;
        float: right;
    }

    body:not(.home) .bannerSlider {
        min-height: 564px!important;
        max-height: 564px!important
    }

     body.page-id-360 .bannerSlider img{
        min-height: 100vh!important;
        max-height: 100vh!important;
   }

   body.page-id-360 .bannerSlider{
        min-height: 100vh!important;
        max-height: 100vh!important;
   }

}   

@media (min-width: 1600px) {
    #carboneSection .container-wrapper {
        width:1500px;
        max-width: 1500px;
    }

    #newsletterSection .container-wrapper {
        width: 100%;
        max-width: 100%;
    }

    #repairCostSection .container {
        width: 1500px;
        max-width: 1500px;
    }

    #menuSection .container {
        width: 1500px;
        max-width: 1500px;
    }

    #marketVolatility > .container {
        width: 1500px;
        max-width: 1500px;
    }

    #chlorinatedWater > .container {
        width: 1500px;
        max-width: 1500px;
    }
}

@media (min-width: 768px) {
    .tabSection .panel-heading {
        display: none;
    }

    .tabSection .panel {
        border: none;
        box-shadow: none;
    }

    .tabSection .panel-collapse {
        height: auto;
    }

    .tabSection .panel-collapse.collapse {
        display: block;
    }
}



.module-homecharts {
    background: rgb(255 255 255 / 10%);
    color: #8b93a9;
}
.module-homecharts .content__text p{max-width: 900px;margin: auto;}

.module-homecharts .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px 0px;
    margin: auto;
    max-width: 1164px;
}

.module-homecharts .content::before {
    content: "";
    display: block;
    width: 100%;
}

.module-homecharts .content::after {
    content: "";
    display: block;
    width: 100%;
    height: 16.85393vh;
    min-height: 72px;
    max-height: 200px;
}

.module-homecharts .content__text .smallTitle {
    transition: 0.9s all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__text .mainTitle {
    margin-top: 32px;
    transition: 0.9s all cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts {
    max-width: 1175px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
}

@media only screen and (max-width: 1024px) {
    .module-homecharts .content__charts {
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }
}

.module-homecharts .content__charts__el {
    width: 300px;
    height: 300px;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .module-homecharts .content__charts__el {
        margin-top: 40px;
        width: 260px;
        height: 260px;
    }
}

.module-homecharts .content__charts__el .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.module-homecharts .content__charts__el .text img {
    opacity: 0;
}

.module-homecharts.active-animation .content__charts__el .text img {
    opacity: 1
}

.module-homecharts .content__charts__el .text .size--xl {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    font-size: 36px;
    font-family: 'Avenir-Roman';
    color: #141414;
    margin-bottom: 0px!important;
}

@media only screen and (max-width: 1024px) {
    .module-homecharts .content__charts__el .text .size--xl {
        font-size: 40px;
    }
}

.module-homecharts .content__charts__el .text .size--xl span {
    display: block;
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(0) span {
    transition: 0.9s all 1.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(1) span {
    transition: 0.9s all 1.7s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(2) span {
    transition: 0.9s all 1.8s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(3) span {
    transition: 0.9s all 1.9s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(4) span {
    transition: 0.9s all 2s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(5) span {
    transition: 0.9s all 2.1s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(6) span {
    transition: 0.9s all 2.2s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(7) span {
    transition: 0.9s all 2.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(8) span {
    transition: 0.9s all 2.4s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(9) span {
    transition: 0.9s all 2.5s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(10) span {
    transition: 0.9s all 2.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(11) span {
    transition: 0.9s all 2.7s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(12) span {
    transition: 0.9s all 2.8s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(13) span {
    transition: 0.9s all 2.9s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text .size--xl div:nth-child(14) span {
    transition: 0.9s all 3s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .text p {
    transition: 0.9s all 2.1s cubic-bezier(0.55, 0, 0.1, 1);
    color: #141414;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
    .module-homecharts .content__charts__el .text p {
        min-width: 230px;
    }
}

.module-homecharts .content__charts__el .circlewhite {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 89%;
    border-radius: 100%;
    box-shadow: 0 19px 29px 0 rgba(139, 147, 169, 0.2);
    background: white;
    transition: 0.9s all 1.7s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .circlewhite::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.module-homecharts .content__charts__el .circlewhite .point {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    position: absolute;
}

.module-homecharts .content__charts__el .circlewhite .point--one {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    background: #8b93a9;
    z-index: 7;
    transition: 0.6s all 1.9s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .circlewhite .point--two {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%) scale(1);
    background: #eff2f9;
    z-index: 7;
    transition: 0.6s all 2.7s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .circlewhite .gradienthalf {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 6;
    overflow: visible;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(-90deg);
}

.module-homecharts .content__charts__el .circlewhite .gradienthalf circle {
    stroke-dashoffset: 580;
    transition: 0.9s all 2.1s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .els {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.module-homecharts .content__charts__el .els .circleblue {
    width: 100%;
    transform-origin: center;
    transform: rotate(90deg);
    transition: 0.9s all 1.7s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el .els .circleblue circle {
    stroke-dasharray: calc(100 * 31.4 / 100) 31.4;
    transition: 0.9s all 0.8s ease;
}

.module-homecharts .content__charts__el--fullde .circlewhite .gradienthalf circle {
    stroke-dashoffset: 370;
    transition: 1.3s all 2.1s cubic-bezier(0.55, 0, 0.1, 1);
}

.module-homecharts .content__charts__el--fullde .circlewhite .point--two {
    left: 0;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%) scale(1);
}

.module-homecharts .content__charts__el--fullde .els .circleblue {
    transform: rotate(90deg);
}

.module-homecharts .content__charts__el--fullde .els .circleblue circle {
    stroke-dasharray: calc(100 * 31.4 / 100) 31.4;
}

.module-homecharts:not(.active-animation) .content__text .smallTitle {
    opacity: 0;
    transform: translateY(32px);
}

.module-homecharts:not(.active-animation) .content__text .mainTitle {
    opacity: 0;
    transform: translateY(32px);
}

.module-homecharts:not(.active-animation) .content__charts__el .text h3 span {
    transform: translateY(100%);
}

.module-homecharts:not(.active-animation) .content__charts__el .text p {
    transform: translateY(16px);
    opacity: 0;
}

.module-homecharts:not(.active-animation) .content__charts__el .text img {
    transform: translateY(16px);
    opacity: 0;
}

.module-homecharts:not(.active-animation) .content__charts__el .circlewhite {
    transform: translate(-50%, -50%) scale(0);
}

.module-homecharts:not(.active-animation) .content__charts__el .circlewhite .point--one {
    transform: translate(-50%, 50%) scale(0);
}

.module-homecharts:not(.active-animation) .content__charts__el .circlewhite .point--two {
    transform: translate(-50%, 50%) scale(0);
}

.module-homecharts:not(.active-animation) .content__charts__el .circlewhite svg circle {
    stroke-dashoffset: 1000;
}

.module-homecharts:not(.active-animation) .content__charts__el .els .circleblue {
    transform: rotate(0deg);
}

.module-homecharts:not(.active-animation) .content__charts__el .els .circleblue circle {
    stroke-dasharray: calc(0 * 31.4 / 100) 31.4;
}

.module-homecharts:not(.active-animation) .content__charts__el--fullde .circlewhite .point--two {
    transform: translate(-50%, -50%) scale(0);
}

header #main-menu {
    justify-content: flex-end;
    display: flex;
    align-items: center;
    flex: 1;
    position: relative
}

@media (max-width: 991px) {
    header #main-menu {
        justify-content:flex-start
    }
}

header #main-menu .menu-holder {
    text-align: right;
    float: right
}

@media (max-width: 991px) {
    header #main-menu .menu-holder {
        display:none
    }
}

header #main-menu .menu-holder ul {
    -webkit-transform: translateY(22px);
    margin-bottom: 0px!important;
    transform: translateY(22px);
    opacity: 0;
    transition: opacity .4s ease-out,-webkit-transform .4s ease-out;
    transition: transform .4s ease-out,opacity .4s ease-out;
    transition: transform .4s ease-out,opacity .4s ease-out,-webkit-transform .4s ease-out
}

header #main-menu .menu-holder ul.open {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    transition: opacity .4s ease-in,-webkit-transform .4s ease-in;
    transition: transform .4s ease-in,opacity .4s ease-in;
    transition: transform .4s ease-in,opacity .4s ease-in,-webkit-transform .4s ease-in
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    header #main-menu .menu-holder ul.open {
        -webkit-transform:translate(16px);
        transform: translate(16px)
    }
}

header #main-menu .menu-holder ul>li:last-of-type.submenu ul.sub-menu {
    left: inherit;
    right: -18px
}

header #main-menu .menu-holder ul li {
    display: inline-block
}

header #main-menu .menu-holder ul li a {
    margin-left: 63px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #141414;
    padding: 10px 0;
    transition: color .4s ease;
    text-decoration: none!important;
}

@media screen and (min-width: 991px) and (max-width:1199px) {
    header #main-menu .menu-holder ul li a {
        font-size:13px;
        margin-left: 10px;
        letter-spacing: -.7px
    }
}

header #main-menu .menu-holder ul li a:hover {
    color: #141414;
    transition: color .4s ease
}

header #main-menu .menu-holder ul li a.active,header #main-menu .menu-holder ul li a.active-item {
    color: #fff
}

@media screen and (max-width: 991px) {
    header #main-menu.open {
        display:block;
        position: fixed;
        left: 0;
        top: 0;
        background-color: hsla(0,0%,100%,.95);
        width: 100%;
        height: 100%;
        z-index: 998;
        visibility: visible;
        opacity: 1;
        margin: 0;
        overflow-y: auto
    }

    header #main-menu.open .menu-holder {
        padding: 120px 100px 50px;
        width: 100%;
        text-align: center
    }

    header #main-menu.open .menu-holder ul {
        margin-bottom: 0px!important;
    }

    header #main-menu.open .menu-holder ul li {
        display: block;
        padding: 6px 0
    }

    header #main-menu.open .menu-holder ul li a {
        color: #222;
        padding: 0;
        font-size: 35px;
        line-height: 55px
    }

    header #main-menu.open .menu-holder ul li a:hover {
        color: #141414
    }

    header #main-menu.open .menu-holder ul li.submenu {
        display: block
    }

    header #main-menu.open .menu-holder ul li.submenu>a {
        padding: 0
    }

    header #main-menu.open .menu-holder ul li.submenu ul.sub-menu {
        position: relative;
        background-color: transparent;
        top: 0;
        left: inherit;
        right: inherit;
        text-align: center;
        max-height: 0;
        transition: max-height .8s ease;
        visibility: hidden;
        display: block;
        padding: 0;
        border: none
    }

    header #main-menu.open .menu-holder ul li.submenu ul.sub-menu li {
        display: inline-block;
        margin: 0 16px;
        text-align: center;
        opacity: 0;
        transition: opacity .4s ease
    }

    header #main-menu.open .menu-holder ul li.submenu ul.sub-menu li a {
        color: #3122ab;
        font-size: 12px;
        line-height: 22px;
        text-transform: uppercase;
    }
}

@media screen and (max-width: 991px) and (max-width:991px) {
    header #main-menu.open .menu-holder ul li.submenu ul.sub-menu li a {
        color:#fff
    }
}

@media screen and (max-width: 991px) {
    header #main-menu.open .menu-holder ul li a:focus {
        text-decoration:none;
        outline: none
    }
}

@media screen and (max-width: 991px) {
    header #main-menu.open .menu-holder ul li:hover ul.sub-menu {
        max-height:800px;
        transition: max-height .8s ease;
        visibility: visible
    }

    header #main-menu.open .menu-holder ul li:hover ul.sub-menu li {
        opacity: 1;
        transition: opacity .4s ease
    }
}

@media screen and (max-width: 991px) {
    header #main-menu.open .menu-holder ul a {
        font-size:20px;
        line-height: 30px;
        color: #141414;
        margin-left: 0
    }
}

@media screen and (max-width: 991px) {
    header #main-menu.open .menu-holder button.close-menu {
        display:block
    }
}

header #mobile-menu.page a.btn {
    border-color: #141414
}

header #menu-responsive {
    justify-content: flex-end;
    display: flex;
    align-items: center;
    position: relative
}

header #menu-responsive .menu-button {
    float: right;
    display: block;
    width: 47px;
    height: 25px;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 25px;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out,-webkit-transform .4s ease-out
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    header #menu-responsive .menu-button {
        margin-left:0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition: -webkit-transform .4s ease-in;
        transition: transform .4s ease-in;
        transition: transform .4s ease-in,-webkit-transform .4s ease-in
    }
}

@media (max-width: 991px) {
    header #menu-responsive .menu-button {
        margin-left:0
    }
}

header #menu-responsive .menu-button .bar {
    background-color: #141414;
    height: 2px;
    border-radius: 1px;
    width: 47px;
    display: block;
    right: 0
}

header #menu-responsive .menu-button .bar-1 {
    transition: width .4s ease-out,-webkit-transform .4s linear;
    transition: width .4s ease-out,transform .4s linear;
    transition: width .4s ease-out,transform .4s linear,-webkit-transform .4s linear
}

header #menu-responsive .menu-button .bar-2 {
    transition: width .4s ease-out,-webkit-transform .5s ease-in;
    transition: width .4s ease-out,transform .5s ease-in;
    transition: width .4s ease-out,transform .5s ease-in,-webkit-transform .5s ease-in;
    width: 24px;
    margin-top: 8px;
    margin-left: 23px
}

@media (max-width: 991px) {
    header #menu-responsive .menu-button .bar-2 {
        margin-left:0
    }
}

header #menu-responsive .menu-button .bar-3 {
    transition: width .4s ease-out,-webkit-transform .4s linear;
    transition: width .4s ease-out,transform .4s linear;
    transition: width .4s ease-out,transform .4s linear,-webkit-transform .4s linear;
    margin-top: 8px
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    header #menu-responsive.open .menu-button {
        -webkit-transform:translateX(30px);
        transform: translateX(30px);
        transition: -webkit-transform .4s ease-out;
        transition: transform .4s ease-out;
        transition: transform .4s ease-out,-webkit-transform .4s ease-out
    }
}

@media (max-width: 991px) {
    header #menu-responsive.open .menu-button {
        -webkit-transform:rotate(90deg) translateX(30px);
        transform: rotate(90deg) translateX(30px);
        transition: -webkit-transform .4s ease-out;
        transition: transform .4s ease-out;
        transition: transform .4s ease-out,-webkit-transform .4s ease-out;
        padding-left: 30px;
        margin-top: -55px
    }
}

header #menu-responsive.open .bar-1 {
    -webkit-transform: rotate(-35deg) translate(-3px,6px);
    transform: rotate(-35deg) translate(-3px,6px);
    width: 15px;
    transition: background-color .4s linear,-webkit-transform .4s ease-out;
    transition: transform .4s ease-out,background-color .4s linear;
    transition: transform .4s ease-out,background-color .4s linear,-webkit-transform .4s ease-out
}

@media (max-width: 991px) {
    header #menu-responsive.open .bar-1 {
        -webkit-transform:rotate(35deg) translate(-1px,9px);
        transform: rotate(35deg) translate(-1px,9px)
    }
}

header #menu-responsive.open .bar-2 {
    -webkit-transform: translate(-21px,1px);
    transform: translate(-21px,1px);
    width: 22px;
    transition: background-color .4s linear,-webkit-transform .4s ease-out;
    transition: transform .4s ease-out,background-color .4s linear;
    transition: transform .4s ease-out,background-color .4s linear,-webkit-transform .4s ease-out
}

@media (max-width: 991px) {
    header #menu-responsive.open .bar-2 {
        -webkit-transform:translate(-14px,1px);
        transform: translate(-14px,1px)
    }
}

header #menu-responsive.open .bar-3 {
    -webkit-transform: rotate(35deg) translate(-2px,-4px);
    transform: rotate(35deg) translate(-2px,-4px);
    width: 15px;
    transition: background-color .4s linear,-webkit-transform .4s ease-out;
    transition: transform .4s ease-out,background-color .4s linear;
    transition: transform .4s ease-out,background-color .4s linear,-webkit-transform .4s ease-out
}

@media (max-width: 991px) {
    header #menu-responsive.open .bar-3 {
        -webkit-transform:rotate(-35deg) translate(-2px,-7px);
        transform: rotate(-35deg) translate(-2px,-7px)
    }
}

#cursor {
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 99999;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    pointer-events: none;
    mix-blend-mode: darken;
}

@media screen and (max-width: 480px) {
    #cursor {
        display:none
    }
}

#cursor .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    z-index: 1;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    opacity: 0;
    transition: opacity .3s ease-out
}

#cursor .text.active {
    opacity: 1;
    transition: opacity .3s ease-in
}

#cursor .bg {
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    left: 0;
    top: 0;
    mix-blend-mode: screen;
    background: #1fbfa2;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    margin-top: -40px;
    margin-left: -40px;
    border: 1px solid #fff;
    color: #fff!important;
}

#cursor.small .bg {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition: all 0.3s;
}

#cursor.normal .bg {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s;
}

.topHeader {
    position: absolute;
    top: 16px;
    width: 90%;
    z-index: 999;
    left: 5%
}

.topHeader .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 90%
}

.topHeader a {
    height: 39px;
    border-radius: 18px;
    background-color: #1fbfa2;
    text-align: center;
    display: inline-block;
    line-height: 1;
    color: #fff;
    margin-left: 10px;
    padding: 10px 35px;
}

a {
    text-decoration: none!important;
}

#masthead .container {
    max-width: 90%
}

.innerBanner .slid-wrap .container {
    max-width: 90%
}
.innerBanner .slid-wrap #banTxtLeft{padding-top: 150px!important}
.innerBanner h1 span{/*background:rgba(5,78,106,0.8);*/width: auto!important;padding: 15px 20px!important}
.aboutapplyOnline .letspace p{text-transform: uppercase;letter-spacing: 2px;font-size: 24px;color: #007fb4!important}
.applyOnlineTop a{color: #007fb4!important;font-family: 'Avenir-Black'!important}
.home .slid-wrap #banTxtLeft h5 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.tcList ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px;
}
.tcList ul li:before {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0px;
    background: url(images/check.png);
    background-repeat: no-repeat;
    top: 3px;
}
.tcList ul{float: left;width: 50%;margin-left: 0px!important}
#multi-step-form{padding-top: 60px;}
body #multi-step-form .fw-active span.fw-txt-ellipsis{color: #007fb4!important}
body #multi-step-form .fw-step-part-title {display: none!important}
body #multi-step-form .fw-step-part {margin-bottom: 80px}
.page-id-295 #footerSection{padding-top: 80px}
.home .slid-wrap #banTxtLeft h1 {
    padding: 0px 0;
    line-height: 69px
}

.banerStepsWrapper1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 185px
}

.banerStepsWrapper1 > div {
    width: 82px;
    height: 82px;
    border-radius: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    cursor: pointer;
    margin: 5px;
    transition: all 0.3s;
}

.banerStepsWrapper1 > div:hover {
    /*background-image: linear-gradient(90deg, #85d9f1 0%, #0081b7 100%);*/
    background:#007fb4;
    border: 1px solid #007fb4;
    color: #fff!important
}

.banerStepsWrapper > .container {
    display: flex;
    align-items: center;
}

.banerStepsWrapper2 {
    width: 100%
}

.banerSteps {
    margin-top: -46px;
    padding-bottom: 30px;
}

.banerStepsWrapper {
    padding: 100px 0 70px 0
}

.content__text h3 {
    font-size: 29px;
    font-weight: normal;
    font-family: 'Avenir-Roman';
    color: #141414
}
.becomeInvestor{    color: #007fb4;font-size: 46px!important;text-align:center;padding-bottom:50px;}
#whatWeDoSection{padding-bottom: 100px;padding-top:100px;}
.investorRight{padding-left:60px!important;}
#whatWeDoSection h5 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #141414
}

#whatWeDoSection h2 {
    font-size: 32px!important;
    margin-bottom: 15px;
    margin-top: 0px;
    color: #007fb4!important;
   /* background: -webkit-linear-gradient(#0988bb, #79d2ed );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

#whatWeDoSection a {
    color: #141414;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: transparent;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

#whatWeDoSection a:hover {
    color: #fff;
    background-color: #1fbfa2
}

.whatwedo-card {
    padding: 50px 20px 50px 100px;
    border-radius: 10px;
    margin-right: 25px;
    /* margin-top: 50px; */
    box-shadow: 0px 1px 14.5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 14.5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 14.5px rgba(0,0,0,0.2);
    margin-bottom: 30px;
    cursor: pointer;
    transition: all 0.3s;
    background: #fff
}

.whatwedo-card p {
    transition: all 0.3s
}

.mtop {
    margin-top: -50px;
    margin-bottom: 80px;
}

.whatwedo-card h3 {
    font-size: 30px;
    color: #141414;
    transition: all 0.3s
}

.whatwedo-card img {
    margin-left: -60px;
    transition: all 0.3s
}

.whatwedo-card:hover h3 {
    color: #fff
}

.whatwedo-card:hover p {
    color: #fff
}

.whatwedo-card:hover img {
    /* mix-blend-mode: color; */
    /* background: darkred; */
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.whatwedo-card:hover {
    /*background: linear-gradient(0deg, #85d9f1 0%, #0081b7 100%);*/
    background:#007fb4;
}

#processSection {
    background: #fafafe;
   
}

#processSection .container {
    padding: 100px 0 100px 0;
    border-bottom: 1px solid #dddde0;
}

#processSection ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px;
}

#processSection ul li:before {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0px;
    background: url(images/check.png);
    background-repeat: no-repeat;
    top: 3px;
}

#processSection ul {
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 20px;
}

p,li {
    color: #141414
}

.loanCalci {
    background-color: #fff;
  /*  box-shadow: 0px 1px 14.5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 14.5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 14.5px rgba(0,0,0,0.2);*/
    padding: 60px 40px;
    border-radius: 30px;
    max-width: 570px;
}

#processSection p {
    padding-right: 100px;
    padding-top: 10px;
}
#processSection ul {
    padding-right: 100px;

}

.flexDisp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
    position: relative;
}

.loanCalci h3 {
    font-size: 30px!important;
    margin-bottom: 15px;
    margin-top: 0px;
   color: #007fb4;
    
}

.numberSection {
    padding: 20px 38px;
    border: 1px solid #dddde0;
    border-radius: 20px;
    margin: 30px 0
}

.minus {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 1px 14.5px rgba(0,0,0,0.06);
    position: absolute;
    z-index: 9;
    left: -27px;
    cursor: pointer;
}

.plus {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 1px 14.5px rgba(0,0,0,0.06);
    position: absolute;
    right: 0px;
    cursor: pointer;
}

.numberSection input {
    background: #f3f3f3;
    height: 45px;
    border-radius: 20px;
    width: 150px;
    text-align: center;
    position: relative;
    border: none
}

.minusrate {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 1px 14.5px rgba(0,0,0,0.06);
    position: absolute;
    z-index: 9;
    left: -27px;
    cursor: pointer;
}

.plusrate {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0px 1px 14.5px rgba(0,0,0,0.06);
    position: absolute;
    right: 0px;
    cursor: pointer;
}

.calciBtn {
    height: 73px;
    border-radius: 36px!important;
    background-color: #1fbfa2!important;
    color: #fff!important;
    text-align: center;
    width: 100%;
    box-shadow: none!important;
    border: none!important;
    font-size: 18px!important;
    background-image: url('images/btn-arrow.png')!important;
    background-repeat: no-repeat!important;
    background-position: 90% 50%!important;
}

.resultSection input {
    width: 100%;
    text-align: center;
    height: 50px;
    border-radius: 30px;
}

.resultSection p {
    text-align: center;
    width: 100%!important;
    padding-right: 0px!important;
    margin-bottom: 10px;
    color: #141414
}

.resultSection {
    margin-top: 10px
}

.resultSection > div {
    width: 48%
}

.resetCalci {
    width: 100px;
    margin: auto;
    text-align: ce;
    border: none!important;
    box-shadow: none!important;
    height: 32px;
    margin-top: 20px;
    border-radius: 30px!important;
    background: #f3f3f3!important;
}

.caseNav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.caseNav > div {
    width: 82px;
    height: 82px;
    border-radius: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    cursor: pointer;
    margin: 5px;
    transition: all 0.3s;
}

.caseNav > div:hover {
    background-color: #007FB4;
    border: 1px solid #fff;
    color: #fff!important
}

.blogNav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.blogNav > div {
    width: 82px;
    height: 82px;
    border-radius: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    cursor: pointer;
    margin: 5px;
    transition: all 0.3s;
}

.blogNav > div:hover {
    background-image: linear-gradient(90deg, #85d9f1 0%, #0081b7 100%);
    border: 1px solid #fff;
    color: #fff!important
}

.caseTop {
    align-items: flex-end;
    padding-bottom: 70px
}

#serviceSection {
    padding: 100px 0
}

#serviceSection h2 {
    margin-bottom: 0px!important
}
.serviceSlider-Text h4{color: #fff!important;font-size: 30px!important;}
.serviceSlider-Text .flexDisp{justify-content: center!important;}
.serviceSlider-Text img{margin: 0 7px;cursor: pointer;}
.service-item h5{padding: 15px 0;font-size: 18px;letter-spacing: 2px;background: #fff!important;position: relative;z-index: 999;margin-bottom: 0px;font-weight: 700;text-transform: uppercase;}
#blogSection .row{align-items: center;}
#blogSection h5{margin-bottom: 0px}
#blogSection{background: #fafafe;padding: 100px 0}
.blogText{padding:30px 20px}
.blogText h3{color: #141414;padding-right:50px;margin-bottom:20px;margin-top: 30px}
.blogSlider .col-sm-12{
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 1px 14.5px rgba(0,0,0,0.06);
    }
.blogSlider img{border-radius: 15px 15px 0 0;}
.blogMore {width:100%;text-align:center;padding-top:50px}
.blogMore a{color: #141414;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: transparent;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 270px;
    height: 73px;
    line-height: 73px;
    text-align: center;margin:auto}
.blogMore a:hover {
    color: #fff;
    background-color: #1fbfa2;
}
.appMob{position: relative;}
#downloadApp h5{font-size: 18px;letter-spacing: 2px;margin-bottom: 0px;font-weight: 700;text-transform: uppercase;}
#downloadApp a{color: #fff;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: #1fbfa2;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;margin:auto}
#downloadApp a:hover {
    color: #fff;
    background-color: #1fbfa2;
}
#downloadApp {background: #fafafe;position: relative;}
#downloadApp .container{z-index: 9;}
#downloadApp> img{
    position: absolute;
    bottom: 0px;
    z-index: 0;
    }
#downloadApp .row{display: flex;align-items: center;}
.footAddress{display: flex;align-items: center;justify-content: space-between;}
.footAddress h6{font-weight: bold;font-family: 'Avenir-Black';color: #141414}
.footAddress a{color: #141414}
#footerSection{padding-bottom: 60px}
#footerSection .topFooter ul li:last-child a{
    color: #fff;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: #1fbfa2;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width:160px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin:auto;
    }





 #whatWeDoSection:after {
    content: "";
    position: absolute;
    width: 728px;
    height: 851px;
    background-color: #fafafe;
    -webkit-transform: rotate(40deg);
    transform: rotate(35deg);
    right: -50%;
    top: -4%;
    border-radius: 15%;
    z-index: 0;
    display: none!important;
}

@media screen and (min-width: 3840px) {
   #whatWeDoSection:after {
        right:17%
    }
}

@media screen and (min-width: 2560px) and (max-width:3839px) {
  #whatWeDoSection:after {
        right:-15%;
        top: -9%;
        width: 1288px;
        height: 1507px
    }
}

@media screen and (min-width: 1900px) and (max-width:2559px) {
    #whatWeDoSection:after {
        right: -24%;
    }
}

@media screen and (min-width: 1281px) and (max-width:1440px) {
     #whatWeDoSection:after {
        right:-37%
    }
}

@media screen and (min-width: 1024px) and (max-width:1199px) {
  #whatWeDoSection:after{
        right:-68%
    }
}

@media (max-width: 991px) {
    #whatWeDoSection:after{
        width:900px;
        height: 1053px;
        right: -60%;
        top: -3%
    }
}

@media only screen and (device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    #whatWeDoSection:after {
        right:-84%
    }
}

@media screen and (max-width: 480px) {
#whatWeDoSection:after {
        width:900px;
        height: 1053px;
        right: -110%;
        top: 7%;
        -webkit-transform: scale(.75) rotate(40deg);
        transform: scale(.75) rotate(40deg)
    }
}

@media screen and (max-width: 414px) {
     #whatWeDoSection:after {
        right:-137%
    }
}

@media screen and (max-width: 375px) {
     #whatWeDoSection:after {
        right:-162%
    }
}

@media screen and (max-width: 350px) {
     #whatWeDoSection:after{
        right:-182%
    }
}   

@media screen and (max-width: 320px) {
    #whatWeDoSection:after{
        right:-207%
    }
}
#whatWeDoSection{position: relative;}
#whatWeDoSection .container{z-index: 99}




@media (max-width: 1600px) {
    .bannerCrop{left:-5%}
    .bannerSlider img.bas {
    object-fit: cover!important;
    min-height: 100vh!important;
    width: 100%;
    max-height:  100vh!important;
}
.bannerSlider {
    min-height: 100vh;
    max-height: 100vh!important;
}
}
@media (max-width: 1400px) {

.home .slid-wrap #banTxtLeft h1{font-size: 46px!important;line-height: 46px}
.slid-wrap p{max-width: 450px}
.slid-wrap a{    width: 250px;
    height: 60px;
    line-height: 60px;}

.bannerSlider img.bas {
    object-fit: cover!important;
    min-height: 100vh!important;
    width: 100%;
    max-height:  100vh!important;
}
.bannerSlider {
    min-height: 100vh;
    max-height: 100vh!important;
}
header #main-menu .menu-holder ul li a {margin-left: 15px;}
#whatWeDoSection h2,#main h2{
    font-size: 46px!important;}
#whatWeDoSection a{width: 250px;
    height: 60px;
    line-height: 60px;}
    .blogText h3{font-size: 20px}
.calciBtn{height: 60px}
.blogMore a,#downloadApp a{width: 250px;
    height: 60px;
    line-height: 60px;}
 #footerSection .topFooter ul li:last-child a{width: 180px;
    height: 60px;
    line-height: 60px;}
}
.innerBanner .container{padding: 0px!important}
.ourServiceSlider{padding-top:60px!important;}
.ourServiceSlider .slick-slide img{width: 100%!important}  
.ourServiceSlider .slick-slide a h5{color: #141414!important;opacity: 0.5}  
.ourServiceSlider .caseTop{padding-top:100px;}
.aboutleft p{font-size: 18px;text-transform: uppercase;max-width: 600px;
    letter-spacing: 2px;}
.aboutright p{font-size: 24px;}
.ptb100{padding:100px 0;}
.flexdisplay{display: flex;align-items: center;}
.text-part p{padding: 0 30px}
.img-part img{width: 100%;padding: 0 40px}
#tabSection{background: #FBFAFF}
#abtSection{padding: 0px!important}
.postid-119 #abtSection,.postid-118 #abtSection{padding-bottom:80px!important;}
#tabSection ul.nav{margin-left: 0px!important;display: flex;align-items: center;justify-content: center;width: 100%;}
#tabSection ul.nav li{list-style: none;}
#tabSection ul.nav li a{font-size: 24px;text-transform: uppercase;color: #141414;opacity: 0.5;display: block;padding: 10px;letter-spacing: 2px;}
#tabSection ul.nav li.active a{opacity: 1;}
.twoTabs  ul.nav li{text-align: center;}
#exTab1{width: 90%;padding: 100px 0px!important;    padding-bottom: 50px!important;}
.tab-content .row{margin: 0px!important;}
.tab-content {padding: 50px 0}
.checklistImg{    float: right;
    text-align: right;}
.checklistImg img{width: 500px;height: 500px}
.tab-pane ul{margin-left: 0px;}
.tab-pane ul li{list-style: none;margin-bottom: 10px;position: relative;}
.tab-pane ul li:before{content: "";position: absolute;width: 20px;height: 20px;background: url(images/tick.png);background-size: 18px;background-repeat: no-repeat;left: -30px;top:4px;}
.tab-content .row{align-items: center;}
#ourLoans{padding: 100px 0;position: relative;padding-bottom:0px!important;}
 #ourLoans:after {
    position: absolute;
    width: 1596px;
    height: 714px;
    background-color: #fafafe;
    -webkit-transform: rotate(53deg);
    transform: rotate(53deg);
    /* right: -50%; */
    top: 13%;
    border-radius: 15%;
    z-index: -1;
    left: -51%;
}

#ourLoans h3{font-size: 18px;text-transform: uppercase;
    letter-spacing: 2px;font-family: 'Avenir-Roman';margin:20px 0 25px 0;}
.loanList{text-align: center;}
.loanList .col-sm-6{padding: 30px}
.loanList p{margin: auto;width: 200px;margin-top: 20px}
#whatWeCanDo{padding: 100px 0;padding-top:0px!important; padding-bottom:0px!important;}
#whatWeCanDo .container{border-top:1px solid #ccc;padding-top:100px!important;margin-top:50px;}
#whatWeCanDo h4{font-size: 18px;text-transform: uppercase;
    letter-spacing: 2px;font-family: 'Avenir-Roman';margin:20px 0 25px 0;color: #141414!important}
#whatWeCanDo ul{margin-left: 0px;margin-top:50px}
#whatWeCanDo ul li{list-style: none;margin-bottom: 20px;position: relative;}
#whatWeCanDo ul li:before{content: "";position: absolute;width: 20px;height: 20px;background: url(images/tick.png);background-size: 18px;background-repeat: no-repeat;left: -30px;top:4px;}
.ourServiceSlider .slick-slide a h5{position: relative;z-index: 99999!important}
.ourServiceSlider h5{text-transform: uppercase;
    letter-spacing: 2px;font-family: 'Avenir-Roman';}
.single #primary{padding-top: 0px!important}
.innerBanner .bannerCrop{max-width: inherit!important;width: 111%;object-position: bottom;}
.threeTab ul.nav li{width: 33%;text-align: center;}
.threeTab ul.nav li a{min-height: 100px;display: flex;align-items: center;justify-content: center;padding: 10px 50px!important}
#serviceInnerTab .tab-content .row{align-items: flex-start;}
#serviceInnerTab .tab-content .row .col-md-6{padding: 20px!important;color: #141414;}
.pt100{padding: 100px 0 0 0}
#serviceInnerTab{padding: 100px 0 50px 0;}
#downloadfiles{padding: 100px 0 0 0}
.downloadCard{border-radius: 20px;
filter: drop-shadow(0px 1px 14.5px rgba(0,0,0,0.06));
background-color: #ffffff;padding: 80px 50px;margin: 20px}
.downloadCard h5{display: flex;align-items: center;font-weight: bold;font-family: 'Avenir-Black';font-size: 26px;color: #141414!important;text-align: center;justify-content: center;}
.downloadCard a{margin-left: 0px!important}
.downloadCard h5 img{margin-right: 20px}

.downloadCard a{color: #141414;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: transparent;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 270px;
    height: 73px;
    line-height: 73px;
    text-align: center;
    margin: auto;
margin-left: 70px;
    margin-top: 20px;transition: all 0.3s;}
 .downloadCard a:hover{background: #1fbfa2;color: #fff}
#serviceContact{padding: 100px 0;background: #f9f9fd}
#serviceContact h5{font-size: 18px;text-transform: uppercase;
    letter-spacing: 2px;font-family: 'Avenir-Roman';margin:20px 0 25px 0;color: #141414!important}
#serviceContact h2{line-height: 1;margin-bottom: 30px;}
#serviceContact p{margin-bottom: 0px!important}
#serviceContact .col-sm-4{align-items: flex-end;
    display: flex;
    justify-content: flex-end;}
#serviceContact a{color: #141414;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: transparent;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    float: right;transition: all 0.3s;}
#serviceContact a:hover{background: #1fbfa2;color: #fff}

.innerBanner #banTxtLeft > h1{max-width: 800px}
.postid-119 .threeTab ul.nav li{width:50%;text-align: center;}
.postid-119 .threeTab ul.nav li:last-child{display: none!important}
.postid-120 .threeTab ul.nav li{width:100%;text-align: center;}
.postid-120 .threeTab ul.nav li:last-child,.postid-120 .threeTab ul.nav li:nth-child(2){display: none!important}
.tab-pane h4{font-size: 18px;
    letter-spacing: 2px;font-family: 'Avenir-Roman';margin:20px 0 25px 0;color: #141414!important}
.postid-120 #serviceInnerTab .tab-content .row{align-items: center!important;}
.ourServiceSlider .slick-slide > a > img{    min-height: 465px;
    object-fit: cover;max-height: 465px}
.calculatorTopSection{padding: 100px 0 100px 0;text-align: center;    max-width: 1050px;margin: auto;}
.calciForm{margin-top: 100px}
#serviceContact.calculatorApplSection{background: #fff!important;padding-bottom: 20px!important}
.calcibgImg{margin-top: -100px}
.investor_top_content h5{text-transform: uppercase;letter-spacing: 2px}
#investorTab .tabs-left{border:none!important;}
#investorTab .tabs-left li{width:100%!important;display: flex;align-items: center;font-weight: bold;font-family: 'Avenir-Black'!important;font-size: 26px;color: #1a1a1a!important;padding: 10px} 
#investorTab .nav>li>a:hover, .nav>li>a:focus{background:#007FB4!important;color:#fff!important;}   
#investorTab .nav-tabs>li.active a{background:#007FB4;color: #fff!important;}
#investorTab .tabs-left li a{font-weight: bold;font-family: 'Avenir-Black'!important;font-size: 26px;color: #1a1a1a!important;width:100%;     border: 1px solid #1fbfa2!important;border-radius: 50px;}  
#investorTab .nav-tabs>li.active:after{display: none!important}
#investorTab .nav-tabs>li.active{}
#investorTab .tab-content{padding: 0 50px!important;margin-left: 50px;float: left;}
#investorTab .tabs-container{width: 90%;margin: auto;}
.page-id-236 .aboutleft p{font-size: 16px!important;letter-spacing: inherit;text-transform: inherit;}
.page-id-236 .aboutright p{font-size: 16px!important;letter-spacing: inherit;text-transform: inherit;}
.page-id-236 .aboutleft h5{font-size: 18px;text-transform: uppercase;
    letter-spacing: 2px;font-family: 'Avenir-Roman';margin:0px 0 25px 0;color: #141414!important}
#downloadApp.downloadPageAppSection{background: #fff!important;margin-top: 100px;}
#downloadApp.downloadPageAppSection .container{padding: 100px 0!important}
#contactFormSection h5{font-size: 18px;letter-spacing: 2px;font-family: 'Avenir-Roman';margin:20px 0 25px 0;color: #141414!important;text-transform: uppercase;}
#contactFormSection h3{font-size: 18px;color: #141414!important;font-family: 'Avenir-Roman';margin-bottom:35px; }
.addressSection{margin-top: 50px;padding-left:50px;}
.addressSection h3{font-weight: bold;font-family: 'Avenir-Black'!important;font-size: 26px;    background: -webkit-linear-gradient(#0988bb, #79d2ed );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.addressSection a{color: #141414!important}
.addressSection div{color: #141414!important;}
#contactFormSection .wpcf7-form-control-wrap{display: block;}
#contactFormSection .wpcf7-form-control-wrap input{width: 100%!important;height: 50px;padding: 10px;border: 1px solid #e5e5ea!important;border-radius:5px;}
#contactFormSection .wpcf7-form-control-wrap select{width: 100%!important;height: 50px;padding: 10px;border:none!important;border-bottom: 1px solid #e5e5ea!important}
#contactFormSection .wpcf7-form-control-wrap textarea{width: 100%!important;height: 100px;padding: 10px;border: 1px solid #e5e5ea!important;border-radius:5px;}
textarea:focus{outline: 0!important}
.formInner{border-radius: 20px;
filter: drop-shadow(0px 1px 14.5px rgba(0,0,0,0.06));
background-color: #ffffff;padding: 50px 50px 30px 50px;width:750px; margin:auto;}
#contactFormSection  input.wpcf7-form-control.wpcf7-submit {

        color: #fff;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: #1fbfa2;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 210px;
    height: 50px;
    line-height: 1;
    text-align: center;
    margin: auto;box-shadow:none;width:100%;font-size:16px;text-transform: uppercase;letter-spacing: 2px;    background-image: url(images/btn-arrow.png)!important;
    background-repeat: no-repeat!important;
    background-position: 90% 50%!important;
}
.wpcf7 .ajax-loader{position: absolute;}
.followus{display: flex;align-items: center;padding-left:50px;}
.followus ul{display: flex;align-items: center;margin-bottom: 0px!important;padding: 30px 0}
.followus ul li{list-style: none;margin-left: 20px}
#contactBottom {padding: 100px 0}
#contactBottom .container{padding: 100px 0!important;border-top: 1px solid #e5e5ea!important;border-bottom: 1px solid #e5e5ea!important;}
#contactBottom p{text-align: center;max-width: 900px;margin: auto;font-size: 24px;color: #141414!important;font-family: 'Avenir-Roman'; }
.caseStudiesCardWrapper{position: relative;}
.caseStudiesCardWrapper:hover .serviceSlider-Text{opacity: 1}
.caseStudiesCard img.mainCaseImg{min-height: 500px;max-height: 500px;object-fit: cover;}
.caseStudiesCard .serviceSlider-Text{background-image: linear-gradient(to top,rgba(1,1,53,0.77) 0,rgba(1,1,53,0.77) 100%);}
.caseStudiesMain h5 a{font-size: 18px!important;letter-spacing: 2px;font-family: 'Avenir-Roman';margin:20px 0 25px 0;color: #141414!important;text-transform: uppercase;}
.caseStudiesCardWrapper{margin: 15px}
.caseStudiesSection{padding:100px 0;}
.caseStudyRight label{display: block;width: 100%;font-family: 'Avenir-Roman';color: #141414}
.caseStudyRight span{display: block;width: 100%;font-family: 'Avenir-Roman';color: #141414}
.caseStudyLeft{padding-right: 100px!important;border-right: 1px solid #141414}
.caseStudyRight{padding-left: 100px!important} 
.caseStudyRight > div{margin-bottom: 40px}
#caseStudiesDescription .container{padding: 100px 0; border-top:1px solid #ccc;} 
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:after{top:50px!important;}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step{text-align: center!important;}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:before{left: 50%;margin-left: -32.5px}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:before{background:#007fb4!important;color: #fff!important}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:last-child:after{width:100%!important;}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:after{height: 1px!important}
#multi-step-form .fw-step-part{border-left: 0px!important}
#multi-step-form{}
.fw-wizard-step-header-container{display: none!important}
body #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:last-child:after{width: 100%!important}
#multi-step-form.fw-large-container .fw-progress-bar-container{width: 100%!important}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step{width: 33.33%}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step{padding: 0px}
#multi-step-form.fw-large-container .fw-progress-bar{display: flex;}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:after{left: 0px!important}
body #multi-step-form .fw-progress-bar .fw-progress-step:nth-child(1):before{content: "01."!important;font-family: 'Avenir-Black'!important;font-size: 24px!important;}
body #multi-step-form .fw-progress-bar .fw-progress-step:nth-child(2):before{content: "02."!important;font-family: 'Avenir-Black'!important;font-size: 24px!important;}
body #multi-step-form .fw-progress-bar .fw-progress-step:nth-child(3):before{content: "03."!important;font-family: 'Avenir-Black'!important;font-size: 24px!important;line-height: 65px!important}
#multi-step-form .fw-step-part{background: transparent!important;}
#applyOnlineSection{background: #fafafe!important;}
#multi-step-form .fw-step-part{}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step{width: 33.33%!important}

.fw-step-part-body{background: #fff!important;padding:50px;border-radius: 20px;
filter: drop-shadow(0px 1px 14.5px rgba(0,0,0,0.06));
background-color: #ffffff;padding-bottom: 160px}
#multi-step-form h2.fw-step-part-title{font-size: 24px!important;text-transform: uppercase!important;letter-spacing: 2px!important;color:#141414!important;-webkit-background-clip: inherit!important;
    -webkit-text-fill-color: inherit!important;background: none!important}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:before{line-height: 65px!important;font-size: 24px!important}
.fw-txt-ellipsis{color:#141414!important;}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis[data-title]:hover:after{display: none!important}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step{padding: 0px!important}
#multi-step-form .fa.form-control-feedback{opacity: 0}
#multi-step-form .fa.form-control-feedback.fa-calendar{opacity: 1;left: 55px!important}
#multi-step-form .fw-text-input, #multi-step-form .fw-text-input[type="text"], #multi-step-form .fw-textarea, #multi-step-form input.msfp-registration-input{border:none!important;border-bottom: 1px solid #e5e5ea!important}
#multi-step-form .fw-text-input, #multi-step-form .fw-text-input[type="text"], #multi-step-form .fw-textarea, #multi-step-form input.msfp-registration-input{padding-left: 20px!important;font-size: 16px!important}
#multi-step-form .fw-wizard-step-container h3{display: none;}
#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step .fw-txt-ellipsis[data-title]:hover:before{display: none!important}
body .fw-txt-ellipsis{color: #141414!important}
#multi-step-form .fw-text-input[type="text"].hasDatepicker{padding-left: 60px!important}
#multi-step-form .fw-wizard-buttons {
    position: absolute;
    bottom:85px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.applyOnlineTop {padding: 50px 0}
#multi-step-form .fw-btn-submit:hover{float: right!important;}
button.fw-button-next,#multi-step-form .fw-btn-submit{    color: #fff;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: #1fbfa2!important;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 30%;
    height: 70px!important;
    line-height: 69px;
    text-align: center;margin-left: 0px
    margin: auto;box-shadow:none!important;}
#multi-step-form .fw-btn-submit{width: 30%!important;line-height: 1!important;position: relative;
    bottom: 88px;
    right: 0px;
    float: right;z-index: 999}
button.fw-button-previous {    color: #141414!important;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2!important;
    background-color: transparent!important;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 30%;
    height: 70px!important;
    line-height: 69px;
    text-align: center;
    margin: auto;box-shadow:none!important;margin-left: 0px}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{color:#1fbfa2!important}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{color: #141414!important}
#multi-step-form .fw-alert-user.fw-alert-user-fail{display: none!important}
#multi-step-form .select2.select2-container.select2-container--default.select2-container--focus, #multi-step-form .select2.select2-container.select2-container--default.select2-container--below, #multi-step-form .select2.select2-container.select2-container--default{width: 100%!important}

#multi-step-form .select2-container--default .select2-selection--single{border:none!important;border-bottom:1px solid #e5e5ea!important;width: 100%!important}

#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-active:after{height: 4px!important;background: #1590c0!important}
body .fw-progress-step.fw-visited, body ul.fw-progress-bar .fw-active:last-child .fw-txt-ellipsis,body .fw-progress-step.fw-visited .fw-txt-ellipsis{color: inherit!important;}
body ul.fw-progress-bar li.fw-visited:after, body .fw-progress-step.fw-visited .fw-circle, body .fw-progress-step.fw-visited .fw-circle-1, body .fw-progress-step.fw-visited .fw-circle-2{background-color: #aaa!important;}
body #multi-step-form .select2.select2-container.select2-container--default.select2-container--focus, body #multi-step-form .select2.select2-container.select2-container--default.select2-container--below, body #multi-step-form .select2.select2-container.select2-container--default{width: 100%!important}
body #multi-step-form .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 16px!important;padding-left: 20px!important;}

.fa-arrow-circle-right:before {
    content: "\f061"!important;
}
.fa-arrow-circle-left:before {
    content: "\f060"!important;
}
body #multi-step-form .select2-container--default .select2-selection--single{border:none!important;border-bottom:1px solid #e5e5ea!important;}
#wizard-summary{margin-bottom: 100px}
.fw-toggle-summary{position: absolute;
width: 30%!important;line-height: 1!important;
 color: #fff;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2!important;
    background-color: transparent!important;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    height: 70px!important;
    line-height: 69px;
    text-align: center;margin-left: 0px
    margin: auto;box-shadow:none!important;
    top: 217px;margin-top:0px!important;margin-left: 20px
    width: 20%;
    left: 35%;}
#multi-step-form div.fw-step-summary-field{border-left: 0px!important;background-color: #fff!important;background: #fff!important;border-radius: 5px;
filter: drop-shadow(0px 1px 14.5px rgba(0,0,0,0.06));
background-color: #ffffff;}
#multi-step-form .fw-file-upload-input+label{  color: #fff;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: #1fbfa2!important;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 30%;
    height: 70px!important;
    line-height: 69px;
    text-align: center;margin-left: 0px
    margin: auto;box-shadow:none!important;line-height:47px!important}
.blogImage img{max-height: 350px;min-height: 350px;border-radius: 10px 10px 0 0;width: 100%;object-fit: cover!important;}
.blogContent{background: #fff;background: #fff!important;border-radius: 0 0 10px 10px;
filter: drop-shadow(0px 1px 14.5px rgba(0,0,0,0.06));padding:30px;margin-bottom:50px}
.page-template-page-blog #bannerList{padding: 100px 0}
.page-template-page-blog #bannerList .col-md-8{padding-right: 100px!important}
.page-template-page-blog #bannerList .col-sm-4{    border-left: 1px solid #ccc;
    padding-left: 100px!important;}
.blogContent h3 a{color: #141414!important;margin-top: 20px;display: block;}
.tags{border-top: 1px solid #e5e5ea;
    padding-top: 20px;opacity: 0.5}
    b.auth{font-family:'Avenir-Black';color: #0988bb!important}
#secondary h2.widget-title{font-size: 24px!important;color:#141414!important;-webkit-background-clip: inherit!important;
    -webkit-text-fill-color: inherit!important;background: none!important}
.flexList{display: flex;align-items: center;margin-bottom: 20px}
.flexList a{font-size: 16px;color: #141414!important;font-family:'Avenir-Black';}
.flexList img{width: 70px;
    height: 70px;
    object-fit: cover;margin-right: 20px}
#searchform input{border-radius: 25px;border:1px solid #ccc!important;height: 50px;
    padding: 10px;}
.form-control:focus,button:focus{box-shadow: none!important}
#search-2 .input-group .btn{font-size: 0px;
    background: url(images/search.png);
    width: 25px;
    height: 25px;
    padding: 0px;
    position: absolute;
    right: 22px;
    top: 12px;z-index: 999}
#search-2 .input-group .btn:hover{border:none!important;box-shadow: none!important}
.recentBlogTitle h5 span{display: block;
    font-size: 13px;
    opacity: 0.5;}
.cat-item a{color: #141414!important}
.single-post article.post{margin-top: 300px!important}
body.single-post:before{content: "";position: absolute;top:0px;left: 0px;width: 100%;height: 200px;background: #f8f8f8}
.single #primary .entry-content{padding-top: 30px!important}
.single #primary .entry-content h3{font-size: 24px;font-family: 'Avenir-Roman'!important}
.innerPost .col-md-8{padding-right: 100px!important;}
.innerPost .col-sm-4{padding-left: 100px!important;border-left: 1px solid #ccc}
.innerBlogList .col1 img{border-radius: 10px 10px 0 0}
.single .innerBlogList .col2{background: #fff;background: #fff!important;border-radius: 0 0 10px 10px;
filter: drop-shadow(0px 1px 14.5px rgba(0,0,0,0.06));padding:30px!important;margin-bottom:50px}
#relatedPost h2{font-size: 24px!important;text-transform: uppercase!important;letter-spacing: 2px!important;color:#141414!important;font-family: 'Avenir-Roman'!important;border-bottom: 0px!important;border-top:1px solid #d6d6d6;padding-top: 100px;margin-top: 100px;padding-bottom: 0px!important}
.single .blogLists li:first-child .innerBlogList .col2{padding:30px!important;}
.singleBlogImage{margin-bottom: 40px}
.single-post h1{color: #141414!important}
.single .blogLists li:first-child .innerBlogList .col1{border-radius: 10px 10px 0 0 }
.module-homecharts{background:#FAFAFE;}
.module-homecharts .content__charts__el{width: 275px;height: 275px}
.page-template-page-calculator .aboutleft{padding-right:40px!important}
.page-template-page-calculator .aboutright{padding-left:40px!important}
a.contBtn{color: #141414;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: transparent;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    float: left;transition: all 0.3s;}
a.contBtn:hover{background: #1fbfa2;color: #fff}
#mapSection .col-md-6{padding: 20px!important}

@media (max-width: 1600px) {
    header #main-menu .menu-holder ul li a{    margin-left: 14px;}
}
@media (max-width: 1300px) {
    header #main-menu .menu-holder ul li a{  font-size: 13px}
}

@media (max-width: 980px) {
    body #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:before{top:-60px;line-height: 50px!important}
    
    body #multi-step-form .fw-progress-bar .fw-progress-step:nth-child(3):before{line-height: 50px!important}
}



@media (max-width: 767px) {
    .tabSection .tab-content .tab-pane {
        display: block;
    }

    .tabSection .nav-tabs {
        display: none;
    }

    .tabSection .panel-title a {
        display: block;
    }

    .tabSection .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }

    .tabSection .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }

    .tabSection .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }
    .topHeader a{font-size:12px;height:auto!important; padding: 10px 20px}
    h3{font-size:21px!important;}
    .whatwedo-card{margin-right: 0px; margin-top: 0px}
    .module-homecharts .content::after{height:auto;min-height: auto;}
    .row{margin-right: 15px; margin-left: 15px;}
    #processSection br{display: none}
    #whatWeDoSection h2, #main h2{font-size:22px!important;}
    #processSection .container{padding: 40px 0px 40px 0px!important}
    #processSection p{padding-right: 0px}
    #processSection ul{padding-top: 0px}
    .loanCalci{    padding: 30px 20px;}
    .numberSection{display: block}
    .minusrate,.minus{left:0px;}
    .numberSection input{width: 220px}
    #serviceSection{padding: 40px 0px}
    #downloadApp .container,#newsletterSection .container-wrapper{padding: 40px 0px}
    #newsletterSection input[type="email"]{margin: 0px}
    #newsletterSection input[type="submit"]{    top: 54px;
    right: -25px;}
    #newsletterSection,#footerSection ul{margin: 40px 0px}
    .copyright{padding-top: 40px}
    .copyright img,#footerSection{padding-bottom: 40px}
    .footAddress{display: block;}
    .bannerCrop{display: none!important}
    .home .slid-wrap #banTxtLeft{margin-top:226px!important}
    .page-id-295 .innerBanner #banTxtLeft > h1{margin-left: 0px!important;text-align: center;}
    .page-id-295 #abtSection .pt100{padding-top: 0px;text-align: center;}
    #multi-step-form .fw-progress-bar{display: flex;}
    #multi-step-form .fw-progress-bar .fw-progress-step:before{position: relative!important;left: 50%;margin-left:0px}
    #multi-step-form .fw-progress-bar .fw-progress-step{display: flex!important;align-items: center!important;flex-direction: column!important;}
    #multi-step-form .fw-progress-bar .fw-progress-step{padding: 10px!important}
    #multi-step-form .fw-progress-bar .fw-progress-step:before {
    background:#007fb4!important;
    border: 1px solid #fff!important;
    color: #fff!important!important;}
    .tcList ul{width: 100%!important;margin-bottom: 0px!important;padding-right: 20px;}
    .innerBanner .slid-wrap #banTxtLeft{padding-top: 0px!important}
    body:not(.home) .bannerSlider img{object-fit: cover!important;}
    #bannerSection .slick-slide .slid-wrap{position: absolute!important;}
    .innerBanner h1 span{padding: 10px!important}
    body #multi-step-form .fw-progress-bar .fw-progress-step:nth-child(3):before{line-height: 44px!important}
    body .fw-txt-ellipsis{text-align: center!important;}
    .fw-step-part-body{padding: 50px 20px}
    #multi-step-form .fw-wizard-buttons{position: inherit!important;margin-top: 0px!important;width: 50%!important;margin: auto!important;}
    button.fw-button-next, #multi-step-form .fw-btn-submit{height: 50px!important}
    .fw-step-part-body{padding-bottom: 50px!important}
    #multi-step-form .fw-progress-bar-container{margin-bottom: 0px!important}
    #multi-step-form .fw-wizard-buttons{margin-bottom: 40px!important}
    .page-id-295 #serviceContact{display: none!important}

#multi-step-form .fw-wizard-step-container h3 {
    display: block!important;
    font-size: 16px!important;
    /* font-weight: normal!important; */
    font-family: 'Avenir-Roman';
}
#multi-step-form .fw-text-input, #multi-step-form .fw-text-input[type="text"], #multi-step-form .fw-textarea, #multi-step-form input.msfp-registration-input{padding-left: 0px!important}
#multi-step-form .fa.form-control-feedback.fa-calendar{left: 25px!important}
.select2-container--default .select2-selection--single .select2-selection__placeholder{display: none!important}
body #multi-step-form .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 0px!important}
#multi-step-form .fw-wizard-buttons{width: 90%!important}
#multi-step-form .fw-wizard-buttons button, #multi-step-form .fw-wizard-buttons .fw-btn{font-size: 11px!important;height: 50px!important}
#multi-step-form .fw-file-upload-input+label{height: 50px!important;width: 100%!important;line-height: 30px!important}
.fw-toggle-summary{width: 100%!important;position: inherit!important;height: 50px!important;line-height: 50px!important}
#multi-step-form .fw-btn-submit {
    width: 90%!important;
    line-height: 1!important;
    /* position: relative; */
    bottom: 88px;
    /* right: 5%; */
    float: inherit;
    z-index: 999;
    /* margin: auto!important; */
    margin-left: 5%;
    font-size: 12px!important;
    margin-bottom: 10px!important;margin-top: 10px!important;
}

.fw-toggle-summary {
    width: 90%!important;
    height: 50px!important;
    margin-left: 5%;
    font-size: 11px!important;
    line-height: 1!important;
}
.fw-summary-container{float: left;width: 100%!important}
body #multi-step-form .fw-btn-submit{position: static!important;}
body #multi-step-form input,body #multi-step-form textarea{border-radius: 0px!important}
.page-id-360 #banTxtLeft > h1{color: #007fb4!important}
.page-id-360 #banTxtLeft > h5{color: #141414!important}
.page-id-360 #banTxtLeft > p{color: #141414!important}
.module-homecharts .content__charts{display: flex!important;}
.module-homecharts .content__charts__el{float: inherit!important;}
.module-homecharts .content__charts{width: 100%!important}
}
@media (max-width: 480px) {
body #multi-step-form .fw-progress-bar .fw-progress-step{padding: 10px!important} 
}
body .grecaptcha-badge{display:none!important} 
.letspace p{margin-bottom:50px;}
.calculatorTopSection .letspace p {    max-width: 532px;
    margin: auto; margin-bottom:50px; padding-right:0px!Important;}
    .calculatorApplSection p{max-width:635px;}
    
    .nav-link.active, .nav-link:focus,  .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 3px solid #1aafff;
}
a.nav-link{
  color:#333;
}
.followus li:before{display:none!important;}
#contactTabSection .nav-tabs{border-bottom:none!important;justify-content:center;}

    .fullRow{    width: 100%;
    display: flex;margin-bottom: 20px;}
    .twoColumn {
    width: 48%;
    margin: 0px 20px;
}
.appFeauture ul li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
}
.appFeauture ul{margin-left:0px;}
.appFeauture ul li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(images/tick.png);
    background-size: 18px;
    background-repeat: no-repeat;
    left: -30px;
    top: 4px;
}
#whoweareSlider{position:relative;}
/*.whoweImage{margin-top:-500px;} 
.whoweintroImage{margin-top:-880px;}*/
#introduceSlider .becomeInvestor{padding-bottom:0px!important;}
#introduceSlider .secondPart {padding-top:100px}
.downloadnow a{color: #141414;
    border-radius: 35px;
    margin-top: 10px;
    border: 1px solid #1fbfa2;
    background-color: transparent;
    display: inline-block;
    text-decoration: none!important;
    transition: all 0.3s;
    width: 150px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    transition: all 0.3s;} 
    .appFeauture p {font-family: 'Avenir-Black';
    font-size: 26px;}
   .post-id-263 #investorTab{background:#fff!important} 
  .page-id-263 #investorTab{padding-bottom:0px!important;}
.whatwedoThumb {
    max-width: 570px;
    padding: 0px 90px;
}
.page-id-171 #serviceSection{padding:0px!important;padding-bottom:50px!important;margin-top:10px!important;}
.page-id-71 .text-part p{padding:0px;margin-bottom:0px;}
.aboutright p{font-size:18px!important;}
.topWhatwdo{font-size:18px!important;text-transform: uppercase;
    letter-spacing: 2px;}
    .financePartner{position:relative;}
    .financePartner:before {content:'';position:absolute;width: 7px;
height: 98px;
background-image: linear-gradient(0deg, #85d9f1 0%, #0081b7 100%);    left: 0px;
    top: 5px;} 
  .page-id-171  #bannerList, #serviceSection{background:#fff!important;}
    .financePartner{padding-left:50px;}
.fullColumn{    width: 100%;
    margin: 0px 20px;}
    .sendBtn{    width: 200px;
    margin: AUTO;} 
    #contactTabSection{    background: #FAFAFE;}
    .contactTop{text-align:center;}
   .page-id-22 #newsletterSection{margin-top:20px;}
   #bannerList,#serviceSection{    background: #FAFAFE;}
  .postid-119 .innerBanner #banTxtLeft > h1{max-width:100%;}
  #investorTab{padding:100px 0px;background:#FAFAFE;}
  .postid-119 #serviceContact h2,.postid-118 #serviceContact h2{margin-bottom:0px;}
  .ourServiceSlider .container{
      border-top:1px solid #ccc;
  }
  #whoweareSlider .caseNav{justify-content: flex-end!important;
    margin-right: 110px!important;margin-bottom:30px;}
  .postid-120 .calculatorApplSection h2{margin-top: 0px;
    color: #007fb4;    font-size: 46px!important;margin-bottom:0px!important;}
    .postid-120 #investorTab{display:none;}
    .btmTitle{max-width:850px; margin:auto;}
   .postid-119 #serviceContact .col-sm-4,  .postid-120 #serviceContact .col-sm-4, .postid-118 #serviceContact .col-sm-4{align-items: center;margin-top:20px;}
   .postid-119 .calcibgImg,.postid-118 .calcibgImg{display:none;}
   .postid-119 .title3{display:none!important;} 
   #whoweareSlider .secondPart{padding-top:50px!important;z-index: 999;
    position: relative;}
  #whoweareSlider .slick-slide{} 
    #whoweareSlider .slick-slide p{padding:80px 40px;max-width:450px;background:#fff;margin-left:20px;}
    #exTab1 .nav-pills>li.active a {
    background: #007FB4;
    color: #fff!important;
}
 #contactTabSection .nav-tabs>li.active {
    background: #007FB4;
    color: #fff!important;
}
  #exTab1 .nav-pills li a {
    font-weight: bold;
    font-family: 'Avenir-Black'!important;
    font-size: 26px;
    color: #1a1a1a!important;
    width: 100%; 
    /*border: 1px solid #1fbfa2!important;*/
    border-radius: 50px;opacity:1!important;
    max-width:350px;letter-spacing:0px!important;
}     
#contactTabSection .nav-tabs li  {
    font-weight: bold;
    font-family: 'Avenir-Black'!important;
    font-size: 26px;
    color: #1a1a1a!important;
    width: 100%;  border: 1px solid #1fbfa2!important;
    border-radius: 50px;opacity:1!important;
    max-width:270px;letter-spacing:0px!important;
}
#contactTabSection .nav-tabs>li.active a{color:#fff!important;}
#contactTabSection .nav-tabs li a {  font-weight: bold;
    font-family: 'Avenir-Black'!important;
    font-size: 26px;
    color: #1a1a1a!important;}
#exTab1 .nav-pills li ,#contactTabSection .nav-tabs li {margin:0px 30px;width:325px;padding:10px;}
#exTab1 .nav>li>a:hover, .nav>li>a:focus {
    background: #007FB4!important;
    color: #fff!important; 
}
#contactTabSection .nav>li>a:hover{color:#fff!important;}
#contactTabSection.nav-tabs>li>a{color:#1a1a1a!important;} 
#contactTabSection .nav>li>a:focus{    background: none!important;}
#contactTabSection .nav>li:hover, .nav>li:focus {
    background: #007FB4!important;
    color: #fff!important;
}
#contactTabSection .nav-tabs>li.active:after{background:none!important;}
.whatImg {padding-right:60px;} 
.whoright{padding-left:60px!important;}
.twoTabs .row{    align-items: flex-start!important;}
.centreContact{text-align:center;}
.centreContact a{float:none!important;}
.page-id-250 #newsletterSection{margin-top:0px!important;}
.page-id-71 #tabSection ul.nav{justify-content:left!important;}
.page-id-71 #exTab1 .nav-pills li{margin: 0px!important;padding: 0px!important}  
.page-id-71 .twoTabs .row{align-items: center!important;}  
#ourLoans .row{display: flex;align-items: center;} 
#whoweareSlider{overflow: hidden;padding-bottom: 200px;} 
.whoweImage{position: absolute;top:0px;margin-top: 0px!important;height: 100%;object-fit: cover;width: 100%}
#footerSection .followus{padding-left: 0px!important}
.investorRight a{display: inline-block;font-weight: bold!important;color: #007fb4!important}
.whoweintroImage{position: absolute;top:0px;width: 100%;height: 100%;object-fit: cover;z-index: -1}
#introduceSlider{position: relative;}
#introduceSlider .caseNav{z-index:99999!important;}
#introduceSlider .secondPart{padding-bottom: 100px}
#contactTabSection .nav-tabs>li.active{border:1px solid #007FB4!important;}
.postid-118 .title3{display: none!important}
.single-services #investorTab .nav-tabs>li a{width: auto!important;}
.single-services #investorTab .nav-tabs>li>a{padding: 10px 30px;font-size: 22px!important}
.home #newsletterSection{margin-top: 0px!important}
@media (max-width: 980px) {
#whoweareSlider{margin-bottom: 80px}
#whatWeCanDo .row{display: flex;align-items: center;} 
#bannerSection .slick-track{margin: 0px!important}
.page-id-250 #investorTab .tabs-container{width: 100%!important;display: block!important;}
.page-id-250 #investorTab .col-md-6{width:100%!important;}
.investorRight {padding-left: 0px!important;}
#introduceSlider .flexdisplay {display: block!important;}
#introduceSlider .col-sm-6{width:100%!important;}
#introduceSlider .becomeInvestor{padding-left: 50px;text-align: left;}
.investorRight{padding-top: 40px}
#contactTabSection .nav-tabs li {margin: 0px 5px!important;}
.single-case_studies .module-homecharts .content__charts{display: flex!important;  }
.single-case_studies .module-homecharts .content__charts__el .text .size--xl{font-size: 30px!important}
.single-case_studies .module-homecharts .content::after{display: none!important}
.single-services #investorTab .tabs-left li a{font-size: 15px!important}
.single-services #investorTab .tab-content{padding: 0px!important;margin-left: 0px!important}
.innerBanner #banTxtLeft > h1 { font-size: 40px!important;}
.whatwedoThumb{padding: 0px!important;width: 100%!important}
.page-id-263 #investorTab h2 br{display: none!important}
.innerPost .col-sm-4 {padding-left: 10px!important}
.innerPost .col-md-8 {padding-right: 10px!important;}
}
@media (max-width: 767px) {
.aboutapplyOnline .letspace p{margin-bottom: 0px!important}
#whoweareSlider .slick-slide p{margin-left: 20px!important;margin-right: 20px!important;padding: 20px!important}
#whoweareSlider .caseNav{justify-content: center!important;margin-right: 0px!important}
.checklistImg{display: block!important;}
.checklistImg img{height: auto!important;}
#whoweareSlider{padding-bottom: 100px!important;margin-bottom: 40px!important}
#whatWeCanDo .container{padding-top: 40px!important}
.whoright{padding-left: 20px!important;padding-right: 20px!important}
.whatImg{padding-right: 0px!important}
#tabSection ul.nav li a {padding: 10px 0px!important;}
#whoweareSlider{margin-bottom: 40px!important}
#abtSection .letspace{padding-top: 30px;margin-bottom: 20px}
.calculatorTopSection {padding: 20px 0 0px 0;}
.calciForm{margin-top: 0px!important}
#serviceContact{padding-top: 20px!important}
body #bannerSection .calculatorApplSection .container{padding-left: 20px!important;padding-right: 0px!important}
#serviceContact .col-sm-4{justify-content: center!important;}
#serviceContact a{height: 60px!important;line-height: 60px!important;margin-top: 40px!important}
body #serviceSection {padding-bottom: 40px!important;}
#contactTabSection .nav>li:hover, .nav>li:focus{border:1px solid #007FB4!important;}
.caseStudyLeft{padding-left: 20px!important;padding-right: 20px!important;border:none!important;}
.caseStudyRight{padding-left: 20px!important;padding-right: 20px!important}
#caseStudiesDescription .container{padding: 40px 0!important} 
.caseStudyRight > div:last-child{margin-bottom: 0px!important}
.single-post article.post{margin-top: 0px!important}
.innerPost .col-sm-4{border:none!important;}
#relatedPost h2{    padding-top: 20px!important;margin-top: 20px!important;}
body:not(.paged) .blogLists li,.single .blogLists li:first-child{width: 100%!important} 
}

/* innerbanner update */
.innerBanner .slid-wrap{}
.innerBanner .slid-wrap:after{position: absolute;content: "";width: 100%;height: 100%;left: 0px;top:0px;background: url('images/InnerbannerOverlay.png');
background-size: cover;opacity:0.92}   
.innerBanner .slid-wrap .container{z-index: 9}
.page-id-71 #exTab1 .nav-pills li a{max-width: 275px} 
@media (max-width: 767px) {
.innerBanner .slid-wrap:after{background-position: 50%} 
}
/* innerbanner update */
#serviceSection .service-item:first-child .serviceSlider-Text-hover a{display:none!important}