@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Light.woff2') format('woff2'),
        url('../fonts/Raleway-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Medium.woff2') format('woff2'),
        url('../fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('../fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-ExtraLight.woff2') format('woff2'),
        url('../fonts/Raleway-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}



html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Roboto';
}

a {
    color: #00bfa5;
}

a:hover {
    color: #2196f3;
    text-decoration: none;
}

.btn {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 28px;
    padding: 14px 36px;
    box-shadow: 0 2px 1px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 30%);
}

.btn:hover {
    box-shadow: 0 2px 3px rgb(0 0 0 / 10%), 0 4px 8px rgb(0 0 0 / 30%);
}

.white_btn,
.white_btn:hover {
    background-color: #fff;
    color: #222;
}

.green_btn,
.btn-secondary,
.green_btn:hover {
    background-color: #00bfa5;
    color: #fff;
}
.btn-secondary {
  border: 0px solid transparent;
  font-size: 15px;
  line-height: 20px;
  padding: 11px 22px;
  margin: 5px 0;
  text-transform: uppercase;
  position: relative;
  border-radius: 3px;}
.blue_btn,
.blue_btn:hover,
.btn-secondary:hover {
    background-color: #2196f3;
    color: #fff;
}

/*-------------- Header Section CSS Start------------*/

.top-header {
    background: linear-gradient(to top, transparent 0, rgba(0, 0, 0, 0.5) 100%) repeat-x;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    transition: all 0.3s ease-in-out;
}

.top-header header {
    box-shadow: 0 1px 0 rgb(255 255 255 / 22%);
}

.top-header header .top-bar {
    padding: 25px 0;
    transition: all 0.3s ease-in-out;
}

.top-detail i {
    color: #cbd0c9;
    margin-right: 5px;
}

.top-detail .social-link i {
    color: #FFF;
}

.top-detail li {
    padding: 0px 10px;
    color: #cbd0c9;
}

.top-detail li a {
    color: #fff;
}

.navbar-brand img {
    max-width: 280px;
}

.navbar {
    padding: 0 !important;
}

ul.top-detail {
    margin-bottom: 0px;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
}

.navbar-expand-lg .navbar-nav {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-weight: bold;
}

.navbar-dark .navbar-nav .active>.nav-link {
    color: #7dfadb;
}

.navbar-dark .navbar-nav .active>.nav-link:hover {
    color: #FFFFFF;
}

.navbar-nav .dropdown-menu {
    background-color: #00897b;
    border-radius: 0;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%), 0 2px 5px 0 rgb(0 0 0 / 25%);
    transition: all 0.3s ease-in-out;
    top: 50px;
    display: block;
    visibility: hidden;
    opacity: 0;
    padding: 10px 0;
}

.navbar-nav .dropdown-menu .dropdown-item {
    color: #FFF;
    padding: 8px 15px;
    white-space: unset;
    font-weight: bold;
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: #00796b;
}

.mega-menu {
    position: unset;
}

.mega-menu .dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1140px;
    visibility: hidden;
    padding: 8px;
}

.mega-menu .dropdown-menu .menu-item {
    width: 33%;
}

.openBtn {
    background: none;
    border: none;
    padding: 5px 15px;
    font-size: 20px;
    cursor: pointer;
}

.openBtn:hover {
    background: none;
}

.blue_bg {
    background-color: #00bfa5 !important;
}

.openBtn i {
    color: #fff;
}

/*-------------- Header Section CSS End------------*/

/*-------------- Banner Section CSS Start------------*/

/*Hero Banner START*/
.hero-slider {
    overflow: hidden;
}

.hero-slider .slick-next:before,
.hero-slider .slick-prev:before {
    font-size: 55px;
}

.hero-slider .slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 470px;
}

.slide-animation {
    animation: fadezoom 8s 0s forwards;
}

