.logo_pro {
    width: 140px !important;
}


/* green #528923
/* blue #25477c */

.text-success {
    color: #528923;
}

.text-primary {
    color: #25477c;
}

.text-uppercase {
    text-transform: uppercase;
}

.ftco-navbar-light .navbar-brand {
    color: #fff;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.ftco-navbar-light {
    background: transparent !important;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    z-index: 3;
    border: none !important;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
    font-size: 15px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-weight: 500;
    border: none !important;
    opacity: 1 !important;
}

.service_img {
    width: 56px !important;
}

.textmaxline {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
}

.title_stat {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.ftco-counter .text strong.number {
    font-weight: 700;
    font-size: 48px !important;
    color: #fff;
}

.block-27 ul li.active a,
.block-27 ul li.active span,
.block-27 ul li:hover a,
.block-27 ul li:hover span {
    background: #4986fc;
    background: #207ce5;
    background: -moz-linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #207ce5), color-stop(100%, #0dd879)) !important;
    background: -webkit-linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    background: -o-linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    background: -ms-linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    background: linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#207ce5', endColorstr='#0dd879', GradientType=1);
    color: #fff;
    border: 1px solid transparent;
}

.block-27 ul li.active a,
.block-27 ul li.active span,
.block-27 ul li:hover a,
.block-27 ul li:hover span {
    background: #4986fc;
    background: #207ce5;
    background: -moz-linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #207ce5), color-stop(100%, #0dd879)) !important;
    background: -webkit-linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    background: -o-linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    background: -ms-linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    background: linear-gradient(45deg, #207ce5 0%, #0dd879 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#207ce5', endColorstr='#0dd879', GradientType=1);
    color: #fff;
    border: 1px solid transparent;
}

.navbar-brand {
    /* background-color: #fff; */
    padding: 4px;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}

.ftco-navbar-light.scrolled {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    margin-top: -130px;
    background: #ffffff url('../imgs/menu_bg.png') center !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 0;
    background-size: 100% 112% !important;
    background-repeat: no-repeat !important;
}

.close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    padding: 12px !important;
    border: 1px solid #ccc !important;
    cursor: pointer !important;
}


/* Robbon style for home packs */

.overflow-hidden {
    overflow: hidden !important;
}

.pricing-rates {
    position: relative;
    z-index: 1;
    border-bottom: 3px solid #adb5bd !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pricing-rates .price {
    font-weight: 400;
}

.pricing-rates.business-rate:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    z-index: 2;
    border-color: #2f55d4 !important;
    -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
    box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
    background-color: #ffffff !important;
}

.pricing-rates.business-rate:hover .title {
    color: #2f55d4;
}

.pricing-rates.starter-plan {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 2;
    border-color: #2f55d4 !important;
}

@media (max-width: 767px) {
    .pricing-rates.starter-plan {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.pricing-rates.best-plan:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.ribbon.ribbon-primary span {
    background-color: #2f55d4 !important;
}

.ribbon.ribbon-primary span:before {
    border-left-color: #2443ac;
    border-top-color: #2443ac;
}

.ribbon.ribbon-primary span:after {
    border-right-color: #2443ac;
    border-top-color: #2443ac;
}

.ribbon.ribbon-secondary span {
    background-color: #5a6d90 !important;
}

.ribbon.ribbon-secondary span:before {
    border-left-color: #465571;
    border-top-color: #465571;
}

.ribbon.ribbon-secondary span:after {
    border-right-color: #465571;
    border-top-color: #465571;
}

.ribbon.ribbon-success span {
    background-color: #2eca8b !important;
}

.ribbon.ribbon-success span:before {
    border-left-color: #25a06e;
    border-top-color: #25a06e;
}

.ribbon.ribbon-success span:after {
    border-right-color: #25a06e;
    border-top-color: #25a06e;
}

.ribbon.ribbon-warning span {
    background-color: #f17425 !important;
}

.ribbon.ribbon-warning span:before {
    border-left-color: #d55b0e;
    border-top-color: #d55b0e;
}

.ribbon.ribbon-warning span:after {
    border-right-color: #d55b0e;
    border-top-color: #d55b0e;
}

.ribbon.ribbon-info span {
    background-color: #17a2b8 !important;
}

.ribbon.ribbon-info span:before {
    border-left-color: #117a8b;
    border-top-color: #117a8b;
}

.ribbon.ribbon-info span:after {
    border-right-color: #117a8b;
    border-top-color: #117a8b;
}

.ribbon.ribbon-danger span {
    background-color: #e43f52 !important;
}

.ribbon.ribbon-danger span:before {
    border-left-color: #d21e32;
    border-top-color: #d21e32;
}

.ribbon.ribbon-danger span:after {
    border-right-color: #d21e32;
    border-top-color: #d21e32;
}

.ribbon.ribbon-dark span {
    background-color: #3c4858 !important;
}

.ribbon.ribbon-dark span:before {
    border-left-color: #272f3a;
    border-top-color: #272f3a;
}

.ribbon.ribbon-dark span:after {
    border-right-color: #272f3a;
    border-top-color: #272f3a;
}

.ribbon.ribbon-muted span {
    background-color: #8492a6 !important;
}

.ribbon.ribbon-muted span:before {
    border-left-color: #68788f;
    border-top-color: #68788f;
}

.ribbon.ribbon-muted span:after {
    border-right-color: #68788f;
    border-top-color: #68788f;
}

.ribbon.ribbon-light span {
    background-color: #f8f9fc !important;
}

.ribbon.ribbon-light span:before {
    border-left-color: #d4daed;
    border-top-color: #d4daed;
}

.ribbon.ribbon-light span:after {
    border-right-color: #d4daed;
    border-top-color: #d4daed;
}

.ribbon.ribbon-blue span {
    background-color: #2f55d4 !important;
}

.ribbon.ribbon-blue span:before {
    border-left-color: #2443ac;
    border-top-color: #2443ac;
}

.ribbon.ribbon-blue span:after {
    border-right-color: #2443ac;
    border-top-color: #2443ac;
}

.ribbon.ribbon-footer span {
    background-color: #202942 !important;
}

.ribbon.ribbon-footer span:before {
    border-left-color: #0f131f;
    border-top-color: #0f131f;
}

.ribbon.ribbon-footer span:after {
    border-right-color: #0f131f;
    border-top-color: #0f131f;
}

.ribbon {
    position: absolute;
    top: -5px;
    width: 75px;
    height: 75px;
    z-index: 2;
}

.ribbon.ribbon-right {
    right: -5px;
}

.ribbon.ribbon-right span {
    right: -23px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ribbon.ribbon-left {
    left: -5px;
}

.ribbon.ribbon-left span {
    left: -23px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ribbon span {
    position: absolute;
    top: 15px;
    width: 100px;
    color: #ffffff;
}

.ribbon span:before,
.ribbon span:after {
    content: "";
    position: absolute;
    top: 100%;
    z-index: -1;
    border: 3px solid transparent;
}

.ribbon span:before {
    left: 0;
}

.ribbon span:after {
    right: 0;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-8 {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-10 {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-12 {
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    overflow: hidden;
}