.cl1 {
}

    .cl1 i {
        font-size: 31px;
    }

.cl2 {
}

    .cl2 h5 {
        font-size: 17px;
    }

    .cl2 p {
        font-size: 14px;
        height: 40px;
        overflow: hidden;
    }

.cl3 {
    background-color: #a51718 !important;
    padding-left: 11%;
    padding-right: 11%;
}

    .cl3 .bg-primary {
        background-color: #242424 !important;
    }

    .cl3 a {
        color: #ffffff;
    }

.cl4 {
    color: #000000 !important;
}

    .cl4:hover {
        color: #FFFFFF !important;
        background: #cbab35 !important;
    }

.btn-primary {
    color: #000;
    background-color: #cbab35;
    border-color: #cbab35;
}

.display-6 {
    font-size: 26px;
}

.cl5 {
}

    .cl5 img {
        padding: 35px;
    }

.cl6 {
    text-align: center;
    margin-top: 20px;
}

.cl7 {
}

.bg-primary {
    background-color: #8c2122 !important;
}

.cl8 {
    padding: 10px 0px;
}

.header-carousel .carousel-inner {
    background: none;
}

.ftc0 {
    margin-right: 7px;
}

.ftc1 {
    margin-right: 7px;
}

.ftc2 {
    padding-left: 11%;
    padding-right: 11%;
    padding-top: 5px;
    padding-bottom: 0px;
    box-shadow: 0px 0px 10px #afafaf;
    height: 75px;
}


.navbar .navbar-nav .nav-link {
    margin-right: 0px;
    padding: 0px 10px;
    font-size: 14px;
}

    .navbar .navbar-nav .nav-link:after {
        content: "|";
        display: inline-block;
        padding-right: 0px;
        padding-left: 10px;
        font-size: 18px;
        margin-top: -7px;
        color: #dfdfdf;
    }

.navbar .navbar-nav .ilts1:after {
    content: "";
}

.navbar .navbar-brand {
    /*    background-color: white;
    position: absolute;
    padding: 65px 35px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 3px 3px #45454582;
    top: -45px;*/
    transition: all .3s;
}




.shadow-sm .navbar-brand {
    padding: 55px 35px !important;
    top: -1px !important;
}

.shadow-sm .fth14 {
    width: 240px;
}

.header-carousel .owl-dot.active {
    background: #a12125;
    border-color: #a12125;
}

.header-carousel .owl-nav .owl-prev:hover, .header-carousel .owl-nav .owl-next:hover {
    background: #a12125;
    border-color: #a12125;
}

.ftc3 {
}

    .ftc3 a {
        display: block;
        border-bottom: 1px dotted silver;
        padding: 5px 10px;
        color: #454545;
        font-size: 15px;
        border-left: 3px solid silver;
        transition: all .3s;
    }

        .ftc3 a:hover {
            color: #a51718;
            border-left: 3px solid #a51718;
            padding-left: 13px;
        }



.btn-primary {
    color: #000;
    background-color: #a51718;
    border-color: #961112;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #c80a0b;
        border-color: #c80a0b;
    }

.ftc5 {
    max-width: 700px;
    margin: 0px auto;
    text-align: center;
}

.footer, .footer a {
    color: #9b9b9b;
}


#social-sidebar {
    left: 0;
    position: fixed;
    top: 50%;
    /*    background: rgb(8 8 8 / 42%);*/
    z-index: 9000
}

    #social-sidebar li:first-child a {
        border-top-right-radius: 5px;
    }

    #social-sidebar li:last-child a {
        border-bottom-right-radius: 5px;
    }

    #social-sidebar a {
        /* background: rgba(0, 0, 0, .7);*/
        color: #fff;
        text-decoration: none;
        display: block;
        height: 50px;
        width: 50px;
        font-size: 24px;
        line-height: 50px;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        #social-sidebar a:hover span {
            left: 120%;
            opacity: 1;
        }

        #social-sidebar a span {
            font: 12px "Open Sans", sans-serif;
            text-transform: uppercase;
            border-radius: 3px;
            line-height: 24px;
            left: -100%;
            margin-top: -16px;
            opacity: 0;
            padding: 4px 8px;
            position: absolute;
            transition: opacity .3s, left .4s;
            top: 50%;
            z-index: -1;
        }

            #social-sidebar a span:before {
                content: "";
                display: block;
                height: 8px;
                width: 8px;
                left: -4px;
                margin-top: -4px;
                position: absolute;
                top: 50%;
                transform: rotate(45deg);
            }

        /*#social-sidebar a[class*="twitter"]:hover,*/
        #social-sidebar a[class*="twitter"],
        #social-sidebar a[class*="twitter"] span,
        #social-sidebar a[class*="twitter"] span:before {
            background: #00aced;
        }

        /* #social-sidebar a[class*="facebook"]:hover,*/
        #social-sidebar a[class*="facebook"],
        #social-sidebar a[class*="facebook"] span,
        #social-sidebar a[class*="facebook"] span:before {
            background: #3B5998;
        }

        /*#social-sidebar a[class*="instagram"]:hover,*/
        #social-sidebar a[class*="instagram"],
        #social-sidebar a[class*="instagram"] span,
        #social-sidebar a[class*="instagram"] span:before {
            background: #b70087;
        }

        #social-sidebar a[class*="gplus"]:hover,
        #social-sidebar a[class*="gplus"] span,
        #social-sidebar a[class*="gplus"] span:before {
            background: #E34429;
        }

        #social-sidebar a[class*="dribbble"]:hover,
        #social-sidebar a[class*="dribbble"] span,
        #social-sidebar a[class*="dribbble"] span:before {
            background: #ea4c89;
        }

        #social-sidebar a[class*="dropbox"]:hover,
        #social-sidebar a[class*="dropbox"] span,
        #social-sidebar a[class*="dropbox"] span:before {
            background: #8DC5F2;
        }

        #social-sidebar a[class*="github"]:hover,
        #social-sidebar a[class*="github"] span,
        #social-sidebar a[class*="github"] span:before {
            background: #9C7A5B;
        }

        /*#social-sidebar a[class*="evernote"]:hover,*/
        #social-sidebar a[class*="evernote"],
        #social-sidebar a[class*="evernote"] span,
        #social-sidebar a[class*="evernote"] span:before {
            background: #6BB130;
        }