@keyframes fadezoom {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.slick-arrow {
    z-index: 1;
    font-size: 26px;
}

.slick-arrow:before {
    font-family: FontAwesome;
}

.slick-next:before {
    content: "\f105";
}

.slick-next {
    right: 10px;
}

.slick-prev {
    left: 10px;
}

.slick-prev:before {
    content: "\f104";
}

/*Hero Banner END*/
/*-------------- Banner Section CSS End------------*/

/*-------------- Tab Section CSS Start------------*/

.tab_sec {
    padding: 0px 0px 40px;
}

.tab_sec ul {
    text-align: center;
    justify-content: space-evenly;
    display: flex;
}
.tab_sec a.nav-link:not(.collapsed),
.tab_sec a.nav-link:hover.active {
    color: #00bfa5;
    background-color: #fff;
    border-color: #ffffff #ffffff #00bfa5;
    border-bottom: 2px solid #00bfa5;
}
.tab_sec a.nav-link {
    font-size: 20px;
    color: #abb8c3;
    padding: 25px 35px;
    text-transform: uppercase;
    font-weight: 300;
}
.tab_sec a.nav-link:not(.active){
    color: #abb8c3;
    border: none;
}
.tab_sec a.nav-link:not(.active):hover{
    color: #222;
}
.nav-link {
    transition: all 0.3s ease-in-out;
    left: 0;
}

.embed-responsive {
    padding-bottom: 56.25%;
    height: 0;
}

.tab_sec h2 {
    font-size: 34px;
    font-weight: 300;
    text-align: center;
    padding: 40px 0px;
}
.tab_sec h1, .tab_sec h2, .tab_sec h3, .tab_sec h4 {
    font-weight: 300;
}
.tab_sec h3{
    font-size: 28px;
}
.tab-content-slider .icon_box{
    margin-bottom: 15px;
}
.tab-content-slider .icon_box .fa{
        text-shadow: 0 1px 1px rgb(0 0 0 / 25%);
}
.icon_box h4 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 300;
    padding-bottom: 16px;
    margin-bottom: 0;
}

.icon_box p {
    font-size: 14px;
    font-weight: 400;
}

.w-iconbox-icon {
    background-color: #00bfa5;
    font-size: 26px;
    line-height: 60px;
    height: 60px;
    width: 60px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
    box-shadow: 0 -1px 0 rgb(0 0 0 / 12%) inset, 0 1px 1px rgb(0 0 0 / 0%), 0 2px 3px rgb(0 0 0 / 0%) !important;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

.box-detail {
    margin-left: 80px;
}

.person_img {
    text-align: center;
}

.card-body .person_img .designation {
    font-size: 14px;
    opacity: 0.5;
    font-weight: normal;
}

.person_img img {
    border-radius: 50%;
    transition: box-shadow 0.3s;
}

.person_img img:hover {
    box-shadow: 0 2px 3px rgb(0 0 0 / 10%), 0 4px 8px rgb(0 0 0 / 30%);
}

.tab-detail h4 {
    padding-top: 15px;
    font-size: 20px;
    color: #212121;
    font-weight: 300;
    margin-bottom: 5px;
}

.tab-detail p {
    color: #3f4544;
    font-weight: 400;
}

.tab-detail .member-details {
    padding-left: 30px;
}

.tab-content-slider .tab-detail .member-details p {
    font-size: 18px;
    font-weight: 300;
    line-height: 25.2px;
    padding-bottom: 30px;
    margin: 0;
}

.tab3 {
    padding: 50px 0px;
}

.tab3 h2 {
    text-align: left;
    padding: 0px;
    padding-bottom: 20px;
}
.tab3 h3 {
    padding-bottom: 20px;
}
.nav-tabs {
    display: none;
}

.tab_sec .card-header {
    padding: 0px;
    margin-bottom: 0;
    background-color: transparent;
    border: none !important;
}

.tab_sec .card {
    border: none !important;
}

/*-------------- Tab Section CSS End------------*/

.video_sec {
    position: relative;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
    padding: 120px 0px 80px;
}
.video_sec:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
.video_sec video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.video_sec .container {
    position: relative;
    z-index: 2;
}

.video_sec .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
}

@media(min-width: 767px) {
    .video_sec .overlay {
        display: block;
    }
}
.video_sec h2 {
    font-size: 75px;
    color: #ffffff;
    line-height: 70px;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 200;
    font-style: normal;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.iconbox_r {
    padding-top: 80px;
}

.green_bg {
    background: #009688;
}

.top-header.green_bg header .top-bar {
    padding: 10px 0;
}

.green_bg .navbar {
    background-color: #00897b;
}

.iconbox:hover h4,
.iconbox:hover i {
    color: #2196f3;
    text-decoration: none;
}

.video_sec h3 {
    font-size: 40px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    font-family: 'Raleway';
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
}

@media (max-width: 991px){
.video_sec h3 {
    font-size: 24px;
    line-height: 30px;}
}

.iconbox {
    text-align: center;
}

.iconbox i {
    font-size: 70px;
    line-height: 70px;
    color: #00bfa5;
}

.iconbox h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    padding-top: 10px;
}

