/*======================= 02. BASE CSS =========================*/
        
        *::-moz-selection {
            background: #b94b4c;
            color: #fff;
        }
        
        *::selection {
            background: #b94b4c;
            color: #fff;
        }
        
         ::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #b94b4c;
            opacity: 1;
            /* Firefox */
        }
        
        .tt {
            font-size: 25px;
            font-weight: 400;
            letter-spacing: 0.5;
            letter-spacing: 0.5px;
            /* line-height: 40px; */
            padding: 10px 0px 0px 0px;
        }
        
         :-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #b94b4c;
        }
        
        .about-titles2 {
            font-weight: 300;
            font-size: 40px;
            line-height: 35px;
        }
        
        .banner-titlee {
            font-size: 32px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 55px;
            color: #030303;
        }
        
         ::-ms-input-placeholder {
            /* Microsoft Edge */
            color: #b94b4c;
        }
        
        .alignleft {
            float: left;
            margin-right: 15px;
        }
        
        .alignright {
            float: right;
            margin-left: 15px;
        }
        
        .aligncenter {
            display: block;
            margin: 0 auto 15px;
        }
        
        a:focus {
            outline: 0 solid
        }
        
        img {
            max-width: 100%;
            height: auto;
        }
        
        .newsfont {
            font-family: 'Raleway', sans-serif;
            font-size: 40px;
            font-weight: 300;
            letter-spacing: 1px;
        }
        
        .bparag {
            font-size: 19px !important;
            color: #777777 !important;
            padding-top: 20px;
            text-align: center !important;
        }
        
        .about-titles {
            font-weight: 300;
            font-size: 40px;
            line-height: 35px;
        }
        
        .newsfonta {
            font-family: 'Raleway', sans-serif;
            font-size: 41px;
            font-weight: 400
        }
        
        .bggr {
            width: 1462px;
        }
        
        .machinep {
            font-size: 40px;
            letter-spacing: 1px;
        }
        
        .machnp {
            font-family: 'Raleway', sans-serif;
            font-size: 19px;
            padding-top: 20px;
            font-weight: 500;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin: 0;
            font-weight: 700;
        }
        
        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            -ms-overflow-style: scrollbar;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }
        
        body,
        html {
            height: 100%;
        }
        
        body {
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            font-weight: 400;
            text-align: left;
            text-justify: inter-character;
        }
        
        a:hover,
        a:focus {
            text-decoration: none;
        }
        
        p {
            margin: 0;
        }
        /*font family : Open Sans*/
        
        .f-o-bold {
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
        }
        
        .f-o-semi {
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
        }
        
        .f-o-reg {
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
        }
        /*font family : Popins */
        
        .f-p-bold {
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
        }
        
        .f-p-semi {
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
        }
        
        .f-p-med {
            font-weight: 500;
            font-family: 'Raleway', sans-serif;
        }
        
        .f-p-reg {
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
        }
        
        p {
            margin: 0;
        }
        
        .clear {
            clear: both;
            padding: 30px 0;
        }
        
        .hover:hover {
            background-color: #030303 !important;
            color: #fff;
            -webkit-transition: .3s;
            transition: .3s;
        }
        /* all btn */
        
        .btn.focus,
        .btn:focus,
        .btn-primary.focus,
        .btn-primary:focus {
            outline: 0;
            box-shadow: none;
        }
        
        .btn-primary:not(:disabled):not(.disabled).active,
        .btn-primary:not(:disabled):not(.disabled):active,
        .show>.btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #b94b4c;
            border-color: transparent;
        }
        
        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .show>.btn-primary.dropdown-toggle:focus {
            box-shadow: none;
        }
        /*======================= 02. BASE CSS END =========================*/
        /*=========================== 03. All Margin Padding css =============================*/
        /* Normal padding css*/
        
        .p-100 {
            padding: 100px 0;
        }
        
        .p-80 {
            padding: 80px 0;
        }
        
        .p-50 {
            padding: 50px 0;
        }
        
        .p-0 {
            padding: 0;
        }
        /* padding top*/
        
        .pt-150 {
            padding-top: 150px;
        }
        
        .pt-140 {
            padding-top: 140px;
        }
        
        .pt-130 {
            padding-top: 130px;
        }
        
        .pt-120 {
            padding-top: 120px;
        }
        
        .pt-110 {
            padding-top: 110px;
        }
        
        .pt-100 {
            padding-top: 100px;
        }
        
        .pt-90 {
            padding-top: 90px;
        }
        
        .pt-80 {
            padding-top: 80px;
        }
        
        .pt-70 {
            padding-top: 70px;
        }
        
        .pt-65 {
            padding-top: 65px;
        }
        
        .pt-60 {
            padding-top: 60px;
        }
        
        .pt-50 {
            padding-top: 50px;
        }
        
        .pt-40 {
            padding-top: 40px;
        }
        
        .pt-30 {
            padding-top: 30px;
        }
        
        .pt-25 {
            padding-top: 30px;
        }
        
        .pt-20 {
            padding-top: 20px;
        }
        
        .pt-10 {
            padding-top: 10px;
        }
        
        .pt-0 {
            padding-top: 0px;
        }
        /* padding right */
        
        .pr-150 {
            padding-right: 150px;
        }
        
        .pr-140 {
            padding-right: 140px;
        }
        
        .pr-130 {
            padding-right: 130px;
        }
        
        .pr-120 {
            padding-right: 120px;
        }
        
        .pr-110 {
            padding-right: 110px;
        }
        
        .pr-100 {
            padding-right: 100px;
        }
        
        .pr-90 {
            padding-right: 90px;
        }
        
        .pr-80 {
            padding-right: 80px;
        }
        
        .pr-70 {
            padding-right: 70px;
        }
        
        .pr-60 {
            padding-right: 60px;
        }
        
        .pr-50 {
            padding-right: 50px;
        }
        
        .pr-40 {
            padding-right: 40px;
        }
        
        .pr-30 {
            padding-right: 30px;
        }
        
        .pr-20 {
            padding-right: 20px;
        }
        
        .pr-10 {
            padding-right: 10px;
        }
        
        .pr-0 {
            padding-right: 0px;
        }
        /* padding left*/
        
        .pl-150 {
            padding-left: 150px;
        }
        
        .pl-140 {
            padding-left: 140px;
        }
        
        .pl-130 {
            padding-left: 130px;
        }
        
        .pl-120 {
            padding-left: 120px;
        }
        
        .pl-110 {
            padding-left: 110px;
        }
        
        .pl-100 {
            padding-left: 100px;
        }
        
        .pl-90 {
            padding-left: 90px;
        }
        
        .pl-80 {
            padding-left: 80px;
        }
        
        .pl-75 {
            padding-left: 75px;
        }
        
        .pl-70 {
            padding-left: 70px;
        }
        
        .pl-60 {
            padding-left: 60px;
        }
        
        .pl-50 {
            padding-left: 50px;
        }
        
        .pl-40 {
            padding-left: 40px;
        }
        
        .pl-30 {
            padding-left: 30px;
        }
        
        .pl-20 {
            padding-left: 20px;
        }
        
        .pl-15 {
            padding-left: 15px;
        }
        
        .pl-10 {
            padding-left: 10px;
        }
        
        .pl-0 {
            padding-left: 0px;
        }
        /* padding bottom*/
        
        .pb-150 {
            padding-bottom: 150px;
        }
        
        .pb-140 {
            padding-bottom: 140px;
        }
        
        .pb-130 {
            padding-bottom: 130px;
        }
        
        .pb-120 {
            padding-bottom: 120px;
        }
        
        .pb-110 {
            padding-bottom: 110px;
        }
        
        .pb-100 {
            padding-bottom: 100px;
        }
        
        .pb-90 {
            padding-bottom: 90px;
        }
        
        .pb-80 {
            padding-bottom: 80px;
        }
        
        .pb-75 {
            padding-bottom: 75px;
        }
        
        .pb-70 {
            padding-bottom: 70px;
        }
        
        .pb-65 {
            padding-bottom: 65px;
        }
        
        .pb-60 {
            padding-bottom: 60px;
        }
        
        .pb-55 {
            padding-bottom: 55px;
        }
        
        .pb-50 {
            padding-bottom: 50px;
        }
        
        .pb-45 {
            padding-bottom: 45px;
        }
        
        .pb-40 {
            padding-bottom: 40px;
        }
        
        .pb-35 {
            padding-bottom: 35px;
        }
        
        .pb-30 {
            padding-bottom: 30px;
        }
        
        .pb-25 {
            padding-bottom: 25px;
        }
        
        .pb-20 {
            padding-bottom: 20px;
        }
        
        .pb-10 {
            padding-bottom: 10px;
        }
        
        .pb-0 {
            padding-bottom: 0;
        }
        /*Normal margin css*/
        
        .m-80 {
            margin: 80px 0;
        }
        
        .m-30 {
            margin: 30px 0;
        }
        
        .m-20 {
            margin: 20px 0;
        }
        
        .m-15 {
            margin: 15px 0;
        }
        
        .m-0 {
            margin: 0;
        }
        /* Margin top*/
        
        .mt-150 {
            margin-top: 150px;
        }
        
        .mt-140 {
            margin-top: 140px;
        }
        
        .mt-130 {
            margin-top: 130px;
        }
        
        .mt-120 {
            margin-top: 120px;
        }
        
        .mt-110 {
            margin-top: 110px;
        }
        
        .mt-100 {
            margin-top: 100px;
        }
        
        .mmt-100 {
            margin-top: 100px;
        }
        
        .mt-90 {
            margin-top: 90px;
        }
        
        .mt-80 {
            margin-top: 80px;
        }
        
        .mt-70 {
            margin-top: 70px;
        }
        
        .mt-60 {
            margin-top: 60px;
        }
        
        .mt-50 {
            margin-top: 50px;
        }
        
        .mt-40 {
            margin-top: 40px;
        }
        
        .mt-30 {
            margin-top: 30px;
        }
        
        .mt-20 {
            margin-top: 20px;
        }
        
        .mt-15 {
            margin-top: 15px;
        }
        
        .mt-10 {
            margin-top: 10px;
        }
        /* Margin Bottom*/
        
        .mb-150 {
            margin-bottom: 150px;
        }
        
        .mb-140 {
            margin-bottom: 140px;
        }
        
        .mb-130 {
            margin-bottom: 130px;
        }
        
        .mb-120 {
            margin-bottom: 120px;
        }
        
        .mb-110 {
            margin-bottom: 110px;
        }
        
        .mb-100 {
            margin-bottom: 100px;
        }
        
        .mb-90 {
            margin-bottom: 90px;
        }
        
        .mb-80 {
            margin-bottom: 80px;
        }
        
        .mb-75 {
            margin-bottom: 75px;
        }
        
        .mb-70 {
            margin-bottom: 70px;
        }
        
        .mb-60 {
            margin-bottom: 60px;
        }
        
        .mb-50 {
            margin-bottom: 50px;
        }
        
        .mb-40 {
            margin-bottom: 40px;
        }
        
        .mb-30 {
            margin-bottom: 30px;
        }
        
        .mb-25 {
            margin-bottom: 25px;
        }
        
        .mb-20 {
            margin-bottom: 20px;
        }
        
        .mb-23 {
            margin-bottom: 23px;
        }
        
        .mb-15 {
            margin-bottom: 15px;
        }
        
        .mb-10 {
            margin-bottom: 10px;
        }
        
        .mb-0 {
            margin-bottom: 0;
        }
        /* Margin right*/
        
        .mr-150 {
            margin-right: 150px;
        }
        
        .mr-140 {
            margin-right: 140px;
        }
        
        .mr-130 {
            margin-right: 130px;
        }
        
        .mr-120 {
            margin-right: 120px;
        }
        
        .mr-110 {
            margin-right: 110px;
        }
        
        .mr-100 {
            margin-right: 100px;
        }
        
        .mr-90 {
            margin-right: 90px;
        }
        
        .mr-80 {
            margin-right: 80px;
        }
        
        .mr-70 {
            margin-right: 70px;
        }
        
        .mr-60 {
            margin-right: 60px;
        }
        
        .mr-50 {
            margin-right: 50px;
        }
        
        .mr-40 {
            margin-right: 40px;
        }
        
        .mr-30 {
            margin-right: 30px;
        }
        
        .mr-20 {
            margin-right: 20px;
        }
        
        .mr-15 {
            margin-right: 15px;
        }
        
        .mr-10 {
            margin-right: 10px;
        }
        /* Margin left*/
        
        .ml-150 {
            margin-left: 150px;
        }
        
        .ml-140 {
            margin-left: 140px;
        }
        
        .ml-130 {
            margin-left: 130px;
        }
        
        .ml-120 {
            margin-left: 120px;
        }
        
        .ml-110 {
            margin-left: 110px;
        }
        
        .ml-100 {
            margin-left: 100px;
        }
        
        .ml-90 {
            margin-left: 90px;
        }
        
        .ml-80 {
            margin-left: 80px;
        }
        
        .ml-75 {
            margin-left: 75px;
        }
        
        .ml-70 {
            margin-left: 70px;
        }
        
        .ml-60 {
            margin-left: 60px;
        }
        
        .ml-50 {
            margin-left: 50px;
        }
        
        .ml-40 {
            margin-left: 40px;
        }
        
        .ml-30 {
            margin-left: 30px;
        }
        
        .ml-20 {
            margin-left: 20px;
        }
        
        .ml-23 {
            margin-left: 23px;
        }
        
        .ml-15 {
            margin-left: 15px;
        }
        
        .ml-10 {
            margin-left: 10px;
        }
        
        .ml-0 {
            margin-left: 0;
        }
        /*================================= 03. ALL SECTION MARGIN PADDING END ===============================*/
        /*============================= 04. SECTION PADDING MARGIN START ================================*/
        /*section padding css*/
        
        .p-80 {
            padding: 80px 0;
        }
        
        .p-0 {
            padding: 0;
        }
        
        .pt-80 {
            padding-top: 80px;
        }
        
        .pt-50 {
            padding-top: 50px;
        }
        
        .pb-80 {
            padding-bottom: 80px;
        }
        
        .pb-50 {
            padding-bottom: 50px;
        }
        
        .pb-60 {
            padding-bottom: 60px;
        }
        
        .plr {
            padding-right: 100px;
            padding-left: 100px;
        }
        /*section margin css*/
        
        .m-80 {
            margin: 80px 0;
        }
        
        .m-0 {
            margin: 0;
        }
        
        .mt-80 {
            margin-top: 80px;
        }
        
        .mb-80 {
            margin-bottom: 80px;
        }
        
        .mb-50 {
            margin-bottom: 50px;
        }
        
        .mb-30 {
            margin-bottom: 30px;
        }
        
        .mb-20 {
            margin-bottom: 20px;
        }
        
        .mt-50 {
            margin-top: 50px;
        }
        
        .mlr {
            margin-right: 100px;
            margin-left: 100px;
        }
        /*All section Spacer*/
        
        .spacer {
            display: block;
        }
        
        .spacer-2 {
            display: block;
            height: 10px;
        }
        /*================================ 04. SECTION PADDING MARGIN CSS END ==================================*/
        /*============================= 05. PRELOADER CSS START ================================*/
        
        #loading {
            background-color: #dc3522;
            height: 100%;
            width: 100%;
            position: fixed;
            z-index: 999;
            margin-top: 0px;
            top: 0px;
        }
        
        #loading-center {
            width: 100%;
            height: 100%;
            position: relative;
            background: #000;
        }
        
        #loading-center-absolute {
            position: absolute;
            left: 50%;
            top: 50%;
            height: 150px;
            width: 150px;
            margin-top: -75px;
            margin-left: -75px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .object {
            width: 20px;
            height: 20px;
            background-color: #FFF;
            position: absolute;
            left: 65px;
            top: 65px;
            border-radius: 50% 50% 50% 50%;
        }
        
        .object:nth-child(2n+0) {
            margin-right: 0px;
        }
        
        #object_one {
            -webkit-animation: object_one 2s infinite;
            animation: object_one 2s infinite;
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }
        
        #object_two {
            -webkit-animation: object_two 2s infinite;
            animation: object_two 2s infinite;
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }
        
        #object_three {
            -webkit-animation: object_three 2s infinite;
            animation: object_three 2s infinite;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }
        
        #object_four {
            -webkit-animation: object_four 2s infinite;
            animation: object_four 2s infinite;
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }
        
        #object_five {
            -webkit-animation: object_five 2s infinite;
            animation: object_five 2s infinite;
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }
        
        #object_six {
            -webkit-animation: object_six 2s infinite;
            animation: object_six 2s infinite;
            -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
        }
        
        #object_seven {
            -webkit-animation: object_seven 2s infinite;
            animation: object_seven 2s infinite;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }
        
        #object_eight {
            -webkit-animation: object_eight 2s infinite;
            animation: object_eight 2s infinite;
            -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
        }
        
        #object_big {
            position: absolute;
            width: 50px;
            height: 50px;
            left: 50px;
            top: 50px;
            -webkit-animation: object_big 2s infinite;
            animation: object_big 2s infinite;
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }
        
        @-webkit-keyframes object_big {
            50% {
                -webkit-transform: scale(0.5);
            }
        }
        
        @keyframes object_big {
            50% {
                transform: scale(0.5);
                -webkit-transform: scale(0.5);
            }
        }
        
        @-webkit-keyframes object_one {
            50% {
                -webkit-transform: translate(-65px, -65px);
            }
        }
        
        @keyframes object_one {
            50% {
                transform: translate(-65px, -65px);
                -webkit-transform: translate(-65px, -65px);
            }
        }
        
        @-webkit-keyframes object_two {
            50% {
                -webkit-transform: translate(0, -65px);
            }
        }
        
        @keyframes object_two {
            50% {
                transform: translate(0, -65px);
                -webkit-transform: translate(0, -65px);
            }
        }
        
        @-webkit-keyframes object_three {
            50% {
                -webkit-transform: translate(65px, -65px);
            }
        }
        
        @keyframes object_three {
            50% {
                transform: translate(65px, -65px);
                -webkit-transform: translate(65px, -65px);
            }
        }
        
        @-webkit-keyframes object_four {
            50% {
                -webkit-transform: translate(65px, 0);
            }
        }
        
        @keyframes object_four {
            50% {
                transform: translate(65px, 0);
                -webkit-transform: translate(65px, 0);
            }
        }
        
        @-webkit-keyframes object_five {
            50% {
                -webkit-transform: translate(65px, 65px);
            }
        }
        
        @keyframes object_five {
            50% {
                transform: translate(65px, 65px);
                -webkit-transform: translate(65px, 65px);
            }
        }
        
        @-webkit-keyframes object_six {
            50% {
                -webkit-transform: translate(0, 65px);
            }
        }
        
        @keyframes object_six {
            50% {
                transform: translate(0, 65px);
                -webkit-transform: translate(0, 65px);
            }
        }
        
        @-webkit-keyframes object_seven {
            50% {
                -webkit-transform: translate(-65px, 65px);
            }
        }
        
        @keyframes object_seven {
            50% {
                transform: translate(-65px, 65px);
                -webkit-transform: translate(-65px, 65px);
            }
        }
        
        @-webkit-keyframes object_eight {
            50% {
                -webkit-transform: translate(-65px, 0);
            }
        }
        
        @keyframes object_eight {
            50% {
                transform: translate(-65px, 0);
                -webkit-transform: translate(-65px, 0);
            }
        }
        
        .header-address {
            padding: 2px 0;
        }
        
        .header-address.header-bg {
            background-color: #030303;
        }
        
        .cell-no {
            color: #fff;
            margin-top: 10px;
            font-size: 14px;
        }
        
        .cell-no p {
            font-weight: 500;
            letter-spacing: 0.5px;
            font-size: 12px;
            text-transform: uppercase;
        }
        
        .cell-no a {
            color: #fff !important;
            font-size: 12px;
        }
        
        .w-h p {
            color: #fff;
            font-size: 14px;
        }
        
        .cell-no i {
            margin-right: 5px;
        }
        
        .w-h i {
            margin-right: 5px;
        }
        
        .h-n nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            text-align: right;
        }
        
        .h-n nav ul li {
            display: inline-block;
            font-size: 14px;
        }
        
        .h-n nav ul li a {
            display: block;
            margin-right: 20px;
            color: #fff;
            font-weight: 500;
            font-family: 'Raleway', sans-serif;
            text-transform: capitalize;
            font-size: 13px;
        }
        
        .h-n nav ul li:last-child a {
            margin-right: 0;
        }
        /*Logo Area*/
        
        .logo-area img {
            max-width: 150px;
            max-width: 220px;
        }
        
        .mt-100 {
            margin-top: 100px;
        }
        
        .bg-grays {
            background-color: #f3f3f3!important;
        }
        
        .pt-150 {
            padding-top: 150px;
        }
        
        .nbrs {
            float: left;
            padding: 32px;
            color: rgb(255, 255, 255);
            text-decoration: none;
            font-size: 15px;
            width: 25%;
            text-align: center;
        }
        
        .nbrs:hover {
            color: rgb(255, 255, 255);
        }
        /*Main Menu Area*/
        
        .mt-main-menu:before {
            border-bottom: 0px solid #d4d5d8;
            position: absolute;
            left: 0;
            bottom: 0;
            content: '';
            height: 1px;
            width: 129%;
        }
        
        .mt-main-menu {
            position: relative;
        }
        
        .mt-main-menu nav ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .mt-main-menu nav ul li {
            display: inline-block;
            position: relative;
            margin-right: 30px;
        }
        
        .mt-main-menu nav ul li:last-child {
            margin-right: 0;
        }
        
        .mt-main-menu nav ul li:hover a {
            color: #b94b4c;
            -webkit-transition: .5s;
            transition: .5s;
        }
        
        .mt-main-menu nav ul li a {
            display: block;
            font-size: 13px;
            font-family: 'Raleway', sans-serif;
            font-weight: 500;
            color: #030303;
            position: relative;
            text-transform: uppercase;
            transition: .5s;
            -webkit-transition: .5s;
            padding: 30px 0;
        }
        /*submenu*/
        
        .mt-main-menu ul li ul.submenu {
            position: absolute;
            background: #ffffff;
            width: 220px;
            left: auto;
            top: 80px;
            border-top: 3px solid #b94b4c;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
            -webkit-transition: .3s;
            transition: .3s;
            z-index: 2;
        }
        
        .mt-main-menu nav ul li:hover ul.submenu {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            visibility: visible;
            top: 80px;
        }
        
        .mt-main-menu nav ul li ul.submenu li {
            margin: 0;
            display: block;
            /* border-bottom: 2px solid #1e2128; */
            top: -3px;
        }
        
        .megatitle {
            font-size: 16px !important;
            font-weight: 300 !important;
        }
        
        .smalltittle {
            font-weight: 300 !important;
            letter-spacing: 1px;
            font-size: .875em !important;
        }
        
        .mt-main-menu nav ul li ul.submenu li:last-child {
            border: none;
        }
        
        .mt-main-menu nav ul li ul.submenu li a {
            color: rgb(0, 0, 0) !important;
            padding: 5px 9px;
            width: 100%;
            font-family: 'Raleway', sans-serif;
            text-transform: capitalize;
            font-weight: 500 !important;
            /* letter-spacing: 1px; */
            font-size: 12px !important;
        }
        
        .smalltittle {
            height: 47px;
        }
        
        .twomega {
            padding: 10px 23px 26px 24px !important;
        }
        
        .mt-main-menu nav ul li ul.submenu li:hover>a {
            background: #11b12100;
            /* padding-left: 30px; */
        }
        /* .megamenu {
        width: 650px !important;
        padding: 26px 32px 26px 27px !important
    } */
        
        .mnu {
            padding: 10px 32px 26px 27px !important
        }
        
        .megacol {
            width: 35%;
        }
        
        .pricing {
            margin-bottom: 16px;
        }
        
        .mt-main-menu nav ul li ul.submenu li ul.submenu {
            left: 100%;
            top: 0;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
        }
        
        .mt-main-menu nav ul li ul.submenu li:hover ul.submenu {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            visibility: visible;
        }
        
        .detailarow {
            font-weight: 600;
            font-size: 17px;
            letter-spacing: 0.250px;
        }
        
        .file-box {
            padding: 10px 0px 10px 32px;
        }
        
        .desc-area {
            padding: 0px 15px;
        }
        
        .abouts {
            font-size: 40px;
            font-weight: 300;
            font-family: 'Raleway', sans-serif;
            line-height: 45px;
            color: #282e3e;
        }
        
        .career-title-h1 {
            font-size: 40px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 45px;
            color: #282e3e;
        }
        
        .boldtr {
            font-weight: 300;
            font-family: 'Raleway', sans-serif;
        }
        
        .bgs {
            position: absolute;
            z-index: 99;
            width: 100%;
        }
        
        .menu-area {
            padding: 0px 0;
        }
        
        .menu_fixed {
            position: fixed;
            width: 100%;
            z-index: 99999;
            background-color: #fff;
            left: 0;
            top: 0;
            z-index: 9999;
            box-shadow: 0 5px 20px -10px #333;
        }
        
        .menu_fixed .mt-main-menu:before {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
        /*mobile menu*/
        
        .responsive-menu.mean-container .mean-bar a.meanmenu-reveal {
            border: 1px solid #b94b4c;
            top: -46px;
        }
        
        .mean-container .mean-nav {
            float: left;
            width: 100%;
            background: #000;
            top: 20px;
            position: relative;
        }
        
        .mean-container .mean-nav ul li a {
            display: block;
            float: left;
            width: 90%;
            padding: 1em 5%;
            margin: 0;
            text-align: left;
            color: #fff;
            /* border-top: 1px solid #383838;
     */
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            text-decoration: none;
            text-transform: uppercase;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
        }
        
        .mean-container .mean-nav ul li a.mean-expand {
            margin-top: 1px;
            width: 26px;
            height: 26px;
            padding: 12px !important;
            text-align: center;
            position: absolute;
            right: 0;
            top: 1px;
            z-index: 2;
            font-weight: 700;
            background: rgba(255, 255, 255, 0.1);
            border: none !important;
            /* border-left: 1px solid rgba(255,255,255,0.4) !important;
     */
            /* border-bottom: 1px solid rgba(255,255,255,0.2) !important;
     */
            font-size: 14px !important;
        }
        
        .home-2 .mean-container a.meanmenu-reveal span {
            background: #fff;
        }
        /*Header Quote Btn Style*/
        
        .quote-btn {
            padding: 15px 15px;
            border: 1px solid #b94b4c;
        }
        
        a.quote-btn {
            font-size: 16px;
            color: #b94b4c;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .quote-btn:hover {
            background-color: #b94b4c;
            color: #fff;
            border: 1px solid #fff;
        }
        /*============================= 06. HEADER CSS END ===============================*/
        /*=================== 07. SERVICE TOOLS AREA CSS =====================*/
        
        .mt-service-area ul.single-service-tool {
            -webkit-transition: .3s;
            transition: .3s;
            margin-left: 60px;
        }
        
        .mt-service-area ul.single-service-tool:first-child {
            margin-left: 0;
        }
        
        .mt-service-area ul.single-service-tool:hover li {
            color: #54df61;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .mt-service {
            clear: both;
        }
        
        .mt-service-area ul.single-service-tool {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .mt-service-area ul.single-service-tool {
            display: inline-block;
            margin-left: 77px;
        }
        
        .mt-service-area ul.single-service-tool li.solution:first-child {
            margin-left: 0;
        }
        
        .mt-service-area {
            overflow: hidden;
            opacity: .8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        }
        
        .mt-service-area ul.single-service-tool li {
            display: inline-block;
            transition: .5s;
            -webkit-transition: .5s;
        }
        
        .mt-service-area ul.single-service-tool li.solution i {
            font-size: 36px;
            font-family: 'IcoFont' !important;
            margin: 0;
            position: relative;
            top: 0;
        }
        
        .mt-service-area ul.single-service-tool li p {
            margin-top: 10px;
            font-size: 15px;
            font-family: 'Raleway', sans-serif;
        }
        
        .mt-service-area ul.single-service-tool li i {
            font-size: 30px;
            margin-left: 30px;
            position: relative;
            bottom: -5px;
        }
        
        .mt-service-area ul.single-service-tool li.solution:hover,
        .mt-service-area ul.single-service-tool li:hover i {
            color: #54df61;
        }
        /*=================== 07. SERVICE TOOL AREA END =====================*/
        /*========================= 08. HEADER SLIDER ===========================*/
        
        .banner-bg {
            position: relative;
            background-size: cover;
            background-position: center top;
            background-color: #dddddde6;
            background-repeat: no-repeat;
        }
        
        .banner-bg:before {
            position: absolute;
            height: 100%;
            width: 100%;
            content: '';
            background: #030303;
            opacity: .7;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        }
        
        .banner-bg-1 {
            background-image: url(../img/h-slider/slide-1.jpg);
        }
        
        .banner-bg-1 {
            background-image: url(../img/h-slider/slide-1.jpg);
        }
        
        .banner-text {
            padding: 260px 0;
        }
        
        .banner-text h3 {
            font-size: 30px;
            color: #b94b4c;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        
        .banner-text h2 {
            font-size: 60px;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            line-height: 1.2;
        }
        
        .banner-text p {
            font-size: 18px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            color: #fff;
            margin-top: 20px;
            line-height: 30px;
        }
        /* slider readmore btn*/
        
        .mt-btn {
            color: #fff;
            display: inline-block;
            font-size: 18px;
            font-weight: 500;
            line-height: 1;
            padding: 20px 23px;
            position: relative;
            text-transform: capitalize;
            -webkit-transform: perspective(1px) translateZ(0px);
            transform: perspective(1px) translateZ(0px);
            -webkit-transition: .3s;
            transition: .3s;
            vertical-align: middle;
            background: #b94b4c;
            border-radius: 0;
            border: none;
            font-family: 'Raleway', sans-serif;
        }
        
        .mt-btn:before {
            background: #b94b4c;
            bottom: 0;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: 50% 0 0;
            transform-origin: 50% 0 0;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            z-index: -1;
            border-radius: 0;
        }
        
        .mt-btn:hover:before {
            -webkit-transform: scaley(1);
            transform: scaley(1);
        }
        
        .read-more-btn {
            border-radius: 0;
            background-color: #b94b4c;
            border: transparent;
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 700;
            margin-top: 30px;
            transition: .5s;
            -webkit-transition: .5s;
        }
        
        .header-slider-active .owl-dots div {
            display: inline-block;
            height: 10px;
            width: 10px;
            background: #60698a;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -o-border-radius: 50%;
            margin-right: 4px;
        }
        
        .header-slider-active .owl-dots {
            position: absolute;
            left: 0;
            bottom: 20px;
            width: 100%;
            text-align: center;
        }
        
        .header-slider-active .owl-controls {
            height: 50px;
            width: 92px;
            background-color: #fff;
            position: absolute;
            left: 50%;
            bottom: -25px;
            border-radius: 25px;
            display: inline-block;
            margin: 0 auto;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -o-transform: translate(-50%);
            -moz-transform: translate(-50%);
        }
        
        .header-slider-active .owl-dots {
            text-align: center;
        }
        
        .header-slider-active .owl-dots div.active {
            background: #b94b4c;
        }
        /*========================= 08. HEADER SLIDER END. ===========================*/
        /*============================== 09. ALL SECTION TITLE ================================*/
        
        .section-title {
            position: relative;
            padding-bottom: 70px;
        }
        
        .title-thin {
            font-size: 29.28px;
            line-height: 37.28px;
            font-weight: 300;
            padding-top: 10px;
        }
        
        .breadcr {
            align-content: center;
            justify-content: center;
            align-items: center;
            display: flex;
            text-transform: uppercase;
        }
        
        .breadcr2 {
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            display: flex;
            text-transform: uppercase;
        }
        
        .fa-angle-right {
            font-size: 9px;
            margin-left: 6px;
            line-height: 45px;
            font-weight: 400;
            color: #ffffff;
        }
        
        .white {
            color: #fff !important;
        }
        
        .breadcrumbs {
            font-size: 10px;
            margin-left: 8px;
            font-weight: 500;
            font-family: 'Raleway', sans-serif;
            line-height: 45px;
            color: #ffffff;
        }
        
        .ml10 {
            margin-left: 10px;
        }
        
        .machineparagraph {
            font-size: 17px;
            font-weight: 400;
            line-height: 30px;
            margin-top: 10px;
            color: #707070;
            font-family: 'Raleway', sans-serif;
        }
        
        .banner-title {
            font-size: 40px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 65px;
            color: #030303;
        }
        
        .section-title h2 {
            font-size: 40px;
            text-transform: capitalize;
            font-family: 'Raleway', sans-serif;
            font-weight: 500;
            color: #030303;
            position: relative;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
        
        .titlenew {
            font-size: 40px !important;
            text-transform: capitalize!important;
            font-family: 'Poppins', sans-serif!important;
            font-weight: 500!important;
            color: #030303!important;
            position: relative!important;
            padding-bottom: 20px!important;
            margin-bottom: 20px!important;
        }
        
        .section-title h2:before {
            position: absolute;
            content: '';
            height: 4px;
            width: 70px;
            left: 0;
            background-color: #b94b4c;
            bottom: 0;
            margin: auto;
            right: 0;
        }
        
        .section-title p {
            font-size: 18px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            color: #707070;
            line-height: 27px;
        }
        
        .section-title span {
            color: #b94b4c;
        }
        
        .left-section-title {
            position: relative;
            padding-bottom: 70px;
        }
        
        .left-section-title h2 {
            font-size: 50px;
            text-transform: uppercase;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            color: #030303;
            /*
     margin-top: 70px;*/
            position: relative;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
        
        .left-section-title h2:before {
            position: absolute;
            content: '';
            height: 4px;
            width: 70px;
            left: 0;
            background-color: #b94b4c;
            bottom: 0;
        }
        
        .left-section-title p {
            font-size: 15px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            color: #707070;
            line-height: 24px;
        }
        /*============================== 09. ALL SECTION TITLE END. ================================*/
        /*===================== 10. ABOUT US CSS START =======================*/
        
        .about-details h2 {
            font-size: 30px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            margin-bottom: 30px;
            color: #030303;
        }
        
        .about-details h2 span {
            color: #b94b4c;
        }
        
        .about-details p {
            font-size: 15px;
            font-family: 'Raleway';
            line-height: 24px;
            color: #707070;
        }
        
        .about-img img {}
        /*about us pages*/
        
        .video-1,
        .video-2 {
            position: relative;
        }
        
        .video-hover {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: rgb(40, 46, 62, 0.8);
            border-radius: 10px;
        }
        
        .video-hover .video-overlay .play-bg {
            font-size: 20px;
            color: #fff;
            background: rgb(22, 212, 40);
            height: 50px;
            width: 50px;
            border-radius: 50%;
            display: block;
            text-align: center;
            line-height: 50px;
            position: relative;
        }
        
        .about-video-text h4 {
            font-size: 18px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            color: #b94b4c;
            margin-bottom: 20px;
            margin-top: 30px;
        }
        
        .about-video-text p {
            font-size: 14px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 24px;
            color: #707070;
        }
        
        .row.pos-rel {
            position: relative;
            z-index: 9;
        }
        
        .row.pos-relative {
            position: relative;
            margin-top: -160px;
        }
        
        .about-video.video-item-1 img,
        .about-video.video-item-2 img,
        .about-video.video-item-3 img {
            width: 100%;
            border-radius: 10px;
        }
        
        .about-img img {
            width: 100%;
            max-height: 100%;
        }
        
        .title-detail {
            font-size: 33px;
            font-weight: 400;
            text-transform: uppercase;
            margin: 10px 0px;
        }
        
        .daysb {
            font-size: 18px;
            text-transform: uppercase;
            padding: 15px 0px;
            font-weight: 400;
        }
        
        .blog-detail-p {
            width: 100%;
            margin: 0px;
            padding: 0px;
        }
        
        .nopad {
            padding: 0px !important;
        }
        
        .cont_title a:hover {
            text-decoration-color: #b94b4c;
            text-underline-offset: 0.1em;
        }
        
        .fd-social-link a {
            color: #000;
        }
        
        .news-img img {
            height: 370px;
            width: 100%;
            max-height: 100%;
        }
        
        .blogd-two {
            font-size: 20px;
            line-height: 33px;
            font-weight: 400;
        }
        
        .mb-50 {
            margin-bottom: 150px;
        }
        
        .newsb {
            font-size: 19px;
            font-weight: 500;
            color: #212529;
        }
        
        .blogd-one {
            font-size: 20px;
            line-height: 30px;
            color: #202324;
            font-weight: 300;
            margin-top: 10px;
        }
        
        .about-txt h2 {
            font-size: 30px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            color: #282e3d;
            margin-bottom: 20px;
        }
        
        .about-txt p {
            font-size: 15px;
            font-weight: 400;
            line-height: 24px;
            color: #707070;
            font-family: 'Raleway', sans-serif;
        }
        /*=================== 10. ABOUT US CSS END =====================*/
        /*=================== 11. WHY CHOOSE US CSS =====================*/
        
        .single-feature-item .feature-icon {
            float: left;
            display: inline-block;
            height: 150px;
            width: 150px;
            text-align: center;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .single-feature-item {
            display: flex;
            margin: 20px 0px !important;
        }
        
        .d-img {
            width: 100%;
            position: relative;
            top: -13px;
        }
        
        .menu_fixed {
            background-color: #000;
        }
        
        .single-feature-item:hover .feature-icon {
            background-color: #ffffff;
            color: #030303;
            border-color: #030303;
        }
        /* .single-feature-item .feature-text {
            padding-left: 160px;
        } */
        
        .single-feature-item .feature-text h2 {
            font-size: 19px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            margin-bottom: 15px;
            text-transform: capitalize;
            color: #0c0c0c;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .service-tab-content p {
            color: #707070;
        }
        
        .single-feature-item:hover .feature-text h2 {
            color: #b94b4c;
        }
        
        .single-feature-item .feature-text p {
            font-size: 17px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            color: #707070;
            line-height: 26px;
        }
        /*=================== 11. WHY CHOOSE US END =====================*/
        /*========================= 12. OUR SERVICES AREA CSS ===========================*/
        /* .our-services .container {
     box-shadow: 0 0 20px -10px #000;
     padding-left: 0;
     padding-right: 0;
}*/
        
        .single-content-img {
            height: 186px;
            width: 100%;
            background-size: cover;
            background-position: center top;
            background-repeat: no-repeat;
            background-color: #ccc;
        }
        
        .img-1 {
            background-image: url(../img/service/service-1.jpg);
        }
        
        .img-2 {
            background-image: url(../img/service/service-2.jpg);
        }
        
        .img-3 {
            background-image: url(../img/service/service-3.jpg);
        }
        /* .view-all {
     margin-top: 90px;
}*/
        
        .view-all a {
            color: #b94b4c;
            font-size: 16px;
            text-underline-offset: 3px;
            -webkit-text-underline-offset: 3px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            text-decoration: none;
            text-decoration: underline;
        }
        
        .heigtw {
            height: 236px;
        }
        
        .product-pr {
            font-size: 25px;
            font-weight: 300;
        }
        
        .single-item-box .single-box-content .single-content-image {
            margin-bottom: 25px;
            width: 300px !important;
        }
        
        .single-content-img img {
            object-fit: cover;
        }
        
        .single-slider-item-box {
            margin: 0;
        }
        
        .single-box-content {
            overflow: hidden;
            display: flex;
        }
        
        .service-meta {
            padding-left: 10px;
            padding-right: 8px;
        }
        
        .service-meta h4 a {
            font-size: 16px;
            font-weight: 700;
            font-family: 'Raleway';
            color: #030303;
            transition: .3s;
            -webkit-transition: .3s;
        }
        
        .single-slider-item-box:hover .service-meta h4 a {
            color: #b94b4c;
        }
        
        .service-meta h4 {
            margin-bottom: 15px;
        }
        
        .service-meta p {
            font-size: 14px;
            font-weight: 400;
            font-family: 'Raleway';
            line-height: 24px;
            color: #707070;
        }
        
        .service-meta h4 a i {
            font-size: 22px;
            position: relative;
            top: 3px;
            margin-right: 10px;
        }
        
        .our-services .single-service-carousel .owl-dots div {
            display: block;
            height: 100px;
            width: 4px;
            background-color: #e3f6e5;
            border-radius: 4px;
            -webkit-transition: .5s;
            transition: .5s;
        }
        
        .our-services .single-service-carousel .owl-dots {
            position: absolute;
            right: -155px;
            top: 8%;
        }
        
        .our-services .single-service-carousel .owl-dot.active {
            background-color: #b94b4c;
        }
        /*========================= 12. OUR SERVICES AREA END ===========================*/
        /*============================== 13. ASK QUESTION AREA CSS ================================*/
        
        .services-custom-tab a {
            font-size: 15px;
            font-family: 'Raleway';
            font-weight: 400;
            margin-bottom: 25px;
            display: inherit;
            color: #030303;
        }
        
        .services-custom-tab a:last-child {
            margin-bottom: 0;
        }
        
        .services-custom-tab a span {
            margin-right: 20px;
        }
        
        .service-tab-content .tab-heading h3 {
            font-size: 18px;
            font-weight: 700;
            font-family: 'Raleway';
            margin-bottom: 30px;
            color: #b94b4c;
        }
        
        .service-tab-content .tab-heading h3 span {
            margin-right: 20px;
        }
        
        .services-custom-tab>.list-group .active {
            color: #b94b4c;
        }
        
        .service-tab-content p {
            font-size: 15px;
            line-height: 24px;
            font-weight: 400;
            font-family: 'Raleway';
        }
        /*============================== 13. ASK QUESTION AREA CSS END ================================*/
        /*=========================== 14. OUR BLOG AREA CSS START =============================*/
        
        .our-blog-area {
            background-size: cover;
            background-position: center top;
            background-repeat: no-repeat;
            background-color: #ddd;
            background-attachment: fixed;
        }
        
        .blog-bg {
            background-image: url(../img/blog-bg.jpg);
        }
        
        .our-blog-area {
            position: relative;
        }
        
        .our-blog-area:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background-color: rgb(40, 46, 62, 0.5);
        }
        
        .our-blog-area .container .left-section-title h2,
        .our-blog-area .container .left-section-title p {
            color: #fff;
        }
        
        .single-blog-content-box {
            max-width: 100%;
            position: relative;
            -webkit-transition: .3s;
            transition: .3s;
            margin: 0 auto;
        }
        
        .single-blog-img img {
            border-radius: 0 0 5px 5px;
            width: 100% !important;
            max-height: 350px;
        }
        
        .single-blog-content-box:after {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background-color: rgba(40, 46, 62, 0.5);
            overflow: hidden;
            border-radius: 0 0 5px 5px;
        }
        
        .single-blog-content-box .single-blog-thumb img {
            width: 100%;
            height: 330px;
            border-radius: 0 0 5px 5px;
        }
        
        .single-post-meta {
            position: absolute;
            bottom: 0;
            padding: 20px;
            z-index: 1;
            margin-bottom: 10px;
        }
        
        .single-post-date {
            padding: 8px;
            background-color: #030303;
            display: inline-block;
            border-radius: 4px;
            margin-bottom: 15px;
            transition: .3s;
            -webkit-transition: .3s;
        }
        
        .single-post-date span {
            font-size: 13px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
            color: #fff;
        }
        
        .single-post-title a {
            font-size: 16px;
            font-weight: 700;
            font-family: 'Raleway';
            color: #fff;
            transition: .3s;
        }
        
        .single-blog-content-box:hover .single-post-date {
            background-color: #030303;
            transition: .3s;
            -webkit-transition: .3s;
        }
        
        .single-blog-content-box:hover .single-post-title a {
            color: #fff;
        }
        
        .our-blog-area .single-blog-carousel .owl-dots div {
            display: block;
            height: 100px;
            width: 4px;
            background-color: #384d50;
            /*margin-bottom: 4px;
    */
            border-radius: 4px;
            -webkit-transition: .5s;
            transition: .5s;
        }
        
        .our-blog-area .single-blog-carousel .owl-dots {
            position: absolute;
            right: -155px;
            top: 60px;
        }
        
        .our-blog-area .single-blog-carousel .owl-dot.active {
            background-color: #b94b4c;
        }
        
        .bglogo {
            background-repeat: no-repeat;
            background-size: contain;
            height: 400px;
            display: flex;
            background-position: center;
            justify-content: center;
            align-items: center;
        }
        
        #counter {
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px 0px;
            width: 100%;
        }
        
        .abouttbold {
            font-weight: 700;
        }
        
        #counter .item {
            width: 300px;
            padding: 35px 2px;
            margin: 10px;
            text-align: center;
            border-radius: 20px;
        }
        
        #counter .item .count {
            color: #000000;
            margin-bottom: 5px;
            font-size: 91px;
            font-weight: 600;
            margin-bottom: 38px;
        }
        
        #counter .item h3 {
            color: #606060;
            text-transform: uppercase;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
            letter-spacing: 1px;
            margin-top: 15px;
        }
        /*=========================== 14. OUR BLOG AREA CSS END =============================*/
        
        .videobox {
            width: 700px;
            position: relative;
            right: 0px;
            float: right;
            top: -162px;
        }
        
        .our-blog-list-area {
            background-repeat: no-repeat;
            background-size: cover;
            height: 700px !important;
        }
        
        .plays {
            width: 75px;
        }
        
        .playbtn {
            position: absolute;
            right: 235px;
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            top: 165px;
            flex-wrap: nowrap;
            flex-direction: row;
        }
        
        .bggray {
            display: flex;
            flex-wrap: nowrap;
            align-content: flex-end;
            justify-content: flex-end;
        }
        
        .prg {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            align-content: center;
            justify-content: center;
        }
        
        .newsfonta:after {
            content: "neden biz?";
            position: relative;
            z-index: -1;
            -webkit-text-fill-color: white;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #ffffff00;
            text-shadow: -1px 0 #7070706a, 0 1px #7070706a, 1px 0 #7070706a, 0 -1px #7070706a;
            left: -2%;
            top: -14px;
            font-size: 306px;
            font-weight: 600;
            --stroke-width: 1px;
            color: #f2f2f2;
        }
        
        .why-cnt {
            padding: 10px 20px 10px 20px;
        }
        
        .why {
            font-size: 33px;
            font-weight: 600;
            text-transform: uppercase;
            font-family: 'Raleway', sans-serif;
        }
        
        .whyp {
            font-size: 18px;
            padding-top: 20px;
            width: 300px;
            font-family: 'Raleway', sans-serif;
        }
        
        .obcvr {
            object-fit: cover;
            height: 100%;
        }
        
        .dscnt {
            display: flex;
            align-items: center;
        }
        
        .dscnnt {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        
        .cnte {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
            justify-content: center;
        }
        /*=========================== 15. VIDEO DESCRIPTION AREA CSS =============================*/
        
        .video-description-area .desc-area h1 {
            font-size: 46px;
            font-weight: 400;
            text-transform: uppercase;
            font-family: 'Raleway';
            line-height: 53px;
            color: #030303;
            /* border-left: 2px solid #b94b4c;
    padding-left: 45px; */
        }
        
        .video-description-area .desc-area p {
            margin-top: 9px;
            font-size: 25px;
            font-family: 'Raleway';
            line-height: 30px;
            color: #000000;
            padding-bottom: 45px;
            border-bottom: 0px solid #dfe0e2;
        }
        
        .complete-work {
            margin-top: 45px;
        }
        
        .project h2,
        .r-project h2,
        .client h2 {
            text-align: center;
            color: #030303;
            font-size: 30px;
            font-weight: 700;
            font-family: "Poppins", sans-serif;
            margin-bottom: 15px;
        }
        
        .project p,
        .r-project p,
        .client p {
            text-align: center;
        }
        
        .video-description-area .video-desc .video-bg {
            position: relative;
        }
        
        .video-description-area .video-desc .video-bg:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background: rgb(40, 46, 62, .5);
        }
        
        .video-description-area .video-desc .video-bg img {
            max-width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-height: 442px;
            box-shadow: 0 15px 15px #e7e7e7;
        }
        
        .video-description-area .video-desc .video-bg .round-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 16px;
            height: 50px;
            width: 50px;
            text-align: center;
            background: #b94b4c;
            border-radius: 50%;
            z-index: 9;
            border: none;
        }
        
        .video-description-area .video-desc .video-bg .round-play-btn:before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            height: 60px;
            width: 60px;
            background: #0cd81f;
            z-index: -1;
            border-radius: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-animation: pulse 1500ms ease-out infinite;
            animation: pulse 1500ms ease-out infinite;
        }
        
        .video-description-area .video-desc .video-bg .round-play-btn i {
            font-size: 24px;
            line-height: 30px;
        }
        
        @-webkit-keyframes pulse {
            0% {
                -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                opacity: 1;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            }
            100% {
                -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            }
        }
        
        @keyframes pulse {
            0% {
                -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                opacity: 1;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            }
            100% {
                -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            }
        }
        /*================================= 15. VIDEO DESCRIPTION AREA CSS END ==================================*/
        /*========================== 16. OUR TEAM AREA CSS START ============================*/
        
        .home-1 .our-team-area .container {
            box-shadow: none;
        }
        
        .single-team-content-box {
            max-width: 270px;
            position: relative;
            margin: auto;
        }
        
        .single-team-content-box .single-team-img img {
            width: 100% !important;
            display: inline-block;
            height: 250px;
        }
        
        .single-team-carousel .owl-carousel .owl-item img {
            width: auto !important;
        }
        
        .single-team-content-box:hover .single-team-social .member-name a {
            color: #b94b4c;
        }
        
        .single-team-social {
            bottom: 0;
            background-color: #fff;
            width: 100%;
            text-align: center;
        }
        
        .single-team-social .member-name a {
            font-size: 16px;
            font-family: 'Raleway', sans-serif;
            color: #030303;
            font-weight: 700;
            display: block;
            line-height: 10px;
            text-transform: uppercase;
        }
        
        .single-team-social .member-name span {
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            color: #707070;
        }
        
        .single-team-social h3 {
            margin-top: -5px;
        }
        
        .single-team-content-box:hover .social-profile-link {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            top: -20px;
            -webkit-transition: .3s ease-in;
            transition: .3s ease-in;
        }
        
        .social-profile-link ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .social-profile-link ul li {
            display: inline-block;
        }
        
        .social-profile-link ul li a {
            height: 36px;
            width: 36px;
            display: block;
            background-color: #fff;
            border: 1px solid #efe8e8;
            border-radius: 50%;
            line-height: 32px;
            margin-right: 10px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .social-profile-link ul li:last-child a {
            margin-right: 0;
        }
        
        .social-profile-link {
            position: relative;
            top: -10px;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
        
        .social-profile-link ul li a i {
            font-size: 14px;
            color: #999;
            text-align: center;
        }
        
        .social-profile-link ul li:hover a {
            background-color: #b94b4c;
            border-color: #b94b4c;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .social-profile-link ul li:hover a i {
            color: #fff;
        }
        
        .our-team-area .single-team-carousel .owl-dots div {
            display: block;
            height: 100px;
            width: 4px;
            background-color: #e3f6e5;
            /*margin-bottom: 4px;
    */
            border-radius: 4px;
            -webkit-transition: .5s;
            transition: .5s;
        }
        
        .our-team-area .single-team-carousel .owl-dots {
            position: absolute;
            right: -155px;
            top: 20%;
        }
        
        .our-team-area .single-team-carousel .owl-dot.active {
            background-color: #b94b4c;
        }
        /*====================== 16. OUR TEAM CSS END. ========================*/
        /*====================== 17. TESTIMONIAL CSS START ========================*/
        
        .breadcrumb-icon {
            margin-bottom: 30px;
        }
        
        .single-testimonial-box {
            max-width: 370px;
            overflow: hidden;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .testimonial-author-meta img {
            float: left;
            display: inline-block;
            margin-right: 15px;
            height: 60px;
            width: 60px;
            border-radius: 50px
        }
        
        .testimonial-author-meta h4 {
            font-size: 16px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            color: #b94b4c;
            padding-top: 10px;
        }
        
        .testimonial-author-meta span {
            display: block;
            font-size: 15px;
            font-family: 'Raleway', sans-serif;
            color: #707070;
            margin-top: 5px;
            font-weight: 400;
        }
        
        .testimonial-author-meta {
            display: block;
        }
        
        .testimonial-text {
            padding-top: 25px;
            display: block;
        }
        
        .testimonial-text p {
            font-size: 16px;
            line-height: 28px;
        }
        
        .single-testimionial-carousel-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        
        .owl-carousel .owl-item img {
            width: auto;
        }
        
        .testimonial-carousel .owl-dots div {
            display: inline-block;
            height: 4px;
            width: 45px;
            background-color: #030303;
            margin-right: 5px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .testimonial-carousel .owl-dots {
            margin-top: 50px;
            text-align: center;
        }
        
        .testimonial-carousel .owl-dots:last-child {
            margin-right: 0;
        }
        
        .testimonial-carousel .owl-dot.active {
            background-color: #b94b4c;
            -webkit-transition: .3s;
            transition: .3s;
        }
        /*====================== 17. TESTIMONIAL CSS END ========================*/
        /*======================== 18. CONTACT FORM AREA ==========================*/
        
        .contact-form-destination-area {
            background-size: cover;
            background-position: center top;
            background-repeat: no-repeat;
            background-color: #ddd;
        }
        
        .contact-form-bg {
            background-image: url(../img/contact-form-bg.jpg);
        }
        
        .transparent-bg {
            background-color: rgb(40, 46, 62, 0.9);
        }
        
        .project-meta {
            height: 307px;
        }
        
        .contact-form-area {
            padding: 0 50px;
            color: #fff;
        }
        
        .contact-form-area h3 {
            font-size: 15px;
            display: block;
            font-weight: 400;
        }
        
        .contact-form-area h2 {
            font-size: 31px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 37px;
            margin-bottom: 30px;
        }
        
        .contact-form-area h2 span {
            color: #b94b4c;
        }
        
        .contact-form-area p {
            font-size: 18px;
            line-height: 32px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            margin-bottom: 30px;
        }
        
        .contact-form {
            text-align: center;
        }
        
         ::placeholder {
            color: #fff;
        }
        
        .contact-form input {
            width: 100%;
            padding: 15px;
            border-radius: 10px;
            border: 1px solid #989ba9;
            background-color: transparent;
            color: #fff;
            font-family: 'Raleway', sans-serif;
            font-size: 16px;
            text-transform: capitalize;
        }
        
        .contact-form input[type="email"] {
            text-transform: lowercase;
        }
        
        .contact-form textarea {
            width: 100%;
            background-color: transparent;
            border-radius: 10px;
            border: 1px solid #989ba9;
            height: 110px;
            resize: none;
            padding: 20px;
            color: #fff;
            font-family: 'Raleway', sans-serif;
        }
        
        .contact-form button {
            padding: 20px 30px;
            border: none;
            margin-top: 30px;
            text-align: center !important;
            background-color: #b94b4c;
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            cursor: pointer;
            text-transform: uppercase;
        }
        /*======================== 18. CONTACT FORM CSS END ==========================*/
        /*==================== 19. OTHER PAGES CSS. ======================*/
        /*------------------------ 19.1 Pages breadcrumb css --------------------------*/
        
        .breadcrumb-bg {
            background-color: #000 !important;
        }
        
        .brdgry {
            border: solid 1px #b3b3b378;
        }
        
        .breacrumb-area {
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            background-repeat: no-repeat;
            position: relative;
            background-color: #000 !important;
        }
        
        .breacrumb-area:before {
            position: absolute;
            content: '';
            background-color: #030303;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            opacity: .7;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        }
        
        .breadcrumbs:hover {
            color: #b94b4c !important;
            text-decoration: underline;
        }
        
        .breadcrumb-title {
            padding: 50px 0;
            z-index: 9;
        }
        
        .breadcrumb-title h1 {
            font-size: 39px;
            font-weight: 500;
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
            color: #fff;
            /* padding-bottom: 25px; */
            padding: 46px 0px 0px 0px;
        }
        
        .breadcrumb-title .brdcmb-link {
            color: #b94b4c;
            font-size: 14px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            text-transform: capitalize;
        }
        
        .breadcrumb-title .brdcmb-link a {
            color: #fff;
        }
        /*------------------------ 19.1 Pages breadcrumb css End --------------------------*/
        /*-------------------------- 19.2 Blog pages ---------------------------*/
        /*------------------ Blog page 1 --------------------*/
        /*------------------ Blog page 2 --------------------*/
        
        .blog-category {
            /* box-shadow: 0 0 -3px 5px #000;
     */
            margin-left: 13px;
            padding: 21px;
            border-left: 1px solid #ddd;
            border-top-color: transparent;
        }
        
        .project-titles {
            font-size: 40px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 48px;
        }
        
        .project-two-title {
            font-size: 33px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 40px;
            text-transform: uppercase;
            color: #787373;
        }
        
        .daf {
            display: flex;
            align-content: center;
        }
        
        .blog-category .cat-header {
            background-color: #16d42900;
            padding: 15px 20px;
            border-bottom-left-radius: 0;
        }
        
        .blog-category .cat-header h6 {
            color: rgb(0, 0, 0);
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            position: relative;
        }
        
        .blog-category .cat-header h6 i {
            margin-right: 5px;
        }
        
        .blog-category ul {
            list-style: none;
            padding: 0;
            margin: 20px;
        }
        
        .blog-category ul li {
            margin-bottom: 25px;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            text-transform: capitalize;
        }
        
        .blog-category ul li a {
            display: block;
            color: #030303;
            font-weight: 400;
        }
        
        .blog-category ul li.more-cat a i {
            font-size: 10px;
            margin-right: 4px;
            font-weight: 700;
            color: #b94b4c;
        }
        /* .blog-category ul li:last-child {
     margin-bottom: 0;
}*/
        
        .blog-category ul li:first-child {
            margin-top: 25px;
        }
        
        .blog-category ul.category li a {
            display: block;
            color: #030303;
            margin: 0 20px;
        }
        
        .blog-category ul li a:hover {
            color: #b94b4c;
        }
        
        .blog-category ul li.more-cat {
            background-color: #f6f6f6;
        }
        
        .blog-category ul li.more-cat a {
            padding: 15px 0;
        }
        
        .tags,
        .total-project,
        .service-rating {
            margin: 20px;
        }
        
        .tags h6,
        .total-project h6,
        .service-rating h6 {
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            text-transform: capitalize;
        }
        
        .tags ul,
        .total-project ul,
        .service-rating ul {
            list-style: none;
        }
        
        .tags>ul li {
            display: inline-block;
            padding: 8px 15px;
            background-color: transparent;
            margin-bottom: 20px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .tags ul li a,
        .total-project ul li a,
        .service-rating ul li a {
            display: block;
            color: #030303;
        }
        
        .tags>ul li a {
            margin: 0;
        }
        
        .tags>ul li:hover {
            background-color: #b94b4c;
        }
        
        .tags>ul li:hover a {
            color: #fff;
        }
        
        .total-project ul li,
        .service-rating ul li {
            display: inline-block;
            width: 100%;
        }
        
        .total-project ul li a span,
        .service-rating ul li a span {
            float: right;
        }
        
        .recent-comment {
            /* box-shadow: 0px 0 3px #000;
     */
            border: 1px solid #ddd;
            border-radius: 10px;
            border-top-color: transparent;
        }
        
        .recent-comment .cmnt-header {
            background-color: #b94b4c;
            padding: 15px 20px;
            border-radius: 10px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
        
        .recent-comment .cmnt-header h6 {
            color: #fff;
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            position: relative;
        }
        
        .single-blog-cmnt-area {
            margin: 20px 20px;
        }
        
        .single-blog-cmnt-area img {
            float: left;
            margin-right: 15px;
            max-width: 60px;
            max-height: 60px;
        }
        
        .single-blog-cmnt-area a h6 {
            font-size: 14px;
            color: #707070;
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
        }
        
        .single-blog-cmnt-area span.cmnt-date {
            font-size: 13px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            text-transform: capitalize;
        }
        
        .single-blog-cmnt-area .comnt-count a {
            font-size: 13px;
            color: #999999;
            font-family: 'Raleway', sans-serif;
            font-weight: inherit;
        }
        
        .single-blog-cmnt-area .post-desc {
            font-size: 13px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
        }
        
        .single-blog-cmnt-area .comnt-auth a {
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            color: #a9a9a9;
            font-weight: 400;
        }
        /*-------------------------- 19.2 Blog pages ---------------------------*/
        /*------------------------------ 19.3 Blog Details Css --------------------------------*/
        
        .blog-post-details .blog-post-title h2 {
            font-size: 24px;
            line-height: 32px;
            font-family: 'Raleway', sans-serif;
        }
        
        .post-details p {
            line-height: 28px;
            color: #707070;
            font-size: 16px;
            font-family: Open Sans, sans-serif;
        }
        
        .post-breadcrumb {
            border: 1px solid #ece8f6;
            border-radius: 6px;
            background-color: #030303;
            -webkit-border-radius: 6px;
        }
        
        .post-breadcrumb h4 {
            color: #fff;
            font-family: 'Raleway', sans-serif;
            font-style: italic;
            font-size: 24px;
            font-weight: 300;
            line-height: 45px;
            position: relative;
        }
        
        .post-breadcrumb h4:before {
            position: absolute;
            content: '\efcd';
            left: -20px;
            top: -8px;
            font-family: 'Icofont' !important;
            font-size: 20px;
        }
        
        .post-breadcrumb h4:after {
            position: absolute;
            content: '\efce';
            right: auto;
            bottom: -10px;
            font-family: 'Icofont' !important;
            font-size: 20px;
        }
        
        .post-special-line p {
            line-height: 40px;
        }
        /*Blog sharebtn css*/
        
        .blog-post-sharebtn {
            border-top: 1px solid #e8e8e8;
        }
        
        .blog-post-sharebtn ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .blog-post-sharebtn li {
            display: inline-block;
        }
        
        .blog-post-sharebtn li a {
            display: block;
            margin-left: 15px;
            font-size: 18px;
        }
        
        .blog-post-sharebtn .icofont-facebook {
            color: #45619d;
        }
        
        .blog-post-sharebtn .icofont-google-plus {
            color: #cf4539;
        }
        
        .blog-post-sharebtn .icofont-twitter {
            color: #42c0fb;
        }
        
        .blog-post-sharebtn .icofont-skype {
            color: #009ee5;
        }
        
        .blog-post-sharebtn .icofont-rss {
            color: #ec9f21;
        }
        
        .blog-post-sharebtn ul li:first-child {
            color: #f84825;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
        }
        /*comment-area css*/
        
        .blog-post-comment-area h4 {
            font-size: 18px;
            font-weight: 700;
            color: #030303;
            margin-bottom: 27px;
            text-decoration: underline;
        }
        
        .comment-area {
            position: relative;
        }
        
        .comment-area img {
            height: 80px;
            width: 80px;
            border-radius: 50%;
            position: absolute;
            bottom: 30%;
            left: 0;
            z-index: 2;
        }
        
        .commentor-area {
            border: 1px solid #f6f6f6;
            border-radius: 4px;
            padding: 30px 65px;
            position: relative;
            left: 40px;
            z-index: 1;
        }
        
        .commentor-area h5 {
            margin-bottom: 18px;
        }
        
        .commentor-area h5 a {
            font-size: 18px;
            color: #030303;
            font-family: 'Raleway', sans-serif;
        }
        
        .comment-text {
            font-size: 15px;
            line-height: 28px;
            color: #707070;
            font-family: 'Raleway', sans-serif;
        }
        
        .post-reaction {
            margin-top: 22px;
        }
        
        .commentor-area .post-reaction ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .commentor-area .post-reaction li {
            display: inline-block;
            color: #707070;
            margin-right: 15px;
        }
        
        .commentor-area .post-reaction li a {
            color: #707070;
            margin-right: 24px;
        }
        
        .commentor-area .post-reaction li:hover a {
            color: #b94b4c;
        }
        
        .commentor-area .post-reaction .i {
            color: #60698a;
        }
        /*comment-reply css*/
        
        .comment-box-area {}
        
        .comment-box {}
        
        .comment-box label {
            display: block;
            color: #60698a;
            font-size: 15px;
            margin-bottom: 15px;
        }
        
        .comment-box input {
            width: 100%;
            border: 1px solid #e8e8e8;
            border-radius: 4px;
            padding: 10px 15px;
            font-size: 15px;
        }
        
        input:focus,
        textarea:focus {
            background-color: transparent;
            border-color: #fff;
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
        }
        
        .message-box textarea {
            width: 100%;
            margin-top: 15px;
            display: block;
            border: 1px solid #e8e8e8;
            resize: none;
            padding: 10px 15px;
            border-radius: 4px;
        }
        
        .comment-box .message-box label {
            margin-top: 30px;
            display: block;
        }
        
        .comment-box button[type="submit"] {
            height: 46px;
            width: 115px;
            border: none;
            border-radius: 0;
            display: inline-block;
            background: #030303;
            color: #fff;
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            margin-top: 40px;
            cursor: pointer;
        }
        
        .comment-box button {
            display: inline-block;
            width: 115px;
            height: 46px;
            background-color: #030303;
            border: none;
            margin-top: 30px;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            cursor: pointer;
            outline: none;
            border-radius: 0;
            text-align: center;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .comment-box button:hover {
            background: #b94b4c;
            color: #fff;
        }
        /*------------------------------ 19.3 Blog Details Css End --------------------------------*/
        /*---------------------- 19.4 our service-1 css ------------------------*/
        
        .single-item-box {
            margin: 0 auto;
            -webkit-transition: .3s;
            transition: .3s;
            /* max-width: 270px; */
        }
        
        .single-item-box .single-box-content .single-content-image {
            margin-bottom: 20px;
        }
        
        .single-item-box .single-box-content .single-content-image img {
            /* height: 180px; */
            width: 100%;
        }
        
        .single-item-box .service-meta h4 a {
            font-size: 16px;
            font-weight: 700;
            font-family: 'Raleway';
            color: #030303;
            transition: .3s;
            -webkit-transition: .3s;
        }
        
        .single-item-box:hover .service-meta h4 a {
            color: #b94b4c;
        }
        /*---------------------- 19.4 our service-1 css end ------------------------*/
        /*------------------------------ 19.5 Our Faq Template css Start. -------------------------------*/
        
        .faq-title h2 {
            font-size: 30px;
            color: #030303;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
        }
        
        .faq-title p {
            font-size: 15px;
            font-family: 'Raleway', sans-serif;
            color: #030303;
            line-height: 28px;
        }
        
        .faq-accordion .card {
            border: none;
            padding: 0;
            margin: 0;
        }
        
        .faq-accordion .card-header {
            background: transparent;
            border: none;
            padding: 0;
            margin-top: 30px;
        }
        
        .faq-accordion .card .card-header a {
            cursor: pointer;
            font-size: 18px;
            font-family: 'Raleway', sans-serif;
            font-weight: 700;
            color: #282e5c;
        }
        
        .faq-accordion .card-body {
            margin: 30px 0 0;
            padding: 0;
            line-height: 28px;
            font-size: 15px;
            font-family: 'Open Sans' sans-serif;
            color: #030303;
        }
        
        .faq-accordion .card-header i {
            display: none;
            float: left;
            line-height: 25px;
            font-size: 18px;
            margin-right: 10px;
        }
        
        .faq-accordion .card-header a[aria-expanded="true"] .icofont-simple-down {
            display: block;
        }
        
        .faq-accordion .card-header a[aria-expanded="false"] .icofont-simple-right {
            display: block;
        }
        
        .faq-accordion .card .card-header a[aria-expanded="true"] {
            color: #b94b4c;
        }
        /*------------------------------ 19.5 Our Faq Template css end. -------------------------------*/
        /*---------------------- 19.6 our service-Details css ------------------------*/
        
        .service-dt-text img {
            border-radius: 4px;
            max-width: 100%;
            height: 100%;
        }
        
        .service-dt-text .article-title h4 {
            font-size: 24px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            margin: 30px 0;
            color: #b94b4c;
        }
        
        .service-dt-text .article-title h4 i {
            margin-right: 10px;
        }
        
        .service-dt-text p {
            font-size: 15px;
            line-height: 24px;
            color: #707070;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
        }
        /*------------------19.6. career page css -------------------------*/
        
        .sigle-top-job {
            background: #fff none repeat scroll 0 0;
            box-shadow: 0px 0 20px 1px #ddd;
        }
        
        .top-job-company-image {
            text-align: center;
            padding: 30px 20px 0
        }
        
        .top-job-company-image h3 {
            font-size: 18px;
            text-transform: capitalize;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            margin: 20px 0
        }
        
        .top-job-company-image h3 a {
            color: #444;
            font-family: 'Raleway', sans-serif;
        }
        
        .top-job-company-image h3 a:hover {
            color: #25AD60
        }
        
        .top-job-company-desc {
            padding: 20px 0 0;
            background: #fafafa;
            text-align: center;
        }
        
        .top-job-company-desc ul {
            margin: 0;
            padding: 0;
        }
        
        .top-job-company-desc ul li {
            display: inline-block;
            width: 32%;
            font-weight: 600;
            text-transform: capitalize;
            color: #707070;
        }
        
        .top-job-company-desc ul li span {
            display: block;
            font-weight: 400;
            color: #777;
        }
        
        .top-job-company-desc ul li span i {
            margin-right: 5px
        }
        
        .top-job-company-btn {
            margin-top: 20px;
        }
        
        .job-btn {
            width: 100%;
            margin-top: 20px;
            text-transform: uppercase;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
        }
        
        .btn.job-btn.mt-btn:hover {
            color: #fff;
        }
        
        .company-logo-img {
            height: 70px;
        }
        /*======================== 20. CONTACT PAGE CSS START ==========================*/
        
        .location-map-area {
            clear: both;
            overflow: hidden;
        }
        
        .text-right {
            text-align: right;
        }
        
        .footer-area {
            margin-top: 0px;
        }
        
        .contact-form-box {}
        
        .contact-area h4 {
            color: #030303;
            font-size: 18px;
            text-decoration: underline;
            text-transform: uppercase;
            font-weight: 700;
        }
        
        .contact-form-box label {
            display: block;
            color: #030303;
            font-size: 15px;
            margin-bottom: 15px;
        }
        
        .contact-form-box input {
            width: 100%;
            border: 1px solid #e8e8e8;
            border-radius: 4px;
            padding: 10px 15px;
            font-size: 15px;
        }
        
        .contact-form-box .contact-box .message-box label {
            display: block;
        }
        
        .contact-form-box .message-box textarea {
            width: 100%;
            display: block;
            border: 1px solid #e8e8e8;
            resize: none;
            padding: 10px 15px;
            border-radius: 4px;
        }
        
        .contact-form-box button {
            display: inline-block;
            background-color: #030303;
            border: none;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            cursor: pointer;
            outline: none;
            border-radius: 0;
            text-align: center;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .contact-form-box button:hover {
            background: #b94b4c;
            color: #fff;
        }
        
        .contact-form-box .mt-btn {
            padding: 16px 24px;
        }
        /*Contact Info*/
        
        .contact-info p {
            font-size: 15px;
            line-height: 28px;
            color: #030303;
            font-family: 'Raleway', sans-serif;
            margin: 0;
        }
        
        .contact-info .contact-location ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .contact-info .contact-location li {
            display: block;
            margin-bottom: 20px;
            font-size: 15px;
            color: #030303;
        }
        
        .contact-info .contact-location li span {
            border: 1px solid #efefef;
            height: 35px;
            width: 35px;
            display: inline-block;
            border-radius: 25px;
            line-height: 32px;
            text-align: center;
            margin-right: 15px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .contact-info .contact-location li:hover span {
            background: #030303;
            color: #fff;
            border: 1px solid transparent;
        }
        
        .contact-info .contact-location li:last-child {
            margin-bottom: 0;
        }
        /* google map*/
        
        #map_wrapper iframe {
            height: 560px;
            width: 100%;
        }
        /*====================== 20. CONTACT PAGE CSS END. ========================*/
        /*======================== 21. TERMS AND CONDITIONS CSS. ==========================*/
        
        .single-terms-condition .term-content h3 {
            font-size: 18px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            color: #030303;
            margin-bottom: 20px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .single-terms-condition .term-content h3 span {
            margin-right: 10px;
        }
        
        .single-terms-condition .term-content p {
            margin-left: 30px;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            line-height: 24px;
            color: #030303;
        }
        
        .single-terms-condition .term-content:hover h3 {
            color: #b94b4c;
        }
        /*=============================== 21. TERMS AND CONDITIONS CSS END. =================================*/
        /*================= 22. 404 PAGE ===================*/
        
        .error-bg {
            background-image: url(../img/404-bg.jpg);
        }
        
        .page-not-found {
            background-size: cover;
            background-position: center top;
            background-color: #ddd;
            background-repeat: no-repeat;
            position: relative;
            background-attachment: fixed;
        }
        
        .page-not-found:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background: black;
            opacity: .4;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        }
        
        .error-content {
            padding: 200px 0;
        }
        
        .error-content h2 {
            font-size: 130px;
            color: #fff;
            font-weight: 800;
            font-family: 'Raleway', sans-serif;
        }
        
        .error-content span.missing-border {
            border-top: 1px solid #fff;
        }
        
        .error-content .missing-border ul li {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            border-top: 1px solid #335961;
        }
        
        .error-content .missing-border ul li {
            list-style-type: inherit;
        }
        
        .error-content p {
            color: #fff;
            font-size: 15px;
            font-family: 'Raleway', sans-serif;
            font-weight: 100;
        }
        
        .error-content .back-btn a {
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            text-transform: capitalize;
            font-family: 'Raleway', sans-serif;
        }
        
        .error-content .back-btn {
            padding: 15px 25px;
            background-color: #b94b4c;
            border-radius: 50px;
        }
        /*================= 22. 404 PAGE CSS END ===================*/
        /*========================= 23. WELCOME PAGE CSS START ==========================*/
        
        .welcome-bg {
            background-image: url(../img/welcome-soon.jpg);
        }
        
        .countdown-timer-area {
            padding: 230px 0;
        }
        
        .countdown-timer #timer div {
            display: inline-block;
            padding-right: 45px;
        }
        
        .countdown-timer #timer div span {
            display: block;
            font-size: 15px;
            color: white;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
        }
        
        .countdown-timer #timer #days,
        .countdown-timer #timer #hours,
        .countdown-timer #timer #minutes,
        .countdown-timer #timer #seconds {
            font-size: 70px;
            font-weight: 800;
            font-family: 'Raleway', sans-serif;
            color: #fff;
        }
        
        .welcom-text h1 {
            font-size: 90px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            color: #fff;
            margin-bottom: 25px;
        }
        
        .welcom-text h1 strong {
            font-size: 90px;
            font-weight: 400;
            color: #13be13;
        }
        
        .welcom-text .welcom-border ul li {
            border-top: 1px solid aliceblue;
            padding-top: 20px;
            font-size: 30px;
            text-transform: capitalize;
            font-weight: 800;
            color: #fff;
            margin: 0;
        }
        
        .welcom-text p {
            font-size: 15px;
            color: #fff;
            max-width: 450px;
            margin: 0 auto;
            line-height: 24px;
            font-family: 'Raleway', sans-serif;
        }
        
        .email-subsribe-form input[type="email"] {
            padding: 20px 30px;
            width: 390px;
            border-radius: 50px;
            border: 0;
            outline: none;
            font-size: 15px;
            color: #202a36;
            background-color: transparent;
            border: 2px solid #ddd;
        }
        
        .email-subsribe-form input[type="submit"] {
            padding: 20px 30px;
            border-radius: 50px;
            border: 0;
            font-size: 15px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            background-color: #b94b4c;
            color: #fff;
            cursor: pointer;
        }
        
        .welcome-zone:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background-color: #616672;
            opacity: .5;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        }
        
        .welcome-zone {
            background-size: cover;
            background-position: center top;
            background-color: #ddd;
            background-repeat: no-repeat;
            position: relative;
        }
        /*==================== 23. WELCOME PAGE END ======================*/
        /*======================== 24. OUR LOCATOR CSS START ==========================*/
        
        .single-locator-item h6 {
            font-size: 24px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            margin-bottom: 30px;
            text-transform: capitalize;
        }
        
        .single-locator-item .locator-country-list ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .single-locator-item .locator-country-list ul li {
            margin-bottom: 20px;
        }
        
        .single-locator-item .locator-country-list ul li a {
            color: #707070;
            font-size: 15px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            text-transform: capitalize;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .single-locator-item .locator-country-list ul li:last-child {
            margin-bottom: 0;
        }
        
        .single-locator-item .locator-country-list ul li a span {
            margin-right: 5px;
        }
        
        .single-locator-item .locator-country-list ul li a:hover {
            color: #b94b4c;
        }
        /*============================= 24. OUR LOCATOR CSS END. ===============================*/
        /*======================= 25. MY ACCOUNT CSS START =========================*/
        
        .user-details .user-info {
            max-width: 200px;
            text-align: center;
            float: left;
        }
        
        .user-details .user-info img {
            max-width: 160px;
            max-height: 160px;
            border-radius: 50%;
        }
        
        .user-details .user-info h5 {
            font-size: 25px;
            font-weight: 700;
            margin-top: 30px;
            text-transform: capitalize;
            color: #030303;
            font-family: 'Raleway', sans-serif;
        }
        
        .user-details .user-info a {
            display: block;
            margin-top: 15px;
            color: #030303;
        }
        
        .user-bio {
            float: right;
            border-left: 1px solid #e5e5e5;
            padding-left: 30px;
        }
        
        .user-bio ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .user-bio ul li span {
            color: #030303;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
        }
        
        .user-bio ul li .title {
            min-width: 145px;
            display: inline-block;
            position: relative;
        }
        
        .user-bio ul li {
            margin-bottom: 20px;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            text-transform: capitalize;
        }
        
        .user-bio ul li .value {
            position: relative;
        }
        
        .user-bio ul li .value:before {
            position: absolute;
            left: -25px;
            content: ':';
            font-weight: 700;
        }
        
        .user-bio ul li:last-child {
            margin-bottom: 0;
        }
        
        .user-social-profile-link ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .user-social-profile-link ul li {
            display: inline-block;
        }
        
        .user-social-profile-link ul li a {
            display: block;
            margin-right: 5px;
            height: 40px;
            width: 40px;
            background-color: #13be13;
            border-radius: 50px;
            line-height: 40px;
            text-align: center;
        }
        
        .user-social-profile-link ul li a i {
            color: #fff;
            font-size: 15px;
        }
        
        .user-social-profile-link ul li:nth-child(2) a {
            background: #f21212;
        }
        
        .user-social-profile-link ul li:nth-child(3) a {
            background: #3972f0;
        }
        
        .over-view h6,
        .bio-graphy h6,
        .professional-exp h6 {
            font-size: 20px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            margin-bottom: 20px;
            color: #030303;
        }
        
        .over-view p,
        .bio-graphy p {
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            line-height: 24px;
            color: #707070;
        }
        
        .w-institute {
            display: flow-root;
            margin-bottom: 30px;
        }
        
        .w-institute:last-child {
            margin-bottom: 0;
        }
        
        .company-name {
            float: left;
        }
        
        .w-institute .company-name h6 {
            font-size: 18px;
            font-family: 'Raleway', sans-serif;
            color: #030303;
            font-weight: 400;
            margin-bottom: 10px;
        }
        
        .company-name p.designation {
            font-size: 14px;
            color: #707070;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
        }
        
        .w-dated {
            float: right;
        }
        
        .w-dated .work-active {
            color: #b94b4c;
            text-transform: uppercase;
        }
        /*================ 25. MY ACCOUNT END. ==================*/
        /*====================== 26. LOGIN PAGE CSS START ========================*/
        
        .login-box {
            border: 1px solid #e8e8e8;
            border-radius: 10px;
        }
        
        .login-form {
            padding: 50px 30px;
        }
        
        .login-form {
            text-align: center;
        }
        
        .login-box h6 {
            text-transform: uppercase;
            color: #030303;
        }
        
        .login-box .r-user {
            padding: 15px 30px;
            border-bottom: 1px solid #e8e8e8;
        }
        
        .login-form form input {
            width: 380px;
            border: 1px solid #e8e8e8;
            padding: 10px 15px;
            margin-bottom: 20px;
            border-radius: 10px;
            outline: none;
        }
        
        .login-form .email {
            position: relative;
            left: 13px;
        }
        
        .login-form form label {
            margin-right: 15px;
            text-align: right;
        }
        
        .login-footer ul.remember {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }
        
        .login-footer ul.remember li {
            display: inline-block;
            padding-right: 30px;
            margin: 0 auto;
        }
        
        .login-footer ul.remember li input[type="checkbox"]+label {
            cursor: pointer;
        }
        
        .login-footer ul.remember li input[type="checkbox"]:checked+label {
            color: #0e7e19;
        }
        
        .login-footer ul.remember li a {
            color: #b94b4c;
            text-decoration: underline;
            font-weight: 600;
        }
        
        .submit-btn.btn {
            padding: 15px 30px;
            font-size: 14px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
            background-color: #b94b4c;
            color: #fff;
        }
        /*====================== 26. LOGIN PAGE CSS END ========================*/
        /*========================== 27. REGISTER PAGE CSS START ============================*/
        
        .register-form {
            padding: 50px;
            text-align: center;
        }
        
        .single-input-box label {
            width: 30%;
            display: inline-block;
            text-align: right;
            margin-right: 15px;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
        }
        
        .single-input-box input {
            width: 65%;
            border: 1px solid #e8e8e8;
            padding: 10px 15px;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        
        .register-form .submit-btn {
            margin-bottom: 0 !important;
        }
        /*======================== 27. REGISTER PAGE CSS END ==========================*/
        /*========================== 28. PROJECT PAGES CSS START ============================*/
        /*----------------- 28.1 project-1 -------------------*/
        
        .project-box-content {
            border: 2px solid #f6f6f6;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .project-meta {
            padding: 30px 20px;
        }
        
        .project-image img {
            width: 100%;
            height: 250px;
        }
        
        .project-meta h6 a {
            color: #030303;
        }
        
        .project-meta h6 {
            font-size: 18px;
            text-transform: capitalize;
            font-family: 'Raleway', sans-serif;
            font-weight: 600;
        }
        
        .project-meta ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .project-meta ul li {
            display: inline-block;
            float: right;
            margin-top: 20px;
            font-size: 14px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            text-transform: capitalize;
        }
        
        .project-meta ul li.colo#b94b4c-text {
            float: left;
            display: block;
            color: #3bdb4b;
        }
        
        .project-meta p {
            display: inline-block;
            margin-top: 25px;
            margin-bottom: 25px;
            font-size: 14px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 24px;
            color: #707070;
        }
        
        .rating-zone .user-rating {
            float: left;
            display: block;
        }
        
        .rating-zone .user-rating i {
            color: #f6b364;
        }
        
        .user-comment {
            float: right;
            display: inline-block;
        }
        
        .user-comment ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .user-comment ul li {
            margin: 0;
            float: left;
            padding-right: 20px;
        }
        
        .user-comment ul li:last-child {
            padding-right: 0;
        }
        
        .user-comment ul li a i {
            margin-right: 5px;
        }
        
        .user-comment ul li a {
            font-size: 14px;
            color: #707070;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
        }
        
        .project-meta .read-more {
            padding: 13px 20px;
            background-color: #030303;
            border-radius: 50px;
            border: none;
            color: #fff;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
        }
        
        .rating-zone {
            padding-bottom: 60px;
        }
        
        .project-box-content:hover .project-meta h6 a {
            color: #b94b4c;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .project-box-content:hover .read-more {
            background-color: #b94b4c;
            -webkit-transition: .3s;
            transition: .3s;
        }
        /*----------------- 28.1 project-1 end. -------------------*/
        /*----------------- 28.2 project-Details. -------------------*/
        
        .project-product-bg {
            min-height: 790px;
            width: 100%;
            background-size: cover;
            background-position: center top;
            background-repeat: no-repeat;
            background-color: #ddd;
            border-radius: 10px;
        }
        
        .product-bg {
            background-image: url(../img/project/project-details-bg.jpg);
        }
        
        .project-details-box .product-details h2 {
            font-size: 30px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            line-height: 40px;
            color: #030303;
            text-transform: capitalize;
        }
        
        .project-details-box .product-details>.product-rating {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        
        .project-details-box .product-details>.product-rating i {
            color: #ffa800;
            display: inline-block;
            margin-right: -4px;
        }
        
        .project-details-box .product-details>.interested-zone ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .project-details-box .product-details>.interested-zone ul li {
            display: inline-block;
            margin-right: 35px;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            color: #a9a9a9;
        }
        
        .project-details-box .product-details>.interested-zone ul li:last-child {
            margin-right: 0;
        }
        
        .project-details-box .product-details>.interested-zone ul li.interested-color {
            font-weight: 700;
            color: #3bdb4b;
        }
        /*project sharebtn css*/
        
        .project-post-sharebtn {
            border-top: 1px solid #e8e8e8;
        }
        
        .project-post-sharebtn ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .project-post-sharebtn li {
            display: inline-block;
        }
        
        .project-post-sharebtn li a {
            display: block;
            margin-left: 15px;
            font-size: 18px;
        }
        
        .project-post-sharebtn .icofont-facebook {
            color: #45619d;
        }
        
        .project-post-sharebtn .icofont-google-plus {
            color: #cf4539;
        }
        
        .project-post-sharebtn .icofont-twitter {
            color: #42c0fb;
        }
        
        .project-post-sharebtn .icofont-skype {
            color: #009ee5;
        }
        
        .project-post-sharebtn .icofont-rss {
            color: #ec9f21;
        }
        
        .project-post-sharebtn ul li:first-child {
            color: #3bdb4b;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
        }
        /*additonal description area*/
        
        .additional-desc {
            border: 2px solid #f1f5f2;
            padding: 50px 30px;
            height: 250px;
        }
        
        .additional-pricing label span {
            position: absolute;
            right: 50px;
        }
        
        .pricing {
            margin-bottom: 40px;
        }
        
        .pricing ul {
            list-style: none;
            padding: 0;
            margin: 0;
            text-align: left;
        }
        
        .pricing ul li {
            display: inline-block;
            font-size: 15px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            text-transform: capitalize;
            text-align: left !important;
        }
        
        .pricing ul li.pr-rate {
            float: right;
            font-size: 36px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            color: #3bdb4b;
            position: relative;
            top: -15px;
        }
        
        .additional-desc-box {
            text-align: center;
        }
        
        .additional-pricing h6 {
            font-size: 18px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            color: #030303;
            margin-bottom: 30px;
            text-align: left !important;
        }
        
        .additional-pricing a {
            font-size: 14px;
            float: left;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
        }
        
        .ik-title {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 1px;
            line-height: 2;
            color: #585858;
        }
        
        .fontnew {
            font-size: 16px;
            color: #898989;
            line-height: 2;
        }
        
        .additonal--pricing-checkbox label {
            width: 100%;
            text-align: left !important;
        }
        
        .additonal--pricing-checkbox label {
            cursor: pointer;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
        }
        
        .additonal--pricing-checkbox label .addi--price {
            float: right;
        }
        
        .additonal--pricing-checkbox label input[type="checkbox"] {
            position: absolute;
            left: auto;
            top: auto;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
        
        .additonal--pricing-checkbox label input[type="checkbox"]+span {
            position: relative;
            height: 15px;
            width: 15px;
            border: 2px solid #030303;
            display: inline-block;
            margin-right: 10px;
            left: 0;
            border-radius: 25px;
            top: 3px;
        }
        
        .additonal--pricing-checkbox label input[type="checkbox"]:checked+span {
            background-color: #3bdb4b;
            border-color: #3bdb4b;
            color: #3bdb4b;
        }
        
        .additonal--pricing-checkbox label input[type="checkbox"]+span:before {
            position: absolute;
            content: "\ec4b";
            font-size: 9px;
            font-family: "Icofont";
            top: -1px;
            left: 2px;
            color: #fff;
        }
        
        .navbar-light .navbar-nav .active>.nav-link,
        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .show>.nav-link {
            color: #fff;
        }
        
        .additional-pricing a.btn.mt-btn:hover {
            color: #fff;
        }
        
        .project-content-box {
            padding: 50px;
            border: 2px solid #ddd;
            border-radius: 10px;
        }
        
        .project-tabs .nav-tabs {
            border-bottom: 0;
        }
        
        .project-tabs ul#myTab {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .project-tabs ul#myTab li {
            margin-right: 5px;
        }
        
        .project-tabs ul#myTab li a {
            border: 0;
            background-color: #030303;
            color: #fff;
            padding: 18px 17px;
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway';
            -webkit-transition: .5s;
            transition: .5s;
            font-size: 14px;
        }
        
        .tab-desc-text {
            font-size: 15px;
            line-height: 24px;
            font-family: 'Raleway', sans-serif;
            color: #707070;
        }
        
        .tab-desc-text ul.items-features {
            margin: all;
            padding: 0;
            list-style: none;
        }
        
        .tab-desc-text p {
            font-size: 18px;
            font-weight: 600;
            /* margin-bottom: 20px; */
            font-family: 'Raleway', sans-serif;
            color: #707070;
            padding: 40px 0;
        }
        
        .tab-desc-text ul.items-features li {
            margin-bottom: 20px;
        }
        
        .tab-desc-text ul.items-features li:last-child {
            margin-bottom: 0;
        }
        
        .tab-desc-text ul.items-features li span i {
            font-size: 12px;
            position: relative;
            top: -1px;
            margin-right: 5px;
        }
        
        .project-tabs ul#myTab li a.active {
            background-color: #3bdb4b;
        }
        
        .single-post-reviewer {
            border: 1px solid #e8e8e8;
            padding: 30px;
            border-radius: 4px;
        }
        
        .project-review .single-post-reviewer .reviewer-meta img {
            max-width: 60px;
            max-height: 60px;
            float: left;
            margin-right: 20px;
        }
        
        .project-review .single-post-reviewer .reviewer-meta .reviewer-name a {
            display: block;
            font-size: 18px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            color: #030303;
            text-transform: capitalize;
        }
        
        .project-review .single-post-reviewer .reviewer-meta .reviewer-name span.country {
            font-size: 14px;
            color: #3bdb4b;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
        }
        
        .project-review .single-post-reviewer .reviewer-meta .reviewer-name .date {
            float: right;
            position: relative;
            top: -22px;
            font-size: 15px;
            font-weight: 700;
            color: #3bdb4b;
            font-family: 'Raleway', sans-serif;
        }
        
        .project-review .single-post-reviewer .reviewer-meta .review-txt p {
            display: inline-block;
            margin: 20px 0;
            font-size: 14px;
            line-height: 24px;
            font-family: 'Raleway', sans-serif;
            color: #707070;
        }
        
        .project-review .single-post-reviewer .reviewer-meta .reviewer-rating i {
            color: #ffa800;
            display: inline-block;
            margin-right: -3px;
        }
        
        .project-review .single-post-reviewer .reviewer-meta .reviewer-rating strong i {
            color: #999999;
        }
        
        .project-review .single-post-reviewer .reviewer-meta .reviewer-rating span {
            margin-left: 10px;
            font-size: 15px;
            font-family: 'Open Sans', sans-serif, helvitica;
        }
        
        .write-review {
            margin: 0 auto;
            text-align: center;
        }
        
        .write-review h2 {
            font-size: 36px;
            color: #030303;
            font-family: 'Raleway', sans-serif;
        }
        
        .review-input-container {
            text-align: center;
        }
        
        .review-input-container input {
            width: 100%;
            padding: 20px 45px;
            border-radius: 50px;
            position: relative;
            border: 1px solid #e8e8e8;
            margin-bottom: 30px;
        }
        
        .review-input-container i {
            position: relative;
            left: -47%;
            z-index: 99;
            top: 44px;
            color: #9999;
        }
        
        .review-input-message textarea {
            width: 100%;
            padding: 20px 30px;
            border-top: 0;
            border-right: 0;
            border-left: 0;
            resize: none;
            min-height: 230px;
        }
        
        .write-review .no-html span {
            color: #f01e1e;
        }
        
        .write-review .no-html {
            font-size: 14px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            margin-bottom: 30px;
            text-align: left;
        }
        
        .write-review form button.review-submit-btn {
            padding: 20px;
            min-width: 360px;
            border: 0;
            cursor: pointer;
            font-size: 18px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            background-color: #3bdb4b;
            color: #fff;
            text-transform: uppercase;
        }
        /*======================= 28. PROJECT PAGES CSS END =========================*/
        /*========================= 29. GALLERY PAGES CSS START ===========================*/
        
        .mix-content img {
            width: 100%;
            height: 310px;
            object-fit: cover !important;
        }
        
        .news-box {
            padding: 18px 20px;
            width: 100%;
            background: #f5f5f5;
            margin-right: 76px;
            height: 250px;
        }
        
        .day-time {
            font-size: 10px;
            line-height: 1rem;
            font-weight: 400;
            text-transform: uppercase;
        }
        
        .news-box:hover {
            cursor: pointer;
        }
        
        .cdMySQ {
            position: relative;
            display: inline-block;
            padding: 8px 0px;
        }
        
        .arrow-detail {
            margin: 10px 0px;
            position: absolute;
            bottom: 0;
        }
        
        .blog-p {
            font-size: 14px;
            line-height: 18px;
            font-weight: 300;
        }
        
        .detailsbox {
            display: flex;
        }
        
        .blog-title {
            font-weight: 400;
            line-height: 23px;
            font-size: 17px;
            /* text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration: underline;
    text-underline-offset: 8px; */
        }
        
        .mix-content {
            position: relative;
        }
        
        .mix-hover {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .mix-hover {
            position: absolute;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
        }
        
        .mix-hover:before {
            height: 100%;
            width: 100%;
            background-color: #030303;
            content: '';
            position: absolute;
            opacity: .8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        }
        
        .mix-hover a i {
            font-size: 18px;
            z-index: 9;
            color: #fff;
            font-family: "Font Awesome 5 Free";
            background-color: #b94b4c;
            height: 50px;
            width: 50px;
            text-align: center;
            border-radius: 50%;
            border: 4px solid#f6f6f6;
            line-height: 2.4;
            cursor: pointer;
        }
        
        .mix-content:hover .mix-hover {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .mix-hover:hover a {
            z-index: 1;
        }
        
        .button-group button {
            background-color: transparent;
            outline: 0;
            margin: 0;
            padding: 14px 34px;
            outline: 0;
            border: 0;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 14px;
            color: #1d1e28;
            cursor: pointer;
        }
        
        .button-group {
            border: 1px solid #efefef;
            border-radius: 40px;
            text-align: center;
            width: -moz-max-content;
            width: -webkit-max-content;
            width: max-content;
            margin-bottom: 10px;
        }
        
        .button-group button.is-checked {
            background-color: #b94b4c;
            border-radius: 40px;
            color: #fff;
        }
        
        .button-group {
            text-align: center;
        }
        
        .button-group button.is-checked:first-child {
            border-bottom-right-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            -webkit-border-top-right-radius: 0;
        }
        
        .button-group button.is-checked:last-child {
            border-bottom-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            -webkit-border-top-left-radius: 0;
        }
        /*gallery 2*/
        
        .gallery-template-2 .col-md-6,
        .gallery-template-2 .col-lg-4,
        .gallery-template-2 .col-sm-6 {
            padding-right: 0;
            padding-left: 0;
        }
        /*======================= 29. GALLERY PAGES CSS END =========================*/
        /*==================== 30. TEAM PAGES ======================*/
        /*team 1*/
        /*team details*/
        
        .profile-sharelink {}
        
        .profile-sharelink ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .profile-sharelink li {
            display: inline-block;
        }
        
        .profile-sharelink li a {
            display: block;
            margin-left: 15px;
            font-size: 18px;
        }
        
        .profile-sharelink .icofont-facebook {
            color: #45619d;
        }
        
        .profile-sharelink .icofont-google-plus {
            color: #cf4539;
        }
        
        .profile-sharelink .icofont-twitter {
            color: #42c0fb;
        }
        
        .profile-sharelink .icofont-skype {
            color: #009ee5;
        }
        
        .profile-sharelink .icofont-rss {
            color: #ec9f21;
        }
        
        .profile-sharelink ul li:first-child {
            color: #3bdb4b;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .expert-team-info .team-img img {
            width: 100%;
            border-radius: 10px;
        }
        
        .expert-full-info .team-rating span {
            margin-left: 70px;
        }
        
        .expert-full-info .team-rating i {
            color: #ffa800;
            font-size: 14px;
            letter-spacing: -3px;
        }
        
        .expert-full-info h3 {
            font-size: 28px;
            font-family: 'Raleway', sans-serif;
            font-weight: 700;
            color: #282e44;
            margin-bottom: 20px;
        }
        
        .expert-full-info ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .expert-full-info ul li {
            position: relative;
            margin-bottom: 15px;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            color: #030303;
        }
        
        .expert-full-info ul li .expert-name {
            min-width: 150px;
            position: relative;
            display: inline-block;
            text-transform: capitalize;
        }
        
        .expert-full-info ul li .value {
            position: relative;
        }
        
        .expert-full-info ul li .value:before {
            position: absolute;
            left: -20px;
            content: ':';
        }
        
        .expert-full-info ul li:last-child {
            margin-bottom: 0;
        }
        
        .team-history h4 {
            font-size: 25px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            margin-bottom: 20px;
            color: #030303;
        }
        
        .team-history p {
            font-size: 14px;
            color: #707070;
            line-height: 24px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
        }
        /*==================== 30. TEAM PAGE CSS END. ======================*/
        /*==================== 31. QUOTE PAGE CSS ======================*/
        
        .section-header h6 {
            font-size: 16px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            color: #030303;
        }
        
        .request-a-quote .quote-form label {
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            color: #030303;
            margin-bottom: 20px;
        }
        
        .request-a-quote .quote-form input {
            border: 1px solid #e8e8e8;
            border-radius: 0;
            padding: 15px 22px;
            font-size: 14px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            color: #999999;
        }
        
        .request-a-quote .quote-form textarea {
            width: 100%;
            border: 1px solid #e8e8e8;
            font-size: 14px;
            padding: 15px 22px;
            color: #999999;
            resize: none;
            font-family: 'Raleway', sans-serif;
        }
        
        .quote-submit-btn {
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            font-family: 'Raleway', sans-serif;
            padding: 15px 20px;
            border: 0;
            border-radius: 0;
            background-color: #b94b4c;
        }
        /*==================== 31. QUOTE PAGE CSS END. ======================*/
        /*====================== 32. HOME-2 CSS START ========================*/
        
        .home-2 .header-section {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 99999 !important;
        }
        
        .home-2 .header-address.header-bg {
            background-color: transparent;
            border-bottom: 1px solid #4b5465;
        }
        
        .home-2 .quote-btn {
            border: 1px solid #485161;
            color: #fff;
        }
        
        .home-2 .quote-btn:hover {
            background-color: #b94b4c;
        }
        
        .home-2 .read-more-btn {
            background-color: #b94b4c;
        }
        
        .home-2 .mt-main-menu nav ul li a {
            color: #fff;
        }
        
        .home-2 .mt-main-menu:before {
            border-bottom: 0px solid #475061;
        }
        
        .home-2 .mt-main-menu nav ul li:hover a {
            color: #ffffff;
            -webkit-transition: .5s;
            transition: .5s;
        }
        
        .mapss {
            z-index: 9;
            position: absolute;
            top: 10;
            left: 44px;
            opacity: 0.2;
            top: 0px;
            height: 73%;
            width: 86%;
            object-fit: contain;
        }
        
        .home-2 .mt-main-menu ul li ul.submenu {
            background: rgba(255, 255, 255, 0.8);
        }
        
        .subn {
            padding: 10px 10px !important;
        }
        
        .home-2 .mt-main-menu ul li ul.submenu {
            position: absolute;
            background: #fff;
            width: 220px;
            left: auto;
            top: 80px;
            border-top: 1px solid #9d0808;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
            -webkit-transition: .3s;
            transition: .3s;
            z-index: 2;
        }
        
        .home-2 .mt-main-menu nav ul li ul.submenu li:hover>a {
            background: #ffffff00;
            /* padding-left: 30px; */
        }
        
        .home-2 .mt-service-area ul li.solution:hover,
        .home-2 .mt-service-area ul li:hover i {
            color: #b94b4c;
        }
        
        .home-2 .header-banner {
            background-size: cover;
            background-position: center;
            z-index: 2;
        }
        
        .home-2 .banner-text h2 span {
            color: #b94b4c;
        }
        
        .home-2 .single-service-tool {
            color: #fff;
        }
        
        .home-2 .mt-service-area {
            border-top: 1px solid #495263;
        }
        
        .home-2 .menu_fixed {
            background-color: #030303;
        }
        
        .home-2 .banner-text {
            padding-top: 300px;
            padding-bottom: 150px;
        }
        
        .home-2 .section-title h1:before,
        .home-2 .left-section-title h1:before {
            background-color: #b94b4c;
            color: #b94b4c;
        }
        
        .home-2 .single-feature-item:hover .feature-icon {
            background-color: #b94b4c;
            color: #fff;
            border-color: #06cc88;
        }
        
        .home-2 .single-feature-item:hover .feature-text h2 {
            color: #b94b4c;
        }
        
        .home-2 .view-all a {
            color: #b94b4c;
        }
        
        .home-2 .single-slider-item-box:hover .service-meta h4 a {
            color: #b94b4c;
        }
        
        .home-2 .our-services .single-service-carousel .owl-dot.active {
            background-color: #b94b4c;
        }
        
        .home-2 .our-team-area .container {
            box-shadow: none;
        }
        
        .home-2 .single-team-content-box:hover .single-team-social .member-name a {
            color: #b94b4c;
        }
        
        .home-2 .social-profile-link ul li:hover a {
            background-color: #b94b4c;
        }
        
        .home-2 .our-services .container {
            box-shadow: none !important;
        }
        
        .home-2 .testimonial-bg {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-color: #ddd;
            position: relative;
        }
        
        .home-2 .testimonial-bg:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background: rgba(40, 46, 42, 0.8);
            overflow: hidden;
        }
        
        .home-2 .our-testimonial .section-title h2 {
            color: #fff;
        }
        
        .home-2 .our-testimonial .section-title p {
            color: #fff;
        }
        
        .home-2 .testimonial-author-meta h4 {
            color: #b94b4c;
        }
        
        .home-2 .testimonial-carousel .owl-dot.active {
            background-color: #b94b4c !important;
        }
        /*.home-2 .testimonial-carousel .owl-dots div {
     background-color: #fff;
}
*/
        
        .home-2 .our-testimonial .testimonial-author-meta span {
            color: #fff;
        }
        
        .home-2 .our-testimonial .testimonial-text p {
            color: #fff;
        }
        
        .home-2 .our-testimonial .testimonial-carousel .owl-dots div {
            background-color: #fff;
        }
        
        .home-2 .fd-menu ul li:hover a,
        .home-2.fd-second-menu ul li:hover a {
            color: #b94b4c;
        }
        
        .home-2 .twitter-post .post-react-icon ul li:hover a {
            color: #b94b4c;
        }
        
        .home-2 .twitter-post .twitter-icon:before {
            border: 1px solid #b94b4c;
        }
        
        .home-2 .twitter-post .twitter-icon i {
            color: #b94b4c;
        }
        
        .home-2 .post-txt span {
            color: #b94b4c;
        }
        
        .home-2 .ft-menu ul li:hover a,
        .home-2 .ft-copy a {
            color: #b94b4c;
        }
        
        .home-2 .scrollTop span {
            background: #b94b4c;
        }
        /*----------------- 32.1 home-2 about area ------------------*/
        
        .video-desc .about-video {
            position: relative;
            z-index: 1;
        }
        
        .about-video-hover {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-color: rgba(40, 46, 62, 0.5);
            border-radius: 10px;
            z-index: 9;
            overflow: hidden;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .about-video-hover .round-play-btn {
            background-color: #b94b4c;
            height: 50px;
            border-radius: 50%;
            outline-color: transparent;
            position: relative;
            width: 50px;
            line-height: 20px;
            text-align: center;
            font-size: 15px;
            border-color: transparent;
        }
        
        .about-video-hover .round-play-btn:before {
            position: absolute;
            content: '';
            height: 60px;
            width: 60px;
            background-color: rgba(17, 162, 119, 0.8);
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-radius: 50px;
            z-index: -1;
            -webkit-animation: pulse 1500ms ease-out infinite;
            animation: pulse 1500ms ease-out infinite;
        }
        
        .about-video-hover:hover {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .video-item-3 .about-video-hover {
            opacity: 1 !important;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }
        
        .about-us .about-desc-text h3 {
            font-size: 18px;
            text-transform: capitalize;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            color: #030303;
            margin-bottom: 15px;
        }
        
        .about-us .about-desc-text p {
            font-size: 15px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            color: #707070;
            line-height: 24px;
            text-align: start;
        }
        
        .qna-video {
            position: relative;
            -o-object-fit: none;
            object-fit: none;
            z-index: 1;
        }
        
        .qna-video-hover {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-color: rgba(40, 46, 62, 0.5);
            border-radius: 0;
            z-index: 9;
            overflow: hidden;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .qna-video-hover .round-play-btn {
            background-color: #b94b4c;
            height: 50px;
            border-radius: 50%;
            outline-color: transparent;
            position: relative;
            width: 50px;
            line-height: 20px;
            text-align: center;
            font-size: 15px;
            border-color: transparent;
        }
        
        .qna-video-hover .round-play-btn:before {
            position: absolute;
            content: '';
            height: 60px;
            width: 60px;
            background-color: rgba(17, 162, 119, 0.8);
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-radius: 50px;
            z-index: -1;
            -webkit-animation: pulse 1500ms ease-out infinite;
            animation: pulse 1500ms ease-out infinite;
        }
        /*---------------------- 32.2 Home-2 Ask Question area -------------------------*/
        
        .about-question .qna-text-list .single-qna-text-box h2 {
            font-size: 30px;
            font-family: 'Raleway', sans-serif;
            font-weight: 400;
            color: #030303;
            margin-bottom: 20px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .about-question .qna-text-list .single-qna-text-box p {
            font-size: 15px;
            line-height: 24px;
            color: #707070;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
        }
        
        .about-question .qna-text-list {
            margin-top: 30px;
            border-bottom: 2px solid transparent;
            -webkit-transition: .3s;
            transition: .3s;
            padding-bottom: 30px;
        }
        
        .qna-video img {
            min-height: 640px;
        }
        
        .about-question .qna-text-list .single-qna-text-box:hover h2 {
            color: #b94b4c;
        }
        
        .about-question .qna-text-list:hover {
            border-color: #b94b4c;
        }
        /*---------------------- 32.3 Home-2 Our Solution Area -------------------------*/
        
        .single-solution-item .solution-box h2 {
            font-size: 24px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            color: #030303;
            margin-bottom: 20px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .single-solution-item:hover .solution-box h2 {
            color: #b94b4c;
        }
        
        .single-solution-item .solution-box p {
            font-size: 15px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            color: #707070;
            line-height: 24px;
        }
        
        .solution-box {
            display: block;
        }
        
        .solution-icon {
            display: block;
            float: left;
            font-size: 35px;
            position: relative;
            top: -8px;
        }
        
        .solution-icon i {
            color: #b94b4c;
        }
        /*------------------------ 32.4 Home-2 Blog --------------------------*/
        
        .single-blog {
            padding-bottom: 30px;
            -webkit-transition: .3s;
            transition: .3s;
            border: solid 1px #d1d1d173;
        }
        
        .single-blog .blog-post-img img {
            min-height: 250px;
        }
        /*.single-blog:hover {
     border-color: #b94b4c;
}
*/
        
        .single-blog img {
            width: 100%;
        }
        
        .single-blog .single-blog-meta {
            padding: 0 30px;
        }
        
        .single-blog .single-blog-meta {
            font-size: 16px;
            font-family: 'Raleway';
            margin-top: 20px;
            font-weight: 600;
            line-height: 25px;
            display: inline-block;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .single-blog .single-blog-meta span {
            background-color: #b94b4c;
            padding: 10px;
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            border-radius: 5px;
            display: inline-block;
        }
        
        .single-blog .single-blog-meta .blog-title {
            margin-top: 20px;
            color: #030303;
        }
        
        .single-blog:hover .blog-title {
            color: #b94b4c;
        }
        /*------------------------- 32.5 Home-2 Get Quote Area --------------------------- */
        
        .get-quote-area .col-md-4 {
            padding-right: 0;
            padding-left: 0;
        }
        
        .quote-img img {
            height: 370px;
            width: 100%;
        }
        
        .quote-img {
            position: relative;
        }
        
        .single-quote-text {
            position: absolute;
            bottom: 50px;
            margin-left: 30px;
        }
        
        .single-quote-text h3 {
            font-size: 30px;
            font-weight: 700;
            color: #fff;
            font-family: 'Raleway', sans-serif;
        }
        
        .quote-img:after {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: rgb(0, 0, 0, .6);
            content: '';
        }
        
        .single-quote-text .get-quote-btn {
            padding: 10px 14px;
            background-color: #5c606a;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            display: inline-block;
            margin-top: 20px;
            border-radius: 4px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .single-quote-text:hover .get-quote-btn {
            background-color: #b94b4c;
        }
        /*=============== 32. Home-2 END =================*/
        /*=============================== 33. HOME-3 CSS ================================*/
        
        .home-3 {}
        
        .home-3 .menu-area {
            padding: 30px 0;
        }
        
        .home-3 .mt-main-menu nav ul li:hover a {
            color: #e21f2f;
            -webkit-transition: .5s;
            transition: .5s;
        }
        
        .fcnter {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: center;
        }
        
        .titlek {
            font-weight: 500;
            font-size: 40px;
            line-height: 50px;
        }
        
        .cryrk {
            font-weight: 400;
            font-size: 34px;
            color: #282e3e;
            line-height: 39px;
        }
        
        .home-3 .mt-main-menu nav ul li ul.submenu li:hover>a {
            background: #e21f2f;
            /* padding-left: 30px; */
        }
        
        .home-3 .mt-main-menu ul li ul.submenu {
            position: absolute;
            background: #ffffff;
            width: 220px;
            left: auto;
            top: 80px;
            border-top: 3px solid #e21f2f;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
            -webkit-transition: .3s;
            transition: .3s;
            z-index: 2;
        }
        
        .abtpad {
            padding: 100px 0px;
        }
        
        .pt-70 {
            padding: 70px 0px 70px 0px;
        }
        
        .webpad {
            padding: 0px 100px
        }
        
        .left {
            right: 25% !important;
        }
        
        .tms {
            padding: 10px 40px;
            position: relative;
            background-color: inherit;
            width: 50% !important;
        }
        
        .titlespn {
            font-size: 18px;
            line-height: 41px;
            color: #707070;
        }
        
        .catalogp {
            color: #707070;
            font-size: 16px;
            font-weight: 400;
            margin-top: -1px;
            width: 600px;
        }
        
        .catalogk {
            font-weight: 400;
            font-size: 31px;
            line-height: 37px;
            text-transform: uppercase;
        }
        
        .urund {
            font-size: 22px;
            text-transform: uppercase;
            padding: 15px 0px;
            font-weight: 400;
        }
        
        .catalogspn {
            font-size: 11px;
            font-weight: 500;
            color: #707070;
            margin-top: -7px;
            text-transform: uppercase;
        }
        
        .proimg {
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            width: 280px !important;
            margin-top: 20px;
        }
        
        .proimg:hover {
            filter: grayscale(0%);
            -webkit-filter: grayscale(0%);
            -moz-filter: grayscale(0%);
        }
        
        .motto {
            font-size: 24px;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            line-height: 55px;
            color: #030303;
            font-style: italic;
        }
        
        .product-project-title {
            font-size: 34px;
            font-weight: 400;
            text-transform: uppercase;
        }
        
        .pb-50 {
            padding-bottom: 50px;
        }
        
        .titlep {
            color: #707070;
            font-size: 22px;
            font-weight: 500;
            margin-top: 10px;
        }
        
        .titlew {
            color: #707070;
            font-size: 13px;
            font-weight: 300;
            margin-top: 10px;
        }
        
        .home-3 a.quote-btn {
            color: #e21f2f;
            border: 1px solid #e21f2f;
        }
        
        .home-3 .quote-btn:hover {
            background-color: #e21f2f;
            color: #fff;
            border: 1px solid #e21f2f;
        }
        
        .home-3 .slider-bg {
            min-height: 850px;
            background-size: cover;
            background-position: center;
            background-color: #ddd;
            position: relative;
        }
        /* .home-3 .slide-bg-1{
    background-image: url(../img/home-3/slider-1.jpg);
}*/
        
        .home-3 .slider-bg:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background-color: rgb(0, 0, 0, 0.7);
        }
        
        .home-3 .project h2,
        .home-3 .r-project h2,
        .home-3 .client h2 {
            color: #e21f2f;
        }
        
        .home-3 .video-bg .round-play-btn {
            background: #e21f2f;
            border: none;
        }
        
        .home-3 .video-description-area .desc-area h1 {
            border-left: 2px solid #e21f2f;
        }
        
        .home-3 .project p,
        .r-project p,
        .client p {
            text-align: center;
        }
        
        .home-3 .video-description-area .video-desc .video-bg {
            position: relative;
        }
        
        .home-3 .video-description-area .video-desc .video-bg:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background: rgb(40, 46, 62, .5);
        }
        
        .home-3 .video-description-area .video-desc .video-bg img {
            max-width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-height: 442px;
            box-shadow: 0 15px 15px #e7e7e7;
        }
        
        .home-3 .video-description-area .video-desc .video-bg .round-play-btn {
            background: #e21f2f;
        }
        
        .home-3 .video-description-area .video-desc .video-bg .round-play-btn:before {
            background: #e21f2f;
        }
        
        .home-3 .video-description-area .video-desc .video-bg .round-play-btn i {
            font-size: 24px;
            line-height: 30px;
        }
        
        @keyframes pulse {
            0% {
                -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                opacity: 1;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            }
            100% {
                -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            }
        }
        
        .home-3 .video-bg .round-play-btn:before,
        .home-3 .single-blog .single-blog-meta span {
            background: #e21f2f;
        }
        
        .home-3 .section-title span {
            color: #e21f2f;
        }
        
        .home-3 .section-title h2:before,
        .home-3 .left-section-title h2:before {
            background-color: #e21f2f;
        }
        
        .home-3 .about-question .qna-text-list .single-qna-text-box:hover h2 {
            color: #e21f2f;
        }
        
        .home-3 .about-question .qna-text-list:hover,
        .home-3 .single-blog:hover {
            border-color: #e21f2f;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .home-3 .qna-video-hover .round-play-btn:before {
            background-color: rgba(226, 31, 47, 0.8);
        }
        
        .home-3 .qna-video-hover .round-play-btn {
            background-color: #e21f2f;
            border: none;
        }
        
        .home-3 .about-txt h2 {
            color: #e21f2f;
        }
        
        .home-3 .single-feature-item:hover .feature-icon {
            background-color: #e21f2f;
            color: #fff;
            border-color: #d41828;
        }
        
        .home-3 .single-feature-item:hover .feature-text h2 {
            color: #e21f2f;
        }
        
        .home-3 .our-team-area .container {
            box-shadow: none;
            background: #fff !important;
            z-index: 9;
        }
        
        .home-3 .view-all a,
        .home-3 .solution-icon i,
        .home-3 .single-solution-item:hover .solution-box h2 {
            color: #e21f2f;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .home-3 .our-team-area .single-team-carousel .owl-dot.active {
            background-color: #d11322;
        }
        
        .home-3 .single-team-content-box:hover .single-team-social .member-name a,
        .home-3 .single-blog:hover .blog-title {
            color: #e21f2f;
        }
        
        .home-3 .social-profile-link ul li:hover a {
            background-color: #e21f2f;
            border-color: #e21f2f;
        }
        
        .home-3 .video-bg img {
            border: none;
            border-radius: 0;
        }
        
        .home-3 .custom-shape {
            height: 1px;
            width: 100%;
            background-color: #fff;
            position: absolute;
            z-index: -1;
        }
        /*home-3 contact*/
        
        .home-3 .contact-form-area {
            padding: 0;
        }
        
        .home-3 .contact-bg {
            background-size: cover;
            background-position: center top;
            background-color: #ddd;
            min-height: 490px;
            width: 100%;
            position: relative;
        }
        
        .home-3 .contact-bg:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background-color: rgb(26, 37, 58, .85);
        }
        
        .home-2 .contact-bg {
            background-size: cover;
            background-position: center top;
            background-color: #ddd;
            min-height: 490px;
            width: 100%;
            position: relative;
        }
        
        .home-2 .contact-bg:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            content: '';
            background-color: rgb(26, 37, 58, .85);
        }
        
        .home-3 .contact-form-area h1 span {
            color: #e21f2f;
        }
        
        .home-3 .contact-form-area p {
            margin-bottom: 0;
        }
        
        .home-3 .contact-form textarea {
            margin-top: 0px;
        }
        
        .home-3 .contact-form button {
            background-color: #e21f2f;
        }
        
        .home-3 .testimonial-author-meta h4 {
            color: #e21f2f;
        }
        
        .home-3 .testimonial-carousel .owl-dot.active {
            background-color: #e21f2f !important;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .home-3 .post-txt span,
        .home-3 .twitter-post .twitter-icon i,
        .home-3 .fd-menu ul li:hover a,
        .home-3 .twitter-post .post-react-icon ul li:hover a,
        .home-3 .fd-second-menu ul li:hover a,
        .home-3 .ft-menu ul li:hover a,
        .home-3 .ft-copy a {
            color: #e21f2f;
            /* -webkit-transition: .3s;
    transition: .3s; */
        }
        /* .slider-content h1 {
     font-size: 65px;
     font-weight: 700;
     font-family: 'Raleway', sans-serif;
     color: #fff;
     text-transform: uppercase;
}*/
        
        .banner-text h2 span {
            color: #e21f2f;
        }
        /* .slider-content p {
     margin-top: 20px;
     font-size: 16px;
     max-width: 90%;
     line-height: 24px;
     color: #fff;
}*/
        
        .banner-text .slider-btn {
            padding: 20px 38px;
            text-transform: capitalize;
            color: #fff;
            font-size: 16px;
            border: none;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            background-color: #e21f2f;
            border-radius: 0;
            display: inline-block;
            margin-top: 30px;
        }
        
        .ftrtext {
            color: #a0aab5;
            font-weight: 500;
        }
        
        .ftlogo {
            margin-bottom: 17px;
        }
        
        .pb-1 {
            padding-bottom: 1rem !important;
        }
        
        .ftr {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .centerft {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
        }
        
        .centerft li {
            padding: 0px 20px;
        }
        
        .about-btn .about-more-btn {
            height: 160px;
            width: 160px;
            background-color: #e21f2f;
            text-align: center;
            border-radius: 50%;
            border: 10px solid #d11322;
            font-size: 18px;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            justify-content: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        /*home-3 google map*/
        
        .map-container-3 {
            overflow: hidden;
            padding-bottom: 37.5%;
            position: relative;
            height: 0;
        }
        
        .map-container-3 iframe {
            left: 0;
            top: 0;
            min-height: 510px;
            width: 100%;
            position: absolute;
        }
        
        .home-3 .fd-area .fd-social-link ul li:hover {
            background-color: #e21f2f;
            border: 1px solid #e21f2f;
        }
        
        .home-3 .twitter-post .twitter-icon:before {
            border: 1px solid #e21f2f;
        }
        
        .home-3 .twitter-post .twitter-icon i {
            color: #e21f2f;
        }
        
        .home-3 .post-txt span {
            color: #e21f2f;
        }
        
        .home-3 .scrollTop span {
            background: #e21f2f;
        }
        /*=============== 33. HOME-3 END ================*/
        /*=============== 34. HOME-4 CSS ================*/
        
        .home-4 {
            margin: 80px;
            background-image: url(../img/home-4/bg.jpg);
            background-position: center;
            background-repeat: round;
            background-color: #ddd;
            background-attachment: fixed;
        }
        
        .home-4 .our-services .container,
        .home-4 .our-team-area .container {
            box-shadow: none;
        }
        
        .home-4 .mt-btn:before {
            background: #e21f2f;
        }
        /*=============== 34. HOME-4 CSS END ================*/
        /*================= 35. FOOTER AREA CSS ====================*/
        
        .footer-bg {
            background-color: #030303;
        }
        
        .fd-area img {
            width: 100%;
        }
        
        .fd-area p {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: #a0aab5;
            font-family: 'Raleway', sans-serif;
            margin-top: 30px;
            margin-bottom: 50px;
        }
        
        .fd-area .fd-social-link ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .fd-area .fd-social-link ul li {
            display: inline-block;
            margin-right: 5px;
            height: 36px;
            width: 36px;
            border-radius: 50%;
            border: 1px solid #000;
            text-align: center;
            line-height: 32px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .fd-area .fd-social-link ul li a {
            display: block;
            color: #000;
            font-size: 14px;
            line-height: 35px;
        }
        
        .fd-area .fd-social-link ul li:hover {
            background-color: #b94b4c;
            border: 1px solid #b94b4c;
        }
        
        .after-border h5 {
            font-size: 18px;
            font-weight: 700;
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
            color: #fff;
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 30px;
        }
        
        .after-border h5:after {
            position: absolute;
            content: '';
            height: 1px;
            width: 30px;
            background-color: #fff;
            bottom: 0;
            left: 0;
        }
        
        .fd-menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .fd-menu ul li {
            display: block;
            margin-bottom: 20px;
        }
        
        .fd-menu ul li a {
            display: inline-block;
            color: #a0aab5;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Raleway', sans-serif;
            text-transform: capitalize;
            /* -webkit-transition: .5s;
    transition: .5s; */
        }
        
        .fd-menu ul li:last-child {
            margin-bottom: 0;
        }
        
        .fd-second-menu {
            margin-top: 65px;
        }
        
        .fd-second-menu ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .fd-second-menu ul li {
            display: block;
            margin-bottom: 20px;
        }
        
        .fd-second-menu ul li a {
            display: inline-block;
            font-size: 16px;
            color: #a0aab5;
            font-weight: 400;
            font-family: 'Raleway', sans-serif;
            -webkit-transition: .5s;
            transition: .5s;
            text-transform: capitalize;
        }
        
        .second {
            padding: 16px 0px !important;
        }
        
        .fd-menu ul li:hover a,
        .fd-second-menu ul li:hover a {
            color: #b94b4c;
            /* -webkit-transition: .5s;
    transition: .5s; */
        }
        
        .fd-second-menu ul li:last-child {
            margin-bottom: 0;
        }
        
        .twitter-post-bg {
            background-color: #030303;
            padding-top: 30px;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 0;
        }
        
        .twitter-post {
            max-width: 230px;
            margin: 0 auto;
        }
        
        .twitter-post .post-react-icon ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .twitter-post .post-react-icon ul li {
            display: inline-block;
            margin-right: 10px;
        }
        
        .twitter-post .post-react-icon ul li:last-child {
            margin-right: 0;
        }
        
        .twitter-post .post-react-icon ul li:hover a {
            color: #19d428;
        }
        
        .twitter-post .post-react-icon ul li a {
            display: block;
            color: #999;
        }
        
        .twitter-post .twitter-icon {
            position: relative;
        }
        
        .twitter-post .twitter-icon:before {
            position: absolute;
            right: auto;
            border: 1px solid #b94b4c;
            content: '';
            left: 20px;
            height: 30px;
        }
        
        .twitter-post .twitter-icon i {
            height: 30px;
            padding-right: 10px;
            position: relative;
            top: 2px;
            color: #b94b4c;
            font-size: 12px;
        }
        
        .post-txt {
            position: relative;
            margin-left: 38px;
            top: -40px;
            font-family: 'Raleway', sans-serif;
            color: #a0aab5;
        }
        
        .post-react-icon {
            position: relative;
            left: 38px;
            top: -26px;
        }
        
        .post-txt span {
            color: #b94b4c;
            text-decoration: underline;
        }
        
        .twitter-post .post-react-icon ul li a i {
            padding-right: 5px;
        }
        
        .email-subscription-box {
            position: relative;
        }
        
        .email-subscription-box input {
            width: 100%;
            padding: 15px 25px;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
            border-radius: 50px;
            border: 2px solid #383d4c;
            background-color: transparent;
            color: #fff;
            position: relative;
        }
        
        .email-subscription-box button {
            position: absolute;
            right: 0;
            height: 100%;
            border: 0;
            width: 45px;
            border-left: 2px solid #383d4c;
            background-color: transparent;
            cursor: pointer;
            color: #fff;
            outline: none;
            top: 0;
        }
        
        .email-subscription-box button i {
            position: relative;
            left: -4px;
        }
        /*---------------- 35.1 footer copyright -----------------*/
        
        .ft-menu ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .ft-menu ul li {
            display: inline-block;
            margin-right: 25px;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .ft-menu ul li:last-child {
            margin-right: 0;
        }
        
        .colorgray {
            color: #a0aab5 !important;
        }
        
        .footer-area {
            background-color: #030303;
            padding: 30px 0px 10px 0px;
            border-top: 1px solid;
        }
        
        .ft-menu ul li a {
            display: block;
            color: #fff;
            font-size: 14px;
            font-family: 'Raleway', sans-serif;
        }
        
        .ft-menu ul li:hover a {
            color: #b94b4c;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .ik-gorsel {
            position: relative;
            bottom: 82px;
        }
        
        .career-pr {
            color: #707070;
            font-size: 18px;
            font-weight: 400;
            margin-top: 10px;
        }
        
        .aboutpa {
            font-size: 1.5rem;
            line-height: 1.47059;
            color: #5b6b71;
            font-weight: 300
        }
        
        .kariyern {
            font-size: 1.2rem;
            color: #5b6b71;
            margin-left: 10px;
            margin-bottom: 10px;
            font-weight: 300
        }
        
        .cursor {
            cursor: pointer !important;
        }
        
        .ft-copy {
            color: #fff;
            font-size: 10px;
            font-family: 'Raleway', sans-serif;
        }
        
        .ft-copy a {
            color: #b94b4c;
        }
        /*-------------- 35.2 footer brand ---------------*/
        
        .brand-slider-active a img {
            height: 60px;
            width: 90px;
        }
        
        .brand-slider-active .owl-carousel .owl-item img {
            width: auto !important;
        }
        /*---------------- 35.3 Back to top ------------------*/
        
        .scrollTop {
            position: fixed;
            right: 40px;
            bottom: 60px;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -webkit-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
            height: 50px;
            width: 50px;
            border-radius: 50px;
            text-align: center;
            z-index: 99;
        }
        
        .scrollTop a {
            font-size: 18px;
            color: #fff;
        }
        
        .scrollTop span {
            background: #b94b4c;
            height: 40px;
            width: 40px;
            display: block;
        }
        
        .scrollTop span i {
            font-size: 25px;
            line-height: 40px;
            font-family: 'IcoFont' !important;
            font-weight: 400;
            color: #fff;
        }
        
        .social-top {
            padding-left: 10px;
        }
        
        .lft {
            padding-right: 10px;
        }
        
        .scrollTop span:hover {
            background-color: #e21f2f;
            -webkit-transition: .3s;
            transition: .3s;
        }
        
        .news-one {
            display: flex;
            background: white;
            padding: 20px 32px 23px 21px;
            margin-bottom: 15px;
            font-family: 'Raleway', sans-serif;
            justify-content: center;
            align-items: center;
            align-content: center;
        }
        
        .news-number {
            text-align: right;
            font-weight: 700;
            width: 100px;
            font-size: 30px;
            font-family: 'Raleway', sans-serif;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }
        
        .news-text {
            font-weight: 500;
            font-size: 20px;
            line-height: 9px;
            font-family: 'Raleway', sans-serif;
        }
        
        .gray {
            background-color: #F8F8F8;
        }
        
        .news-title:before {
            content: url(' ');
            position: absolute;
            /* bottom: -95px; */
            /* right: 0; */
            left: -424px;
            top: 117px;
            width: 300px;
            height: 1px;
            background-color: #000;
            transform: rotate(180deg);
            margin: 0 auto;
        }
        
        .center {
            text-align: center !important;
        }
        
        .graycolor {
            color: #7F7F7F !important;
        }
        
        .black {
            color: #000 !important;
        }
        
        .newsp {
            padding: 7px 10px 0px 30px;
            width: 100%;
        }
        
        .arrowr {
            width: 32px;
            height: 33px;
            padding: 10px 0px 0px 0px;
        }
        /*====================== 35. FOOTER AREA CSS END ========================*/
        /*-------------------- thanks for choosing our item ---------------------------------*/
        /* The actual timeline (the vertical ruler) */
        
        .timeline {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
        }
        /* The actual timeline (the vertical ruler) */
        
        .timeline::after {
            content: '';
            position: absolute;
            width: 6px;
            background-color: #b94b4c;
            top: 0;
            bottom: 0;
            left: 50%;
        }
        /* Container around content */
        
        .timetitle {
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 0.05px;
            color: gray;
        }
        
        .tms {
            padding: 10px 40px;
            position: relative;
            background-color: inherit;
            width: 50%;
        }
        /* The circles on the timeline */
        
        .tms::after {
            content: '';
            position: absolute;
            width: 25px;
            height: 25px;
            right: -17px;
            background-color: white;
            border: 4px solid #b94b4c;
            top: 15px;
            border-radius: 50%;
            z-index: 1;
        }
        
        .tedarik {
            font-size: 1.2rem;
            color: #5b6b71;
            margin-left: 2px;
            margin-bottom: 10px;
            font-weight: 300;
        }
        
        .righht {
            background-image: linear-gradient(270deg, #fff 0%, #fff 50%, transparent 50.1%);
            background-position: 100% 0%;
            font-size: 35px;
            padding: 10px 0px;
            font-weight: 300px;
            background-size: 0% 100%;
            cursor: pointer;
            -webkit-text-stroke-color: #c66c6d;
            -webkit-text-stroke-width: 0.02em;
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            background-repeat: no-repeat;
            transition: background-size 0.5s cubic-bezier(0.67, 0.01, 0.15, 0.98);
        }
        
        .righht:hover {
            background-size: 200% 100%;
        }
        
        .histry {
            font-size: 18px;
            font-weight: 300;
            color: #707070;
            letter-spacing: 0, 05;
        }
        /* Place the container to the left */
        
        .left {
            right: 25%;
        }
        /* Place the container to the right */
        
        .right {
            left: 25.5%;
        }
        /* Add arrows to the left container (pointing right) */
        
        .left::before {
            content: " ";
            height: 0;
            position: absolute;
            top: 22px;
            width: 0;
            z-index: 1;
            right: 30px;
            border: medium solid white;
            border-width: 10px 0 10px 10px;
            border-color: transparent transparent transparent white;
        }
        /* Add arrows to the right container (pointing left) */
        
        .right::before {
            content: " ";
            height: 0;
            position: absolute;
            top: 22px;
            width: 0;
            z-index: 1;
            left: 30px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }
        /* Fix the circle for containers on the right side */
        
        .right::after {
            left: -16px;
        }
        /* The actual content */
        
        .content {
            padding: 20px 30px;
            background-color: white;
            position: relative;
            border-radius: 6px;
        }
        
        .contact-title {
            padding: 100px 0px 20px 15px;
            font-size: 36px;
            font-weight: 500;
            margin: 10px 0px;
        }
        
        .contact-titleo {
            font-size: 43px;
            font-weight: 500;
            margin: 10px 0px;
        }
        
        .address {
            font-size: 36px;
            font-weight: 400;
            letter-spacing: 0.5;
            letter-spacing: 0.5px;
            /* line-height: 40px; */
            padding: 10px 0px 0px 15px;
        }
        
        .addres {
            font-size: 22px;
            font-weight: 400;
            padding: 10px 0px 0px 15px;
            line-height: 35px;
        }
        
        .phone a {
            font-size: 22px;
            font-weight: 400;
            color: #000;
        }
        
        .mail a {
            font-size: 22px;
            font-weight: 400;
            color: #000;
        }
        
        .fd-social-link {
            padding: 10px;
        }
        
        .mail {
            padding: 10px 0px 0px 15px;
        }
        
        .phone {
            padding: 10px 0px 0px 15px;
        }
        
        .contactp {
            margin: 0px;
            color: rgb(61, 61, 61);
            font-size: 25px;
            font-weight: 400;
            line-height: 1.25em;
            text-align: left;
        }
        /* Media queries - Responsive timeline on screens less than 600px wide */
        
        @media screen and (max-width: 600px) {
            /* Place the timelime to the left */
            .timeline::after {
                left: 31px;
            }
            .news-one {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .title-detail {
                font-size: 29px;
            }
            .newsp {
                font-size: 10px;
            }
            /* Full-width containers */
            .container {
                width: 100%;
                /* padding-left: 70px;
        padding-right: 25px; */
            }
            /* Make sure that all arrows are pointing leftwards */
            .container::before {
                left: 60px;
                border: medium solid white;
                border-width: 10px 10px 10px 0;
                border-color: transparent white transparent transparent;
            }
            /* Make sure all circles are at the same spot */
            .left::after,
            .right::after {
                left: 21px;
            }
            /* Make all right containers behave like the left ones */
            .right {
                left: 0%;
            }
        }
        
        @media (max-width: 480px) {
            .left {
                right: -2% !important;
            }
            .right {
                left: 2% !important;
            }
        }
        
        @media (min-width: 480px) and (max-width: 767px) {
            .left {
                right: -2% !important;
            }
            .right {
                left: 2% !important;
            }
        }