/* nav dots color */
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #b4b4b4;
}

/* ekko-lightbox */
body.modal-open {
    padding-right: 0px !important;
}
div.ekko-lightbox div.modal-header {
    padding: 0 5px 0 0;
    align-items: normal;
    border-bottom: none;
}

.shake {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

/* carousel common */
.carousel .carousel-indicators li {
    cursor: pointer;
    height: 5px;
    background-color: #B1BCD8;
}
    .carousel .carousel-indicators li.active {
        background-color: #3C63BB;
    }

.carousel span.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233C63BB' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel span.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233C63BB' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel span.carousel-control-next-icon-light {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel span.carousel-control-prev-icon-light {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel span.carousel-control-prev-icon,
.carousel span.carousel-control-next-icon,
.carousel span.carousel-control-prev-icon-light,
.carousel span.carousel-control-next-icon-light {
    width: 30px;
    height: 30px;
    background-size: contain;
}

/* HEADER */
.header-extref-icon {
    width: 44px;
    height: 44px;
    margin: 0 5px;
}
    .header-extref-icon img {
        width: 44px;
        height: 44px;
    }


/*--------------------------------------
-------- START AREA --------------------
---------------------------------------*/
.start-area {
    color: #fff;
}
    .start-area .start-area-content {
        text-align: center;
        padding: 50px 0 170px;
    }
        .start-area .start-area-content h3 {
            margin: 28px 0 25px;
        }
        .start-area .start-area-content p {
            margin: 28px 0 25px;
        }
        .start-area .start-area-content .kitr {
            position: absolute;
            max-width: 100%;
        }
        .start-area .start-area-content .appao-btn {
            margin-top: 30px;
            border: 1px solid #fff !important;
        }


/*--------------------------------------
-------- ABOUT AREA --------------------
---------------------------------------*/
.about-area {
	text-align: center;
}
    .about-area .single-about-box {
        padding: 25px;
    }
        .about-area .single-about-box h4 {
            margin: 15px 0 15px;
            font-size: 20px;
        }
        .about-area .single-about-box p {
            font-size: 16px;
        }


/*--------------------------------------
-------- FEATURE AREA ------------------
---------------------------------------*/
.feature-area {
}
    .feature-area .single-feature-box * {
        color: #fff;
    }
    .feature-area .single-feature-box li {
        margin-bottom: 50px;
        display: flex;
    }
        .feature-area .single-feature-box li:last-child {
            margin-bottom: 0;
        }
        
        .feature-area .single-feature-box .feature-box-info {
            flex: 4;
        }
            .feature-area .single-feature-box .feature-box-info h4 {
                font-size: 20px;
                margin-bottom: 5px;
            }
            .feature-area .single-feature-box .feature-box-info p {
                font-size: 16px;
            }

        .feature-area .single-feature-box .feature-box-icon {
            flex: 1;
        }

    .feature-area .scroll-down {
        display: inline-block;
        margin-top: 75px;

    }
        .feature-area .scroll-down a {
            color: #fff;
        }
            .feature-area .scroll-down a i::before {
                width: 50px;
                height: 40px;
                display: block;
                font-size: 40px;
                /*border-radius: 100%;
                border: 1px solid #e5e5e5;*/
                text-align: center;
                line-height: 40px;
            }

/*--------------------------------------
-------- SHOWCASE AREA -----------------
---------------------------------------*/
.showcase-area {
    }
    .showcase-area .single-showcase-box {
        padding: 0 0 40px 0;
    }
        .showcase-area .single-showcase-box p {
            margin: 10px 0;
        }
        .showcase-area .single-showcase-box h4 {
            font-size: 20px;
            font-weight: bold;
        }
        .showcase-area .single-showcase-box .appao-btn {
            border: 1px solid #52648C;
            color: #52648C;
            border-radius: 10px;
            padding: 6px 20px;
            margin-bottom: 10px;
            display: inline-block;
            text-transform: uppercase;
            cursor: pointer;
            font-weight: 500;
            font-size: 11px;
        }
            .showcase-area .single-showcase-box .appao-btn:hover {
                border: 1px solid transparent;
                background: #1e4682; /* Old browsers */
                background: -moz-linear-gradient(left, rgb(82 100 140) 1%, rgb(30 70 130) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(left, rgb(82 100 140) 1%, rgb(30 70 130) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right, #52648C 1%, #1e4682 100%);
                color: #fff;
            }
        .showcase-area .single-showcase-box .symbol-lowercase {
            text-transform: lowercase;
        }

    .showcase-area .showcase-zdz {
    }
        .showcase-area .showcase-zdz .sec-title {
            margin: 0 auto 60px;
        }

        .showcase-area .showcase-zdz .single-showcase-box {
            padding: 0 0 40px 0;
            text-align: center;
        }
            .showcase-area .showcase-zdz .single-showcase-box li {
                font-size: 16px;
            }
            .showcase-area .showcase-zdz .single-showcase-box .appao-btn {
                font-size: unset !important;
                width: 300px;
            }

/*--------------------------------------
-------- SERVICE AREA ------------------
---------------------------------------*/
.service-area {
    color: #fff;
}
    .service-area p {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px;
        text-align: justify;
        word-break: break-word;
    }
    .service-area ul {
        list-style-position: inside;
        font-size: 18px;
        line-height: 1.8em;
        list-style-image: none;
    }
        .service-area ul li {
            margin: 0;
            padding: 15px 0 10px 60px;
            list-style: none;
            background-image: url("/assets/img/check.png");
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 50px;
        }


/*---------------------------------------
----- CERTIFICATES AREA -----------------
---------------------------------------*/
.certificates-area {
}
    .certificates-area .single-cert-box {
        padding: 10px;
        margin: 0px;
        text-align: center;
        /*height: 310px;*/
    }
        .certificates-area .single-cert-box img {
            height: 300px;
            margin-bottom: 20px;
        }


/*--------------------------------------
-------- PARTNERS AREA -----------------
---------------------------------------*/
.partners-area {
}
    .partners-area .single-partner-box {
        padding: 30px 10px;
        background-color: #fff;
        margin: 10px;
        text-align: center;
        height: 180px;
        border-radius: 20px;
    }
        .partners-area .single-partner-box img {
            max-height: 50px;
            margin-bottom: 25px;
        }


/*--------------------------------------
-------- SUPPORT AREA ------------------
---------------------------------------*/
.support-area {
}
    .support-area .appao-btn {
        border: 1px solid #52648C;
        color: #52648C;
        border-radius: 10px;
        padding: 5px 10px;
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        font-weight: 500;
        font-size: 14px;
        margin-top: 30px;
    }
        .support-area .appao-btn:hover {
            border: 1px solid transparent;
            background: #1e4682; /* Old browsers */
            background: -moz-linear-gradient(left, rgb(82 100 140) 1%, rgb(30 70 130) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgb(82 100 140) 1%, rgb(30 70 130) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #52648C 1%, #1e4682 100%);
            color: #fff;
        }

    .support-area .support-area-item {
        text-align: center;
    }
        .support-area .support-area-item p {
            font-size: 18px;
        }
        .support-area .support-area-item a {
            font-size: 30px;
            text-decoration: underline;
        }
        .support-area-item a.email {
            color: #52648C;
        }
    

/*---------------------------------------
----- CONTACTS AREA -----------------------
---------------------------------------*/
.contacts-area {
}
    .contacts-area .container {
        height: 100%;
    }
    .contacts-area .sec-title h2 {
        color: #000;
    }
        .contacts-area .sec-title h2 .sec-title-border {
            border-color: #000;
        }
            .contacts-area .sec-title h2 .sec-title-border span::before {
                background-color: #000;
            }

    .contacts-area .contact-address {
        background: #fff;
        padding: 20px 65px;
        margin-bottom: 40px;
        margin-top: 20px;
        border: 1px solid #ddd;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
        .contacts-area .contact-address h4 {
            margin-bottom: 20px;
            font-size: 26px;
            text-align: center;
        }
        .contacts-area .contact-address li {
            margin-bottom: 15px;
            display: flex;
        }
            .contacts-area .contact-address li .contact-address-icon {
                flex: 1;
            }
            .contacts-area .contact-address li .contact-address-info {
                flex: 10;
            }
            .contacts-area .contact-address li .contact-address-icon i::before {
                width: 38px;
                height: 38px;
                border-radius: 100%;
                border: 1px solid #52648C;
                display: block;
                text-align: center;
                line-height: 39px;
                font-size: 18px;
                transition: all 0.4s;
            }
            .contacts-area .contact-address li .contact-address-info a {
                display: block;
                line-height: 38px;
                font-size: 18px;
            }
            .contacts-area .contact-address li:hover .contact-address-icon i::before {
                background: #52648C;
                color: #fff;
            }

        .contacts-area .contact-address .contact-address-extref-icon {
            width: 44px;
            height: 44px;
            margin: 0 5px;
        }
        .contacts-area .contact-address .contact-address-extref-icon img {
            width: 44px;
            height: 44px;
        }

        .contacts-area .contact-address .contact-address-akron-logo {
            width: 280px;
            height: 50px;
            margin: 0 5px;
            /*position: sticky;*/
        }

        .contacts-area .contact-address p {
            margin-bottom: 10px;
            padding-top: 10px;
            font-size: 18px;
        }
            .contacts-area .contact-address p.name {
                font-weight: bold;
                font-size: 20px;
                text-align: center;
                margin-bottom: 40px;
            }
            .contacts-area .contact-address p.address img {
                height: 40px;
            }
            .contacts-area .contact-address p.time {
                margin-bottom: 30px;
            }

        .contacts-area .contact-address .appao-btn {
            border: 1px solid #52648C;
            color: #52648C;
            border-radius: 10px;
            padding: 5px 10px;
            display: inline-block;
            text-transform: uppercase;
            cursor: pointer;
            font-weight: 500;
            font-size: 14px;
        }
            .contacts-area .contact-address .appao-btn:hover {
                border: 1px solid transparent;
                background: #52648C; /* Old browsers */
                background-image: -moz-linear-gradient(left, #52648C 1%, #002055 100%); /* FF3.6-15 */
                background-image: -webkit-linear-gradient(left, #52648C 1%, #002055 100%); /* Chrome10-25,Safari5.1-6 */
                background-image: linear-gradient(to right, #52648C 1%, #002055 100%);
                color: #fff;
            }