@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&family=Lato:wght@400;700&display=swap";

body {
    font-family: Berthold !important;
    font-size: 16px;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
}

@font-face {
    font-family: 'Berthold';
    src: url('../fonts/Berthold-akzidenz-grotesk-be-regular.ttf') format('truetype');
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #837670;
    line-height: 1.4;
}

h1 {
    font-size: 40px;
    font-weight: 700;
}

h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

h3 {
    font-size: 1.6rem;
    font-weight: 300
}

h4 {
    font-size: 1.15rem;
    font-weight: 400;
}

h5 { font-weight: 400; }

h6 { font-weight: 600 }

a {
    -webkit-transition: .5s;
    color: #837670;
    outline: 0 !important;
    text-decoration: none;
    transition: .5s;
}

a:hover {
    color: rgb(0, 150, 76);
    text-decoration: none
}

:focus { outline: 0 !important }

img {
    height: auto;
    max-width: 100%;
}

p {
    color: #837670;
    font-size: 1rem;
    margin-bottom: 15px;
}

.ptb-100 {
    padding-bottom: 100px;
    padding-top: 100px;
}

.pt-100 { padding-top: 100px }

.pb-100 { padding-bottom: 100px }

.ptb-70 {
    padding-bottom: 70px;
    padding-top: 70px;
}

.pt-70 { padding-top: 70px !important; }

.pb-70 { padding-bottom: 70px }

.mb-15 { margin-bottom: 15px }

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

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

.mb-20 { margin-bottom: 20px }

.mb-30 { margin-bottom: 30px }

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

.no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.section-title {
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    position: relative;
    text-align: center;
    z-index: 5
}

.section-title h2 {
    margin-bottom: 0;
    margin-top: 10px;
    position: relative
}

.section-title h2::after {
    background: rgb(0, 150, 76);
    bottom: -27px;
    content: none;
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 12%;
}

.section-title .sub-title {
    color: rgb(0, 150, 76);
    line-height: 1;
}

.sub-title {
    color: #555;
    display: block;
    font-size: 17px;
    text-transform: capitalize;
}

.top-content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    /*align-items: center;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3px 0;
}

.top-content p {
    -ms-flex: 0 0 600px;
    -webkit-box-flex: 0;
    color: #837670;
    flex: 0 0 910px;
    font-size: 1.15rem;
    margin-bottom: 0;
    padding-left: 60px;
}

.top-content .primary-btn {
    margin: 30px 0;
    margin-left: auto;
    margin-right: 0;
}

.top-content .title {
    position: relative;
    z-index: 5;
}

.top-content .title::after {
    border-right: 2px solid #d4d4d4;
    content: none;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 0px;
}

.top-content .titlewithText::after { content: '' !important; }

.top-content .title h3 {
    color: rgb(0, 150, 76);
    margin-bottom: 0;
}

.top-content .title h2 {
    color: rgb(0, 150, 76);
    margin-bottom: 0;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .top-content {
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column;
        margin-top: -5px;
        padding-bottom: 30px;
       text-align: center;
    }

    .top-content p {
        -ms-flex: 1;
        -webkit-box-flex: 1;
        flex: 1;
        max-width: 545px;
        padding-left: 0;
    }

    .top-content .primary-btn {
        margin-left: auto;
        margin-right: auto
    }

    .top-content .title::after { content: none }
}

.top-content-two {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px
}

.top-content-two h2 {
    color: rgb(0, 150, 76);
    display: inline-block;
    margin-bottom: 0;
    margin-top: -9px;
    padding-bottom: 10px;
    position: relative
}

.top-content-two h2::after {
    background: rgb(0, 150, 76);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .top-content-two {
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column;
        padding-bottom: 30px;
        text-align: center
    }

    .top-content-two h2 {
        margin-bottom: 0;
        margin-top: -4px;
    }

    .top-content-two .custom-owl-nav { margin-top: 20px }
}

.primary-btn {
    -webkit-transition: .5s;
    background: rgb(0, 150, 76);
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    outline: none !important;
    overflow: hidden;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    transition: .5s;
    vertical-align: middle;
    z-index: 1
}

.primary-btn::before, .primary-btn::after {
    -webkit-transform: skew(-30deg);
    -webkit-transition: .5s;
    background: #2f3e49;
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    transform: skew(-30deg);
    transition: .5s;
    visibility: hidden;
    width: 72%;
    z-index: -1;
}

.primary-btn::before {
    left: -100%;
    top: 0
}

.primary-btn::after {
    right: -100%;
    top: 0
}

.primary-btn:hover { color: #fff }

.primary-btn:hover::before, .primary-btn:hover::after {
    opacity: 1;
    visibility: visible
}

.primary-btn:hover::before { left: -20% }

.primary-btn:hover::after { right: -20% }

.btn-text {
    background: 0 0;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    outline: none !important;
    text-align: left;
    text-transform: capitalize;
    vertical-align: middle;
}

.social-link a {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 0;
    margin-right: 8px;
    padding: 8px;
    text-align: center;
}

.social-link a:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.social-link a:last-child { margin-right: 0 }

.form-control {
    -webkit-box-shadow: unset !important;
    -webkit-transition: .5s;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    box-shadow: unset !important;
    color: #06121c;
    font-size: 15px;
    height: 40px;
    padding: 0 0 0 18px;
    transition: .5s;
}

.form-control::-webkit-input-placeholder {
    -webkit-transition: .5s;
    color: #555;
    transition: .5s
}

.form-control:-ms-input-placeholder {
    -webkit-transition: .5s;
    color: #555;
    transition: .5s
}

.form-control::-ms-input-placeholder {
    -webkit-transition: .5s;
    color: #555;
    transition: .5s
}

.form-control::placeholder {
    -webkit-transition: .5s;
    color: #555;
    transition: .5s
}

textarea.form-control {
    height: auto;
    padding-top: 15px
}

.form-group { margin-bottom: 15px }

.header-area .header-top {
    background: #ffffff;
    border-bottom: 1px solid #eee;
    margin: 0 20px;
    padding: 7px 10px;
}

.header-area .header-top .container, .header-area .header-top .container-fluid {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-area .header-top .quick-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-area .header-top .quick-links .nav-item {
    margin-left: 15px;
    margin-right: 0;
    position: relative
}

.header-area .header-top .quick-links .nav-item::after {
    -webkit-transform: translateY(-50%);
    border-right: 1px solid #fff;
    content: '';
    height: 12px;
    left: -16px;
    opacity: .6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.header-area .header-top .quick-links .nav-item:first-child { margin-left: 0 }

.header-area .header-top .quick-links .nav-item:first-child::after { content: none }

.header-area .header-top .quick-links .nav-item .nav-link {
    color: #000;
    font-size: 12px;
    padding: 0
}

.header-area .header-top .quick-links .nav-item .nav-link:hover { color: rgb(0, 150, 76) }

.header-area .header-top .header-right {
    margin-left: auto;
    margin-right: 15px;
}

.header-area .header-top .header-right .primary-btn { border-radius: 0 }

.search-box {
    background: #fff;
    border: 1px solid rgb(0, 150, 76);
    border-radius: 3px;
    margin: 0 auto;
    max-width: 400px;
    padding: 5px;
    position: relative;
    width: auto;
}

.search-box .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.search-box .search-form .search-input {
    -webkit-transition: .5s;
    background: 0 0;
    border: none;
    color: #06121c;
    display: block;
    line-height: initial;
    outline: 0;
    padding: 6px 12px;
    transition: .5s;
    width: 100%;
}

.search-box .search-form .search-input:focus { border-color: rgb(0, 150, 76) }

.search-box .search-form .btn-search {
    -webkit-transition: .5s;
    background-color: rgb(0, 150, 76);
    border: 1px solid rgb(0, 150, 76);
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    padding: 16px 22px;
    text-align: center;
    transition: .5s;
}

.search-box .search-form .btn-search:hover {
    background-color: transparent;
    border: 1px solid rgb(0, 150, 76);
    color: rgb(0, 150, 76);
}

.search-box .search-form .btn-search i { vertical-align: middle }

.search-box .mfp-close {
    color: #fff;
    height: unset;
    opacity: 1;
    padding: 0 0 18px 10px;
    top: -50px;
    width: unset;
}

.mfp-zoom-in .mfp-with-anim {
    -webkit-transform: scale(.8);
    -webkit-transition: all .2s ease-in-out;
    opacity: 0;
    transform: scale(.8);
    transition: all .2s ease-in-out;
}

.mfp-zoom-in.mfp-bg {
    -webkit-transition: all .6s ease-out;
    opacity: 0;
    transition: all .6s ease-out
}

.mfp-zoom-in.mfp-bg::before, .mfp-zoom-in.mfp-bg::after {
    -webkit-transition: all .5s ease-in-out;
    background: #e62c25;
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .5s ease-in-out;
    visibility: hidden;
    width: 50%;
    z-index: -1;
}

.mfp-zoom-in.mfp-bg::before { left: 0 }

.mfp-zoom-in.mfp-bg::after { right: 0 }

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    -webkit-transform: scale(1);
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg { opacity: .8 }

.mfp-zoom-in.mfp-ready.mfp-bg::before, .mfp-zoom-in.mfp-ready.mfp-bg::after {
    opacity: 1;
    visibility: visible
}

.mfp-zoom-in.mfp-ready.mfp-bg::before { left: -100% }

.mfp-zoom-in.mfp-ready.mfp-bg::after { right: -100% }

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(.8);
    opacity: 0;
    transform: scale(.8);
}

.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0 }

.main-navbar-area.stickyadd {
    -webkit-animation: slideInDown .5s 1;
/*    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);*/
    animation: slideInDown .5s 1;

    background: #fff;
/*    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);*/
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.main-responsive-nav { display: none }

.main-navbar-area {
    background: #fff;
    /*    box-shadow: 0 12px 22px 0 rgb(0 0 0 / 5%);*/
}

.main-nav .navbar {
    height:80px;
/*    padding: 20px 0;*/
    position: inherit;
}

.main-nav .navbar .navbar-nav .nav-item {
    margin-left: 15px;
    margin-right: 15px;
/*    position: relative;*/
}

.main-nav .navbar .navbar-nav .nav-item a {
    color: #837670;
    font-size: 15px;
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 6px;
}