/*-------------- Meet our team page CSS Start------------*/

.internal_banner {
    padding: 220px 0px 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.page-template-contact .internal_banner {
    background-position: 50% 85%;
}

.internal_banner .container {
    position: relative;
}

.internal_banner:before {
    content: "";
    position: absolute;
    background-color: #000;
    opacity: 0.15;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.internal_banner p {
    font-size: 14px;
    font-weight: 400;
}

.internal_banner h1 {
    text-align: center;
    font-size: 44px;
    line-height: 54px;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
}
.internal_banner .entry-meta {
  color: #fff;
  text-align: center;
}

.subteam_r {
    padding: 80px 0px 0px;
}

.subteam_r h6, .subteam_r p{
    font-size: 18px;
    font-weight: 300;
    line-height: 25.2px;
    padding-bottom: 30px;
    text-align: left;
}

.subteam_r h4 {
    padding-top: 15px;
    font-size: 20px;
    color: #212121;
    font-weight: 300;
    text-align: center;
    margin: 0 0 10px 0;
}

.designation {
    color: #3f4544;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    opacity: 0.4;
    margin-bottom: 20px;
}

.separator-h {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
    position: relative;
    border-color: inherit;
    color: inherit;
}

.separator {
    font-size: 0;
    text-align: center;
    overflow: hidden;
    clear: both;
}

.separator-h h6 {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    color: #212121;
    font-size: 18px;
    font-weight: 300;
}

.separator-h:after {
    left: 100%;
    margin-left: 15px;
}

.separator-h:before,
.separator-h:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    height: 0;
    width: 2000px;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: inherit;
}

.separator-h:before {
    right: 100%;
    margin-right: 15px;
}

.separator.cont_text.thick_1 .separator-h:before,
.separator.cont_text.thick_1 .separator-h:after {
    top: 10px;
}

.separator.size_medium {
    margin: 30px 0px;
    text-align: center;
}

.separator {
    color: #d7e0df;
}

.sub_team {
    padding: 80px 0px 0px;
}

.subteam_r {
    padding: 30px 0px
}

/*-------------- Meet our team page CSS End ------------*/

/*-------------- Contact page CSS Start ------------*/

.contact-detail {
    padding: 80px 0px;
}

.contact-detail h3 {
    font-size: 28px;
    font-weight: 300;
    padding-bottom: 25px;
}

.contact-detail a {
    color: #00bfa5;
}

.contact-detail a:hover {
    color: #2196f3;
}

.contact-content i {
    color: #d7e0df;
    font-size: 30px;
    width: 40px;
    vertical-align: middle;
}

.contact-title {
    margin-left: 15px;
    display: flex;
}

.contact-content .contact-title a {
    color: #212121;
}
.contact-content .contact-title a:hover, .contact-content .contact-title a:hover i {
    color: #2196f3;
    text-decoration: none;
}



.contact-title h4 {
    font-size: 18px;
    font-weight: 300;
    line-height: 25.2px;
    padding-bottom: 15px;
}

.submit_form input,
.submit_form textarea {
    border: 0px solid #ddd;
    border-width: 0px 0px 1px 0px;
}

.submit_form .form-control {
    border: 0px solid #ddd;
    border-width: 0px 0px 1px 0px;
}

.btn-default {
    margin-top: 5px;
    margin-bottom: 30px;
    padding: 15px 36px;
    background-color: #FFDE11;
    border-radius: 0px;
    border: 0px;
    color: #F1F1F1;
}

.btn-default:hover,
.btn-default:focus {
    background-color: #049DDF;
    color: #F1F1F1;
    border-color: transparent;
    outline: 0px auto -webkit-focus-ring-color;
}

/*position should be relative and z-index greater than one*/
.icon {
    position: relative;
    float: left;
    margin-left: -20px;
    margin-top: -24px;
    z-index: 2;
    color: #bfc1c0;
}

.icon-textarea {
    float: left;
    margin-left: -20px;
    margin-top: -120px;
    position: relative;
    z-index: 2;
    color: #bfc1c0;
}

.submit_form .form-group {
    margin-bottom: 24px;
}

.submit_form .form-control:focus {
    border-bottom: 1px solid #00897b !important;
    box-shadow: none;
    border-radius: 0px;
}

.icon:focus {
    color: #00897b;
}

.map_sec i {
    padding-right: 15px;
    font-size: 24px;
}

.map_sec .card {
    margin-bottom: 0px;
    border: 0;
    border-radius: 0;
}

.map_sec .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 0px;
    padding: 0;
}