.footer .btn.btn-link {
    font-size: 14px;
}

.ftc10 {
}

    .ftc10 li {
        display: inline-block;
        font-size: 14px;
        margin-right: 5px;
    }

    .ftc10 a {
    }

    .ftc10 img {
        max-width: 20px;
    }

.display-3 {
    font-size: 33px !important;
}

.page-header {
    background: linear-gradient(rgb(22 22 22 / 19%), rgb(22 22 22 / 47%)), url(/Upload/headbg2.jpg) center center no-repeat;
    background-size: cover;
}

.ftc11 {
    background-color: #d70002;
    color: #fff !important;
    padding: 3px 10px !important;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #3c3c3c80;
    margin-right: 5px;
    font-weight: 500;
}

    .ftc11:hover {
        background-color: #a12125;
    }

.ftc12 li {
    border: 1px solid #a51718;
    border-radius: 10px;
    padding: 9px 20px;
    border-bottom: 3px solid #a51718 !important;
}

    .ftc12 li:hover {
        color: #fff !important;
        background-color: #E34429;
    }

.ftc12 .active {
    color: #fff !important;
    background-color: #a51718;
}

.ftc13 {
    color: #f5f5f5 !important;
    font-size: 14px;
}

    .ftc13 h5 {
        color: #f5f5f5 !important;
        font-size: 14px;
    }


.fth14 {
    width: 265px;
}

.fth15 {
    max-width: 370px;
    padding-left: 15px;
    padding-right: 40px;
    margin-top: 20px;
}

.btn-square {
    width: 30px;
    height: 30px;
}

.fth16 {
}

    .fth16 a {
        color: #454545;
    }

    .fth16 .active {
        font-weight: 600;
        color: #a51718;
    }

.lh-base {
    line-height: 18px !important;
    font-size: 14px;
}

.font14 {
    font-size: 14px;
}

.fth19 {
    color: #000;
}

.tablo1 {
    color: #000;
    max-width: 710px;
    font-size: 14px;
}

    .tablo1 th {
        padding: 2px;
    }

    .tablo1 td {
        padding: 2px;
    }

    .tablo1 b {
    }


.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
    color: #a51718 !important;
}

.footer .btn.btn-link:hover {
    color: #a51718;
}

#portfolio-flters li:hover, #portfolio-flters li.active {
    color: #c80a0b;
    border-color: #c80a0b;
}

.service-item .btn {
    background: #a0151a;
}

    .service-item .btn:hover {
        background: #eb040d;
    }

.ring {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 150px;
    height: 150px;
    background: transparent;
    border: 3px solid #a51718;
    border-radius: 50%;
    text-align: center;
    line-height: 141px;
    box-shadow: 0 0 8px rgba(0,0,0,.5);
    background-color: #fff;
    z-index: 33000;
}

    .ring:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border: 3px solid transparent;
        border-top: 3px solid #a51718;
        border-right: 3px solid #a51718;
        border-radius: 50%;
        animation: animateC 2s linear infinite;
    }

    .ring span {
        display: block;
        position: absolute;
        top: calc(50% - 2px);
        left: 50%;
        width: 50%;
        height: 4px;
        background: transparent;
        transform-origin: left;
        animation: animate 2s linear infinite;
    }

    .ring img {
        max-width: 105px;
    }

    .ring span:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #a51718;
        top: -3px;
        right: -4px;
        box-shadow: 0 0 20px #a51718;
    }

@keyframes animateC {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(405deg);
    }
}

.snc1 {
}

    .snc1 a {
        border-bottom: 1px dotted lightgrey;
        display: block;
        padding: 7px 0px;
        color: #454545;
        transition: all .5s;
    }

        .snc1 a:hover {
            color: #a51718;
            padding-left: 5px;
        }

    .snc1 i {
        background-color: #cb3e3f;
        border-radius: 15px;
        padding: 4px;
        color: #fff;
    }

    .snc2 {
        padding-left: 25px;
    }


.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    background-color: #cb3e3f;
    padding: 2px;
    border-radius: 15px;
    color: #fff;
    /* width: 7px; */
    padding: 3px 5px;
}