.main-nav .navbar .navbar-nav .nav-item a:hover { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item a.active { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .toggle i {
    -webkit-transition: -webkit-transform .5s;
    margin-left: 3px;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    vertical-align: middle;
}

.main-nav .navbar .navbar-nav .nav-item .toggle:hover i {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

    .main-nav .navbar .navbar-nav .nav-item .dropdown-menu {
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        -webkit-transition: .5s;
        background: #fff;
        border: none;
        border-bottom: 2px solid rgb(0, 150, 76);
        border-radius: 0;
        border-top: 2px solid rgb(0, 150, 76);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        display: flex;
        left: 26%;
        opacity: 0;
        padding: 8px;
        position: absolute;
        top: auto;
        transition: .5s;
        visibility: hidden;
        display: none;
        transition: 0.3s ease-out;
        width: 71%;
        height: auto;
        z-index: 99;
        list-style: none;
        overflow: hidden;
        margin:0;
    }

    .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-image {
        width: 325px;
        height: 100%;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 10px 30px;
    }



        .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-image img {
/*            width: 255px;*/
            height: auto;
            object-fit: cover;
            margin-bottom: 25px;
            margin-top: 6px;
        }

    .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .menu-container {
        min-width: 270px;
        margin: 48px 0;
        padding: 0 0 0 26px;
        border-right: 2px solid #d4d4d4;
    }

    .main-nav .navbar .navbar-nav .nav-item .sub-dropdown-menu {
        width: 300px;
        height: max-content;
        left: 65% !important;
        box-shadow: unset !important;
        border: none!important;
        flex-direction: column;
        margin-top: 48px !important;
 
        padding-left: 38px;
padding-bottom:0px !important;
    }

        .main-nav .navbar .navbar-nav .nav-item .sub-dropdown-menu .sub-dropdown-menu-header {
            border-bottom: 5px dotted #d4d4d4;
        }

    .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .social-link {
        width: 320px;
        display: flex;
        align-items:flex-end;
        justify-content: flex-end;
    }

        .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .social-link a {
            color: rgb(32, 61, 124);
            display: inline-block;
            font-size: 20px;
            line-height: 0;
            margin-right: 8px;
            padding: 8px;
            text-align: center;
        }
            .main-nav .navbar .navbar-nav .nav-item .dropdown-menu .social-link a:hover {
                color: rgb(0, 150, 76);
            }



.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item {
    margin-left: 0;
    margin-right: 0;
    list-style:none;
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a {
    font-size: 14px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-top: 6px;
    margin-bottom:8px;
  /*  text-transform: capitalize;*/
}

    .main-nav .navbar .navbar-nav .nav-item .sub-dropdown-menu .nav-item a {
        font-size: 13px;
    }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .nav-item a:hover {
    background-color: #f6f6f6;
    color: rgb(0, 150, 76);
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .toggle i {
    -webkit-transform: translateY(-50%);
    -webkit-transform: rotate(0);
    margin-top: -8px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transform: rotate(0);
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu .toggle:hover i {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

    .main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
/*        margin-top: 23px;
*/        opacity: 1;
        top: auto;
        visibility: visible;
        display: flex;
    }

.main-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu .toggle::after {
    -webkit-transform: none;
    transform: none
}

.main-nav .navbar .navbar-nav .nav-item:hover .toggle::after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.side-option, .side-option-responsive {
    -ms-flex-align: center;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -webkit-box-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.side-option .item, .side-option-responsive .item {
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px 0;
    position: relative;
}

.side-option .item .language a, .side-option-responsive .item .language a {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    color: #06121c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 6px 0;
}

.side-option .item .language a img, .side-option-responsive .item .language a img {
    margin-right: 5px;
    max-width: 16px;
}

.side-option .item .language a i, .side-option-responsive .item .language a i {
    margin-left: 3px;
    margin-top: 2px
}

.side-option .item .language .menu, .side-option-responsive .item .language .menu {
    -webkit-animation: fadeInUp .3s linear 1;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    -webkit-transition: .5s;
    animation: fadeInUp .3s linear 1;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    display: none;
    list-style-type: none;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 40px;
    transition: .5s;
    width: 120px;
    z-index: 99;
}

.side-option .item .language .menu .menu-item .menu-link, .side-option-responsive .item .language .menu .menu-item .menu-link {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    font-size: 14px;
    justify-content: start;
    padding: 5px 0;
}

.side-option .item .language .menu .menu-item .menu-link:hover, .side-option-responsive .item .language .menu .menu-item .menu-link:hover { color: rgb(0, 150, 76) }

.side-option .item .btn-search, .side-option-responsive .item .btn-search {
    -webkit-transition: .5s;
    color: #06121c;
    font-size: 18px;
    text-align: center;
    transition: .5s;
}

.side-option .item .btn-search:hover i, .side-option-responsive .item .btn-search:hover i {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.side-option .item .btn-search i, .side-option-responsive .item .btn-search i {
    -webkit-transition: .5s;
    transition: .5s;
    vertical-align: middle
}

.side-option .item:last-child, .side-option-responsive .item:last-child {
    margin-right: 0;
    padding: 0;
}

.side-option-responsive { display: none }

.header-two .header-top .header-right { margin-left: auto }

.header-two .header-top .header-right .primary-btn {
    background: #fff;
    border-radius: 0;
    color: rgb(0, 150, 76);
}

.header-two .header-top .header-right .primary-btn:hover { color: #fff }

.header-two .main-navbar-area { background: rgb(0, 150, 76) }

.header-two .main-nav .navbar .navbar-brand img:last-child { display: none }

.header-two .main-nav .navbar .navbar-nav .nav-item a { color: #fff }

.header-two .main-nav .navbar .navbar-nav .nav-item a:hover { color: #fff }

.header-two .main-nav .navbar .navbar-nav .nav-item a.active { color: #06121c }

.header-two .main-nav .navbar .navbar-nav .dropdown-menu .nav-item a { color: #06121c }

.header-two .main-nav .navbar .navbar-nav .dropdown-menu .nav-item a:hover {
    background-color: #f6f6f6;
    color: rgb(0, 150, 76);
    text-decoration: none
}

.header-two .main-nav .navbar .navbar-nav .dropdown-menu .nav-item a.active {
    color: rgb(0, 150, 76);
    text-decoration: none
}

.header-two .side-option .item .language a { color: #fff }

.header-two .side-option .item .language .menu-item a { color: #06121c }

.header-two .side-option .item .language .menu-item a:hover { color: rgb(0, 150, 76) }

.header-two .side-option .item .btn-search { color: #fff }

.header-two .main-navbar-area.stickyadd { background: #fff }

.header-two .main-navbar-area.stickyadd .main-nav .navbar .navbar-brand img:last-child { display: block }

.header-two .main-navbar-area.stickyadd .main-nav .navbar .navbar-brand img:first-child { display: none }

.header-two .main-navbar-area.stickyadd .main-nav .navbar .navbar-nav .nav-item a { color: #06121c }

.header-two .main-navbar-area.stickyadd .main-nav .navbar .navbar-nav .nav-item a:hover { color: rgb(0, 150, 76) }

.header-two .main-navbar-area.stickyadd .main-nav .navbar .navbar-nav .nav-item a.active { color: rgb(0, 150, 76) }

.header-two .main-navbar-area.stickyadd .main-nav .navbar .navbar-nav .dropdown-menu .nav-item a { color: #06121c }

.header-two .main-navbar-area.stickyadd .main-nav .navbar .navbar-nav .dropdown-menu .nav-item a:hover {
    background-color: #f6f6f6;
    color: rgb(0, 150, 76);
}

.header-two .main-navbar-area.stickyadd .main-nav .navbar .navbar-nav .dropdown-menu .nav-item a.active { color: rgb(0, 150, 76) }

.header-two .main-navbar-area.stickyadd .side-option .item .language a { color: #06121c }

.header-two .main-navbar-area.stickyadd .side-option .item .btn-search { color: #06121c }

.header-three {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.header-three .header-top { background: 0 0 }

.header-three .header-top .header-right {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.header-three .header-top .header-right .info-list {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.header-three .header-top .header-right .info-list li {
    color: #fff;
    font-size: 13px;
    margin-left: 15px;
    margin-right: 16px;
    position: relative
}

.header-three .header-top .header-right .info-list li::after {
    -webkit-transform: translateY(-50%);
    border-right: 1px solid #fff;
    content: '';
    height: 12px;
    opacity: .6;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
}

.header-three .header-top .header-right .info-list li i {
    color: #fff;
    margin-right: 5px;
    vertical-align: -1px
}

.header-three .header-top .header-right .info-list li a { color: #fff; }

.header-three .header-top .header-right .info-list li a:hover { color: rgb(0, 150, 76) }

.header-three .side-option .item, .header-three .side-option-responsive .item {
    margin-left: 15px;
    margin-right: 0;
    padding: 5px 0
}

.header-three .side-option .item .language a, .header-three .side-option-responsive .item .language a {
    color: #fff;
    font-size: 16px
}

.header-three .side-option .item .language .menu, .header-three .side-option-responsive .item .language .menu {
    left: unset;
    right: 0
}

.header-three .side-option .item .language .menu .menu-item .menu-link, .header-three .side-option-responsive .item .language .menu .menu-item .menu-link { color: #06121c }

.header-three .side-option .item .language .menu .menu-item .menu-link:hover, .header-three .side-option-responsive .item .language .menu .menu-item .menu-link:hover { color: rgb(0, 150, 76) }

.header-three .side-option .item .btn-search, .header-three .side-option-responsive .item .btn-search {
    -webkit-transition: .5s;
    color: #06121c;
    font-size: 18px;
    text-align: center;
    transition: .5s;
}

.header-three .side-option .item .btn-search:hover i, .header-three .side-option-responsive .item .btn-search:hover i {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.header-three .side-option .item .btn-search i, .header-three .side-option-responsive .item .btn-search i {
    -webkit-transition: .5s;
    transition: .5s;
    vertical-align: middle
}

.header-three .search-item {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px
}

.header-three .main-navbar-area { background: 0 0 }

.header-three .main-nav .navbar {
    background: #fff;
    padding: 5px 10px
}

.header-three .main-nav .primary-btn { border-radius: 0 }

.header-three .main-navbar-area.stickyadd {
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-three .main-navbar-area.stickyadd .main-nav .navbar {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    left: -250px;
    opacity: 0;
    top: 0;
    visibility: hidden
}


.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 250;
    opacity: 0;
    top: 0;
    visibility: hidden
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #06121c }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 250;
    opacity: 0;
    top: 0;
    visibility: hidden
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #06121c }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 250;
    opacity: 0;
    top: 0;
    visibility: hidden
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #06121c }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 250;
    opacity: 0;
    top: 0;
    visibility: hidden
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #06121c }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    left: 250;
    opacity: 0;
    top: 0;
    visibility: hidden
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #06121c }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .sub-dropdown-menu {
    opacity: 1;
    visibility: visible
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: rgb(0, 150, 76) }

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.main-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: rgb(0, 150, 76) }




@media only screen and (max-width: 1199px) {
    .main-navbar-area { position: relative }

    .main-responsive-nav {
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        background: #fff;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
        display: block;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .main-responsive-nav .main-responsive-menu { position: relative }

    .main-responsive-nav .mean-bar { z-index: 99 }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav { margin-top: 58px }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav .navbar-nav {
        height: auto;
        overflow-y: scroll
    }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul { font-size: 15px }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active { color: rgb(0, 150, 76) }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li li a { font-size: 14.5px }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav .navbar-brand { display: none }

    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav .side-option { display: none }

    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav {
        -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
        overflow-y: scroll;
    }

    .main-responsive-nav .logo {
        position: relative;
        width: 60%;
        z-index: 10
    }

    .main-responsive-nav .mean-container a.meanmenu-reveal {
        color: #06121c;
        padding-top: 10px;
    }

    .main-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #06121c;
        margin-top: -7px;
    }

    .side-option-responsive { display: block }

    .side-option-responsive .side-option-button {
        -webkit-transform: translateY(-50%);
        font-size: 25px;
        position: absolute;
        right: 45px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 11;
    }

    .side-option-responsive .side-option-inner {
        -ms-flex-align: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, .09);
        -webkit-transform: scaleY(0);
        -webkit-transition: .5s;
        align-items: center;
        background-color: #fff;
        border: 1px solid rgb(0, 150, 76);
        box-shadow: 0 15px 40px rgba(0, 0, 0, .09);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        margin-left: auto;
        opacity: 0;
        padding: 0 15px;
        position: absolute;
        right: 0;
        top: 58px;
        transform: scaleY(0);
        transition: .5s;
        visibility: hidden;
        width: 100%;
        z-index: 2
    }

    .side-option-responsive .side-option-inner.active {
        -webkit-transform: scaleY(1);
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }

    .main-nav { display: none }

    .header-two .main-responsive-nav { background: rgb(0, 150, 76) }

    .header-two .main-responsive-nav .mean-container a.meanmenu-reveal { color: #fff }

    .header-two .main-responsive-nav .mean-container a.meanmenu-reveal span { background: #fff }

    .header-two .side-option-responsive .side-option-button { color: #fff }

    .header-three .header-top .header-right .info-list { display: none }

    .header-three .search-item { display: none }

    .header-three .search-item-responsive {
        -webkit-transform: translateY(-50%);
        font-size: 25px;
        margin-top: 2px;
        position: absolute;
        right: 45px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 11;
    }
}

.home-banner-area {
    background: url(../img/business.jpg) no-repeat bottom;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.home-banner-area::after {
    background: rgba(6, 18, 28, .2);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.home-banner-area .banner-content { padding: 130px 0 165px; }

.home-banner-area .banner-content h1 {
    color: #fff;
    font-size: 65px;
    line-height: 1.2;
    margin-bottom: 25px;
    margin-top: -14px;
}

.home-banner-area .banner-content .sub-title {
    color: #ebebeb;
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
}

.home-banner-area .banner-content p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 35px
}

.home-banner-area .banner-content .btn-group {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.home-banner-area .banner-content .video-btn {
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    margin-right: 15px;
    padding: 16px;
}

.home-banner-area .banner-content .video-btn i {
    color: rgb(0, 150, 76);
    font-size: 18px;
}

.home-banner-area .banner-content .btn-text { color: #fff }

.home-banner-area .banner-content .btn-text:hover { color: rgb(0, 150, 76) }

.home-banner-area.home-banner-two {
    background: url(../img/banner/banner2.jpg) no-repeat center;
    background-size: cover
}

.home-banner-area.home-banner-two::after { background: rgba(6, 18, 28, .6) }

.home-banner-area.home-banner-two .banner-content {
    padding: 200px 0 300px;
    text-align: center
}

.home-banner-area.home-banner-two .banner-content .video-btn {
    background-color: transparent;
    border: 1px solid rgb(0, 150, 76)
}

.home-banner-area.home-banner-two .banner-content .video-btn i {
    color: rgb(0, 150, 76);
    font-size: 18px;
}

.home-banner-area.home-banner-three {
    background: url(../img/banner/banner3.jpg) no-repeat center;
    background-size: cover
}

.home-banner-area.home-banner-three::after { background: rgba(6, 18, 28, .7) }

.home-banner-area.home-banner-three .banner-content { padding: 250px 0 }

.home-banner-area.home-banner-three .promo {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    width: 100%;
}

.home-banner-area.home-banner-three .promo > div {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-banner-area.home-banner-three .promo .item-single {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transition: .5s;
    align-items: center;
    background: #fff;
    border: 1px solid #d4d4d4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    text-align: center;
    transition: .5s;
    width: 100%;
    z-index: 1;
}

.home-banner-area.home-banner-three .promo .item-single:nth-child(1) { border-right: transparent }

.home-banner-area.home-banner-three .promo .item-single:nth-child(3) { border-left: transparent }

.home-banner-area.home-banner-three .promo .item-single i {
    -webkit-transition: .5s;
    color: #2f3e49;
    font-size: 40px;
    margin-right: 12px;
    transition: .5s;
}

.home-banner-area.home-banner-three .promo .item-single h3 {
    font-size: 20px;
    margin: 0
}

.home-banner-area.home-banner-three .promo .item-single:hover {
    background: rgb(0, 150, 76);
    border-color: rgb(0, 150, 76);
    padding-bottom: 40px;
    padding-top: 40px;
}

.home-banner-area.home-banner-three .promo .item-single:hover i { color: #fff }

.home-banner-area.home-banner-three .promo .item-single:hover a { color: #fff }

.BusinessSection {
    -webkit-transition: .5s;
    position: relative;
    top: -100px;
    transition: .5s;
    z-index: 3
}

.BusinessSection .item-single {
    -webkit-transition: .5s;
    background: #fff;
    border: 1px solid #d4d4d4;
    height: 263px;
    overflow: hidden;
    padding: 10px 25px 20px;
    position: relative;
    transition: .5s;
}

.BusinessSection .item-single i {
    color: rgb(0, 150, 76);
    display: inline-block;
    font-size: 40px;
    margin-bottom: 15px;
}

.BusinessSection .item-single h3 { margin-bottom: 12px; }

    .BusinessSection .item-single p {
        color: #837670;
        margin-bottom: 10px;
    }

.BusinessSection .item-single .btn-text:hover { color: rgb(0, 150, 76) !important; }

.BusinessSection .btn-text { color: #062f87; }

.promo-service-section-two .item-single {
    background: #fff;
    text-align: center;
    min-height: 240px;
    overflow: hidden;
    padding: 20px 25px 8px;
    position: relative;
    z-index: 1;
}

/*.promo-service-section-two .item-single::after {
    -webkit-transition: .5s;
    background: rgb(32, 61, 124);
    bottom: 0;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    transition: .5s;
    width: 100%;
    z-index: -1
}*/

.promo-service-section-two .item-single i {
    -webkit-transition: .5s;
    color: rgb(0, 150, 76);
    display: inline-block;
    font-size: 40px;
    margin-bottom: 15px;
    transition: .5s;
}

.promo-service-section-two .item-single h3 { margin-bottom: 12px }

.promo-service-section-two .item-single p { font-size: 1rem; }

/*.promo-service-section-two .item-single:hover { border-color: transparent; }*/

/*.promo-service-section-two .item-single:hover::after { height: 100% }

.promo-service-section-two .item-single:hover i { color: #fff }

.promo-service-section-two .item-single:hover p { color: #ebebeb }

.promo-service-section-two .item-single:hover a { color: #fff }

.promo-service-section-two .item-single:hover a:hover { color: #06121c }
*/
.promo-service-section-three .item-single {
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .promo-service-section-three .item-single .image img { width: 100% }

    .jcarousel-control-prev { left: 12px !important; }

    .jcarousel-control-next { left: 60px !important; }

    .jcarousel-control-prev, .jcarousel-control-next { top: -30px !important; }

    .mt4mob { margin-top: 1.5rem !important; }

    footer .copy-right-content img {
        display: block;
        margin: auto auto 15px !important;
    }

    .top-content { padding-bottom: 0px !important; }

    .timer { left: 15px !important; }

    .ml15mob { margin-left: 15px !important; }

    .countdown {
        font-size: 1.4rem !important;
        padding: 0 10px !important;
    }

    .SubPageTitle { margin-left: 0 !important; }

    .subPageHeader img {
        height: 160px !important;
        left: 12px;
    }

    .border0mob { border: none !important; }

    .promo-inner .content {
        height: auto !important;
        padding-bottom: 0 !important;
    }

    .top-content {
        align-items: unset !important;
        margin: 5px 0 !important;
        text-align: left !important;
    }

    .standAlonehref { padding-left: 5px !important; }

    .subpagesMainarrow {
        display: inline-block !important;
        width: 16px !important;
    }

    .mt5mob { margin-top: 3rem !important; }
}

.promo-service-section-three .item-single .content {
    -webkit-transition: .5s;
    background-color: rgba(47, 62, 73, .97);
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    transition: .5s;
    width: 100%;
}

.promo-service-section-three .item-single .content h3 {
    line-height: 1;
    margin-bottom: 7px;
    margin-top: 0;
}

.promo-service-section-three .item-single .content h3 a { color: #fff }

.promo-service-section-three .item-single .content h3 a:hover { color: #06121c }

.promo-service-section-three .item-single .overlay-content {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-transition: .5s;
    align-items: center;
    background-color: rgb(0, 150, 76);
    bottom: -100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    transition: .5s;
    width: 100%;
}

.promo-service-section-three .item-single .overlay-content i {
    -webkit-transition: .5s;
    color: #fff;
    font-size: 40px;
    transition: .5s
}

.promo-service-section-three .item-single .overlay-content h3 {
    margin-bottom: 12px;
    margin-top: 10px;
}

.promo-service-section-three .item-single .overlay-content p { color: #ebebeb }

.promo-service-section-three .item-single .overlay-content a { color: #fff }

.promo-service-section-three .item-single .overlay-content a:hover { color: #06121c }

.promo-service-section-three .item-single:hover .content { bottom: -50% }

.promo-service-section-three .item-single:hover .overlay-content { bottom: 0 }

.promo-section {
    -webkit-transition: .5s;
    position: relative;
    top: -100px;
    transition: .5s;
    z-index: 3
}

.promo-section .item-single {
    -webkit-transition: .5s;
    -webkit-transition-delay: .1s;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    overflow: hidden;
    padding: 40px 30px;
    position: relative;
    text-align: center;
    transition: .5s;
    transition-delay: .1s;
    z-index: 1;
}

.promo-section .item-single::after {
    -webkit-transition: .5s;
    background: rgb(0, 150, 76);
    bottom: 0;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    transition: .5s;
    width: 100%;
    z-index: -1
}

.promo-section .item-single i {
    -webkit-transition: .5s;
    background: rgb(0, 150, 76);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 40px;
    padding: 5px;
    transition: .5s
}

.promo-section .item-single h3 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 12px;
}

.promo-section .item-single h3 a { position: relative }

.promo-section .item-single h3 a::after {
    -webkit-transform: scaleX(0);
    -webkit-transition: .5s;
    background-color: #fff;
    bottom: -10px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: .5s;
    width: 100%;
}

.promo-section .item-single h3 a:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.promo-section .item-single:hover {
    -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09);
    border: 1px solid rgb(0, 150, 76);
    box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09)
}

.promo-section .item-single:hover::after { height: 100% }

.promo-section .item-single:hover i {
    background: rgba(6, 18, 28, .3);
    color: #ebebeb;
}

.promo-section .item-single:hover a { color: #fff }

.about-section {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.about-section .about-image {
    height: 250px;
    overflow: hidden;
}

.about-section .about-image img {
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section .about-image img { width: 100% }
}

.about-section .about-image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about-section .about-content h2 {
    margin-bottom: 15px;
    margin-top: 10px;
}

.about-section .about-content h2 span { color: rgb(0, 150, 76) }

.about-section .about-content p {
    color: #837670;
    margin-bottom: 20px
}

.about-section .about-content .content-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.about-section .about-content .content-list i {
    color: rgb(0, 150, 76);
    font-size: 24px;
    font-weight: 900;
    margin-left: -8px;
    margin-right: 3px;
}

.about-section .about-content .content-list:last-child { margin: 0 }

.about-section .about-content .content-list h6 { margin: 0 }

.about-section .blockquote {
    background: #fff2d6;
    margin-bottom: 0;
    margin-top: 50px;
    padding: 60px 25px;
    position: relative;
}

.about-section .blockquote .image {
    left: 25px;
    position: absolute;
    top: -50px
}

.about-section .blockquote .image img { border-radius: 50% }

.about-section .blockquote p { margin-bottom: 15px }

.about-section .blockquote span {
    color: #555;
    font-size: 16px;
}

.about-section-two {
    margin-top: -19px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.about-section-two .about-image {
    border: 7px solid rgb(0, 150, 76);
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    padding: 20px;
    position: relative;
    z-index: 1
}

.about-section-two .about-image img {
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section-two .about-image img { width: 100% }
}

.about-section-two .about-image .overlay-img img {
    background: #fff;
    border: 1px solid #d4d4d4;
    display: block;
    max-width: 260px;
    padding: 15px;
    position: absolute;
}

.about-section-two .about-image .overlay-img .img1 {
    bottom: 100px;
    left: -100px;
}

.about-section-two .about-image .overlay-img .img2 {
    bottom: -75px;
    right: 50px;
}

.about-section-two .about-content h2 {
    color: rgb(0, 150, 76);
    display: inline-block;
    margin-bottom: 15px;
    margin-top: -9px;
    padding-bottom: 10px;
    position: relative
}

.about-section-two .about-content h2::after {
    background: rgb(0, 150, 76);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.about-section-two .about-content h5 { font-weight: 600 }

.about-section-two .about-content p {
    color: #555;
    margin-bottom: 20px
}

.about-section-two .about-content .content-list {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.about-section-two .about-content .content-list i {
    color: rgb(0, 150, 76);
    font-size: 20px;
    margin-left: 0;
    margin-right: 5px;
}

.about-section-two .about-content .content-list:last-child { margin: 0 }

.about-section-two .about-content .content-list h6 { margin: 0 }

.about-section-two .blockquote {
    background: rgb(0, 150, 76);
    margin-bottom: 0;
    margin-top: 30px;
    padding: 40px 30px;
    position: relative;
}

.about-section-two .blockquote p {
    color: #fff;
    margin-bottom: 15px
}

.about-section-two .blockquote span {
    color: #fff;
    font-size: 16px;
}

.about-section-three .about-image { overflow: hidden }

.about-section-three .about-image img {
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .about-section-three .about-image img { width: 100% }
}

.about-section-three .about-image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about-section-three .about-content h2 {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-bottom: 20px;
    position: relative
}

.about-section-three .about-content h2::after {
    background: rgb(0, 150, 76);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 20%;
}

.about-section-three .about-content h2 span { color: rgb(0, 150, 76) }

.about-section-three .about-content .sub-title { color: rgb(0, 150, 76) }

.about-section-three .about-content p {
    color: #555;
    margin-bottom: 20px
}

.about-section-three .about-content .content-list {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.about-section-three .about-content .content-list i {
    color: rgb(0, 150, 76);
    font-size: 20px;
    margin-left: 0;
    margin-right: 5px;
}

.about-section-three .about-content .content-list:last-child { margin: 0 }

.about-section-three .about-content .content-list h6 { margin: 0 }

.about-section-three .blockquote {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background: #2f3e49;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-top: 20px;
}

.about-section-three .blockquote .content { padding: 0 30px }

.about-section-three .blockquote p {
    color: #fff;
    margin-bottom: 15px
}

.about-section-three .blockquote span {
    color: #fff;
    font-size: 16px
}

.services-section { overflow: hidden }

.services-section .item-single {
    -webkit-transition: .5s;
    background: #fff;
    overflow: hidden;
    position: relative;
    transition: .5s
}

.services-section .item-single .content {
    -webkit-transition: .5s;
    border: 1px solid #d4d4d4;
    border-top: 0;
    padding: 20px;
    transition: .5s
}

.services-section .item-single .content h3 {
    margin-bottom: 12px;
    margin-top: 0;
}

.services-section .item-single .content p {
    color: #2f3e49;
    margin-bottom: 15px;
}

.services-section .item-single:hover {
    -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09);
    box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09)
}

.services-section .item-single:hover .content {
    border-bottom: 1px solid rgb(0, 150, 76);
    border-color: transparent;
}

.services-section .item-single:hover .content a { color: rgb(0, 150, 76) }

.services-section .owl-carousel .owl-stage-outer { overflow: visible }

.services-section .owl-carousel .owl-dots {
    line-height: 0;
    margin-top: 30px;
    text-align: center;
}

.services-section .owl-carousel .owl-dots .owl-dot {
    -webkit-transition: .5s;
    background: #ebebeb;
    height: 10px;
    margin-right: 5px;
    transition: .5s;
    width: 10px;
}

.services-section .owl-carousel .owl-dots .owl-dot:last-child { margin-right: 0 }

.services-section .owl-carousel .owl-dots .owl-dot.active {
    background: rgb(0, 150, 76);
    width: 15px;
}

.service-section-two {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.service-section-two .content h2 {
    color: rgb(0, 150, 76);
    display: inline-block;
    margin-bottom: 15px;
    margin-top: -9px;
    padding-bottom: 10px;
    position: relative
}

.service-section-two .content h2::after {
    background: rgb(0, 150, 76);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.service-section-two .content h5 { margin-bottom: 10px }

.service-section-two .content p {
    color: #555;
    margin-bottom: 20px
}

.service-section-two .content .primary-btn { margin-bottom: 30px }

.service-section-two .item-single {
    -webkit-transition: .5s;
    border: 1px solid #d4d4d4;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    transition: .5s;
}

.service-section-two .item-single .content {
    -webkit-transition: .5s;
    background: #fff;
    bottom: -5px;
    left: 0;
    padding: 25px 20px;
    position: absolute;
    transition: .5s;
    width: 100%;
}

.service-section-two .item-single .content h3 { line-height: 1 }

.service-section-two .item-single .content p {
    color: #2f3e49;
    margin-bottom: 10px;
}

.service-section-two .item-single .content p, .service-section-two .item-single .content .cta-btn { display: none }

.service-section-two .item-single .spacer { min-height: 50px }

.service-section-two .item-single:hover {
    -webkit-box-shadow: 0 10px 30px -10px rgba(102, 102, 102, .09), 0 10px 30px -10px rgba(102, 102, 102, .09);
    border-color: transparent;
    box-shadow: 0 10px 30px -10px rgba(102, 102, 102, .09), 0 10px 30px -10px rgba(102, 102, 102, .09)
}

.service-section-two .item-single:hover .content {
    -webkit-animation: slideInUp .3s linear 1;
    animation: slideInUp .3s linear 1
}

.service-section-two .item-single:hover .content h3 { margin-bottom: 12px }

.service-section-two .item-single:hover .content p, .service-section-two .item-single:hover .content .cta-btn { display: block }

.service-section-three {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.service-section-three .section-title h2 { color: #fff }

.service-section-three .bg-image {
    background: url(../img/service-bg.jpg) no-repeat center;
    background-size: cover;
    height: 70%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.service-section-three .bg-image::after {
    background: rgba(47, 62, 73, .8);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.service-section-three .item-single {
    -webkit-box-shadow: 0 20px 30px 0 rgba(102, 102, 102, .2);
    -webkit-transition: .5s;
    box-shadow: 0 20px 30px 0 rgba(102, 102, 102, .2);
    overflow: hidden;
    position: relative;
    transition: .5s;
}

.service-section-three .item-single .content {
    -webkit-transition: .5s;
    background: #fff;
    bottom: -5px;
    left: 0;
    padding: 25px 20px;
    position: absolute;
    text-align: center;
    transition: .5s;
    width: 100%;
}

.service-section-three .item-single .content h3 { line-height: 1 }

.service-section-three .item-single .content p {
    color: #2f3e49;
    margin-bottom: 10px;
}

.service-section-three .item-single .content p, .service-section-three .item-single .content .cta-btn { display: none }

.service-section-three .item-single .spacer { min-height: 50px }

.service-section-three .item-single:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.service-section-three .item-single:hover .content {
    -webkit-animation: slideInUp .3s linear 1;
    animation: slideInUp .3s linear 1;
    background: rgb(0, 150, 76);
}

.service-section-three .item-single:hover .content h3 { margin-bottom: 12px }

.service-section-three .item-single:hover .content a { color: #fff }

.service-section-three .item-single:hover .content a:hover {
    color: #fff;
    text-decoration: underline
}

.service-section-three .item-single:hover .content p, .service-section-three .item-single:hover .content .cta-btn {
    color: #fff;
    display: block
}

.projects-section .projects-wrapper {
    border: 1px solid #d4d4d4;
    padding: 20px 20px 0;
}

.projects-section .item-single { position: relative }

.projects-section .item-single .image { overflow: hidden }

.projects-section .item-single .image img {
    -webkit-transition: .5s;
    transition: .5s
}

.projects-section .item-single .content {
    -webkit-transform: scaleY(0);
    -webkit-transition: .5s;
    background: rgba(252, 90, 52, .9);
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    transform: scaleY(0);
    transition: .5s;
    width: 100%;
}

.projects-section .item-single .content h3 {
    margin-bottom: 0;
    margin-top: 0;
}

.projects-section .item-single .content h3 a { color: #fff }

.projects-section .item-single .content h3 a:hover { color: #06121c }

.projects-section .item-single .content span { color: #fff }

.projects-section .item-single:hover .image img {
    -webkit-transform: scale(1.1);
    -webkit-transition: .5s;
    transform: scale(1.1);
    transition: .5s
}

.projects-section .item-single:hover .content {
    -webkit-transform: none;
    transform: none
}

.projects-section-two .content h2 {
    color: rgb(0, 150, 76);
    display: inline-block;
    margin-bottom: 15px;
    margin-top: -9px;
    padding-bottom: 10px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .projects-section-two .content h2 { margin-top: -5px }
}

.projects-section-two .content h2::after {
    background: rgb(0, 150, 76);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.projects-section-two .content h5 { margin-bottom: 10px }

.projects-section-two .content p {
    color: #555;
    margin-bottom: 20px
}

.projects-section-two .item-single {
    overflow: hidden;
    position: relative;
}

.projects-section-two .item-single .image { overflow: hidden }

.projects-section-two .item-single .image img {
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (max-width: 767px) {
    .projects-section-two .item-single .image img { width: 100% }
}

.projects-section-two .item-single .content {
    -webkit-transform: scaleY(0);
    -webkit-transition: .5s;
    background: rgba(252, 90, 52, .9);
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    transform: scaleY(0);
    transition: .5s;
    width: 100%;
}

.projects-section-two .item-single .content h3 {
    margin-bottom: 0;
    margin-top: 0;
}

.projects-section-two .item-single .content h3 a { color: #fff }

.projects-section-two .item-single .content h3 a:hover { color: #06121c }

.projects-section-two .item-single .content span { color: #fff }

.projects-section-two .item-single:hover {
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
}

.projects-section-two .item-single:hover .image img {
    -webkit-transform: scale(1.1);
    -webkit-transition: .5s;
    transform: scale(1.1);
    transition: .5s
}

.projects-section-two .item-single:hover .content {
    -webkit-transform: none;
    border-top-left-radius: 25px;
    transform: none
}

.projects-section-three .section-title h2::after { content: '' }

.projects-section-three .filter-group {
    margin-bottom: 40px;
    text-align: center;
}

.projects-section-three .filter-group .filter-control {
    border-radius: 30px;
    display: inline-block;
    margin: 0;
    padding: 0
}

.projects-section-three .filter-group .filter-control li {
    border-radius: 30px;
    color: #06121c;
    cursor: pointer;
    display: inherit;
    font-size: 14px;
    letter-spacing: 1px;
    margin-right: 16px;
    padding: 0 0 3px 0;
    position: relative;
    text-transform: capitalize;
}

.projects-section-three .filter-group .filter-control li::before {
    -webkit-transform: scaleX(0);
    -webkit-transition: .5s;
    background: rgb(0, 150, 76) !important;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: scaleX(0);
    transition: .5s;
    width: 100%;
}

.projects-section-three .filter-group .filter-control li.active { color: rgb(0, 150, 76) }

.projects-section-three .filter-group .filter-control li.active::before {
    -webkit-transform: scaleX(1);
    background-color: transparent;
    color: rgb(0, 150, 76) !important;
    opacity: 1;
    transform: scaleX(1);
}

.projects-section-three .filter-container { margin: 0 !important }

.projects-section-three .item-single { position: relative }

.projects-section-three .item-single .image { overflow: hidden }

.projects-section-three .item-single .image img {
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (max-width: 767px) {
    .projects-section-three .item-single .image img { width: 100% }
}

.projects-section-three .item-single .content {
    -webkit-transform: scaleY(0);
    -webkit-transition: .5s;
    background: rgba(252, 90, 52, .9);
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    transform: scaleY(0);
    transition: .5s;
    width: 100%;
}

.projects-section-three .item-single .content h3 {
    margin-bottom: 0;
    margin-top: 0;
}

.projects-section-three .item-single .content h3 a { color: #fff }

.projects-section-three .item-single .content h3 a:hover { color: #06121c }

.projects-section-three .item-single .content span { color: #fff }

.projects-section-three .item-single:hover .image img {
    -webkit-transform: scale(1.1);
    -webkit-transition: .5s;
    transform: scale(1.1);
    transition: .5s
}

.projects-section-three .item-single:hover .content {
    -webkit-transform: none;
    transform: none
}

.testimonials-section {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.testimonials-section .top-content { margin-top: -5px }

.testimonials-section .testimonial-slider { position: relative }

.testimonials-section .testimonial-slider .slider-item {
    -webkit-transition: .5s;
    padding: 25px 20px;
    position: relative;
    transition: .5s
}

.testimonials-section .testimonial-slider .slider-item .content .quote i {
    -webkit-transition: .5s;
    color: #555;
    font-size: 40px;
    opacity: .5;
    transition: .5s
}

.testimonials-section .testimonial-slider .slider-item .content p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
    margin-top: 10px;
}

.testimonials-section .testimonial-slider .slider-item .client {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.testimonials-section .testimonial-slider .slider-item .client .client-info h5 { margin-bottom: 0 }

.testimonials-section .testimonial-slider .slider-item .client .client-info .review i {
    -webkit-transition: .5s;
    color: #06121c;
    transition: .5s
}

.testimonials-section .testimonial-slider .slider-item .client .client-img { margin-right: 10px }

.testimonials-section .testimonial-slider .slider-item .client .client-img img {
    border-radius: 50%;
    max-width: 52px;
}

.testimonials-section .testimonial-slider .owl-item.firstactiveitem .slider-item { background: #fff2d6 }

.testimonials-section .testimonial-slider .owl-item.firstactiveitem .slider-item .content .quote i {
    color: rgb(0, 150, 76);
    opacity: 1
}

.testimonials-section .testimonial-slider .owl-item.firstactiveitem .slider-item .client .client-info .review i { color: rgb(0, 150, 76) }

.testimonials-section-two {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.testimonials-section-two .content { position: relative }

.testimonials-section-two .content h2 {
    color: rgb(0, 150, 76);
    display: inline-block;
    margin-bottom: 15px;
    margin-top: -9px;
    padding-bottom: 10px;
    position: relative
}

.testimonials-section-two .content h2::after {
    background: rgb(0, 150, 76);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.testimonials-section-two .content h5 { margin-bottom: 10px }

.testimonials-section-two .content .quote {
    color: rgb(0, 150, 76);
    font-size: 70px;
    opacity: .2;
    position: absolute;
    right: 0;
    top: -20px;
}

.testimonials-section-two .image {
    border: 7px solid rgb(0, 150, 76);
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    padding: 20px;
    position: relative;
    z-index: 1
}

.testimonials-section-two .image img {
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
}

.testimonials-section-two .testimonial-slider-two { position: relative }

.testimonials-section-two .testimonial-slider-two .slider-item {
    -webkit-transition: .5s;
    position: relative;
    transition: .5s
}

.testimonials-section-two .testimonial-slider-two .slider-item .content p {
    color: #555;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 25px
}

.testimonials-section-two .testimonial-slider-two .slider-item .client {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.testimonials-section-two .testimonial-slider-two .slider-item .client .client-info h5 { margin-bottom: 0 }

.testimonials-section-two .testimonial-slider-two .slider-item .client .client-info .review i {
    -webkit-transition: .5s;
    color: rgb(0, 150, 76);
    transition: .5s
}

.testimonials-section-two .testimonial-slider-two .slider-item .client .client-img { margin-right: 10px }

.testimonials-section-two .testimonial-slider-two .slider-item .client .client-img img {
    border-radius: 50%;
    max-width: 52px;
}

.testimonials-section-two .testimonial-slider-two .owl-nav { margin-top: 30px }

.testimonials-section-three {
    background: url(../img/testimonial.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.testimonials-section-three::after {
    background: rgba(47, 62, 73, .8);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.testimonials-section-three .section-title h2 { color: #fff }

.testimonials-section-three .section-title h2::after {
    background-color: #fff;
    content: '';
}

.testimonials-section-three .section-title .sub-title { color: #fff }

.testimonials-section-three .testimonial-slider-three { position: relative }

.testimonials-section-three .testimonial-slider-three .slider-item {
    -webkit-transition: .5s;
    padding: 0 20px;
    position: relative;
    transition: .5s
}

.testimonials-section-three .testimonial-slider-three .slider-item .content {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.testimonials-section-three .testimonial-slider-three .slider-item .content .quote i {
    -webkit-transition: .5s;
    color: #555;
    font-size: 40px;
    opacity: .5;
    transition: .5s
}

.testimonials-section-three .testimonial-slider-three .slider-item .content p {
    color: #ebebeb;
    font-size: 18px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 600px;
}

.testimonials-section-three .testimonial-slider-three .slider-item .review i {
    -webkit-transition: .5s;
    color: rgb(0, 150, 76);
    transition: .5s
}

.testimonials-section-three .testimonial-slider-three .slider-item .client { margin-bottom: 30px }

.testimonials-section-three .testimonial-slider-three .slider-item .client .client-info h5 {
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
}

.testimonials-section-three .testimonial-slider-three .slider-item .client .client-img { margin-bottom: 10px }

.testimonials-section-three .testimonial-slider-three .slider-item .client .client-img img {
    border-radius: 50%;
    margin: auto;
    max-width: 52px;
}

.testimonials-section-three .testimonial-slider-three .owl-dots {
    line-height: 0;
    text-align: center;
}

.testimonials-section-three .testimonial-slider-three .owl-dots .owl-dot {
    -webkit-transition: .5s;
    background: #fff;
    height: 10px;
    margin-right: 5px;
    transition: .5s;
    width: 10px;
}

.testimonials-section-three .testimonial-slider-three .owl-dots .owl-dot:last-child { margin-right: 0 }

.testimonials-section-three .testimonial-slider-three .owl-dots .owl-dot.active { background: rgb(0, 150, 76) }

.team-section .top-content { margin-top: -5px }

.team-section .item-single {
    -webkit-transition: .5s;
    overflow: hidden;
    position: relative;
    transition: .5s
}

.team-section .item-single .image { overflow: hidden }

.team-section .item-single .image img {
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (max-width: 767px) {
    .team-section .item-single .image img { width: 100% }
}

.team-section .item-single .content {
    -webkit-transition: .5s;
    background: #fff;
    border: 1px solid #d4d4d4;
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    transition: .5s;
    width: 100%;
}

.team-section .item-single .content h3 {
    line-height: 1;
    margin-bottom: 7px;
    margin-top: 0;
}

.team-section .item-single .content span {
    color: #555;
    display: block
}

.team-section .item-single .content .social-link {
    display: none;
    margin-top: 12px
}

.team-section .item-single .spacer { min-height: 50px }

.team-section .item-single:hover {
    -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09);
    box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09)
}

.team-section .item-single:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.team-section .item-single:hover .content {
    -webkit-animation: slideInUp .3s linear 1;
    animation: slideInUp .3s linear 1;
    border-color: transparent;
}

.team-section .item-single:hover .content .social-link { display: block }

.team-section-two .item-single {
    -webkit-transition: .5s;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    overflow: hidden;
    position: relative;
    transition: .5s;
}

.team-section-two .item-single .image { overflow: hidden }

.team-section-two .item-single .image img {
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (max-width: 767px) {
    .team-section-two .item-single .image img { width: 100% }
}

.team-section-two .item-single .content {
    background: #fff;
    border: 1px solid #d4d4d4;
    border-bottom-right-radius: 25px;
    border-top: 0;
    padding: 20px;
}

.team-section-two .item-single .content h3 {
    line-height: 1;
    margin-bottom: 7px
}

.team-section-two .item-single .content span {
    color: #555;
    display: block
}

.team-section-two .item-single .content .social-link {
    -webkit-transition: .5s;
    left: -25%;
    position: absolute;
    top: 0;
    transition: .5s
}

.team-section-two .item-single .content .social-link a {
    display: block;
    margin: 0;
    margin-bottom: 3px;
    padding: 14px;
}

.team-section-two .item-single .content .social-link a:last-child { border-bottom-right-radius: 25px }

.team-section-two .item-single:hover {
    -webkit-box-shadow: 0 10px 40px -10px rgba(102, 102, 102, .09), 0 10px 40px -10px rgba(102, 102, 102, .09);
    box-shadow: 0 10px 40px -10px rgba(102, 102, 102, .09), 0 10px 40px -10px rgba(102, 102, 102, .09)
}

.team-section-two .item-single:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.team-section-two .item-single:hover .content { border-color: transparent }

.team-section-two .item-single:hover .content .social-link { left: 0 }

.team-section-three .item-single {
    -webkit-box-shadow: 0 20px 30px 0 rgba(102, 102, 102, .2);
    -webkit-transition: .5s;
    box-shadow: 0 20px 30px 0 rgba(102, 102, 102, .2);
    overflow: hidden;
    position: relative;
    transition: .5s;
}

.team-section-three .item-single .image { overflow: hidden }

.team-section-three .item-single .image img {
    -webkit-transition: .5s;
    transition: .5s
}

@media only screen and (max-width: 767px) {
    .team-section-three .item-single .image img { width: 100% }
}

.team-section-three .item-single .content {
    -webkit-transition: .5s;
    background: #fff;
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    transition: .5s;
    width: 100%;
}

.team-section-three .item-single .content h3 {
    line-height: 1;
    margin-bottom: 7px;
    margin-top: 0;
}

.team-section-three .item-single .content span {
    color: #555;
    display: block
}

.team-section-three .item-single .content .social-link {
    display: none;
    margin-top: 12px
}

.team-section-three .item-single .content .social-link a {
    background: 0 0;
    border: 1px solid #ebebeb
}

.team-section-three .item-single .spacer { min-height: 50px }

.team-section-three .item-single:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.team-section-three .item-single:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.team-section-three .item-single:hover .content {
    -webkit-animation: slideInUp .3s linear 1;
    animation: slideInUp .3s linear 1;
    background-color: rgb(0, 150, 76);
    border-color: transparent;
}

.team-section-three .item-single:hover .content h3 a { color: #fff }

.team-section-three .item-single:hover .content h3 a:hover { text-decoration: underline }

.team-section-three .item-single:hover .content span { color: #06121c }

.team-section-three .item-single:hover .content .social-link { display: block }

.blog-section .top-content { margin-top: -5px }

.blog-section .item-single {
    -webkit-transition: .5s;
    background: #fff;
    border: 1px solid #d4d4d4;
    padding: 20px;
    transition: .5s;
}

.blog-section .item-single .image {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.blog-section .item-single .image .tag {
    -webkit-transition: .5s;
    background: rgba(252, 90, 52, .8);
    bottom: 0;
    color: #fff;
    font-size: 15px;
    left: 0;
    padding: 12px 30px;
    position: absolute;
    text-transform: capitalize;
    transition: .5s
}

.blog-section .item-single .content .info-list {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.blog-section .item-single .content .info-list li {
    color: #555;
    font-size: 13px;
    margin-right: 16px;
}

.blog-section .item-single .content .info-list li:last-child { margin-right: 0 }

.blog-section .item-single .content .info-list li i {
    color: rgb(0, 150, 76);
    margin-right: 5px;
    vertical-align: -1px
}

.blog-section .item-single .content hr {
    margin-bottom: 12px;
    margin-top: 16px;
}

.blog-section .item-single .content h3 { margin-bottom: 10px }

.blog-section .item-single .content h3 a { color: #06121c }

.blog-section .item-single .content h3 a:hover { color: rgb(0, 150, 76) }

.blog-section .item-single:hover {
    -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09);
    box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09)
}

.blog-section-two .item-single {
    -webkit-transition: .5s;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    overflow: hidden;
    transition: .5s;
}

.blog-section-two .item-single .image img { border-bottom-right-radius: 25px }

.blog-section-two .item-single .content { padding: 0 20px 20px }

.blog-section-two .item-single .content .info-list {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: rgb(0, 150, 76);
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 10px 0;
    position: relative;
    top: -20px;
}

.blog-section-two .item-single .content .info-list li {
    color: #fff;
    font-size: 13px;
    margin-right: 16px;
}

.blog-section-two .item-single .content .info-list li:last-child { margin-right: 0 }

.blog-section-two .item-single .content .info-list li i {
    margin-right: 5px;
    vertical-align: -1px
}

.blog-section-two .item-single .content hr {
    margin-bottom: 12px;
    margin-top: 16px;
}

.blog-section-two .item-single .content h3 {
    margin-bottom: 8px;
    margin-top: -3px;
}

.blog-section-two .item-single .content h3 a { color: #06121c }

.blog-section-two .item-single .content h3 a:hover { color: rgb(0, 150, 76) }

.blog-section-two .item-single:hover {
    -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09);
    box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09)
}

.blog-section-two .item-single:hover a { color: rgb(0, 150, 76) }

.blog-section-two .item-single:hover a:hover { color: rgb(0, 150, 76) }

.blog-section-three .item-single {
    -webkit-box-shadow: 0 20px 30px 0 rgba(102, 102, 102, .2);
    -webkit-transition: .5s;
    background: #fff;
    box-shadow: 0 20px 30px 0 rgba(102, 102, 102, .2);
    overflow: hidden;
    transition: .5s;
}

.blog-section-three .item-single .image { position: relative }

.blog-section-three .item-single .image .tag {
    -webkit-transform: translateX(-50%);
    -webkit-transition: .5s;
    background-color: #2f3e49;
    bottom: -20px;
    color: #fff;
    font-size: 13px;
    left: 50%;
    padding: 10px 8px;
    position: absolute;
    text-transform: capitalize;
    transform: translateX(-50%);
    transition: .5s;
    z-index: 2
}

.blog-section-three .item-single .image .tag i { color: #fff }

.blog-section-three .item-single i {
    color: #06121c;
    margin-right: 5px;
    vertical-align: -1px
}

.blog-section-three .item-single .content {
    background-color: #fff;
    padding: 20px;
    position: relative;
    text-align: center;
    z-index: 1
}

.blog-section-three .item-single .content::after {
    -webkit-transition: .5s;
    background: #2f3e49;
    bottom: 0;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    transition: .5s;
    width: 100%;
    z-index: -1
}

.blog-section-three .item-single .content .info-list {
    color: #06121c;
    font-size: 13px
}

.blog-section-three .item-single .content hr {
    -webkit-transition: .5s;
    border-color: #d4d4d4;
    margin-bottom: 12px;
    margin-top: 18px;
    opacity: .9;
    transition: .5s
}

.blog-section-three .item-single .content h3 {
    margin-bottom: 8px;
    margin-top: 15px;
}

.blog-section-three .item-single .content h3 a { color: #06121c }

.blog-section-three .item-single .content h3 a:hover { color: rgb(0, 150, 76) }

.blog-section-three .item-single .content p {
    color: #06121c;
    margin-top: 15px;
}

.blog-section-three .item-single .content .btn-text { color: #06121c }

.blog-section-three .item-single .content .btn-text:hover { color: rgb(0, 150, 76) }

.blog-section-three .item-single:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.blog-section-three .item-single:hover .image .tag { background-color: rgb(0, 150, 76) }

.blog-section-three .item-single:hover i { color: #fff }

.blog-section-three .item-single:hover .content::after { height: 100% }

.blog-section-three .item-single:hover .content .info-list { color: #fff }

.blog-section-three .item-single:hover .content hr {
    border-color: #d4d4d4;
    opacity: .1;
}

.blog-section-three .item-single:hover .content h3 a { color: #fff }

.blog-section-three .item-single:hover .content h3 a:hover { color: rgb(0, 150, 76) }

.blog-section-three .item-single:hover .content p { color: #ebebeb }

.blog-section-three .item-single:hover .content .btn-text { color: rgb(0, 150, 76) }

.blog-section-three .item-single:hover .content .btn-text:hover { color: #fff }

.contact-section .top-content {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: -5px;
}

.contact-section .top-content .title::after { right: -35% }

.contact-section .top-content .info-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact-section .top-content .info-list li {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.contact-section .top-content .info-list li:last-child { margin-bottom: 0 }

.contact-section .top-content .info-list li:first-child { text-transform: capitalize }

.contact-section .top-content .info-list i {
    color: rgb(0, 150, 76);
    font-size: 20px;
    margin-right: 10px;
}

.contact-section .top-content .info-list a {
    font-size: 22px;
    margin-left: 8px;
}

.contact-section .top-content .info-list a:hover { color: rgb(0, 150, 76) }

.contact-section .top-content .info-list { position: relative }

.contact-section .top-content .info-list::after {
    border-right: 2px solid #d4d4d4;
    content: '';
    height: 125%;
    position: absolute;
    right: -55%;
    top: -10px;
}

.contact-section .top-content .info-list:last-child::after { content: none }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-section .top-content .info-list {
        margin-bottom: 10px;
        padding-left: 0;
    }

    .contact-section .top-content .info-list:last-child { margin-bottom: 0 }

    .contact-section .top-content .info-list::after { content: none }

    .contact-section .top-content .info-list li {
        display: inline-block;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-section .contact-image img { width: 100% }
}

.validation-danger, .validation-success {
    color: #fff;
    font-size: 12px;
    margin-right: auto;
    margin-top: 0;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 50%;
}

.validation-danger { background: #e62c25 }

.validation-success { background: var(--success) }

.help-block ul li {
    background: #e62c25;
    color: #fff;
    font-size: 12px;
    margin-left: auto;
    margin-top: 0;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 50%;
}

#msgSubmit {
    font-size: 16px;
    margin-top: 8px
}

.quote-section {
    background: url(../img/quote-bg.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.quote-section::after {
    background: rgba(6, 18, 28, .8);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.quote-section .content h2 {
    color: rgb(0, 150, 76);
    display: inline-block;
    margin-bottom: 15px;
    margin-top: -9px;
    padding-bottom: 10px;
    position: relative
}

.quote-section .content h2::after {
    background: rgb(0, 150, 76);
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.quote-section .content h5 {
    color: #fff;
    margin-bottom: 10px
}

.quote-section .content p {
    color: #ebebeb;
    margin-bottom: 20px
}

.quote-section .content .info-list {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.quote-section .content .info-list li { margin-bottom: 15px }

.quote-section .content .info-list li:last-child { margin-bottom: 0 }

.quote-section .content .info-list li i {
    color: rgb(0, 150, 76);
    display: inline-block;
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle;
}

.quote-section .content .info-list li a { color: #ebebeb }

.quote-section .content .info-list li a:hover { color: rgb(0, 150, 76) }

.quote-section .form-control {
    background: 0 0;
    height: 48px;
}

.quote-section .form-control::-webkit-input-placeholder {
    -webkit-transition: .5s;
    color: #ebebeb;
    transition: .5s
}

.quote-section .form-control:-ms-input-placeholder {
    -webkit-transition: .5s;
    color: #ebebeb;
    transition: .5s
}

.quote-section .form-control::-ms-input-placeholder {
    -webkit-transition: .5s;
    color: #ebebeb;
    transition: .5s
}

.quote-section .form-control::placeholder {
    -webkit-transition: .5s;
    color: #ebebeb;
    transition: .5s
}

.quote-section textarea.form-control {
    height: auto;
    padding-top: 15px
}

.quote-section.quote-style-two {
    background: url(../img/quote-bg.jpg) no-repeat center;
    background-size: cover
}

.quote-section.quote-style-two::after { background: rgba(47, 62, 73, .8) }

.quote-section.quote-style-two .content h2 {
    color: #fff;
    margin-bottom: 15px;
    margin-top: 5px;
    padding-bottom: 16px;
}

.quote-section.quote-style-two .content h2::after { width: 20% }

.quote-section.quote-style-two .content .sub-title {
    color: #fff;
    line-height: 1;
}

.quote-section.quote-style-two .content p { color: #ebebeb }

.quote-section.quote-style-two .form-control {
    background: rgba(255, 255, 255, .3);
    border: none;
}

.newsletter-area {
    bottom: -70px;
    position: relative;
    z-index: 5
}

.newsletter-area .wrapper {
    -webkit-box-shadow: 0 -15px 30px 0 rgba(102, 102, 102, .05), 0 -15px 30px 0 rgba(102, 102, 102, .05);
    background: #fff;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    box-shadow: 0 -15px 30px 0 rgba(102, 102, 102, .05), 0 -15px 30px 0 rgba(102, 102, 102, .05);
    padding: 40px 40px 20px;
}

.newsletter-area .info-item {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px;
    position: relative;
}

.newsletter-area .info-item i {
    color: rgb(0, 150, 76);
    display: inline-block;
    font-size: 50px;
    margin-top: -5px;
    text-align: center;
}

.newsletter-area .info-item .info-content {
    padding-left: 20px;
    position: relative;
}

.newsletter-area .info-item .info-content span { display: block }

.newsletter-area .newsletter-form { margin-bottom: 18px }

.newsletter-form .primary-btn { border-radius: 0 }

.page-title-area {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.page-title-area::before {
    background: #06121c;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.page-title-area .bg-image img {
    -o-object-fit: cover;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

.page-title-area .page-title-content {
    text-align: center;
    text-transform: capitalize;
}

.page-title-area .page-title-content h1 {
    color: #fff;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: -10px;
}

.page-title-area .page-title-content ul {
    margin: 0;
    padding: 0;
}

.page-title-area .page-title-content ul li {
    color: #fff;
    display: inline-block;
}

.page-title-area .page-title-content ul li:last-child {
    margin-left: 5px;
    padding-left: 10px;
    position: relative;
}

.page-title-area .page-title-content ul li span {
    -webkit-transform: rotate(15deg);
    background: #ebebeb;
    height: 70%;
    left: 0;
    position: absolute;
    top: 19%;
    transform: rotate(15deg);
    width: 2px;
}

.page-title-area .page-title-content ul li a { color: #fff }

.page-title-area .page-title-content ul li a:hover { color: rgb(0, 150, 76) }

.page-title-area .page-title-content ul .active { color: rgb(0, 150, 76) }

.about-single-area .about-section.about-section-single {
    margin-top: 0;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
}

.about-single-area .about-section.about-section-single .image-content {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    background: url(../img/about/about-single-1.jpg) no-repeat top;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 170px;
}

.about-single-area .about-section.about-section-single .image-content .img1 { display: none }

.about-single-area .about-section.about-section-single .image-content .img2 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    background: #fff;
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 15px;
    padding-top: 15px;
}

.about-single-area .about-section.about-section-single .image-content .count {
    -ms-flex: 0 0 calc(25% + 15px);
    -webkit-box-flex: 0;
    background: #fff;
    border: 1px solid rgb(0, 150, 76);
    border-left: 0;
    border-top: 0;
    display: inline-block;
    flex: 0 0 calc(25% + 15px);
    margin-left: -15px;
    max-width: calc(25% + 15px);
    padding: 10px;
    text-align: center;
}

.about-single-area .about-section.about-section-single .image-content .count h2 {
    font-size: 70px;
    line-height: 1;
    margin: 0;
}

.about-single-area .about-section.about-section-single .image-content .count span {
    color: #555;
    font-size: 13px;
}

@media only screen and (max-width: 767px) {
    .about-single-area .about-section.about-section-single .image-content .count h1 { font-size: 50px }

    .about-single-area .about-section.about-section-single .image-content .count span { font-size: 10px }
}

.about-single-area .about-section.about-section-single .about-content h2 span { color: rgb(0, 150, 76) }

.about-single-area .promo-area { padding-bottom: 60px }

.about-single-area .promo-area .promo-inner { background-color: #ebebeb }

.about-single-area .promo-area .promo-inner [class*=col-] { padding: 0 }

.about-single-area .promo-area .promo-inner .row {
    padding-left: 15px;
    padding-right: 15px
}

.about-single-area .promo-area .promo-inner .content { padding: 40px }

.about-single-area .promo-area .promo-inner .content h2 {
    font-size: 35px;
    margin-bottom: 15px;
    margin-top: -5px;
}

.about-single-area .promo-area .promo-inner .content p {
    font-size: 17px;
    margin: 0
}

.about-single-area .blockquote {
    background: #fff2d6;
    margin-bottom: 0;
    margin-top: 50px;
    padding: 60px 25px;
    position: relative;
}

.about-single-area .blockquote .image {
    left: 25px;
    position: absolute;
    top: -50px
}

.about-single-area .blockquote .image img { border-radius: 50% }

.about-single-area .blockquote p { margin-bottom: 15px }

.about-single-area .blockquote span {
    color: #555;
    font-size: 16px;
}

.service-single-area .service-section-three .top-content { margin-top: -5px }

.service-single-area .service-section-three .item-single .content { text-align: left }

.service-single-area .service-section-three .item-single:hover .content { background: #2f3e49 }

.service-single-area .service-section-three .item-single:hover .content h3 { margin-bottom: 12px }

.service-single-area .service-section-three .item-single:hover .content a { color: #fff }

.service-single-area .service-section-three .item-single:hover .content a:hover {
    color: rgb(0, 150, 76);
    text-decoration: none
}

.project-single-area .projects-section-three .item-single { overflow: hidden }

.project-single-area .projects-section-three .item-single .content {
    -webkit-transform: none;
    background: 0 0;
    bottom: -50%;
    text-align: left;
    transform: none;
}

.project-single-area .projects-section-three .item-single .content h3 { margin-bottom: 5px }

.project-single-area .projects-section-three .item-single .content a { color: #fff }

.project-single-area .projects-section-three .item-single .content a:hover { color: rgb(0, 150, 76) }

.project-single-area .projects-section-three .item-single:hover .content {
    -webkit-transform: none;
    background: #000;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, rgba(0, 0, 0, 0.807083)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.807083) 46%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1);
    transform: none;
}

.pagination {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
}

.pagination .page-numbers {
    background-color: transparent;
    border: 1px solid rgb(0, 150, 76);
    color: #06121c;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 42px;
    line-height: 38px;
    margin-right: 5px;
    position: relative;
    text-align: center;
    width: 40px;
}

.pagination .page-numbers.current {
    background-color: rgb(0, 150, 76);
    color: #fff;
}

.service-details-area .service-details-desc .service-details-slider {
    margin-bottom: 25px;
    overflow: hidden
}

.service-details-area .service-details-desc .service-details-slider img {
    -webkit-transition: 3s;
    transition: 3s
}

.service-details-area .service-details-desc .service-details-slider img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.service-details-area .service-details-desc .service-details-slider .owl-nav button[class*=owl-] {
    -webkit-transform: translateY(-50%);
    -webkit-transition: .5s;
    background: #fff;
    border: 1px solid rgb(0, 150, 76);
    border-radius: 0;
    color: rgb(0, 150, 76);
    font: inherit;
    height: 40px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
    width: 40px;
}

.service-details-area .service-details-desc .service-details-slider .owl-nav button[class*=owl-]:first-child { left: 15px }

.service-details-area .service-details-desc .service-details-slider .owl-nav button[class*=owl-]:last-child { right: 15px }

.service-details-area .service-details-desc .service-details-slider .owl-nav button[class*=owl-] i {
    font-size: 22px;
    margin-top: 4px
}

.service-details-area .service-details-desc .service-details-slider .owl-nav button[class*=owl-]:hover {
    background: rgb(0, 150, 76);
    border: 1px solid transparent;
    color: #fff;
}

.service-details-area .service-details-desc .service-details-slider:hover .owl-nav button[class*=owl-]:first-child { left: 0 }

.service-details-area .service-details-desc .service-details-slider:hover .owl-nav button[class*=owl-]:last-child { right: 0 }

.service-details-area .service-details-desc .content { margin-bottom: 20px }

.service-details-area .service-details-desc .content h2 {
    font-size: 28px;
    margin-bottom: 10px;
    text-transform: capitalize
}

@media only screen and (max-width: 767px) {
    .service-details-area .service-details-desc .content h2 { font-size: 28px }
}

.service-details-area .service-details-desc .item-single .image { margin-bottom: 0 }

.service-details-area .service-details-desc .item-single .item-content h3 { margin: 15px 0 10px }

.service-details-area .service-details-desc .item-single .item-content p { margin-bottom: 0 }

.service-details-area .widget-area .widget {
    background-color: #ebebeb;
    margin-bottom: 30px;
    padding: 25px 20px;
}

.service-details-area .widget-area h3.title {
    margin-bottom: 10px;
    margin-top: -5px
}

.service-details-area .widget-area p {
    color: #555;
    margin-bottom: 20px
}

.service-details-area .widget-area .nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.service-details-area .widget-area .nav-list li {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    -webkit-transition: .5s;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    margin-bottom: 12px;
    position: relative;
    transition: .5s
}

.service-details-area .widget-area .nav-list li:last-child { margin-bottom: 0 }

.service-details-area .widget-area .nav-list li a {
    -webkit-transition: .5s;
    -webkit-transition-delay: .1s;
    display: block;
    overflow: hidden;
    padding: 14px 16px;
    position: relative;
    text-transform: capitalize;
    transition: .5s;
    transition-delay: .1s;
    z-index: 1
}

.service-details-area .widget-area .nav-list li a::before, .service-details-area .widget-area .nav-list li a::after {
    -webkit-transform: skew(-30deg);
    -webkit-transition: .5s;
    background: #2f3e49;
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    transform: skew(-30deg);
    transition: .5s;
    visibility: hidden;
    width: 72%;
    z-index: -1;
}

.service-details-area .widget-area .nav-list li a::before {
    left: -100%;
    top: 0
}

.service-details-area .widget-area .nav-list li a::after {
    right: -100%;
    top: 0
}

.service-details-area .widget-area .nav-list li a:hover { color: #fff }

.service-details-area .widget-area .nav-list li a:hover::before, .service-details-area .widget-area .nav-list li a:hover::after {
    opacity: 1;
    visibility: visible
}

.service-details-area .widget-area .nav-list li a:hover::before { left: -20% }

.service-details-area .widget-area .nav-list li a:hover::after { right: -20% }

.service-details-area .widget-area .nav-list li.active { background: rgb(0, 150, 76) }

.service-details-area .widget-area .nav-list li.active a { color: #fff }

.service-details-area .widget-area .contact-form { position: relative }

.service-details-area .widget-area .contact-form .form-control {
    background: #fff;
    border: 0
}

.service-details-area .widget-area .contact-form h3 { margin-bottom: 25px }

.service-details-area .widget-area .brochure .content-list {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    -webkit-transition: .5s;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    margin-bottom: 12px;
    position: relative;
    transition: .5s
}

.service-details-area .widget-area .brochure .content-list:last-child { margin-bottom: 0 }

.service-details-area .widget-area .brochure .content-list a { padding: 14px 16px; }

.service-details-area .widget-area .brochure .content-list a i {
    margin-right: 5px;
    vertical-align: -1px
}

.project-details-area .project-details-desc .project-details-slider {
    margin-bottom: 25px;
    overflow: hidden
}

.project-details-area .project-details-desc .project-details-slider img {
    -webkit-transition: 3s;
    transition: 3s
}

.project-details-area .project-details-desc .project-details-slider img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.project-details-area .project-details-desc .project-details-slider .owl-nav button[class*=owl-] {
    -webkit-transform: translateY(-50%);
    -webkit-transition: .5s;
    background: #fff;
    border: 1px solid rgb(0, 150, 76);
    border-radius: 0;
    color: rgb(0, 150, 76);
    font: inherit;
    height: 40px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
    width: 40px;
}

.project-details-area .project-details-desc .project-details-slider .owl-nav button[class*=owl-]:first-child { left: 15px }

.project-details-area .project-details-desc .project-details-slider .owl-nav button[class*=owl-]:last-child { right: 15px }

.project-details-area .project-details-desc .project-details-slider .owl-nav button[class*=owl-] i {
    font-size: 22px;
    margin-top: 4px
}

.project-details-area .project-details-desc .project-details-slider .owl-nav button[class*=owl-]:hover {
    background: rgb(0, 150, 76);
    border: 1px solid transparent;
    color: #fff;
}

.project-details-area .project-details-desc .project-details-slider:hover .owl-nav button[class*=owl-]:first-child { left: 0 }

.project-details-area .project-details-desc .project-details-slider:hover .owl-nav button[class*=owl-]:last-child { right: 0 }

.project-details-area .project-details-desc .content { margin-bottom: 20px }

.project-details-area .project-details-desc .content h2 {
    font-size: 28px;
    margin-bottom: 10px;
    text-transform: capitalize
}

@media only screen and (max-width: 767px) {
    .project-details-area .project-details-desc .content h2 { font-size: 28px }
}

.project-details-area .blockquote {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    margin-top: 25px;
}

.project-details-area .blockquote .img { margin-bottom: 20px }

.project-details-area .blockquote .content { padding: 0 30px }

.project-details-area .blockquote .content p {
    font-size: 17px;
    margin-bottom: 15px
}

.project-details-area .blockquote .content h3 {
    line-height: 1;
    margin-bottom: 0
}

.project-details-area .blockquote .content span {
    color: rgb(0, 150, 76);
    font-size: 16px
}

.project-details-area .widget-area .widget {
    background-color: #ebebeb;
    margin-bottom: 30px;
    padding: 25px 20px;
}

.project-details-area .widget-area .widget .content-list {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.project-details-area .widget-area .widget .content-list i {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    color: #fd5056;
    font-size: 20px;
    margin-right: 15px;
    padding: 13px;
    vertical-align: middle
}

.project-details-area .widget-area .widget .content-list .sub-title {
    font-size: 14px;
    margin-top: 0;
    text-transform: initial
}

.project-details-area .widget-area .widget .content-list h3 {
    font-size: 18px;
    margin-bottom: 3px
}

.project-details-area .widget-area .widget .content-list:last-child { margin-bottom: 0 }

.project-details-area .widget-area .widget .social-link { margin-top: 20px }

.project-details-area .widget-area .widget .social-link a {
    background: #2f3e49;
    padding: 15px;
}

.blog-details-section .blog-details-desc .item-single { border: 1px solid #d4d4d4 }

.blog-details-section .blog-details-desc .item-single .image { overflow: hidden }

.blog-details-section .blog-details-desc .item-single .image img {
    -webkit-transition: .5s;
    transition: .5s
}

.blog-details-section .blog-details-desc .item-single .image img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-details-section .blog-details-desc .item-single .item-content { padding: 25px }

.blog-details-section .blog-details-desc .item-single .content h2 {
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: capitalize
}

.blog-details-section .blog-details-desc .item-single .info-list {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.blog-details-section .blog-details-desc .item-single .info-list li {
    color: #555;
    font-size: 15px;
    margin-right: 16px;
}

.blog-details-section .blog-details-desc .item-single .info-list li:last-child { margin-right: 0 }

.blog-details-section .blog-details-desc .item-single .info-list li i {
    color: rgb(0, 150, 76);
    margin-right: 5px;
    vertical-align: -1px
}

.blog-details-section .blog-details-desc .item-single hr {
    margin-bottom: 23px;
    margin-top: 30px;
}

.blog-details-section .blog-details-desc .item-single .list {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.blog-details-section .blog-details-desc .item-single .list li { line-height: 1 }

@media only screen and (max-width: 767px) {
    .blog-details-section .blog-details-desc .item-single .list li { margin-top: 15px }
}

.blog-details-section .blog-details-desc .item-single .list .tags { color: #555 }

.blog-details-section .blog-details-desc .blockquote {
    background: #ebebeb;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 25px 20px;
    position: relative;
}

.blog-details-section .blog-details-desc .blockquote p {
    font-size: 18px;
    line-height: 1.5;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .blog-details-section .blog-details-desc .blockquote { padding: 16px }

    .blog-details-section .blog-details-desc .blockquote p { font-size: 16px }
}

.blog-details-section .blog-details-desc .comments-area { padding-top: 20px }

@media only screen and (max-width: 767px) {
    .blog-details-section .blog-details-desc .comments-area { padding: 0 }
}

.blog-details-section .blog-details-desc .comments-area .comment-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.blog-details-section .blog-details-desc .comments-area .comment-list .comment:last-child .comment-body {
    border: 0;
    margin-bottom: 0
}

.blog-details-section .blog-details-desc .comments-area .comment-list .comment:last-child .comment-author { margin-bottom: 0 }

.blog-details-section .blog-details-desc .comments-area .comment-list .comment:last-child .comment-content { margin-bottom: 0 }

.blog-details-section .blog-details-desc .comments-area hr {
    margin-bottom: 30px;
    margin-top: 10px;
}

.blog-details-section .blog-details-desc .comments-area .comment-body {
    border-bottom: 1px solid #d4d4d4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-author {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    margin-bottom: 20px;
    max-width: 20%;
    padding-right: 16px;
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    flex: 0 0 80%;
    margin-bottom: 20px;
    max-width: 80%
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata .name {
    font-size: 18px;
    margin: 0;
    margin-right: 16px
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata span { font-size: 13px }

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .comment-metadata span i { margin-right: 5px }

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .list {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .list i {
    margin-right: 5px;
    vertical-align: middle
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .list li {
    display: inline-block;
    font-size: 14px;
    margin-right: 12px;
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .list li:last-child {
    color: #555;
    font-size: 12px;
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content p {
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.blog-details-section .blog-details-desc .comments-area .comment-body .comment-content .btn-text { color: rgb(0, 150, 76) }

@media only screen and (max-width: 767px) {
    .blog-details-section .blog-details-desc .comments-area .comment-body .comment-content p { font-size: 14px }
}

.blog-details-section .blog-details-desc .comment-reply { padding-top: 20px }

@media only screen and (max-width: 767px) {
    .blog-details-section .blog-details-desc .comment-reply { padding-top: 0 }
}

.blog-details-section .blog-details-desc .comment-reply .title { margin-bottom: 30px }

.blog-details-section .blog-details-desc .comment-reply .comment-form .form-control {
    background: #ebebeb;
    border-color: transparent
}

.blog-details-section .blog-details-desc .comment-reply .comment-form textarea.form-control {
    height: auto;
    padding-top: 15px
}

.blog-details-section .widget-area .widget-author {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: justify;
    align-items: center;
    border: 1px solid #d4d4d4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 10px;
    text-align: center
}

.blog-details-section .widget-area .widget-author .author-img {
    border-radius: 50%;
    margin-bottom: 10px;
    overflow: hidden;
}

.blog-details-section .widget-area .widget-author .author-img img { max-width: 100px }

.blog-details-section .widget-area .widget-author .author-info { margin: 5px }

.blog-details-section .widget-area .widget-author .author-info h3 {
    line-height: 1;
    margin: 0;
    margin-bottom: 8px;
}

.blog-details-section .widget-area .widget-author .author-info span {
    color: #555;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-details-section .widget-area .widget-author .author-info p { max-width: 545px }
}

.blog-details-section .widget-area .widget-search .search-form {
    background-color: #fff;
    position: relative;
}

.blog-details-section .widget-area .widget-search .search-form .form-control {
    background-color: #fff;
    border: 1px solid #d4d4d4
}

.blog-details-section .widget-area .widget-search .search-form button {
    -webkit-transform: translateY(-50%);
    -webkit-transition-duration: 300ms;
    background: 0 0;
    border: none;
    color: #555;
    font-size: 18px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition-duration: 300ms
}

.blog-details-section .widget-area .widget-search .search-form button i { vertical-align: middle }

.blog-details-section .widget-area .widget-category {
    background-color: #ebebeb;
    margin-bottom: 30px;
    padding: 25px 20px;
}

.blog-details-section .widget-area .widget-category h3.title {
    margin-bottom: 10px;
    margin-top: -5px
}

.blog-details-section .widget-area .widget-category p {
    color: #555;
    margin-bottom: 20px
}

.blog-details-section .widget-area .widget-category .nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.blog-details-section .widget-area .widget-category .nav-list li {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    -webkit-transition: .5s;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    margin-bottom: 12px;
    padding: 14px 16px;
    position: relative;
    transition: .5s
}

.blog-details-section .widget-area .widget-category .nav-list li:last-child { margin-bottom: 0 }

.blog-details-section .widget-area .widget-category .nav-list li a {
    -webkit-transition: .2s;
    display: block;
    text-transform: capitalize;
    transition: .2s
}

.blog-details-section .widget-area .widget-category .nav-list li.active, .blog-details-section .widget-area .widget-category .nav-list li:hover { background: rgb(0, 150, 76) }

.blog-details-section .widget-area .widget-category .nav-list li.active a, .blog-details-section .widget-area .widget-category .nav-list li:hover a { color: #fff }

.blog-details-section .widget-area .widget-article h3 { margin-bottom: 20px }

.blog-details-section .widget-area .widget-article .article-item {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px
}

.blog-details-section .widget-area .widget-article .article-item .image {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    overflow: hidden
}

.blog-details-section .widget-area .widget-article .article-item .image img {
    -webkit-transition: .5s;
    transition: .5s
}

.blog-details-section .widget-area .widget-article .article-item .content {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    background: #fff;
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 10px
}

.blog-details-section .widget-area .widget-article .article-item .content h3 {
    font-size: 17px;
    margin-bottom: 5px;
}

.blog-details-section .widget-area .widget-article .article-item .content h3 a { color: #06121c }

.blog-details-section .widget-area .widget-article .article-item .content h3 a:hover {
    color: rgb(0, 150, 76);
    text-decoration: underline
}

.blog-details-section .widget-area .widget-article .article-item .content span {
    color: #555;
    font-size: 14px;
}

.blog-details-section .widget-area .widget-article .article-item .content .list {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.blog-details-section .widget-area .widget-article .article-item .content .list li {
    color: #555;
    display: inline-block;
    margin-right: 12px;
}

.blog-details-section .widget-area .widget-article .article-item .content .list li:last-child { margin-right: 0 }

.blog-details-section .widget-area .widget-article .article-item .content .author img {
    border-radius: 50%;
    margin-right: 8px;
    max-width: 30px;
}

.blog-details-section .widget-area .widget-article .article-item .content .author span { font-size: 15px }

.blog-details-section .widget-area .widget-article .article-item:last-child { margin-bottom: 0 }

.blog-details-section .widget-area .widget-article .article-item:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-details-section .widget-area .widget-tag h3 { margin-bottom: 20px }

.blog-details-section .widget-area .tags a {
    border: 1px solid #d4d4d4;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 8px 12px;
    text-align: center;
}

.blog-details-section h3.title {
    font-size: 22px;
    line-height: 1;
    text-transform: capitalize
}

@media only screen and (max-width: 767px) {
    .team-single-area .item-single img { width: 100% }
}

.team-single-area .item-single .content h3 {
    margin-bottom: 5px;
    margin-top: 15px;
}

.team-single-area .item-single .content p {
    margin-bottom: 0;
    margin-top: 10px;
}

.team-single-area .item-single .content span {
    color: #555;
    font-weight: 700;
}

.team-single-area .team-section-two .item-single { border-radius: 0 }

.team-single-area .team-section-two .item-single .content {
    -webkit-transition: .5s;
    background: #ebebeb;
    border-radius: 0;
    transition: .5s
}

.team-single-area .team-section-two .item-single .content h3 {
    margin-bottom: 5px;
    margin-top: 0;
}

.team-single-area .team-section-two .item-single .content span { color: #06121c }

.team-single-area .team-section-two .item-single .content .social-link { top: 10% }

.team-single-area .team-section-two .item-single .content .social-link a:last-child { border-radius: 0 }

.team-single-area .team-section-two .item-single:hover {
    -webkit-box-shadow: 0 10px 40px -10px rgba(102, 102, 102, .09), 0 10px 40px -10px rgba(102, 102, 102, .09);
    box-shadow: 0 10px 40px -10px rgba(102, 102, 102, .09), 0 10px 40px -10px rgba(102, 102, 102, .09)
}

.team-single-area .team-section-two .item-single:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.team-single-area .team-section-two .item-single:hover .content {
    background: #2f3e49;
    border-color: transparent
}

.team-single-area .team-section-two .item-single:hover .content .social-link { left: 0 }

.team-single-area .team-section-two .item-single:hover .content h3 a { color: #fff }

.team-single-area .team-section-two .item-single:hover .content h3 a:hover { color: rgb(0, 150, 76) }

.team-single-area .team-section-two .item-single:hover .content span { color: #ebebeb }

.career-single-area .career-section .top-content { margin-top: -7px }

.career-single-area .career-section form {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    padding-left: 60px;
    width: 50%
}

.career-single-area .career-section form .form-control { height: 50px }

.career-single-area .career-section form .select-box {
    cursor: pointer;
    position: relative;
}

.career-single-area .career-section form .select-box .form-control { padding: 0 0 0 32px }

.career-single-area .career-section form .select-box i {
    -webkit-transform: translateY(-50%);
    color: #555;
    font-size: 14px;
    left: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.career-single-area .career-section form .select-box .nice-select {
    color: #555;
    float: none;
    line-height: 48px;
    text-transform: capitalize;
}

.career-single-area .career-section form .select-box .nice-select .list {
    -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
    width: 100%;
}

.career-single-area .career-section form .select-box .nice-select .list .option {
    -webkit-transition: .6s;
    font-size: 14px;
    line-height: 25px;
    padding: 5px 0 5px 10px;
    transition: .6s;
}

.career-single-area .career-section form .select-box .nice-select .list .option.selected {
    background-color: transparent;
    font-weight: 500
}

.career-single-area .career-section form .primary-btn {
    border-radius: 0;
    height: 50px;
    margin: 0
}

.career-single-area .career-section .item-single {
    -webkit-transition: .5s;
    border: 1px solid #d4d4d4;
    padding: 25px 20px;
    transition: .5s
}

.career-single-area .career-section .item-single p {
    color: #555;
    margin-bottom: 0
}

.career-single-area .career-section .item-single:hover {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    border-color: transparent;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1)
}

.career-single-area .career-section .item-single:hover h3 { color: rgb(0, 150, 76) }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .career-single-area .content-area img { width: 100% }
}

.career-single-area .content-area .content h2 {
    margin-bottom: 20px;
    margin-top: -10px;
    text-transform: capitalize
}

.career-single-area .content-area .content p { color: #555 }

.career-single-area .content-area .content p b { color: #06121c }

.career-single-area .content-area .content .primary-btn {
    border-radius: 0;
    margin-top: 15px;
}

.appointment-area h2 {
    margin-bottom: 25px;
    margin-top: 5px;
}

.appointment-area form { margin-bottom: 30px }

.appointment-area .form-control {
    background: #ebebeb;
    border: none;
    height: 48px;
}

.appointment-area textarea.form-control {
    height: auto;
    padding-top: 15px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .appointment-area img { width: 100% }
}

.appointment-area .image {
    background: url(../img/appointment.jpg) no-repeat center;
    background-size: cover
}

.appointment-area .image img {
    height: 100%;
    opacity: 0;
}

@media only screen and (max-width: 767px) {
    .appointment-area .image img { height: auto }
}

.appointment-area .primary-btn { margin-top: 15px }

.emergency-area .content h2 { margin-bottom: 15px }

.emergency-area .content p { margin-bottom: 20px }

.emergency-area .content .info-list {
    list-style: none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

.emergency-area .content .info-list li {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.emergency-area .content .info-list li:last-child { margin-bottom: 0 }

.emergency-area .content .info-list i {
    color: rgb(0, 150, 76);
    margin-right: 5px;
}

.emergency-area .content .info-list a {
    font-size: 20px;
    font-weight: 600
}

.emergency-area .content .info-list a:hover { color: rgb(0, 150, 76) }

.emergency-area .content .info-list:last-child { margin-bottom: 0 }

.emergency-area .content .info-list:last-child a { margin-bottom: -3px }

.emergency-area .content .info-list:last-child li:first-child { margin-bottom: 5px }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .emergency-area img { width: 100% }
}

.coverage-area .contact-map {
    border: none;
    height: 0;
    margin-bottom: 50px;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
}

.coverage-area .contact-map iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.coverage-area .item-single {
    -webkit-transition: .5s;
    border: 1px solid #d4d4d4;
    padding: 25px 20px;
    transition: .5s
}

.coverage-area .item-single p {
    color: #555;
    margin-bottom: 0;
    margin-top: 10px
}

.coverage-area .item-single:hover {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    border-color: transparent;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .privacy-area .content-area img, .terms-area .content-area img { width: 100% }
}

.privacy-area .content-area .content h2, .terms-area .content-area .content h2 {
    margin-bottom: 20px;
    text-transform: capitalize
}

.privacy-area .content-area .content p, .terms-area .content-area .content p {
    color: #555;
    margin-bottom: 10px
}

.privacy-area .content-area .content p b, .terms-area .content-area .content p b { color: #06121c }

.privacy-area .content-area .content p:last-child, .terms-area .content-area .content p:last-child { margin-bottom: 0 }

.privacy-area .item-single, .terms-area .item-single {
    -webkit-transition: .5s;
    border: 1px solid #d4d4d4;
    padding: 25px 20px;
    transition: .5s
}

.privacy-area .item-single p, .terms-area .item-single p {
    color: #555;
    margin-bottom: 0;
    margin-top: 10px
}

.privacy-area .item-single:hover, .terms-area .item-single:hover {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    border-color: transparent;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .help-area .content-area img { width: 100% }
}

.help-area .content h2 {
    margin-bottom: 20px;
    text-transform: capitalize
}

.help-area .content p {
    color: #555;
    margin-bottom: 10px
}

.help-area .content p b { color: #06121c }

.help-area .content p:last-child { margin-bottom: 0 }

.help-area .form-control {
    background: #ebebeb;
    border: none;
    height: 48px;
}

.help-area textarea.form-control {
    height: auto;
    padding-top: 15px
}

.panel-group .panel {
    border: 1px solid #d4d4d4;
    border-bottom: 0;
    border-radius: 0;
    overflow: hidden;
}

.panel-group .panel .panel-heading {
    background: #fff;
    position: relative
}

.panel-group .panel:last-child { border-bottom: 1px solid #d4d4d4 }

.panel-group .panel-title { margin: 0 }

.panel-group .panel-title a {
    color: #837670;
    display: block;
    font-size: 26px;
    padding: 12px;
    padding-left: 60px;
}

.panel-group .panel-title a:before {
    -webkit-transform: translateY(-50%);
    -webkit-transition: .5s;
    background: rgb(0, 150, 76);
    color: #fff;
    content: "\eaed";
    font-family: boxicons !important;
    left: 12px;
    line-height: 1;
    padding: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s
}

.panel-group .panel-title a.collapsed:before {
    background: #ebebeb;
    color: #062f87;
    content: "\eb21";
}

.panel-group .panel-body {
    border: 0;
    margin-top: 2px;
    padding: 0;
    padding-bottom: 25px;
    padding-left: 60px;
    position: relative;
}

.panel-group .panel-body p {
    color: #837670;
    margin: 5px 0;
}

.error-area {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    background: url(../img/error-bg.jpg) no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.error-area::before {
    background: #06121c;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.error-area .error-content { text-align: center }

.error-area .error-content .error-text {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-animation: animatedBorder 8s ease-in-out infinite;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    animation: animatedBorder 8s ease-in-out infinite;
    background-color: rgb(0, 150, 76);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    height: 200px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.error-area .error-content .error-text h1 {
    color: #fff;
    font-size: 70px
}

.error-area .error-content img { max-width: 70% }

.error-area .error-content h3 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.error-area .error-content p {
    color: #fff;
    margin: auto;
    max-width: 500px;
}

.error-area .error-content .primary-btn { margin-top: 30px }

.coming-soon-section {
    -ms-flex-align: center;
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    align-items: center;
    background: url(../img/comingsoon-bg.jpg) no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.coming-soon-section::before {
    background: #06121c;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.coming-soon-section .coming-soon-box {
    margin: 0 auto;
    max-width: 700px;
}

.coming-soon-section .coming-soon-box .title-box {
    position: relative;
    text-align: center;
    text-transform: capitalize;
}

.coming-soon-section .coming-soon-box .title-box h1 {
    color: #fff;
    margin-bottom: 45px
}

.coming-soon-section .coming-soon-box #timer div {
    margin-bottom: 15px;
    text-align: center
}

.coming-soon-section .coming-soon-box #timer .h1 {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-animation: animatedBorder 8s ease-in-out infinite;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    animation: animatedBorder 8s ease-in-out infinite;
    background-color: rgb(0, 150, 76);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    height: 130px;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 130px;
}

.coming-soon-section .coming-soon-box #timer span {
    color: #fff;
    display: block;
    font-size: 20px;
}

.coming-soon-section .coming-soon-box .social-link { margin-top: 35px }

.authentication-section { background: #ebebeb }

.authentication-section form {
    -webkit-box-shadow: 0 20px 30px 0 rgba(102, 102, 102, .2);
    background: #fff;
    box-shadow: 0 20px 30px 0 rgba(102, 102, 102, .2);
    margin: auto;
    max-width: 600px;
    padding: 30px;
}

@media only screen and (max-width: 767px) {
    .authentication-section form { padding: 25px 14px }
}

.authentication-section .form-group {
    background: #ebebeb;
    border-radius: 5px;
    margin-bottom: 20px;
    padding-left: 16px;
}

.authentication-section .form-group .input-icon {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 8px;
    text-align: center;
    white-space: nowrap
}

.authentication-section .form-group .input-icon i {
    color: #555;
    font-size: 20px;
    vertical-align: -2px;
}

.authentication-section .form-group .input-icon.textarea {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-top: 16px
}

.authentication-section .form-group .form-control {
    background: #ebebeb;
    border-color: transparent;
    border-radius: 5px;
    padding-left: 5px;
}

.authentication-section .primary-btn {
    -webkit-box-shadow: none;
    border-radius: 5px;
    box-shadow: none;
    width: 100%;
}

.authentication-section .form-group {
    -ms-flex-align: center;
    -ms-flex-align: stretch;
    -ms-flex-flow: row wrap;
    -ms-flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    align-items: center;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;
}

.authentication-section .help-block {
    bottom: 0;
    position: absolute;
}

.authentication-section .help-block ul li {
    color: rgb(0, 150, 76);
    font-size: 14px;
}

.authentication-section #msgSubmit {
    color: rgb(0, 150, 76);
    font-size: 20px;
    margin-top: 8px;
}

.authentication-section .content {
    margin-bottom: 30px;
    text-align: center
}

.authentication-section .content h3 {
    font-size: 30px;
    font-weight: 700;
    margin-top: -7px
}

.authentication-section .content p {
    color: #555;
    margin-bottom: 7px
}

.authentication-section .content .or {
    display: inline-block;
    margin-bottom: 8px;
    position: relative;
}

.authentication-section .content .or::after {
    -webkit-transform: translateY(-50%);
    border-top: 1px solid #d4d4d4;
    content: '';
    left: -50px;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}

.authentication-section .content .or::before {
    -webkit-transform: translateY(-50%);
    border-top: 1px solid #d4d4d4;
    content: '';
    margin-top: 1px;
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}

.authentication-section .content a { color: rgb(0, 150, 76); }

.authentication-section .content a:hover { color: #06121c }

.authentication-section .checkbox label {
    color: #555;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding-left: 28px;
    position: relative;
}

.authentication-section .checkbox label a { color: rgb(0, 150, 76) }

.authentication-section .checkbox [type=checkbox]:checked, .authentication-section .checkbox [type=checkbox]:not(:checked) { display: none }

.authentication-section .checkbox [type=checkbox]:checked + label:after, .authentication-section .checkbox [type=checkbox]:not(:checked) + label:after {
    -webkit-transition: .5s;
    background: rgb(0, 150, 76);
    border-radius: 0;
    content: '';
    height: 8px;
    left: 5.5px;
    position: absolute;
    top: 5.5px;
    transition: .5s;
    width: 8px;
}

.authentication-section .checkbox [type=checkbox]:checked + label::before, .authentication-section .checkbox [type=checkbox]:not(:checked) + label::before {
    -webkit-transition: .5s;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 0;
    content: '';
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    transition: .5s;
    width: 19px;
}

.authentication-section .checkbox [type=checkbox]:checked + label::before {
    background: unset;
    border: 1px solid rgb(0, 150, 76);
    border-radius: 50%
}

.authentication-section .checkbox [type=checkbox]:checked + label:after { border-radius: 50% }

.authentication-section .checkbox [type=checkbox]:not(:checked) + label:after { display: none }

.authentication-section .link { text-align: right }

.authentication-section .link a {
    color: #555;
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
}

.authentication-section .link a:hover { color: rgb(0, 150, 76) }

.contact-single .form-control {
    background: #ebebeb;
    border: none;
    height: 48px;
}

.contact-single textarea.form-control {
    height: auto;
    padding-top: 15px
}

.pricing-section .item-single {
    -webkit-box-shadow: 0 10px 30px 0 rgba(102, 102, 102, .2);
    -webkit-transition: .5s;
    background: #fff;
    border-bottom: 1px solid transparent;
    box-shadow: 0 10px 30px 0 rgba(102, 102, 102, .2);
    padding: 25px 0;
    position: relative;
    text-align: center;
    transition: .5s
}

.pricing-section .item-single .content h2 {
    color: rgb(0, 150, 76);
    margin-bottom: 0
}

.pricing-section .item-single .content p {
    color: #555;
    font-size: 14px;
    font-weight: 600
}

.pricing-section .item-single .content span.label {
    background: #2f3e49;
    color: #fff;
    display: block;
    padding: 10px 0;
}

.pricing-section .item-single .item-list {
    list-style-type: none;
    margin: 0;
    margin: 25px 0;
    padding: 0 20px;
    text-align: center;
}

.pricing-section .item-single .item-list li {
    color: #06121c;
    font-size: 15px;
    margin-bottom: 14px;
}

.pricing-section .item-single .item-list li i {
    color: rgb(0, 150, 76);
    font-size: 12px;
    margin-right: 10px;
}

.pricing-section .item-single .item-list li:last-child { margin-bottom: 0 }

.pricing-section .item-single .item-list .disabled { opacity: .6 }

.pricing-section .item-single:hover {
    -webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09);
    border-bottom: 1px solid rgb(0, 150, 76);
    box-shadow: 0 40px 44px 0 rgba(102, 102, 102, .09), 0 40px 44px 0 rgba(102, 102, 102, .09)
}

.footer-area .footer-widget { margin-bottom: 30px }

.footer-area ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-area .navbar-brand {
    margin-bottom: 20px;
    margin-top: -5px;
    padding: 0
}

.main-nav .navbar-brand { margin-left: 10px; }

.main-nav .navbar-brand img { width: 185px; }

.subPageHeader img { width: 100%; }

.pb-20 { padding-bottom: 20px; }

.pt-3px { padding-top: 7px; }

.arrowIcon { height: 32px; }

.pdfSize {
    font-size: 12px;
    margin-left: 30px;
}

.p30 { padding: 30px; }

.readMore {
    color: #062f87;
    display: inline-block;
    font-size: 14px;
    /*    height: 62px;*/
    position: relative;
    top: 2px;
}

.aboutTxt {
    font-size: 24px;
    margin-left: 25px;
    margin-right: 25px;
  /*  text-align: justify;*/
    /*    line-height: 1;*/
}

.pdfbox { margin-right: 25px; }

.footer-area h3 {
    color: #fff;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.footer-area p { margin: 0; }

.footer-area .pt-170 { padding-top: 170px }

.footer-area .footer-top {
    background-color: rgba(6, 18, 28, .97);
    overflow: hidden;
    position: relative;
    z-index: 1
}

.footer-area .footer-top .bg-image {
    background: url(../img/footer-bg.png) no-repeat center;
    background-size: 120%;
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.footer-area .footer-links li {
    -webkit-transition: .5s;
    margin-bottom: 15px;
    position: relative;
    transition: .5s
}

.footer-area .footer-links li:last-child { margin-bottom: 0 }

.footer-area .footer-links li i {
    -webkit-transform: translateY(-50%);
    -webkit-transition: .5s;
    color: rgb(0, 150, 76);
    font-size: 18px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
}

.footer-area .footer-links li a { color: #ebebeb }

.footer-area .footer-links li a:hover { color: rgb(0, 150, 76) }

.footer-area .footer-links li:hover { padding-left: 20px }

.footer-area .footer-links li:hover i { opacity: 1 }

.footer-area .copy-right-area {
    background-color: #eee;
    padding: 20px 0;
    text-align: center;
}

.footer-area .copy-right-area .copy-right-content {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.footer-area .copy-right-area .copy-right-content .info-list {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-area .copy-right-area .copy-right-content .info-list .content {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px
}

.footer-area .copy-right-area .copy-right-content .info-list .content i {
    display: inline-block;
    font-size: 20px;
    margin-right: 8px;
}

.footer-area .copy-right-area .copy-right-content .info-list .content a { color: #fff }

.footer-area .copy-right-area .copy-right-content .info-list .content a:hover { color: rgb(0, 150, 76) }

.footer-area .copy-right-area .copy-right-content span { color: #fff }

.footer-area .copy-right-area .copy-right-content a { color: rgb(32, 61, 124) }

.footer-area .copy-right-area .copy-right-content a :hover { color: rgb(0, 150, 76) }

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-area .copy-right-area .copy-right-content {
        -ms-flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column
    }

    .footer-area .copy-right-area .copy-right-content .info-list { margin-bottom: 15px }
}

.footer-area.footer-area-two h3 { color: #06121c }

.footer-area.footer-area-two p { color: #06121c }

.footer-area.footer-area-two .footer-top { background-color: rgba(255, 255, 255, .6) }

.footer-area.footer-area-two .footer-top .bg-image {
    background: url(../img/footer-bg-2.jpg) no-repeat center;
    background-size: 120%
}

.footer-area.footer-area-two .footer-links li a { color: #06121c }

.footer-area.footer-area-two .footer-links li a:hover { color: rgb(0, 150, 76) }

.footer-area.footer-area-two .copy-right-area { background-color: rgb(0, 150, 76) }

.footer-area.footer-area-two .copy-right-area .copy-right-content .info-list .content { color: #fff }

.footer-area.footer-area-two .copy-right-area .copy-right-content .info-list .content i {
    display: inline-block;
    font-size: 20px;
    margin-right: 8px;
}

.footer-area.footer-area-two .copy-right-area .copy-right-content .info-list .content a { color: #fff }

.footer-area.footer-area-two .copy-right-area .copy-right-content .info-list .content a:hover { color: rgb(0, 150, 76) }

.footer-area.footer-area-two .copy-right-area .copy-right-content span { color: #fff }

.footer-area.footer-area-two .copy-right-area .copy-right-content a { color: #fff }

.go-top {
    -webkit-transition: .5s;
    background: rgb(0, 150, 76);
    bottom: 5%;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    opacity: 0;
    padding: 8px 13px;
    position: fixed;
    right: -5%;
    text-align: center;
    text-decoration: none;
    transition: .5s;
    z-index: 100;
}

.go-top i {
    -webkit-transition: .5s;
    transition: .5s
}

.go-top:hover i {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

@media only screen and (max-width: 767px) {
    .go-top { font-size: 18px }
}

.go-top.active {
    opacity: 1;
    right: 3%;
    visibility: visible
}

.custom-owl-nav button[class*=owl-], .owl-nav button[class*=owl-] {
    -webkit-transition: .5s;
    /*    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
    background: #fff;
    border: 1px solid rgb(0, 150, 76);
    color: rgb(0, 150, 76);
    font: inherit;
    height: 40px;
    margin-right: 12px;
    text-align: center;
    transition: .5s;
    width: 40px;
}

.custom-owl-nav button[class*=owl-]:last-child, .owl-nav button[class*=owl-]:last-child { margin-right: 0 }

.custom-owl-nav button[class*=owl-] i, .owl-nav button[class*=owl-] i {
    font-size: 22px;
    margin-top: 4px
}

.custom-owl-nav button[class*=owl-]:hover, .owl-nav button[class*=owl-]:hover {
    background: rgb(0, 150, 76);
    border: 1px solid transparent;
    color: #fff;
}

.owl-carousel .owl-nav button[class*=owl-] {
    /* border: 1px solid rgb(0, 150, 76);
    color: rgb(0, 150, 76);*/
    border: 5px solid #fff;
    color: #fff;
}

.owl-carousel .owl-nav button[class*=owl-]:hover {
    background: rgb(0, 150, 76);
    border: 1px solid transparent;
    color: #fff;
}

#preloader {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999
}

#preloader > div {
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
    animation: bouncedelay 1.4s infinite ease-in-out both;
    background-color: rgb(0, 150, 76);
    border-radius: 100%;
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    width: 18px;
}

#preloader .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

#preloader .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes animatedBorder {
    0% { border-radius: 60% 40% 30% 70%/60% 30% 70% 40% }

    50% { border-radius: 30% 60% 70% 40%/50% 60% 30% 60% }

    100% { border-radius: 60% 40% 30% 70%/60% 30% 70% 40% }
}

@keyframes animatedBorder {
    0% { border-radius: 60% 40% 30% 70%/60% 30% 70% 40% }

    50% { border-radius: 30% 60% 70% 40%/50% 60% 30% 60% }

    100% { border-radius: 60% 40% 30% 70%/60% 30% 70% 40% }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 16px;
    }

    40% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 100%;
    }

    80% {
        -webkit-transform: translateX(64px);
        transform: translateX(64px);
        width: 16px;
    }

    90% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 100%;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 16px;
    }
}

@keyframes loading {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 16px;
    }

    40% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 100%;
    }

    80% {
        -webkit-transform: translateX(64px);
        transform: translateX(64px);
        width: 16px;
    }

    90% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 100%;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 16px;
    }
}

@-webkit-keyframes loading2 {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 16px
    }

    40% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        width: 80%
    }

    80% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 100%;
    }

    90% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
        width: 80%;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 16px
    }
}

@keyframes loading2 {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 16px
    }

    40% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        width: 80%
    }

    80% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 100%;
    }

    90% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
        width: 80%;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 16px
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .about-section-three .image {
        -ms-flex: 0 0 15%;
        -webkit-box-flex: 0;
        flex: 0 0 15%
    }

    .project-details-area .blockquote .img {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%
    }

    .promo-service-section-three .item-single .overlay-content p { max-width: 300px }
}

.EgyblueColor { color: rgb(32, 61, 124) !important; }

.EgywhiteColor { color: #ffffff !important; }

.EgygreenColor { color: rgb(0, 150, 76) !important; }

.EgyblueBg { background-color: rgb(32, 61, 124) !important; }

.EgygreenBg { background-color: rgb(0, 150, 76) !important; }

.EgygrayColor { color: #837670; }

.SubPageTitle {
    color: white;
    font-size: 3.6rem;
    font-weight: 500;
    margin: auto;
    margin-left: 25px;
    z-index: 9;
}

/*.promo-service-section-two .item-single:hover h3 { color: #fff; }
*/
.ptb-50 {
    padding-bottom: 50px;
    padding-top: 50px;
}

.text-underline { text-decoration: underline !important; }

.removeDash .top-content .title::after { content: none !important; }

.findOutMore h3 {
    color: #062f87;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 12px;
}

.findOutMore .tag {
    -webkit-transition: .5s;
    background: rgb(0 150 76 / 64%);
    bottom: 0;
    color: #fff;
    font-size: 15px;
    padding: 12px 20px;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    transition: .5s;
}

.findOutMore .tag:hover { background: rgb(0 150 76); }


.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left }

.col-xs-12 { width: 100% }

.col-xs-11 { width: 91.66666667% }

.col-xs-10 { width: 83.33333333% }

.col-xs-9 { width: 75% }

.col-xs-8 { width: 66.66666667% }

.col-xs-7 { width: 58.33333333% }

.col-xs-6 { width: 50% }

.col-xs-5 { width: 41.66666667% }

.col-xs-4 { width: 33.33333333% }

.col-xs-3 { width: 25% }

.col-xs-2 { width: 16.66666667% }

.col-xs-1 { width: 8.33333333% }

.promo-inner h2 {
    font-size: 27px;
    margin-bottom: 20px;
}

.promo-inner .image img {
    height: 100%;
    width: 100%;
}

.header-top .nav-link i {
    font-size: 17px;
    margin: auto;
}

.header-top .nav-link { display: flex; }

/*>>>>>>>>>>>>>>>*/

.howtabs .bg-color {
    background-color: #46a1de;
    transition-duration: 0.5s;
}

.howtabs .text-color {
    color: #46a1de;
    transition-duration: 0.5s;
}

.howtabs footer {
    color: white;
    opacity: 0.33;
    padding: 40px 0;
    text-align: center;
}

.howtabs .wrapper {
    margin: 0 auto;
    max-width: 900px;
    min-width: 600px;
}

.howtabs .tabs {
    -webkit-transform: translateY(5px);
    display: table;
    margin-bottom: 0;
    table-layout: fixed;
    transform: translateY(5px);
    width: 100%;
}

.howtabs .tabs > li {
    border-radius: 5px;
    color: #837670;
    cursor: pointer;
    display: table-cell;
    font-size: 22px;
    list-style: none;
    overflow: hidden;
    padding: 20px 20px 25px 20px;
    position: relative;
    text-align: center;
    transition-duration: 0.25s;
}

.howtabs .tabs > li:before {
    -webkit-transform: translateY(100%);
    background-color: rgba(255, 255, 255, .3);
    border-radius: 5px 5px 0 0;
    content: "";
    height: 120%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(100%);
    transition-duration: 0.25s;
    width: 100%;
    z-index: -1;
}

.howtabs .tabs > li:hover:before {
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
}

.howtabs .tabs > li.active {
    background-color: #eee;
    color: #50555a;
}

.howtabs .tabs > li.active:before {
    -webkit-transform: translateY(0);
    background-color: white;
    transform: translateY(0);
    transition-duration: 0.5s;
}

.howtabs .tab__content {
    background-color: white;
    position: relative;
    width: 100%;
}

.howtabs .tab__content > li {
    display: none;
    left: 0;
    list-style: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.howtabs .tab__content > li .content__wrapper {
    background-color: #eee;
    padding: 45px 40px 40px 40px;
    text-align: center;
    width: 100%;
}

.howtabs .content__wrapper h2 {
    font-size: 34px;
    text-align: center;
    width: 100%;
}

.howtabs .content__wrapper img {
    border-radius: 5px;
    height: auto;
    width: 100%;
}

.howtabs .colors {
    padding-top: 20px;
    text-align: center;
}

.howtabs .colors > li {
    border-bottom: 5px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
    cursor: pointer;
    display: inline-block;
    height: 50px;
    list-style: none;
    margin: 0 10px;
    transition-duration: 0.2s;
    width: 50px;
}

.howtabs .colors > li:hover {
    -webkit-transform: scale(1.2);
    border-bottom: 10px solid rgba(0, 0, 0, .15);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
    transform: scale(1.2);
}

.howtabs .colors > li.active-color {
    -webkit-transform: scale(1.2) translateY(-10px);
    border-bottom: 20px solid rgba(0, 0, 0, .15);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
    transform: scale(1.2) translateY(-10px);
}

.howtabs .colors > li:nth-child(1) { background-color: #2ecc71; }

.howtabs .colors > li:nth-child(2) { background-color: #d64a4b; }

.howtabs .colors > li:nth-child(3) { background-color: #8e44ad; }

.howtabs .colors > li:nth-child(4) { background-color: #46a1de; }

.howtabs .colors > li:nth-child(5) { background-color: #bdc3c7; }

.vl {
    border-left: 2px solid rgb(32, 61, 124);
    height: 90px;
}

.v2 {
    border-left: 2px solid rgb(0, 150, 76);
    height: 90px;
}

.v3 {
    border-left: 2px solid #837670;
    height: 90px;
}

.nav-item-color { color: #837670; }

.wrapper {
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    margin: auto;
    max-width: 90%;
    padding: 1px 20px 0px 20px;
}

.TabTextBorder { border-left: 2px solid #837670; }

.TabText > h6 {
    color: rgb(0, 150, 76);
    font-size: 30px;
    font-weight: unset;
}

.TabText > h4 {
    color: #837670;
    font-size: 13px;
}

.tab-content {
/*     padding: 25px 0px;*/
    border: 1px solid #eee;
    border-top: none;
    height: 100%;
    /*    min-height: 260px;*/
}

.SubMainTxt {
    font-size: 26px;
    margin-bottom: 50px;
}

.d-block_m-auto {
    display: block;
    margin: auto;
}

.mt50 { margin-top: 50px; }

.mb50 { margin-bottom: 50px; }

.BusinessSection .logoImage {
    display: flex;
    height: 125px;
}

.BusinessSection a img {
    display: block;
    margin: auto;
    margin: auto;
    max-width: 220px;
    min-width: 160px;
}

.findoutmoretitle {
    margin-bottom: 3px;
    margin-top: 10px;
}

.valueTitle {
    background-color: rgb(0 150 76 / 71%) !important;
    bottom: -3px;
    color: #fff;
    left: 0;
    margin-bottom: 3px;
    margin-top: 10px;
    padding: 12px;
    position: absolute;
    width: 100%;
}

.CommitteTitle {
    background-color: rgb(0 150 76 / 71%) !important;
    bottom: -6px;
    color: #fff !important;
    left: 0;
    margin-bottom: 3px;
    margin-top: 10px;
    padding: 4px 12px;
    position: absolute;
    width: 100%;
}

/*analysis*/

.pr-analysis p {
    color: #1d2d3c;
    font-family: droid;
    font-weight: 500;
    padding-bottom: 10px;
    padding-right: 15px;
}

.pr-analysis p:last-child { display: inline-block; }

.pr-analysis .bar-percentage {
    float: left;
    font-family: sans-serif;
    font-weight: 800;
}

.droidtext { font-family: droid !important; }

.bar-status {
    background-color: #C82242;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: droid;
    line-height: 1.4;
    margin-left: 12px;
    margin-right: 8px;
    padding: 0px 7px;
    text-align: center;
    width: 51px;
}

.last-status {
    position: relative;
    top: 24px;
}


.bar {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .1);
    display: inline-block;
    height: 10px;
    position: relative;
    width: 186px;
}

.bar-percent {
    background: rgb(0, 150, 76);
    background-image: linear-gradient(90deg, #C82242 10%, #D29922 71%, #02d23d 94%);
    border-radius: 2px 0 0 2px;
    height: inherit;
    left: 0;
    position: absolute;
}

.bar-mask {
    background: rgb(219 204 204);
    bottom: -3px;
    height: inherit;
    position: absolute;
    right: 0px;
    top: 0px;
}

.OneLine {
    border-bottom: 1px solid;
    padding-top: 15px;
}

.circular-chart {
    display: block;
    margin: auto;
    max-height: 130px;
    max-width: 150px;
}

.circular-chart-sm {
    display: inline-block;
    float: left;
    margin-top: -7px;
    max-height: 36px;
    max-width: 10%;
}

.circle-bg {
    fill: none;
    stroke: #d3d3d3;
    stroke-width: 4px;
}

.circle {
    animation: progress 1s ease-out forwards;
    fill: none;
    stroke-linecap: round;
    stroke-width: 4px;
}

@keyframes progress {
    0% { stroke-dasharray: 0 100; }
}

.circular-chart.red .circle { stroke: #C82242; }

.circular-chart.green .circle { stroke: #00964c; }

.circular-chart.blue .circle { stroke: #0a6ac4; }

.circular-chart.red .percentage { fill: #C82242 !important; }

.circular-chart.green .percentage { fill: #00964c !important; }

.circular-chart.blue .percentage { fill: #0a6ac4 !important; }

.percentage {
    fill: #666;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
}

.Expertise h3 {
    font-size: 2.4rem;
    margin-bottom: 12px;
}

.Expertise p { height: 55px; }

.mt-65 { margin-top: 65px; }

.mt-130 { margin-top: 130px; }

.standAlonehref {
    color: #062f87;
    font-size: 15px;
    margin-top: 24px;
    padding: 0;
}

.subpagesMainarrow {
    display: block;
    margin: auto;
    width: 210px;
}

.pl-30 { padding-left: 30px; }

.SubPageMainTitle {
    color: #00943a;
    margin: auto;
    margin-left: 0;
    /*  margin-bottom: 40px;*/
}

.MainTitleContainer {
    display: flex;
    height: 215px;
}

.valueTxt {
    border: 1px solid #e1e1e1;
    border-top: 0;
    height: 162px;
    padding: 15px;
}

.MembershipTbl, .MembershipTbl2 {
    margin: 20px 0;
    width: 100%;
}

.MembershipTbl td, .MembershipTbl2 td { padding: 6px; }

.MembershipTbl tr, .MembershipTbl2 tr { border-bottom: 1px solid #858585; }

.MembershipTbl td, .MembershipTbl th, .MembershipTbl2 td, .MembershipTbl2 th { text-align: center; }

.MembershipTbl td:first-child, .MembershipTbl th:first-child, .MembershipTbl2 td:first-child, .MembershipTbl2 th:first-child { text-align: left; }

.BoardCommitteAccordion .top-content .title::after { border-right: 2px solid #00964c; }

.downloadFile {
    display: flex;
    height: 48px;
    margin-bottom: 10px;
    position: relative;
}

.downloadFile h5 { display: inline-block; }

.downloadFile img {
    display: inline-block;
    margin: auto 8px auto 0;
    width: 38px;
}

.downloadFile span {
    color: #837670;
    display: block;
    font-size: 15px;
}

.absolutelink {
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 3;
}

.downloads .top-content .title::after { border-right: 2px solid #00964c; }

#piechart {
    position: absolute;
    top: -40px;
}

.downloadBox {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -7px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    margin-bottom: 40px;
    padding: 20px;
}

.downloadBox a {
    border: 2px solid;
    border-radius: 25px;
    color: rgb(0, 150, 76);
    font-size: 16px;
    margin-left: 40px;
    padding: 0px 8px 4px;
}

.downloadBox a i {
    bottom: -4px;
    font-size: 23px;
    position: relative;
}

.teamList h3 {
    font-size: 20px;
/*    text-align: center;*/
}
.teamList p {
    font-size: 13px;
/*    text-align: center;*/
}

/*.teamList p { text-align: center; }
*/
.teamListBox {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -7px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    padding: 15px;
    position: relative;
    width: 100%;
}

.teamListBox:hover { box-shadow: 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%); }


.teamList .team-card .team-img {
    box-shadow: 7px 7px 10px 0 rgb(0 0 0 / 14%);
    height: 219px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 100%;
    z-index: 10;
}

.teamList .team-card .team-img:hover { box-shadow: 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%) !important; }

.teamList .team-card .team-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.ProfileDetails img {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -7px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    width: 100%;
}

.ProfileDetails h3 { font-size: 28px; }

.ProfileDetails h5 { font-size: 1.6rem; }

.box-piesite {
    font-size: 22px;
    text-align: center;
}

.piesite {
    cursor: default;
    font-size: 10em;
    height: 1em;
    margin: 0 auto 15px;
    position: relative;
    width: 1em;
}

.piesite .percent {
    color: #00964c;
    font-size: .3em;
    left: .1em;
    position: absolute;
    text-align: center;
    top: 1.1em;
    width: 100%;
    z-index: 2;
}

.piesite .percent .symbol {
    font-size: .5em;
    vertical-align: top;
}

.piesite > #slice {
    clip: rect(0px, 1em, 1em, 0.5em);
    height: 1em;
    position: absolute;
    width: 1em;
}

.piesite > #slice.gt50 { clip: rect(auto, auto, auto, auto); }

.piesite > #slice > .pie {
    border: .1em solid #00964c;
    border-radius: 0.5em;
    clip: rect(0em, 0.5em, 1em, 0em);
    height: 1em;
    position: absolute;
    width: 1em;
}

li.design .piesite > #slice > .pie { border-color: #49E; }

li.usability .piesite > #slice > .pie { border-color: #FFA500; }

li.creativity .piesite > #slice > .pie { border-color: #6B8E23; }

.piesite > #slice > .pie.fill {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.piesite.fill > .percent { display: none; }

.piesite:after {
    background: #fff;
    border-radius: 100%;
    content: '';
    display: block;
    height: .8em;
    left: .1em;
    position: absolute;
    top: .1em;
    width: .8em;
    z-index: 1;
}

.piesite:before {
    border-radius: .5em;
    content: '';
    display: block;
    height: 1em;
    opacity: .5;
    position: absolute;
    width: 1em;
    z-index: 0;
}

.piesite:before { background: rgb(190 190 190); }

.chartBarsHorizontal .chartBars .bars { flex-direction: column; }

.chartBars { margin: 30px auto; }

.chartBars .bars {
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    display: flex;
    height: 100%;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    padding: 0 1%;
    width: 100%;
}

.chartBars .bars li {
    background-color: #e6e6e6;
    display: inline-block;
    flex: 0 1 26%;
    font-size: 15px;
    height: 100%;
    margin: 0;
    position: relative;
    text-align: center;
}

.chartBars .bars li .bar {
    -webkit-transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
    background: #49E;
    bottom: 0;
    color: #fff;
    font-size: 1.5em;
    height: 0;
    outline: 2px solid transparent;
    overflow: hidden;
    padding-top: 18px;
    position: absolute;
    transition: 1.5s height cubic-bezier(0.6, 0.4, 0.4, 1.1);
    width: 100%;
}

.chartBars .bars li .bar:after {
    color: rgba(255, 255, 255, 0.8);
    content: '%';
    font-size: 22px !important;
    margin-right: -8px;
    vertical-align: top;
}

.chartBars .bars li b {
    bottom: -2em;
    color: #eee;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.chartBars .numbers {
    display: inline-block;
    height: 100%;
    left: -50px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 50px;
}

.chartBars .numbers li {
    bottom: 11px;
    color: #eee;
    font-size: 13px;
    height: 59px;
    list-style: none;
    padding-right: 1em;
    position: relative;
    right: -9px;
    text-align: right;
}

.chartBars .numbers li:after {
    color: rgba(255, 255, 255, 0.34);
    content: "\00af";
    font-size: 20px;
    position: relative;
    right: -5px;
    top: 7px;
}

.chartBars .numbers li:first-of-type {
    height: 63px;
    margin-top: -1px;
}

.chartBars1 .bar { border-top-right-radius: 30px; }

.chartBars2 { max-width: 350px; }

.chartBars2 .bars { padding: 0; }

.chartBars2 .bars li { flex: 0 1 25%; }

.chartBars2 .bars li .bar { box-shadow: 0 0 20px #222; }

.chartBars3 {
    background: rgba(255, 255, 255, 0.1);
    border-right: 1px solid #666;
    border-top: 1px solid #666;
}

.chartBars3 .bars {
    border-color: #666;
    padding: 0;
}

.chartBars3 .bars li .bar {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 22px !important;
}

.chartBars3 .bars li .bar:after { font-size: .6em !important; }

.chartBarsWrap.chartBarsHorizontal .bars b {
    color: #837670;
    text-align: left;
    top: 3em;
    width: 100%;
}

.chartBarsWrap.chartBarsHorizontal .chartBars { height: 170px; }

.chartBarsWrap.chartBarsHorizontal .chartBars .bars { border: 0; }

.chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
    -webkit-transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
    font-size: 1.2em;
    height: 44px !important;
    left: 0;
    padding: 10px 0;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    transition: 2s width cubic-bezier(0.6, 0.4, 0.4, 1.1);
    width: 0;
}

.chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar:after {
    font-size: .6em !important;
    margin-right: 20px;
}

.bars li .bar.greenBar {
    background: radial-gradient(#99cb32, #6b8e23);
    background-color: #6B8E23;
}

.bars li .bar.greenBarFlat {
    background-color: rgb(0,150,76);
}

.bars li .bar.blueBar {
    background: radial-gradient(#8abff4, #4499ee);
    background-color: #49E;
}

.bars li .bar.blueBarFlat { background-color: #49E; }

.bars li .bar.orangeBar {
    background: radial-gradient(#ffc04d, #ffa500);
    background-color: orange;
}

.bars li .bar.orangeBarFlat { background-color: orange; }

.bars li .bar.purpleBar {
    background: radial-gradient(#9778c9, #6e46af);
    background-color: #6e46af;
}

.bars li .bar.purpleBarFlat {
    background-color: rgb(148, 38, 130);
}

@

@media screen and (min-width: 600px) {
    .bar:before { font-size: 2em !important; }

    .chartBars3 .bar:before { font-size: 1.5em !important; }
}

.defaultColor { color: #837670 !important; }

.greenOverlay:before {
    background: linear-gradient(135deg, #00943ae3 0%, transparent 80%);
    content: '';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3f6730d', endColorstr='#b3d90845', GradientType=1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.greenOverlay2:before {
    background: linear-gradient(135deg, #203d7c 0%, #203d7ce3 80%);
    content: '';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3f6730d', endColorstr='#b3d90845', GradientType=1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.greenOverlay3:before {
    background: linear-gradient(135deg, #00943a 0%, #00964cd4 80%);
    content: '';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3f6730d', endColorstr='#b3d90845', GradientType=1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.OurValues h3 {
    color: rgb(0, 150, 76);
    font-size: 33px;
}

.top-content .smallTxt {
    font-size: 22px !important;
    padding-left: 0 !important;
}

.targetBox {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -7px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    margin-bottom: 45px;
    min-height: 170px;
    padding: 15px 22px;
}

.targetBox p { margin-bottom: 0 !important; }

.targetBox:hover { box-shadow: 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%); }

.lineAbove:after {
    border-right: 2px solid #00943a;
    content: '';
    height: 45px;
    left: 56px;
    position: absolute;
    bottom:0;
/*    top: -45px;*/
}

.SubPageSubTitle {
    bottom: 70px;
    position: relative;
}

/* Vertical Tabs */

.vertical-tabs { height: 100%; }

.vertical-tabs .nav-tabs .nav-link {
    background-image: url(../img/arrow.PNG);
    background-position: center center;
    background-position-x: 120px;
    background-repeat: no-repeat;
    border-radius: 0;
    font-size: 1.4rem;
    margin-bottom: 12px;
    text-align: center;
}

.vertical-tabs .nav-tabs .nav-item { margin-bottom: 25px; }

.vertical-tabs .nav-tabs .nav-link.active {
    background-image: url(../img/whiteArrow.PNG) !important;
    border-right: none;
}

.vertical-tabs .tab-content > .active {
    background: #fff;
    display: block;
}

.vertical-tabs .nav.nav-tabs {
    border-bottom: 0;
    display: block;
    height: 100%;
}

.vertical-tabs .sv-tab-panel {
    background: #fff;
    height: 274px;
    padding-top: 10px;
}

@media only screen and (max-width: 420px) {
    .titulo { font-size: 22px }
}

@media only screen and (max-width: 325px) {
    .vertical-tabs { padding: 8px; }
}

.countdown {
    color: #fff;
    display: inline-block;
    font-size: 6rem;
    line-height: 1;
    padding: 0 30px;
}

.countdown span {
    color: #fff;
    display: block;
    font-size: 20px;
    text-align: center;
}

.timer {
    left: 22%;
    position: absolute;
    top: 30%;
    z-index: 9;
}

.stockOverview { max-width: 100%; }

.stockOverview canvas { height: 300px !important; }

.shareperformance tr { border-bottom: 1px solid #dfdfdf !important; }

.smallfont td { font-size: 12px !important; }

.noborder tr { border-bottom: none !important; }

.StockInfo .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar {
    height: 7px !important;
    padding: 6px 0 !important;
}

.StockInfo .chartBars .bars li { flex: 0 1 8% !important; }

.StockInfo .chartBarsWrap.chartBarsHorizontal .chartBars .bars .bar:after { display: none !important; }

/*ccccccccccc*/

/** ====== Upcoming Event styles ====== **/

#upcoming-event form {
    background: none;
    border: 1px solid #E1E1E1;
    height: 45px;
    margin-top: 70px;
    padding-right: 20px;
    transition: all .3s ease;
}

#upcoming-event form input {
    background: none;
    border: none;
    color: #929FA8;
    height: 45px;
    line-height: 40px;
    outline: none;
    padding-left: 20px;
}

#upcoming-event form input:focus + button { color: #FF8625; }

#upcoming-event form:hover { border-color: #00D8B7; }

#upcoming-event form:hover button { color: #FF8625; }

#upcoming-event form button {
    background: none;
    border: none;
    color: #CDCDCD;
    outline: none;
    transition: all .3s ease;
}

#upcoming-event .mix { display: none; }

#upcoming-event .tab-title-wrap { margin: 30px 0; }

#upcoming-event .tab-title-wrap ul li { float: left; }

#upcoming-event .tab-title-wrap ul li.active span {
    background: #00D8B7;
    color: #fff;
}

#upcoming-event .tab-title-wrap ul li span {
    background-color: #fff;
    border-left: 1px solid #E6EDEE;
    color: #374045;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 15px 34.9px;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
}

#upcoming-event .tab-title-wrap ul li span:hover {
    background: #00D8B7;
    color: #fff;
}

#upcoming-event .tab-content-wrap { margin: 0px -10px; }

#upcoming-event .col-md-4 {
    margin-bottom: 25px;
    padding: 0 10px;
}

/*    #upcoming-event .col-md-4:hover .img-holder img {
                transform: scale(1.2);
            }*/

#upcoming-event .col-md-4:hover .img-holder:before { bottom: 0; }

#upcoming-event .col-md-4:hover .img-holder:after { bottom: 0; }

#upcoming-event .col-md-4:hover .content-wrap { box-shadow: 0 0 0 1px #00D8B7; }

#upcoming-event .col-md-4 .img-holder {
    overflow: hidden;
    position: relative;
}

#upcoming-event .col-md-4 .img-holder img { transition: all .3s ease; }

#upcoming-event .col-md-4 .img-holder:before {
    /*content: '';
            position: absolute;
            bottom: 100%;
            left: 0;
            opacity: .85;
            width: 100%;
            height: 100%;
            z-index: 1;
            transition: all .3s ease;
            background: #1eb089;
            background: -moz-linear-gradient(left, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1eb089), color-stop(100%, #7c49ab), color-stop(100%, #7db9e8));
            background: -webkit-linear-gradient(left, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
            background: -o-linear-gradient(left, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
            background: -ms-linear-gradient(left, #1eb089 0%, #7c49ab 100%, #7db9e8 100%);
            background: linear-gradient(to right, #00943a 0%, #062f8794 100%, #008fff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1eb089', endColorstr='#7db9e8', GradientType=1);*/
}

/*  #upcoming-event .col-md-4 .img-holder:after {
            content: ' ';
            position: absolute;
            bottom: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: transparent url(../img/slogo.png) center center no-repeat;
            transition: all .3s ease .1s;
        }*/

#upcoming-event .col-md-4 .content-wrap {
    background: #fff;
    padding: 0 30px 30px;
}

#upcoming-event .col-md-4 .content-wrap .author-img {
    border-radius: 50%;
    margin-top: -20px;
    position: relative;
    z-index: 99999;
}

#upcoming-event .col-md-4 .content-wrap .meta {
    margin-bottom: 25px;
    margin-top: 15px;
}

#upcoming-event .col-md-4 .content-wrap .meta ul { text-align: left; }

#upcoming-event .col-md-4 .content-wrap .meta ul li { display: inline; }

#upcoming-event .col-md-4 .content-wrap .meta ul li span {
    color: #666666;
    display: inline-block;
    margin-right: 10px;
}

#upcoming-event .col-md-4 .content-wrap .meta ul li span .fa {
    color: #00D8B7;
    margin-right: 5px;
}

#upcoming-event .col-md-4 .content-wrap h3 {
    color: #374045;
    font-size: 18px;
    margin: 0;
    margin-bottom: 20px;
}

#upcoming-event .col-md-4 .content-wrap p { color: #666666; }

#upcoming-event .col-md-4 .content-wrap a.read-more {
    color: #00EEB7;
    font-size: 12px;
    text-transform: uppercase;
    transition: all .3s ease;
}

#upcoming-event .col-md-4 .content-wrap a.read-more .fa { margin-left: 5px; }

#upcoming-event .col-md-4 .content-wrap a.read-more:hover { color: #FF8625; }



.Earnings .nav-link {
    border: none;
    border-radius: 3px;
    color: #062f87;
    padding: .13rem;
}

.Earnings .nav-tabs .nav-link.active {
    background-color: #00964c !important;
    border: none;
    color: #fff !important;
}

.Earnings .nav-item > .nav-link.active {
    border-left: 2px solid green !important;
    border-radius: 3px 0 0 3px;
    padding: 2px !important;
    padding-left: 0px !important;
}

.linksubheader {
    color: rgb(32, 61, 124);
    font-size: 1rem;
    /* font-weight: 600;*/
    text-decoration: underline;
    text-align: end;
}

.LinkText:hover { color: rgb(0, 150, 76); }

.p-not-bold {
    color: #837670;
    font-size: 1rem;
    margin-bottom: 15px;
}

.mainBox {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0px;
    /*border: 1px solid #fff;*/
    /*    border-radius: 6% 0 0;*/
    padding: 20px 0;
    background-image: url('../img/Home/gray-container.png');
}

.mainBox-title {
    color: rgb(32, 61, 124);
    text-align: center;
}





.AboutBox:hover .mainBox-title {
    color: rgb(181,181,181);
}
.AboutBox:hover {
    background-image: url('../img/Home/blue-container.png');
    background-size: cover;
    /*  background-image: url('../img/AboutPage/About us header.jpg');*/
    /*   box-shadow: inset 0 0 0 2000px rgb(32 61 124 / 59%);*/
}

.ServicesBox:hover .mainBox-title {
    color: rgb(181,181,181);
}
.ServicesBox:hover {
    background-image: url('../img/Home/blue-container.png');
    background-size: cover;
    /*  background-image: url('../img/ourbusiness/services header.jpg');
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgb(32 61 124 / 59%);*/
}
.InvestorsBox:hover .mainBox-title {
    color: rgb(181,181,181);
}
.InvestorsBox:hover {
    background-image: url('../img/Home/blue-container.png');
    background-size: cover;
    /*  background-image: url('../img/Investors/InvHeader.jpeg');
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgb(32 61 124 / 59%);*/
}
.CareersBox:hover .mainBox-title {
    color: rgb(181,181,181);
}
.CareersBox:hover {
    background-image: url('../img/Home/blue-container.png');
    background-size: cover;
    /*  background-image: url('../img/AboutPage/Gover.PNG');
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgb(32 61 124 / 59%);*/
}
.MediaBox:hover .mainBox-title {
    color: rgb(181,181,181);
}
.MediaBox:hover {
    background-image: url('../img/Home/blue-container.png');
    background-size: cover;
    /* background-image: url('../img/AboutPage/Media header.jpg');
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgb(32 61 124 / 59%);*/
}

.mainBox h3 { margin: 0 !important; }

.header-arrow {
    -webkit-filter: drop-shadow(-100px 1px 0 white) drop-shadow(-64px -1px 0 white) drop-shadow(16px -1px 0 white);
    /*  filter: drop-shadow(-100px 1px 0 white) drop-shadow(-64px -1px 0 white) drop-shadow(16px -1px 0 white);*/
    filter: drop-shadow(0px 1px 0 white) drop-shadow(0px -1px 0 white) drop-shadow(-20px -1px 0 white);

}

.padding-left70 { padding-left: 70px; }

.padding-right70 { padding-right: 70px; }

.img-shadow {
    -webkit-box-shadow: 10px 10px 8px 0 rgb(0 0 0 / 10%);
    border: 2px solid #0000001a;
    box-shadow: 10px 10px 8px 0 rgb(0 0 0 / 10%);
}

.we-do-card {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    height: 500px;
    padding: 20px;
}
.we-do-card-small {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    height: 300px;
    padding: 20px;
}

.we-do-card:hover { box-shadow: 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%) !important; }


.we-do-card .we-do-card-img {
    border-radius: 10px;
    overflow: hidden;
    width: 35%;
}

.we-do-card .we-do-card-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.we-do-card .we-do-card-title { font-size: 26px; }
.we-do-card-title {
    font-size: 26px;
    line-height: normal;
}

.we-do-card-small:hover {
    box-shadow: 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%) !important;
}


.we-do-card-small .we-do-card-img {
    border-radius: 10px;
    overflow: hidden;
    width: 35%;
}

    .we-do-card-small .we-do-card-img img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.we-do-card-small .we-do-card-title {
    font-size: 26px;
}


.sub-page-title {
    font-size: 35px;
}

.sub-page-description{
    font-size:28px !important;
}

.sub-page-subtitle{
    font-size:30px !important;
}

.sub-page-paragraph{
    font-size: 18px !important;
}

.sub-page-small-paragraph {

    font-size: 15px !important;
}

.attachment-container {
    -webkit-box-shadow: 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%) !important;
    box-shadow: 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%), 0 1px 10px rgb(0 0 0 / 22%) !important;
}

.attachment-container .attachment-block .attachment-icon{
    font-size:28px;
}

.pr60desktop {
    padding-right: 60px !important;
}

.lastDropdown{
 left:-188px !important;
}


#timeline {
    display: flex;
    background-color: #031625;
}

.tl-item {
    transform: translate3d(0, 0, 0);
    position: relative;
    width: 34%;
    height: 70vh;
    color: #fff;
    overflow: hidden;
    transition: width 0.5s ease;
}

    .tl-item:before, .tl-item:after {
        transform: translate3d(0, 0, 0);
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .tl-item:after {
        background: rgba(32, 61, 124, 0.5);
        opacity: 1;
        transition: opacity 0.1s ease;
    }

    .tl-item:before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 75%);
        z-index: 1;
        opacity: 0;
        transform: translate3d(0, 0, 0) translateY(50%);
        transition: opacity 0.5s ease, transform 0.1s ease;
    }

    .tl-item:hover {
        width: 196% !important;

    }




    .tl-item:hover:after {
        opacity: 0;
    }

    .tl-item:hover:before {
        opacity: 1;
        transform: translate3d(0, 0, 0) translateY(0);
        transition: opacity 0.3s ease, transform 0.3s ease 0.25s;
    }

    .tl-item:hover .tl-content {
        opacity: 1;
        transform: translateY(0);
        transition: all 0.75s ease 0.3s;
    }

    .tl-item:hover .tl-bg {
        filter: grayscale(0);
    }

    .tl-content {
        transform: translate3d(0, 0, 0) translateY(25px);
        position: relative;
        z-index: 1;
        text-align: center;
        margin: 0 1.618em;
        top: 48%;
        opacity: 0;
    }

        .tl-content h1 {
            text-transform: uppercase;
            color: #1779cf;
            font-size: 1.44rem;
            font-weight: normal;
        }

        .tl-content p {
            color: #ffffff;
        }

    .tl-year {
        color: #ffffff;
        position: absolute;
        top: 37%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 1;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

.tl-bg {
    transform: translate3d(0, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    transition: filter 0.5s ease;
    /*filter: grayscale(100%);*/
}
.slider-caption {
    position: absolute;
    width: 40%;
    left: 10%;
    top: 10%;
    text-align: center;
}

.slider-caption h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 60px;
}

.slider-caption .top-caption {
    text-align: center;
}

.slider-caption .top-caption h2 {
    margin-bottom: -30px;
    font-family: "Lora", serif;
}

.slider-caption .bottom-caption {
    text-align: center;
}

.slider-caption .bottom-caption h2 {
    margin-top: -30px;
    font-family: "Lora", serif;
}

.slider-caption .middle-caption {
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 4px #333;
    display: inline-block;
    padding: 30px 50px;
    text-align: center;
    position: relative;
    z-index: 99;
    width: 80%;
}

.slider-caption .middle-caption h2 {
    font-family: "Tangerine", cursive;
    font-weight: 400;
    font-size: 90px;
    line-height: 90px;
    color: red;
    text-transform: capitalize;
}

.slider-caption .middle-caption:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -60px;
    width: 1px;
    height: 20px;
    background-color: red;
}

.slider-caption .middle-caption:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -60px;
    width: 1px;
    height: 20px;
    background-color: red;
}

.slider-caption2 {
    width: 100%;
    left: 0;
    top: 25%;
}

.slider-caption2 .middle-caption {
    width: 32%;
}

.owl-carousel .owl-nav [class*=owl-] {
    transition: all 0.3s ease;
}

.owl-carousel .owl-nav [class*=owl-].disabled:hover {
    background-color: #d6d6d6;
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 45%;
    color: #fff;
}

.owl-carousel .owl-prev {
    left: 10px;
}

.owl-carousel .owl-next {
    right: 10px;
}


.container_slide {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10vmin;
    overflow: hidden;
    transform: skew(5deg);
}

.container_slide .card {
        flex: 1;
        transition: all 1s ease-in-out;
        height: 75vmin;
        position: relative;
    }

    .container_slide .card .card__head {
        color: white;
        background: rgb(0, 150, 76);
        padding: 0.5em;
        transform: rotate(-90deg);
        transform-origin: 0% 0%;
        transition: all 0.5s ease-in-out;
        min-width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 1em;
        white-space: nowrap;
    }

.container_slide .card:hover {
        flex-grow: 10;
    }

.container_slide .card:hover img {
        filter: grayscale(0);
    }

.container_slide .card:hover .card__head {
        text-align: center;
        top: calc(100% - 2em);
        color: white;
        background: rgba(0, 0, 0, 0.5);
        font-size: 2em;
        transform: rotate(0deg) skew(-5deg);
    }

.container_slide .card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 1s ease-in-out;
        filter: grayscale(100%);
    }

.container_slide .card:not(:nth-child(5)) {
        margin-right: 1em;
    }

.info-card-container {
    height: 430px;
    display: flex;
    flex-direction: column;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    filter: grayscale(100%);
}

.info-card-container .img-overlay {
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0.5;
    position: absolute;
    border-radius: 10px;
}

.info-card-container__text-container {
    flex-grow: 1;
    background-color: white;
    overflow: hidden;
    padding: 20px;
    position: relative;
    transition: 0.3s all;
    transform: translateY(322px);
}

.info-card-container__text-container .title {
    color: green;
    font-size: 16px;
    overflow: hidden;
}

.info-card-container__text-container .read-more {
    font-size: 14px;
    margin-top: 10px;
}

    .info-card-container__text-container .description {
        display: none;
        overflow: hidden;
      font-weight:700;
        font-size: 13px;
        z-index: 1;
    }

.info-card-container:hover {
    filter: unset;
}

.info-card-container:hover .img-overlay {
    background-color: white;
}

.info-card-container:hover .info-card-container__text-container {
    transform: translateY(112px);
}

.info-card-container:hover .info-card-container__text-container .read-more {
    display: none;
}

.info-card-container:hover .info-card-container__text-container .description {
    display: block;
    text-overflow: unset !important;
    white-space: unset !important;
    -webkit-line-clamp: unset;
}
#gallery {
    display: grid;
    height: calc(60vh - 28px);
    grid-template: repeat(1, 26fr)/repeat(6, 1fr);
    grid-gap: 0.5em;
}

@media (max-width: 800px) {
    #gallery {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

        #gallery > div {
            width: 48%;
            margin: 1%;
        }
}

@media (max-width: 800px) and (max-width: 350px) {
    #gallery > div {
        width: 98%;
    }
}

#gallery > div:nth-child(6n+1) {
    grid-column: span 2;
    grid-row: span 2;
}

#gallery > div:nth-child(2) {
    grid-column: span 3;
    grid-row: span 3;
}

#gallery > div:nth-child(4) {
    grid-column: span 1;
    grid-row: span 2;
}

#gallery > div > a {
    opacity: 0;
    position: absolute;
    color: #8b8787;
    background-color: #000;
    font: bold 2em "Helvetica";
/*    text-shadow: 0 -1px 5px #fff, -1px 0px 5px #fff, 0 1px 5px #fff, 1px 0px 5px #fff;
*/    padding: 2rem;
    mix-blend-mode: difference;
    width: 100%;
    height: 100%;
    transition: all ease 1s;
}

#gallery > div > img {
    width: 100%;
    min-height: 100%;
    transition: all ease 1s;
}

#gallery > div:hover img {
    filter: blur(4px);
}

#gallery > div:hover a {
    opacity: 1;
}

#gallery > div {
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
}

#gallery div,
#gallery a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

[id^=lightbox-] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    opacity: 0;
    transition: opacity 450ms ease-in-out;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

    [id^=lightbox-]:target {
        opacity: 1;
        pointer-events: inherit;
    }

        [id^=lightbox-]:target img {
            filter: blur(0);
        }

    [id^=lightbox-] .content {
        max-width: 90%;
        position: relative;
        color: #fff;
    }

        [id^=lightbox-] .content:hover > a.close {
            opacity: 1;
            transform: scale(1, 1);
        }

        [id^=lightbox-] .content:hover > .title {
            opacity: 1;
            transform: translateY(-3px);
        }

            [id^=lightbox-] .content:hover > .title::after {
                opacity: 1;
            }

        [id^=lightbox-] .content > * {
            transition: all 450ms ease-in-out;
        }

    [id^=lightbox-] .title {
        display: block;
        margin: 0;
        padding: 1em;
        position: absolute;
        bottom: 0;
        width: 100%;
        transform: translateY(50%);
        font-size: 1.5em;
        opacity: 0;
    }

        [id^=lightbox-] .title::after {
            content: " ";
            background-color: rgba(0, 0, 0, 0.4);
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            position: absolute;
            transition: all 350ms ease-in-out 250ms;
            opacity: 0;
            transform-origin: bottom;
            mix-blend-mode: soft-light;
        }

    [id^=lightbox-] img {
        max-height: 90vh;
        max-width: 100%;
        margin: 0;
        padding: 0;
        filter: blur(50px);
    }

    [id^=lightbox-] a.close {
        width: 2em;
        height: 2em;
        position: absolute;
        right: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        transform: scale(0, 0);
        opacity: 0;
        transform-origin: right top;
        text-decoration: none;
        color: #fff;
    }

        [id^=lightbox-] a.close::after {
            content: "X";
        }
.gallery {
    display: flex;
    padding: 2px;
    transition: 0.3s;
}

.gallery:hover .gallery__image {
    filter: grayscale(1);
}

.gallery__column {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.gallery__link {
    margin: 2px;
    overflow: hidden;
}

.gallery__link:hover .gallery__image {
    filter: grayscale(0);
}

.gallery__link:hover .gallery__caption {
    opacity: 1;
}

.gallery__thumb {
    position: relative;
    margin: 0;
}

.gallery__image {
    display: block;
    width: 100%;
    transition: 0.3s;
}

.gallery__image:hover {
    transform: scale(1.1);
}

.gallery__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 15px 15px;
    width: 100%;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    color: white;
    opacity: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    transition: 0.3s;
}
.gray-image {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    height: 190px;
    object-fit: cover;
    width: 100%;
}
    .gray-image:hover {
        filter: none;
        -webkit-filter: grayscale(0%);
    }




.timeline {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);
}

    .timeline .swiper-container {
        height: 600px;
        width: 100%;
        position: relative;
    }

    .timeline .swiper-wrapper {
        transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
    }

    .timeline .swiper-slide {
        position: relative;
        color: #fff;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

        .timeline .swiper-slide::after {
            content: "";
            position: absolute;
            z-index: 1;
            right: -115%;
            bottom: -10%;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);
            border-radius: 100%;
        }

    .timeline .swiper-slide-content {
        position: absolute;
        text-align: center;
        width: 80%;
        max-width: 400px;
        right: 50%;
        top: 35%;
        transform: translate(50%, 0);
        font-size: 12px;
        z-index: 2;
    }

    .timeline .swiper-slide .timeline-year {
        display: block;
        font-style: italic;
        font-size: 42px;
        margin-bottom: 50px;
        transform: translate3d(20px, 0, 0);
        color: rgb(0, 150, 76);
        font-weight: 300;
        opacity: 0;
        transition: 0.2s ease 0.4s;
    }

    .timeline .swiper-slide .timeline-title {
        /* font-weight: 800;*/
        text-align: right;
        font-size: 34px;
        margin: 0 0 30px;
        opacity: 0;
        transform: translate3d(20px, 0, 0);
        transition: 0.2s ease 0.5s;
    }

    .timeline .swiper-slide .timeline-text {
        line-height: 1.5;
        opacity: 0;
        transform: translate3d(20px, 0, 0);
        transition: 0.2s ease 0.6s;
        color: white;
    }

    .timeline .swiper-slide-active .timeline-year {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: 0.4s ease 1.6s;
    }

    .timeline .swiper-slide-active .timeline-title {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: 0.4s ease 1.7s;
    }

    .timeline .swiper-slide-active .timeline-text {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: 0.4s ease 1.8s;
    }

    .timeline .swiper-pagination {
        right: 15% !important;
        height: 100%;
        display: none;
        flex-direction: column;
        justify-content: center;
        font-style: italic;
        font-weight: 300;
        font-size: 20px;
        z-index: 1;
    }

        .timeline .swiper-pagination::before {
            content: "";
            position: absolute;
            left: -30px;
            top: 0;
            height: 100%;
            width: 1px;
            background-color: rgba(255, 255, 255, 0.2);
        }

    .timeline .swiper-pagination-bullet {
        width: auto;
        height: auto;
        text-align: center;
        opacity: 1;
        background: transparent;
        color: rgb(0, 150, 76);
        margin: 15px 0 !important;
        position: relative;
    }

        .timeline .swiper-pagination-bullet::before {
            content: "";
            position: absolute;
            top: 8px;
            left: -32.5px;
            width: 6px;
            height: 6px;
            border-radius: 100%;
            background-color: rgb(0, 150, 76);
            transform: scale(0);
            transition: 0.2s;
        }

    .timeline .swiper-pagination-bullet-active {
        color: rgb(0, 150, 76);
        font-weight: bold;
    }

        .timeline .swiper-pagination-bullet-active::before {
            transform: scale(1);
        }

    .timeline .swiper-button-next,
    .timeline .swiper-button-prev {
        background-size: 20px 20px;
        top: 3%;
        width: 20px;
        height: 20px;
        margin-top: 0;
        z-index: 2;
        transition: 0.2s;
        filter: grayscale(100%);
    }

    .timeline .swiper-button-prev {
        left: 8%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
    }

        .timeline .swiper-button-prev:hover {
            transform: translateX(-3px);
        }

    .timeline .swiper-button-next {
        right: 8%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
    }

        .timeline .swiper-button-next:hover {
            transform: translateX(3px);
        }

@media screen and (min-width: 768px) {
    .timeline .swiper-slide::after {
        right: -30%;
        bottom: -8%;
        width: 240px;
        height: 50%;
        box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);
    }

    .timeline .swiper-slide-content {
        right: 30%;
        top: 50%;
        transform: translateY(-50%);
      /*  width: 310px;*/
        font-size: 11px;
        text-align: right;
    }

    .timeline .swiper-slide .timeline-year {
        margin-bottom: 0;
        font-size: 32px;
    }

    .timeline .swiper-slide .timeline-title {
        text-align:right;
        font-size: 25px;
        margin: 0;
        color: white
    }

    .timeline .swiper-pagination {
        display: flex;
    }

    .timeline .swiper-button-prev {
        top: 15%;
        left: auto;
        right: 17%;
        transform: rotate(90deg) translate(0, 10px);
    }

        .timeline .swiper-button-prev:hover {
            transform: rotate(90deg) translate(-3px, 10px);
        }

    .timeline .swiper-button-next {
        top: auto;
        bottom: 15%;
        right: 17%;
        transform: rotate(90deg) translate(0, 10px);
    }

        .timeline .swiper-button-next:hover {
            transform: rotate(90deg) translate(3px, 10px);
        }
}

@media screen and (min-width: 1024px) {
    .timeline .swiper-slide::after {
        right: -20%;
        bottom: -12%;
        width: 240px;
        height: 50%;
        box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
    }

    .timeline .swiper-slide-content {
        right: 27%;
    }

    .aligncenter {
        text-align: -webkit-center
    }
}
 #featurefirst {
      display:none;
    }
    @media screen and (max-width: 1190px) {
        #featurefirst{
        display: block;
    }
    #featurefirst01 {
        display: none;
    }
      
                     }


   @media screen and (max-width: 850px) {
	   .mx-mx-55{
		   margin-top:5.5rem;
		   
	   }
	   
	   
        #mainvideohome{
        height:100% ;
width:100% ;
margin-top: 0px;
    }

.mainBox{

 height:45px ;
 display: flex;
    align-items: center;
    justify-content: center;
 background-size: cover;

}

.edit-text-brief{
 text-align: left!important;

}
.edit-text-wedo{

height:auto !important ; 
padding :5px !important;
margin:5px;
}

#howedo-2{
display:block !important;

}
#howedo-1{
display:none !important;

}
}


@media screen and (min-width: 900px){

  #mainvideohome{
       
width:100%;
margin-top: -275px;
    }
#howedo-2{
display:none !important;

}
}



#second-logo {
      display:none !important;
    }

    @media screen and (max-width: 1190px) {
        #second-logo{
        display: block !important;
max-width: 180px !important;
text-align:left;

    }
#mainlogo{ width: 110px}
.custom-font-slider{
font-size:12px !important;
padding-left:60px !important;

}
    #first-logo {
        display: none !important;
    }

.main-member-image{
display: flex;
align-items: flex-start; 
height: auto !important; 
width:100% !important;
object-fit: cover;

}
.div-main-member-image{

display: flex;
align-items: flex-start; 

}
 
      
                     }