.map_sec .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: center;
    background: #009688;
    color: #fff;
    padding: 35px;
    font-size: 20px;
    font-weight: 300;
    border-radius: 0;
}
.map_sec .card .card-header .btn-header-link:hover {
    filter: brightness(0.95);
}
.map_sec .card .card-header .btn-header-link.dark-green {
    background: #00897b;
}

.map_sec .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 900;
    padding-left: 20px;
}

.map_sec .card .card-header .btn-header-link.collapsed {
    background: #009688;
    color: #fff;
}

a.btn.btn-header-link.collapsed.dark-green {
    background-color: #00897b !important;
}

.map_sec .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
}

.map_sec .card .collapse {
    border: 0;
}

.map_sec .card-body {
    padding: 0 !important;
}

/*-------------- Contact page CSS End ------------*/

/*-------------- Office Policies page CSS Start ------------*/

.office_policies {
    padding: 80px 0px;
}

.office_policies .card {
    margin-bottom: 0px;
    border: 0;
    padding-bottom: 1px;
}

.office_policies .card:last-child  a.btn-header-link{
    border-bottom: 1px solid #d7e0df;
}
.office_policies p {
    font-size: 14px;
}

.office_policies .card .card-header {
    border: 1px;
    box-shadow: none;
    border-radius: 0px;
    padding: 0;
}

.office_policies .card .card-header .btn-header-link:hover {
    background-color: #f5f5f5;
}

.office_policies .card .card-header .btn-header-link.collapsed {
    color: #212121;
}

.office_policies .card .card-header .btn-header-link {
    color: #00897b;
    display: block;
    text-align: left;
    padding: 20px 30px 20px 35px;
    position: relative;
    font-weight: 300;
    font-size: 20px;
}

.office_policies i {
    position: absolute;
    left: 5px;
    top: 25px;
}

.tab_btn .btn{
    margin-bottom: 10px;
}

.office_policies .card .card-header .btn-header-link:after {
    content: "\f106";
    font-family: FontAwesome;
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.office_policies .card-header {
    background-color: #fff;
    border: 1px solid #d7e0df;
    border-width: 1px 0px 1px 0px;
    box-shadow: none;
}

.office_policies a.btn-header-link {
    border-top: 1px solid #d7e0df;
    border-width: 1px 0px 1px 0px;
}

.office_policies .card .card-header .btn-header-link.collapsed:after {
    content: "\f107";
}

.office_policies .card .collapsing {
    line-height: 30px;
}

.office_policies .card .collapse {
    border: 0;
}

.office_policies .card .collapse.show {
    line-height: 30px;
    color: #222;
}

/*-------------- Office Policies page CSS End ------------*/

/*-------------- Footer CTA section CSS Start------------*/

.cta {
    background-color: #00bfa5;
    padding: 80px 0px;
}

.cta h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 400;
}

.cta i {
    padding-right: 10px;
}

/*-------------- Footer CTA section CSS End------------*/

/*-------------- Footer section CSS Start------------*/

.footer_menu {
    text-align: center;
}

.footer {
    background-color: #141a19;
    padding: 30px 0 15px 0;
}

.copyright {
    padding: 0px !important;
}

.footer p {
    color: #7f8a88;
    text-align: center;
    font-size: 14px;
    width: 642px;
    line-height: 15px;
}

.footer a {
    color: #b2bfbe;
    text-decoration: none;
}

.footer a:hover {
    color: #00bfa5;
}

.footer_menu ul {
    margin-bottom: 0px;
    margin-top: -5px;
}

.footer_menu ul li {
    display: inline-block;
    list-style: none;
    color: #999;
    padding: 0px 5px;
    font-size: 14px;
}

.footer_menu ul li a:hover {
    color: #00bfa5;
}

@media (max-width: 1200px) {
  .footer_menu ul {padding: 0;}
}

/*-------------- Footer section CSS End------------*/


/*Search*/
.search-active {
    overflow: hidden;
}

.search-active .search-input {
    opacity: 1;
    pointer-events: all;
    position: fixed;
}

.search-active .icon-close {
    opacity: 0.5;
    transform: rotate(-90deg);
}

.search-active .icon-close:hover {
    opacity: 1;
}

.search-active .control {
    cursor: default;
}

.control .btn-material {
    position: fixed;
    top: 0;
    width: 30px;
    height: 30px;
    right: 30px;
    border-radius: 100%;
    box-sizing: border-box;
    background: #fff;
    outline: 0;
    opacity: 0;
    transform-origin: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-active .control .btn-material {
    transform: scale(150);
    opacity: 1;
}

.search-active .control .icon-material-search {
    opacity: 0;
}

.icon-close {
    position: fixed;
    top: 30px;
    right: 30px;
    color: #FFF;
    cursor: pointer;
    opacity: 0;
    width: 35px;
    transition: all 0.3s ease-in-out;
}

.icon-close:hover {
    transform: rotate(0);
}

.search-input label {
    color: #00897b;
}

.search-input {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
}

.search-input input {
    color: #00897b;
    font-size: 54px;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    font-weight: 200;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.search-input input:focus {
    border-bottom: 1px solid #00897b;
}
.search-input input[type=submit] {
    font-size: 22px;
    border: none;
    padding: 12px 30px;
    background-color: #00897b;
    color: #fff;
    margin: 15px 0 0 0;
}
.search-input::-webkit-input-placeholder {}

.search-input:-moz-placeholder {
    opacity: 1;
}

.search-input::-moz-placeholder {
    opacity: 1;
}

.search-input:-ms-input-placeholder {}


.search-container {
    padding-right: 50px;
    padding-left: 50px;
    position: relative;
}

.control {
    cursor: pointer;
}

.control:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.control .fa-search {
    color: #FFF;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 45px;
    transition: opacity 0.3s ease-in-out;
}

.p-y-md {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
}

.navbar-dark .navbar-toggler {
    border: none;
}

/*Gravity Form*/
.gform_wrapper .gform_body .gfield .ginput_container input[type=text],
.gform_wrapper .gform_body .gfield .ginput_container textarea {
    border: none;
    border-bottom: 1px solid #ddd;
}

.gform_wrapper .gform_body .gfield .ginput_container input[type=text]:focus,
.gform_wrapper .gform_body .gfield .ginput_container textarea:focus {
    border: none;
    border-bottom: 1px solid #00bfa5;
    outline: none;
}

.gform_wrapper.icon-form_wrapper  .gform_body .gform_fields .gfield h3 {
    width: 100%;
    margin-bottom: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield_html_formatted {
    margin: 0;
}

.gform_wrapper.icon-form_wrapper .gform_body .gform_fields .gfield {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.gform_confirmation_wrapper .gform_confirmation_message {
    font-size: 22px;
    color: #00bfa5;
}

.gform_wrapper .gform_body .gfield .ginput_container {
    flex: 1;
}

.gform_wrapper.icon-form_wrapper .gform_body .gform_fields .gfield .gfield_description {
    width: 40px;
    text-align: center;
    padding: 9px 0 0 0;
}

.gform_wrapper .gform_body .gform_fields .gfield .gfield_description.validation_message {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    text-align: left;
}

.gform_wrapper .gform_body .gform_fields .gfield .gfield_description i {
    opacity: 0.4;
    font-size: 20px;
}

.gform_wrapper .gform_footer .gform_button {
    background-color: #fff;
    border: none;
    box-shadow: 0 2px 1px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 30%);
    padding: 14px 40px;
    border-radius: 3px;
    color: #000;
    font-weight: normal;
}

.gform_wrapper .gform_footer .gform_button:hover {
    background-color: #fff;
    border: none;
    box-shadow: 0 2px 3px rgb(0 0 0 / 10%), 0 4px 8px rgb(0 0 0 / 30%);
    padding: 14px 40px;
    border-radius: 3px;
}
.seperator{
    color: #ddd;
    position: relative;
    margin: -15px 0 40px 0;
    text-align: center;
}
.seperator:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width:  40%;
    height: 1px;
    background-color: #ddd;
    bottom: 6px;
}
.seperator i{
    width: 30px;
    background-color: #fff;
    z-index: 1;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
}


.tab-slider .slider-nav h3, .tab-slider .home-tab-slider h3{
    font-size: 20px;
    color: #3f4544;
    opacity: 0.6;
    padding: 25px 35px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}
.tab-slider .slider-nav h3:hover, .tab-slider .home-tab-slider h3:hover{
    opacity: 1;
}
.tab-slider .slider-nav h3 .fa, .tab-slider .home-tab-slider h3 .fa{
    margin-right: 10px;
}

.tab-slider .slider-nav .slick-current.slick-active h3, .tab-slider .home-tab-slider .slick-current.slick-active h3{
    color: #00bfa5;
    background-color: #fff;
    opacity: 1;
    border-color: #ffffff #ffffff #00bfa5;
    border-bottom: 2px solid #00bfa5;
}

.tab-content-slider .content p{
    font-size: 15px;
    margin-bottom: 30px;
    color: #3f4544;
}
.tab-content-slider{
    padding: 50px 0;
}
.tab-content-slider .content h2, .tab-content-slider .content h3, .tab-content-slider .content h4{
    font-weight: 300;
}
.tab-content-slider .content h2, .tab-content-slider .content h3{
    margin-bottom: 30px;
}
.tab-content-slider .content h2 b{
    font-weight: bold;
}
.mob-tab-head{
    display: none;
}
.center-title h2{
    padding: 40px 0 15px 0;
    text-align: center;
    margin: 0;
}
.tab-content-slider .container-fluid{
    padding: 0 70px;
}



.scrollTop {
  position: fixed;
  bottom: 60px;
  right: 20px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  z-index: 99;
  text-align: center;
  padding: 6px;
  cursor: pointer;
  display: none;
  background-color: rgba(0,0,0,0.3);
  border-radius: 100%;
}
.scrollTop:hover {
    background-color: #2196f3;
    box-shadow: 0 5px 10px rgb(0 0 0 / 25%), 0 10px 30px rgb(0 0 0 / 15%);
}
.scrollTop:before {
    content: "";
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    display: inline-block;
    margin: auto;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/*Default Page START*/
.default-two-columns{
    padding: 70px 0;
    color: #3f4544;
    font-size: 15px;
}
.default-two-columns p, .default-two-columns ul{
    margin-bottom: 30px;
    line-height: 1.75;
}
.default-two-columns h2, h3, h4{
    margin-bottom: 30px;
    font-weight: 300;
}
.default-two-columns .left-content{
    padding-right: 30px;
}
.default-two-columns .right-content{
    padding-left: 30px;
}
/*Default Page END*/
blockquote{
    padding: 0 0 0 20px;
    border-left: 2px solid #009688;
    font-style: italic;
    font-size: 18px;
}

.staggered{
    margin: 50px 0;
}
.staggered .image{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.staggered .content{
    padding: 50px 50px 40px 50px;
    background-color: #ebfaf8;
    font-size: 15px;
    color: #3f4544;
}
.seprator{
    position: relative;
    width: 100%;
    padding: 15px 0;
}
.seprator:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.seprator:after{
    content: "+";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 28px;
    font-weight: bold;
    color: #ddd;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    width: 45px;
}
.group-btn{
    margin: 50px 0;
    display: flex;
    justify-content: space-around;
}


.cta-image{
    padding: 120px 0;
    text-align: center;
    color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}
.cta-image:before {
    background-color: rgba(0,0,0,0.55);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.cta-image .container{
    position: relative;
}
.cta-image h2, h3, h4, h5{
    font-weight: 300;
    margin-bottom: 30px;
}
.cta-image h2 a:not(.btn){
    font-weight: bold;
    color: #FFF;
}
.cta-image h2 a:not(.btn):hover{
    color: #2196f3;
}

.info-box{
    margin-bottom: 30px;
}
.info-box .title{
    display: flex;
}
.info-box .title h4{
    margin-bottom: 20px;
    font-size: 22px;
    color: #212121;
}
.info-section{
    margin: 70px 0 40px 0;
}
.info-box .title .plus{
    font-size: 40px;
    font-weight: bold;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: #00bfa5;
    color: #fff;
    text-align: center;
    line-height: 45px;
    margin-right: 20px;
}
.info-box .title a{
}
.info-box a:hover .title h4{
    color: #2196f3;
}
.info-box a:hover .title .plus{
    background-color: #2196f3;
    color: #FFF;
}
.info-box .info-detail{
    padding-left: 65px;
    color: #3f4544;
    font-size: 14px;
    line-height: 1.75;
}

.full-width-content{
    margin: 70px 0;
}
.full-width-content h2, .full-width-content h3, .full-width-content h4{
    font-weight: 300;
}