/*========================================*/
        /*-------- [_Imported_CSS_Plugins] -------*/
        /*========================================*/

        @import url("../css/bootstrap.min.css");
        @import url("../fonts/webexflaticon/flaticon.css");
        @import url("../fonts/fontawesome/css/all.css");
        @import url("../fonts/webexicon/style.css");
        @import url("../css/owl.carousel.min.css");
        @import url("../css/magnific-popup.css");
        @import url("../css/animate.css");
        @import url("../css/custom-animation.css");
        @import url("../css/meanmenu.min.css");
        /*========================================*/
        /*------------ [_Reset_Styles] -----------*/
        /*========================================*/

        * {
            margin : 0px;
            padding: 0px;
            border : none;
            outline: none !important;
        }

        ::-moz-selection {
            background : #27499d;
            color      : #fff;
            text-shadow: none;
        }

        ::-webkit-scrollbar {
            background-color: #ccc;
            width           : 8px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #27499d;
        }

        ::selection {
            background : #27499d;
            color      : #fff;
            text-shadow: none;
        }

        ul li {
            display: inline;
        }

        .img-full {
            width: 100%;
        }

        /*========================================*/
        /*--------------- [_Buttons] -------------*/
        /*========================================*/
        /*Btn Style One*/

        .cs-btn-one {
            position        : relative;
            display         : inline-block;
            text-transform  : uppercase;
            background-color: #27499d;
            font-size       : 14px;
            line-height     : 26px;
            color           : #ffffff;
            padding         : 14px 42px;
            font-weight     : 500;
            overflow        : hidden;
            border-radius   : 5px;
            cursor          : pointer;
        }

        .cs-btn-one:hover {
            background        : #0a49b4;
            color             : #ffffff;
            -moz-transition   : all 300ms ease;
            -webkit-transition: all 300ms ease;
            -ms-transition    : all 300ms ease;
            -o-transition     : all 300ms ease;
            transition        : all 300ms ease;
        }

        .cs-btn-one.has-icon i {
            font-size     : 20px;
            vertical-align: middle;
            padding-right : 10px;
        }
		.lzjbjd{
			display:none !important;
		}
        .cs-btn-one.btn-sm.has-icon i {
            font-size: 18px;
        }

        .cs-btn-one.btn-circle {
            border-radius: 60px 60px 60px 60px;
        }

        .cs-btn-one.btn-square {
            border-radius: 0;
        }

        .cs-btn-one.btn-sm {
            font-size: 14px;
            padding  : 10px 28px;
        }

        .cs-btn-one.btn-md {
            font-size: 14px;
            padding  : 18px 56px;
        }

        .cs-btn-one.btn-lg {
            font-size: 18px;
            padding  : 20px 64px;
        }

        .cs-btn-one.btn-xl {
            font-size: 18px;
            padding  : 24px 56px;
        }

        .cs-btn-one.btn-border {
            border    : 2px solid #27499d;
            background: transparent;
            color     : #27499d;
        }

        .cs-btn-one.btn-light {
            background : #fff;
            color      : #27499d;
            border     : 2px solid transparent;
            font-weight: 800;
        }

        .cs-btn-one.btn-light:hover {
            border: 2px solid;
        }

        .cs-btn-one.btn-light:focus {
            box-shadow: none;
        }

        .cs-btn-one.btn-hover-border:hover {
            border: 2px solid #27499d;
        }

        .cs-btn-one.btn-secordary-color {
            background: #17305e;
        }

        .cs-btn-one.btn-secordary-color:hover {
            background: #27499d;
        }

        .cs-btn-one.btn-primary-color {
            background: #27499d;
        }

        .cs-btn-one.btn-primary-color:hover {
            background: #17305e;
        }

        .cs-btn-one.btn-gradient-color {
            background: linear-gradient(45deg, #0E90D5, #3032A2) !important;
            color     : #fff;
        }

        .cs-btn-one.btn-gradient-color:hover {
            background        : linear-gradient(-20deg, #0E90D5, #3032A2) !important;
            -webkit-box-shadow: 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
            -khtml-box-shadow : 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
            -moz-box-shadow   : 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
            -ms-box-shadow    : 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
            -o-box-shadow     : 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
            box-shadow        : 4px 5px 10px 0px rgba(36, 106, 215, 0.6);
        }

        .cs-btn-one.btn-transparent {
            background: rgba(0, 0, 0, 0.2);
        }

        .cs-btn-one.text-btn {
            color: #27499d;
        }

        /*========================================*/
        /*-------------- [_Utility] -----===------*/
        /*========================================*/

        body {
            color                  : #3e3e3e;
            font-family            : "Poppins", sans-serif;
            font-weight            : 400;
            font-size              : 16px;
            line-height            : 26px;
            -webkit-font-smoothing : antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        p {
            margin     : 0 0 20px;
            line-height: 1.8em;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color      : #151a33;
            margin     : 0;
            font-family: "Poppins", sans-serif;
        }

        h1,
        h2 {
            font-weight: 800;
        }

        h3,
        h4 {
            font-weight: 700;
        }

        h5,
        h6 {
            font-weight: 600;
        }

        h1 {
            font-size  : 48px;
            line-height: 56px;
        }

        h2 {
            font-size  : 42px;
            line-height: 48px;
        }

        h3 {
            font-size     : 28px;
            line-height   : 1.25;
            letter-spacing: -.02em;
        }

        h4 {
            font-size  : 22px;
            line-height: 32px;
        }

        h5 {
            font-size  : 18px;
            line-height: 24px;
        }

        h6 {
            font-size  : 16px;
            line-height: 26px;
        }

        h1 a,
        h2 a,
        h3 a,
        h4 a,
        h5 a,
        h6 a {
            color: inherit;
        }

        b,
        strong {
            color: #151a33;
        }

        iframe {
            border: none;
        }

        a,
        b,
        div,
        ul,
        li {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            -moz-outline-              : none;
        }

        input,
        select,
        textarea,
        input[type="text"],
        input[type="date"],
        input[type="url"],
        input[type="email"],
        input[type="password"],
        input[type="tel"],
        button,
        button[type="submit"] {
            -moz-appearance: none;
            box-shadow     : none !important;
        }

        img:not([draggable]),
        embed,
        object,
        video {
            max-width: 100%;
            height   : auto;
        }

        a {
            transition     : all 0.3s ease 0s;
            text-decoration: none;
            cursor         : pointer;
            color          : #049AD3;
        }

        a:hover,
        a:focus,
        a:visited {
            text-decoration: none;
        }

        a:hover {
            color          : #27499d;
            text-decoration: none;
        }

        ul,
        ol {
            list-style: outside none none;
            margin    : 0;
            padding   : 0;
        }

        img {
            border   : none;
            max-width: 100%;
        }

        .clear-both:before,
        .clear-both:after {
            display: table;
            content: "";
            clear  : both;
        }

        .block-quote {
            padding      : 30px;
            background   : #F4F5F8;
            border-left  : 5px solid #27499d;
            position     : relative;
            overflow     : hidden;
            margin-bottom: 20px;
        }

        .block-quote:after {
            position   : absolute;
            content    : "\ea70";
            font-family: 'webexicon' !important;
            font-size  : 17rem;
            top        : 50px;
            right      : -15px;
            opacity    : 0.08;
        }

        .block-quote p {
            font-size: 20px;
            color    : #555362;
        }

        .f-left {
            float: left;
        }

        .f-right {
            float: right;
        }

        /*========================================*/
        /*--------------- [_Global] --------------*/
        /*========================================*/

        .preloader {
            position           : fixed;
            left               : 0px;
            top                : 0px;
            width              : 100%;
            height             : 100%;
            z-index            : 999999;
            background-color   : #ffffff;
            background-position: center center;
            background-repeat  : no-repeat;
            background-image   : url(../images/preloader.svg);
            background-size    : 90px;
        }

        .section-gap {
            padding: 110px 0;
        }

        section.anim-object {
            overflow: hidden;
        }

        .bg-pos-center-bottom {
            background-position: center bottom;
        }

        .table {
            display: table;
            width  : 100%;
            height : 100%;
        }

        .table-cell {
            display       : table-cell;
            width         : 100%;
            height        : auto;
            vertical-align: middle;
        }

        .slide-bg-1 {
            background-image: url(../images/bg/bg1.jpg);
        }

        .slide-bg-2 {
            background-image: url(../images/bg/bg2.jpg);
        }

        .slide-bg-3 {
            background-image: url(../images/bg/bg3.jpg);
        }

        .homepage-slides .owl-nav button.owl-prev,
        .homepage-slides .owl-nav button.owl-next {
            font-size  : 20px;
            height     : 50px;
            left       : 50px;
            line-height: 50px;
            position   : absolute;
            text-align : center;
            top        : 50%;
            width      : 50px;
            background : #fff;
            transform  : translateY(-50%);
            transition : all 600ms ease 0ms;
            opacity    : 0;
            visibility : hidden;
        }

        .homepage-slides:hover .owl-nav button.owl-prev,
        .homepage-slides:hover .owl-nav button.owl-next {
            opacity   : 1;
            visibility: visible;
        }

        .homepage-slides .owl-nav button.owl-next {
            left : auto;
            right: 50px;
        }

        .social-list li {
            display     : inline;
            float       : left;
            margin-right: 15px;
        }

        .social-list li a {
            background   : #303743;
            height       : 42px;
            width        : 42px;
            display      : inline-block;
            color        : #fff;
            text-align   : center;
            border-radius: 50%;
            line-height  : 42px;
            font-size    : 16px;
        }

        .social-list li a:hover {
            background: linear-gradient(45deg, #0E90D5, #3032A2) !important;
        }

        .social-list.list-primary-color li a {
            background: #27499d;
        }

        .social-list.list-flat li a {
            border-radius: 0;
        }

        .social-list.list-lg li a {
            height     : 48px;
            width      : 48px;
            font-size  : 18px;
            line-height: 48px;
        }

        .social-list.list-sm li {
            margin-right: 10px;
            height      : 34px;
            width       : 34px;
            font-size   : 14px;
            line-height : 34px;
        }

        .social-list.list-sm li a {
            height     : 34px;
            width      : 34px;
            font-size  : 14px;
            line-height: 34px;
        }

        .order-list li {
            display     : inherit;
            position    : relative;
            padding-left: 30px;
            margin      : 12px 0px;
        }

        .order-list li:before {
            position   : absolute;
            content    : '\f192';
            left       : 0px;
            top        : 0px;
            font-family: "Font Awesome 5 Free";
        }

        .order-list li:first-child {
            margin-top: 0;
        }

        .order-list.primary-color li:before {
            color      : #27499d;
            font-weight: 500;
        }

        .list-items li {
            display: inherit;
            padding: 5px 0;
        }

        #curve {
            position : absolute;
            top      : 0;
            left     : 0;
            transform: rotate(180deg);
        }

        #curve path {
            fill: #fff;
        }

        .google-map {
            height: 465px;
        }

        .google-map.map-full-height {
            height: 100%;
        }

        .mapouter {
            position  : relative;
            text-align: right;
            height    : 100%;
            width     : 100%;
        }

        .mapouter.fixed-height {
            height: 480px;
        }

        .gmap_canvas {
            overflow  : hidden;
            background: none !important;
            height    : 100%;
            width     : auto;
        }

        .mapouter iframe {
            width : 100%;
            height: 100%;
        }

        .back-to-top {
            position          : fixed;
            right             : 36px;
            bottom            : 42px;
            width             : 42px;
            height            : 42px;
            color             : #fff;
            text-align        : center;
            line-height       : 40px;
            border-radius     : 50%;
            z-index           : 99;
            font-size         : 22px;
            cursor            : pointer;
            background-color  : linear-gradient(45deg, #0E90D5, #3032A2) !important;
            -webkit-animation : white-shadow .8s infinite, red-shadow .8s infinite;
            animation         : white-shadow .8s infinite, red-shadow .8s infinite;
            -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
            -khtml-box-shadow : 0 10px 33px rgba(0, 0, 0, 0.1);
            -moz-box-shadow   : 0 10px 33px rgba(0, 0, 0, 0.1);
            -ms-box-shadow    : 0 10px 33px rgba(0, 0, 0, 0.1);
            -o-box-shadow     : 0 10px 33px rgba(0, 0, 0, 0.1);
            box-shadow        : 0 10px 33px rgba(0, 0, 0, 0.1);
            display           : none;
        }

        @keyframes white-shadow {
            0% {
                -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
                box-shadow        : 0 0 0 0 rgba(255, 255, 255, 0.5);
                -webkit-transition: box-shadow .3s ease-in-out;
                -webkit-transition: -webkit-box-shadow .3s ease-in-out;
                -o-transition     : box-shadow .3s ease-in-out;
                transition        : box-shadow .3s ease-in-out;
                transition        : box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
            }

            100% {
                -webkit-box-shadow: 0 0 0 30px transparent;
                box-shadow        : 0 0 0 30px transparent;
                -webkit-transform : translate3d(0, 0, 0);
                -ms-transform     : translate3d(0, 0, 0);
                transform         : translate3d(0, 0, 0);
                -webkit-transition: box-shadow .4s ease-in-out;
                -webkit-transition: -webkit-box-shadow .4s ease-in-out;
                -o-transition     : box-shadow .4s ease-in-out;
                transition        : box-shadow .4s ease-in-out;
                transition        : box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
            }
        }

        @-webkit-keyframes red-shadow {
            0% {
                -webkit-box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
                box-shadow        : 0 0 0 0 rgba(31, 100, 188, 0.4);
            }

            100% {
                -webkit-box-shadow: 0 0 0 30px transparent;
                box-shadow        : 0 0 0 30px transparent;
            }
        }

        @keyframes red-shadow {
            0% {
                -webkit-box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
                box-shadow        : 0 0 0 0 rgba(31, 100, 188, 0.4);
            }

            100% {
                -webkit-box-shadow: 0 0 0 30px transparent;
                box-shadow        : 0 0 0 30px transparent;
            }
        }

        .text-under-line {
            position: relative;
            display : inline-block;
        }

        .text-under-line:before {
            content         : '';
            background-color: #27499d;
            height          : 2px;
            width           : 4.75rem;
            top             : 15px;
            right           : -90px;
            position        : absolute;
        }

        .video-popup {
            position: relative;
        }

        .popup-youtube {
            position  : absolute;
            left      : 0;
            right     : 0;
            top       : 50%;
            text-align: center;
            transform : translateY(-50%);
            color     : #fff;
        }

        .popup-youtube:hover {
            color: #fff;
        }

        .video-popup a i::before {
            font-size    : 90px;
            background   : #27499d;
            border-radius: 50%;
            line-height  : 100px;
        }

        .video-popup-left a {
            height            : 95px;
            width             : 95px;
            text-align        : center;
            line-height       : 95px;
            background        : #fff;
            font-size         : 24px;
            color             : #19203f;
            position          : relative;
            z-index           : 10;
            display           : inline-block;
            border-radius     : 95px;
            -moz-transition   : all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -ms-transition    : all 0.4s ease-in-out;
            -o-transition     : all 0.4s ease-in-out;
            transition        : all 0.4s ease-in-out;
        }

        .video-popup-left a::before {
            position         : absolute;
            content          : '';
            left             : 0;
            top              : 0;
            height           : 100%;
            width            : 100%;
            border           : 1px solid #fff;
            z-index          : -1;
            opacity          : 0;
            -webkit-animation: pulse-border-2 1.5s linear infinite;
            -moz-animation   : pulse-border-2 1.5s linear infinite;
            -o-animation     : pulse-border-2 1.5s linear infinite;
            animation        : pulse-border-2 1.5s linear infinite;
            border-radius    : 95px;
        }

        .video-popup-left a::after {
            position         : absolute;
            content          : '';
            left             : 0;
            top              : 0;
            height           : 100%;
            width            : 100%;
            border           : 1px solid #fff;
            z-index          : -1;
            opacity          : 0;
            -webkit-animation: pulse-border 1s linear infinite;
            -moz-animation   : pulse-border 1s linear infinite;
            -o-animation     : pulse-border 1s linear infinite;
            animation        : pulse-border 1s linear infinite;
            border-radius    : 95px;
        }

        @keyframes pulse-border {
            0% {
                transform: scale(1);
                opacity  : 1;
            }

            100% {
                transform: scale(1.3);
                opacity  : 0;
            }
        }

        @keyframes pulse-border-2 {
            0% {
                transform: scale(1);
                opacity  : 1;
            }

            100% {
                transform: scale(1.5);
                opacity  : 0;
            }
        }

        .pulse-animation,
        .pulse-animation:before,
        .pulse-animation:after {
            position             : absolute;
            top                  : 50%;
            left                 : 50%;
            height               : 90px;
            width                : 90px;
            -moz-transform       : translate(-50%, -50%);
            -o-transform         : translate(-50%, -50%);
            -ms-transform        : translate(-50%, -50%);
            -webkit-transform    : translate(-50%, -50%);
            transform            : translate(-50%, -50%);
            -moz-border-radius   : 50%;
            -webkit-border-radius: 50%;
            -ms-border-radius    : 50%;
            -o-border-radius     : 50%;
            border-radius        : 50%;
            -webkit-box-shadow   : 0 0 0 0 rgba(12, 89, 219, 0.6);
            -khtml-box-shadow    : 0 0 0 0 rgba(12, 89, 219, 0.6);
            -moz-box-shadow      : 0 0 0 0 rgba(12, 89, 219, 0.6);
            -ms-box-shadow       : 0 0 0 0 rgba(12, 89, 219, 0.6);
            -o-box-shadow        : 0 0 0 0 rgba(12, 89, 219, 0.6);
            box-shadow           : 0 0 0 0 rgba(12, 89, 219, 0.6);
            -webkit-animation    : pulse-animation 3s infinite;
            -khtml-animation     : pulse-animation 3s infinite;
            -moz-animation       : pulse-animation 3s infinite;
            -ms-animation        : pulse-animation 3s infinite;
            -o-animation         : pulse-animation 3s infinite;
            animation            : pulse-animation 3s infinite;
        }

        .pulse-animation:before {
            -webkit-animation-delay: 0.9s;
            -khtml-animation-delay : 0.9s;
            -moz-animation-delay   : 0.9s;
            -ms-animation-delay    : 0.9s;
            -o-animation-delay     : 0.9s;
            animation-delay        : 0.9s;
            content                : "";
            position               : absolute;
        }

        .pulse-animation:after {
            -webkit-animation-delay: 0.6s;
            -khtml-animation-delay : 0.6s;
            -moz-animation-delay   : 0.6s;
            -ms-animation-delay    : 0.6s;
            -o-animation-delay     : 0.6s;
            animation-delay        : 0.6s;
            content                : "";
            position               : absolute;
        }

        @-webkit-keyframes pulse-animation {
            70% {
                -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
                -khtml-box-shadow : 0 0 0 60px rgba(255, 255, 255, 0);
                -moz-box-shadow   : 0 0 0 60px rgba(255, 255, 255, 0);
                -ms-box-shadow    : 0 0 0 60px rgba(255, 255, 255, 0);
                -o-box-shadow     : 0 0 0 60px rgba(255, 255, 255, 0);
                box-shadow        : 0 0 0 60px rgba(255, 255, 255, 0);
            }

            100% {
                -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
                -khtml-box-shadow : 0 0 0 0 rgba(255, 255, 255, 0);
                -moz-box-shadow   : 0 0 0 0 rgba(255, 255, 255, 0);
                -ms-box-shadow    : 0 0 0 0 rgba(255, 255, 255, 0);
                -o-box-shadow     : 0 0 0 0 rgba(255, 255, 255, 0);
                box-shadow        : 0 0 0 0 rgba(255, 255, 255, 0);
            }
        }

        @keyframes pulse-animation {
            70% {
                -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
                -khtml-box-shadow : 0 0 0 60px rgba(255, 255, 255, 0);
                -moz-box-shadow   : 0 0 0 60px rgba(255, 255, 255, 0);
                -ms-box-shadow    : 0 0 0 60px rgba(255, 255, 255, 0);
                -o-box-shadow     : 0 0 0 60px rgba(255, 255, 255, 0);
                box-shadow        : 0 0 0 60px rgba(255, 255, 255, 0);
            }

            100% {
                -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
                -khtml-box-shadow : 0 0 0 0 rgba(255, 255, 255, 0);
                -moz-box-shadow   : 0 0 0 0 rgba(255, 255, 255, 0);
                -ms-box-shadow    : 0 0 0 0 rgba(255, 255, 255, 0);
                -o-box-shadow     : 0 0 0 0 rgba(255, 255, 255, 0);
                box-shadow        : 0 0 0 0 rgba(255, 255, 255, 0);
            }
        }

        .mean-container a.meanmenu-reveal {
            border    : 1px solid #27499d;
            color     : #27499d;
            margin-top: -45px;
        }

        .mean-container a.meanmenu-reveal span {
            background: #27499d;
        }

       

        .skills .skill-item {
            position     : relative;
            margin-bottom: 20px;
        }

        .skills .skill-item .skill-header {
            position     : relative;
            margin-bottom: 5px;
        }

        .skills .skill-item .skill-header .skill-percentage {
            position   : absolute;
            right      : 0;
            top        : 1px;
            font-size  : 15px;
            font-weight: 600;
            color      : #17305e;
        }

        .skills .skill-item:last-child {
            margin-bottom: 0;
        }

        .skills .skill-item .skill-bar {
            position: relative;
            width   : 100%;
        }

        .skills .skill-item .skill-bar .bar-inner {
            position     : relative;
            width        : 100%;
            height       : 20px;
            background   : #EBEAF0;
            border-radius: 45px;
        }

        .skills .skill-item .skill-bar .bar-inner .bar {
            position          : absolute;
            left              : 0;
            top               : 0;
            width             : 0;
            height            : 20px;
            background        : linear-gradient(-20deg, #0E90D5, #3032A2) !important;
            -webkit-transition: all 2000ms ease;
            transition        : all 2000ms ease;
            border-radius     : 45px;
        }

        .skills .skill-item .skill-bar .bar-inner .bar::before {
            position  : absolute;
            content   : '';
            right     : 0;
            height    : 20px;
            width     : 5px;
            background: #fff;
            top       : 0;
        }

        .percentage {
            font-size: 12px;
            float    : right;
        }

        .single-post-navigation .navigation-links a {
            -moz-transition   : all 300ms ease-out 0s;
            -webkit-transition: all 300ms ease-out 0s;
            -ms-transition    : all 300ms ease-out 0s;
            -o-transition     : all 300ms ease-out 0s;
            transition        : all 300ms ease-out 0s;
        }

        .single-post-navigation .navigation-links .nav-next a i {
            -moz-transition   : all 300ms ease-out 0s;
            -webkit-transition: all 300ms ease-out 0s;
            -ms-transition    : all 300ms ease-out 0s;
            -o-transition     : all 300ms ease-out 0s;
            transition        : all 300ms ease-out 0s;
            margin-left       : 8px;
        }

        .single-post-navigation .navigation-links .nav-next a:hover i {
            margin-left: 3px;
        }

        .single-post-navigation .navigation-links .nav-previous a i {
            -moz-transition   : all 300ms ease-out 0s;
            -webkit-transition: all 300ms ease-out 0s;
            -ms-transition    : all 300ms ease-out 0s;
            -o-transition     : all 300ms ease-out 0s;
            transition        : all 300ms ease-out 0s;
            margin-right      : 8px;
        }

        .single-post-navigation .navigation-links .nav-previous a:hover i {
            margin-right: 3px;
        }

        .error-area {
            background-size    : cover;
            background-position: center center;
        }

        .error-inner .error-title {
            font-size  : 190px;
            line-height: 240px;
        }

        .error-inner .error-text {
            font-size: 40px;
        }

        .error-inner p {
            max-width: 545px;
            margin   : 20px auto 30px;
        }

        .pintarest-list {
            display  : flex;
            flex-wrap: wrap;
        }

        .pintarest-list li {
            width  : 80px;
            height : 80px;
            padding: 5px;
        }

        #scrollUp {
            right           : 36px;
            bottom          : 42px;
            width           : 42px;
            height          : 42px;
            color           : #fff;
            text-align      : center;
            line-height     : 40px;
            border-radius   : 50%;
            z-index         : 99;
            font-size       : 22px;
            cursor          : pointer;
            background-color: #27499d;
        }

        .client-item {
            padding           : 15px;
            -moz-transition   : all 300ms ease-out 0s;
            -webkit-transition: all 300ms ease-out 0s;
            -ms-transition    : all 300ms ease-out 0s;
            -o-transition     : all 300ms ease-out 0s;
            transition        : all 300ms ease-out 0s;
        }

        .client-item img {
            -moz-transition   : all 300ms ease-out 0s;
            -webkit-transition: all 300ms ease-out 0s;
            -ms-transition    : all 300ms ease-out 0s;
            -o-transition     : all 300ms ease-out 0s;
            transition        : all 300ms ease-out 0s;
        }

        .fa-phone.alt {
            -moz-transform   : rotate(90deg);
            -o-transform     : rotate(90deg);
            -ms-transform    : rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform        : rotate(90deg);
        }

        .anim-object,
        .anim-object2 {
            position: relative;
        }

        .anim-object:before {
            position                 : absolute;
            content                  : "";
            background-image         : url(../images/objects/1.png);
            height                   : 260px;
            width                    : 260px;
            top                      : 10%;
            right                    : 10%;
            background-size          : contain;
            animation-name           : spinInfinit;
            animation-duration       : 20s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        .fa-phone.alt {
            -moz-transform   : rotate(90deg);
            -o-transform     : rotate(90deg);
            -ms-transform    : rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform        : rotate(90deg);
        }

        .anim-object2:before {
            position                 : absolute;
            content                  : "";
            background-image         : url(../images/objects/3.png);
            height                   : 325px;
            width                    : 325px;
            top                      : 35%;
            left                     : 1%;
            background-size          : contain;
            background-repeat        : no-repeat;
            animation-name           : spinInfinit;
            animation-duration       : 60s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
            opacity                  : 0.8;
        }

        /*========================================*/
        /*--------------- [_Header] --------------*/
        /*========================================*/

        .logo {
            padding-top: 20px;
        }

        /*Header Style One*/

        .header-style-one .header-wrapper .header-navigation-area {
            background: #fff;
            transition: all 0.4s ease-out 0s;
        }

        #mobile-menu-right {
            margin-left: 120px;
        }

        .header-style-one .header-wrapper .header-navigation-area .main-menu ul li {
            display           : inline-block;
            margin-right      : 45px;
            position          : relative;
            -moz-transition   : all 300ms ease-out 0s;
            -webkit-transition: all 300ms ease-out 0s;
            -ms-transition    : all 300ms ease-out 0s;
            -o-transition     : all 300ms ease-out 0s;
            transition        : all 300ms ease-out 0s;
        }

        .header-style-one .header-wrapper .header-navigation-area .main-menu ul li:last-child {
            margin-right: 0;
        }

        .header-style-one .header-wrapper .header-navigation-area .main-menu ul li a {
            padding    : 30px 0;
            display    : block;
            color      : #2f2b2b;
            font-weight: 500;
        }

        .header-style-one .header-wrapper .header-navigation-area .main-menu ul li:hover>a {
            color: #27499d;
        }

        .header-style-one .header-wrapper .header-navigation-area.inner-page .main-menu ul li a {
            padding: 35px 0;
        }

        .header-style-one .header-wrapper .header-navigation-area.transparent-header {
            background        : transparent;
            position          : fixed;
            z-index           : 9999;
            width             : 100%;
            padding           : 20px 0;
            top               : 0;
            -moz-transition   : all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -ms-transition    : all 0.3s ease-in-out;
            -o-transition     : all 0.3s ease-in-out;
            transition        : all 0.3s ease-in-out;
        }

        .header-style-one .header-wrapper .header-navigation-area.transparent-header.fixed {
            background        : #fff;
            position          : fixed;
            top               : 0;
            width             : 100%;
            z-index           : 9999;
            padding           : 10px 0;
            -webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
            -khtml-box-shadow : 0 10px 33px rgba(0, 0, 0, 0.1);
            -moz-box-shadow   : 0 10px 33px rgba(0, 0, 0, 0.1);
            -ms-box-shadow    : 0 10px 33px rgba(0, 0, 0, 0.1);
            -o-box-shadow     : 0 10px 33px rgba(0, 0, 0, 0.1);
            box-shadow        : 0 10px 33px rgba(0, 0, 0, 0.1);
        }

        .header-style-one .header-wrapper .header-navigation-area.fixed {
            position          : fixed;
            top               : 0;
            width             : 100%;
            z-index           : 9999;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
            -khtml-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.1);
            -moz-box-shadow   : 0 5px 10px rgba(0, 0, 0, 0.1);
            -ms-box-shadow    : 0 5px 10px rgba(0, 0, 0, 0.1);
            -o-box-shadow     : 0 5px 10px rgba(0, 0, 0, 0.1);
            box-shadow        : 0 5px 10px rgba(0, 0, 0, 0.1);
        }

        /*Header Style Two*/

        .header-style-two .header-wrapper .header-middle {
            padding : 30px 0;
            margin  : 0 auto;
            position: static;
        }

        .header-style-two .header-wrapper .header-middle .topbar-info-area i {
            margin-right  : 15px;
            color         : #27499d;
            vertical-align: middle;
            height        : 48px;
            width         : 48px;
            line-height   : 48px;
            text-align    : center;
            background    : #ECF1F8;
            border        : 1px solid #eee;
        }

        .header-style-two .header-wrapper .header-middle .topbar-info-area i:before {
            font-size: 26px;
        }

        .header-style-two .header-wrapper .header-middle .topbar-info-area a {
            font-size: 15px;
        }

        .header-style-two .header-wrapper .header-navigation-area {
            background: #fff;
        }

        .header-style-two .header-wrapper .header-navigation-area .main-menu ul li {
            display     : inline-block;
            margin-right: 45px;
            position    : relative;
        }

        .header-style-two .header-wrapper .header-navigation-area .main-menu ul li:last-child {
            margin-right: 0;
        }

        .header-style-two .header-wrapper .header-navigation-area .main-menu ul li a {
            padding    : 30px 0;
            display    : block;
            color      : #2f2b2b;
            font-weight: 400;
            font-size  : 20px;
        }

        .header-style-two .header-wrapper .header-navigation-area .main-menu ul li:hover>a,
        .header-style-two .header-wrapper .header-navigation-area .main-menu ul li.active a {
            color: #27499d;
        }

        .header-style-two .header-wrapper .header-navigation-area .main-menu ul li:hover ul.sub-menu {
            opacity          : 1;
            visibility       : visible;
            top              : 100%;
            -webkit-transform: scaleY(1);
            -moz-transform   : scaleY(1);
            -ms-transform    : scaleY(1);
            -o-transform     : scaleY(1);
            transform        : scaleY(1);
        }

        .header-style-two .header-wrapper .header-navigation-area.inner-page .main-menu ul li a {
            padding: 35px 0;
        }

        .header-style-two .header-wrapper .header-navigation-area.transparent-header {
            background: transparent;
            position  : fixed;
            z-index   : 9999;
            width     : 100%;
            padding   : 20px 0;
            top       : 0;
        }

        .header-style-two .header-wrapper .header-navigation-area.transparent-header.fixed {
            background        : #fff;
            position          : fixed;
            top               : 0;
            width             : 100%;
            z-index           : 9999;
            padding           : 10px 0;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
            -khtml-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.1);
            -moz-box-shadow   : 0 5px 10px rgba(0, 0, 0, 0.1);
            -ms-box-shadow    : 0 5px 10px rgba(0, 0, 0, 0.1);
            -o-box-shadow     : 0 5px 10px rgba(0, 0, 0, 0.1);
            box-shadow        : 0 5px 10px rgba(0, 0, 0, 0.1);
        }

        .header-style-two .header-wrapper .header-navigation-area.fixed {
            position          : fixed;
            top               : 0;
            width             : 100%;
            z-index           : 9999;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
            -khtml-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.1);
            -moz-box-shadow   : 0 5px 10px rgba(0, 0, 0, 0.1);
            -ms-box-shadow    : 0 5px 10px rgba(0, 0, 0, 0.1);
            -o-box-shadow     : 0 5px 10px rgba(0, 0, 0, 0.1);
            box-shadow        : 0 5px 10px rgba(0, 0, 0, 0.1);
            -moz-transform    : translateY(-5px);
            -o-transform      : translateY(-5px);
            -ms-transform     : translateY(-5px);
            -webkit-transform : translateY(-5px);
            transform         : translateY(-5px);
        }

        /*Header Searchbox Style Two*/

        .header-searchbox-style-one {
            position: relative;
            float   : right;
        }

        .language {
            margin        : 24px 15px 30px 0;
            float         : left;
            font-size     : 18px;
            color         : #000;
            vertical-align: middle;
        }

        .language a {
            display  : inline-block;
            font-size: 18px;
            color    : #000;
        }

        .language a.active,
        .language a:hover {
            color: #27499d;
        }

        .header-searchbox-style-one .show-searchbox {
            float      : right;
            margin-left: 32px;
            position   : relative;
            margin-top : 3px;
            align-items: center;
        }

        .header-searchbox-style-one .show-searchbox a {
            position     : relative;
            width        : 35px;
            height       : 35px;
            background   : #27499d;
            display      : block;
            border-radius: 6px;
            text-align   : center;
            line-height  : 35px;
            margin       : 27px 0 30px;
        }

        .header-searchbox-style-one .show-searchbox a i {
            font-size         : 14px;
            color             : #fff;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition   : all 0.3s ease-in-out;
            -ms-transition    : all 0.3s ease-in-out;
            -o-transition     : all 0.3s ease-in-out;
            transition        : all 0.3s ease-in-out;
        }

        .header-searchbox-style-one .show-searchbox.active .fa-search::before {
            content: "\f00d";
        }

        .header-searchbox-style-one .toggle-searchbox {
            position          : absolute;
            right             : 0;
            top               : 170%;
            width             : 315px;
            opacity           : 0;
            padding           : 20px;
            visibility        : hidden;
            -moz-transition   : all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -ms-transition    : all 0.3s ease-in-out;
            -o-transition     : all 0.3s ease-in-out;
            transition        : all 0.3s ease-in-out;
        }

        .header-searchbox-style-one .toggle-searchbox #searchform-all {
            position: relative;
        }

        .header-searchbox-style-one .toggle-searchbox #searchform-all #s {
            margin-bottom   : 0;
            height          : 50px;
            font-size       : 14px;
            color           : #27499d;
            top             : 6px;
            background-color: #fff;
            border-radius   : 0;
        }

        .header-searchbox-style-one .toggle-searchbox #searchform-all #searchsubmit {
            padding    : 3px;
            position   : absolute;
            right      : 12px;
            top        : 9px;
            font-family: ""Font Awesome 5 Free "";
            color      : #27499d;
            background : transparent;
            border     : none;
            text-align : center;
            font-size  : 16px;
            font-weight: 700;
        }

        .header-searchbox-style-one .toggle-searchbox form input[type="text"] {
            border: 1px solid #ddd6d9;
        }

        .header-searchbox-style-one .toggle-searchbox.show {
            visibility: visible;
            opacity   : 1;
            z-index   : 1;
            top       : 103%;
            padding   : 20px;
            background: #f4f4f4;
            border    : 1px solid #27499d;
        }

        /*Header Searchbox Style Two*/

        .header-searchbox-style-two {
            position   : relative;
            float      : right;
            margin-top : 6px;
            margin-left: 30px;
        }

        .header-searchbox-style-two .show-searchbox {
            float   : right;
            position: relative;
        }

        .header-searchbox-style-two .show-searchbox a {
            position  : relative;
            width     : 40px;
            height    : 40px;
            display   : block;
            text-align: center;
            margin    : 22px 0 0;
        }

        .header-searchbox-style-two .show-searchbox a i {
            font-size         : 20px;
            color             : #27499d;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition   : all 0.3s ease-in-out;
            -ms-transition    : all 0.3s ease-in-out;
            -o-transition     : all 0.3s ease-in-out;
            transition        : all 0.3s ease-in-out;
        }

        .header-searchbox-style-two .show-searchbox.active .fa-search::before {
            content: "\f00d";
        }

        .header-searchbox-style-two .toggle-searchbox {
            position          : absolute;
            right             : 0;
            top               : 170%;
            width             : 315px;
            opacity           : 0;
            padding           : 20px;
            visibility        : hidden;
            -moz-transition   : all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -ms-transition    : all 0.3s ease-in-out;
            -o-transition     : all 0.3s ease-in-out;
            transition        : all 0.3s ease-in-out;
        }

        .header-searchbox-style-two .toggle-searchbox #searchform-all {
            position: relative;
        }

        .header-searchbox-style-two .toggle-searchbox #searchform-all #s {
            margin-bottom   : 0;
            height          : 50px;
            font-size       : 14px;
            color           : #27499d;
            top             : 6px;
            background-color: #fff;
            border-radius   : 0;
        }

        .header-searchbox-style-two .toggle-searchbox #searchform-all #searchsubmit {
            padding           : 3px;
            position          : absolute;
            right             : 12px;
            top               : 9px;
            font-family       : ""Font Awesome 5 Free "";
            color             : #27499d;
            background        : transparent;
            border            : none;
            text-align        : center;
            font-size         : 16px;
            font-weight       : 700;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition   : all 0.3s ease-in-out;
            -ms-transition    : all 0.3s ease-in-out;
            -o-transition     : all 0.3s ease-in-out;
            transition        : all 0.3s ease-in-out;
        }

        .header-searchbox-style-two .toggle-searchbox form input[type="text"] {
            border: 1px solid #ddd6d9;
        }

        .header-searchbox-style-two .toggle-searchbox.show {
            visibility: visible;
            opacity   : 1;
            z-index   : 2;
            top       : 114%;
            padding   : 20px;
            background: #f4f4f4;
            border    : 1px solid #27499d;
        }

        .input-box {
            position: absolute;
            right   : 12px;
            top     : 12px;
        }

        .input-box i {
            color: #27499d;
        }

        /* extra info */

        .side-panel-content {
            background        : #fff;
            height            : 100vh;
            padding           : 30px;
            position          : fixed;
            right             : 0;
            top               : 0;
            -webkit-transition: all 0.7s ease 0s;
            -o-transition     : all 0.7s ease 0s;
            transition        : all 0.7s ease 0s;
            width             : 355px;
            z-index           : 9999;
            -webkit-transform : translateX(100%);
            -ms-transform     : translateX(100%);
            transform         : translateX(100%);
            padding-bottom    : 40px;
        }

        .side-panel-content.side-panel-open {
            -webkit-transform : translateX(0);
            -ms-transform     : translateX(0);
            transform         : translateX(0);
            -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            -khtml-box-shadow : 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow   : 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            -ms-box-shadow    : 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            -o-box-shadow     : 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
            box-shadow        : 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
        }

        .close-icon {
            text-align: right;
        }

        .close-icon>button {
            cursor       : pointer;
            background   : #27499d;
            border-radius: 50%;
            height       : 42px;
            width        : 42px;
        }

        .close-icon>button i {
            line-height: 20px;
            color      : #fff;
        }

        .close-icon>button i:before {
            font-size: 14px;
        }

        .extra-info>p {
            color      : #ddd;
            font-size  : 15px;
            line-height: 28px;
        }

        .extra-info.extra-info-left.side-panel-open {
            -webkit-transform: translateX(0);
            -ms-transform    : translateX(0);
            transform        : translateX(0);
        }

        .side-panel {
            width      : 36px;
            float      : right;
            padding-top: 38px;
            cursor     : pointer;
            margin-left: 10px;
        }

        .side-panel span {
            margin    : 3px 0;
            transition: .3s;
            float     : right;
        }

        .side-panel:hover span {
            width: 100%;
        }

        .bar1 {
            width     : 55%;
            background: #27499d;
            height    : 2px;
        }

        .bar2 {
            width     : 75%;
            background: #27499d;
            height    : 2px;
        }

        .bar3 {
            width     : 65%;
            background: #27499d;
            height    : 2px;
        }

        /*========================================*/
        /*------------- [_Home_Slider] -----------*/
        /*========================================*/

        .home-carousel .slide-item {
            position           : relative;
            background-repeat  : no-repeat;
            background-position: center;
            background-size    : cover;
            width              : 100%;
            height             : 92vh;
        }

        .home-carousel .slide-item .image-layer {
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 100%;
            height             : 100%;
            background-repeat  : no-repeat;
            background-position: center;
            background-size    : cover;
        }

        .auto-container {
            position : static;
            max-width: 75%;
            padding  : 0px 15px;
            margin   : 0 auto;
        }

        .banner-section {
            position: relative;
        }

        .home-carousel {
            position: relative;
        }

        .home-carousel .slide-item:before {
            position  : absolute;
            content   : '';
            width     : 100%;
            height    : 100%;
            background: -webkit-linear-gradient(-180deg, rgba(22, 3, 1, 0), #09334f 150%);
            top       : 0px;
            right     : 0px;
            z-index   : 1;
        }

        .home-carousel .slide-item .image-layer {
            position           : absolute;
            left               : 0;
            top                : 0;
            width              : 100%;
            height             : 100%;
            background-repeat  : no-repeat;
            background-position: center;
            background-size    : cover;
        }

        .home-carousel .content-box {
            position  : absolute;
            left      : 50%;
            top       : 50%;
            transform : translate(-50%, -50%);
            z-index   : 5;
            text-align: center;
        }

        .home-carousel .content-box h1 {
            position          : relative;
            display           : block;
            color             : #fff;
            font-size         : 56px;
            line-height       : 62px;
            font-weight       : 400;
            margin-bottom     : 30px;
            opacity           : 0;
            -webkit-transform : translateY(100px);
            -moz-transform    : translateY(100px);
            -ms-transform     : translateY(100px);
            -o-transform      : translateY(100px);
            transform         : translateY(100px);
            -webkit-transition: all 1000ms ease;
            -moz-transition   : all 1000ms ease;
            -ms-transition    : all 1000ms ease;
            -o-transition     : all 1000ms ease;
            transition        : all 1000ms ease;
        }

        .home-carousel .active .content-box h1 {
            opacity                 : 1;
            -webkit-transform       : translateY(0);
            -moz-transform          : translateY(0);
            -ms-transform           : translateY(0);
            -o-transform            : translateY(0);
            transform               : translateY(0);
            -webkit-transition-delay: 1000ms;
            -moz-transition-delay   : 1000ms;
            -ms-transition-delay    : 1000ms;
            -o-transition-delay     : 1000ms;
            transition-delay        : 1000ms;
        }

        /*Owl Carousel Nav Prev*/

        .home-carousel.owl-carousel .owl-nav button.owl-prev,
        .home-carousel.owl-carousel .owl-nav button.owl-next {
            font-size         : 48px;
            height            : 50px;
            border-radius     : 50%;
            left              : 45px;
            position          : absolute;
            text-align        : center;
            top               : 50%;
            background        : none;
            -moz-transform    : translate(0, -50%);
            -o-transform      : translate(0, -50%);
            -ms-transform     : translate(0, -50%);
            -webkit-transform : translate(0, -50%);
            transform         : translate(0, -50%);
            -moz-transition   : all 600ms ease 0ms;
            -webkit-transition: all 600ms ease 0ms;
            -ms-transition    : all 600ms ease 0ms;
            -o-transition     : all 600ms ease 0ms;
            transition        : all 600ms ease 0ms;
            opacity           : 0;
            visibility        : hidden;
        }

        .home-carousel.owl-carousel:hover .owl-nav button.owl-prev,
        .home-carousel.owl-carousel:hover .owl-nav button.owl-next {
            opacity   : 1;
            visibility: visible;
        }

        .home-carousel.owl-carousel:hover .owl-nav button.owl-prev {
            left: 15px;
        }

        .home-carousel.owl-carousel:hover .owl-nav button.owl-next {
            right: 15px;
        }

        .home-carousel.owl-carousel .owl-nav button.owl-next {
            left : auto;
            right: 45px;
        }

        .home-carousel.owl-carousel .owl-nav button i {
            color: #fff;
        }

        .pc-1500 {
            display: block;
        }

        .pc-1024 {
            display: none;
        }

        .owl-dots {
            display: none;
        }

        /*========================================*/
        /*------------- [_Feature Section] -----------*/
        /*========================================*/

        .feature-section {
            padding: 82px 0 0;
        }

        .section-title-block h2 {
            font-size  : 36px;
            font-weight: 500;
            text-align : center;
        }

        .section-title-block .col-xian {
            width     : 130px;
            height    : 2px;
            background: #27499d;
            margin    : 20px auto;
        }

        .section-title-block p {
            font-size : 18px;
            color     : #000;
            width     : 43%;
            margin    : 0 auto;
            text-align: center;
        }

        .feature-content {
            margin-top   : 60px;
            margin-bottom: 82px;
            border-top   : 1px solid rgb(5, 5, 5, 0.2);
            border-bottom: 1px solid rgb(5, 5, 5, 0.2);
            padding      : 42px 0;
            position     : relative;
            z-index      : 1;
        }

        .feature-content::before {
            position  : absolute;
            top       : 0;
            left      : 50%;
            transform : translateX(-50%);
            width     : 1px;
            height    : 100%;
            content   : "";
            background: rgb(5, 5, 5, 0.2);
        }

        .feature-content .feature-box {
            width: 100%;
        }

        .feature-content .feature-box .feature-thumb {
            width   : 100%;
            overflow: hidden;
        }

        .feature-content .feature-box .feature-thumb img {
            width: 100%;
        }

        .feature-content .feature-box .content {
            padding   : 30px 20px 0;
            text-align: center;
        }

        .feature-content .feature-box .content .title {
            font-size         : 22px;
            color             : #000;
            font-weight       : 500;
            overflow          : hidden;
            text-overflow     : ellipsis;
            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            margin-bottom     : 10px;
        }

        .feature-content .feature-box .content .para {
            font-size         : 14px;
            color             : #666;
            overflow          : hidden;
            text-overflow     : ellipsis;
            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            margin            : 0;
            padding           : 0;
            margin-bottom     : 10px;
        }

        .feature-content .feature-box .content .link {
            font-size  : 18px;
            color      : #000;
            font-weight: 500;
        }

        /*========================================*/
        /*------------- [_News Section 新闻中心] -----------*/
        /*========================================*/

        .section-content {
            margin: 42px 0 0;
        }

        .section-title h2 {
            font-size  : 36px;
            color      : #000;
            font-weight: 500;
        }

        .section-title .mroe {
            font-size: 22px;
            color    : #27499d;
        }

        .news-wrapper .news-thumb {
            width   : 100%;
            overflow: hidden;
        }

        .news-wrapper .news-thumb img {
            width             : 100%;
            -moz-transition   : all 500ms ease-out 0s;
            -webkit-transition: all 500ms ease-out 0s;
            -ms-transition    : all 500ms ease-out 0s;
            -o-transition     : all 500ms ease-out 0s;
            transition        : all 500ms ease-out 0s;
        }

        .news-wrapper:hover .news-thumb img {
            -moz-transform   : scale3d(1.1, 1.1, 1.1);
            -o-transform     : scale3d(1.1, 1.1, 1.1);
            -ms-transform    : scale3d(1.1, 1.1, 1.1);
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform        : scale3d(1.1, 1.1, 1.1);
        }

        .news-description {
            padding   : 20px 30px;
            box-shadow: 0 0 5px rgb(5, 5, 5, 0.2);
        }

        .news-description h4 {
            font-size         : 16px;
            color             : #000;
            font-weight       : 400;
            overflow          : hidden;
            text-overflow     : ellipsis;
            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }

        .news-description p {
            font-size         : 14px;
            color             : #666;
            margin            : 0;
            padding           : 0;
            overflow          : hidden;
            text-overflow     : ellipsis;
            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .news-wrapper:hover .news-description h4,
        .news-wrapper:hover .news-description p {
            color: #27499d;
        }

        /*========================================*/
        /*---------- [_Section_Service] ----------*/
        /*========================================*/

        .serivce-section {
            position: relative;
            padding : 82px 0;
        }

        .serivce-section .inner-box {
            padding   : 42px 60px;
            box-shadow: 0 0 5px rgb(5, 5, 5, 0.2);
            text-align: center;
        }

        .serivce-section .inner-box .ico {
            width   : 68px;
            height  : 55px;
            overflow: hidden;
            margin  : 0 auto 15px;
        }

        .serivce-section .inner-box .ico img {
            width: 100%;
        }

        .serivce-section .inner-box .ico .pc {
            display: block;
        }

        .serivce-section .inner-box .ico .moble {
            display: none;
        }

        .serivce-section .inner-box h3 {
            font-size    : 30px;
            color        : #000;
            font-weight  : 500;
            text-align   : center;
            margin-bottom: 15px;
        }

        .serivce-section .inner-box p {
            font-size  : 14px;
            color      : #666;
            font-weight: 300;
        }

        .serivce-section .inner-box .more {
            font-size: 18px;
            color    : #000;
        }

        .serivce-section .inner-box:hover .ico .pc {
            display: none;
        }

        .serivce-section .inner-box:hover .ico .moble {
            display: block;
        }

        .serivce-section .inner-box:hover h3,
        .serivce-section .inner-box:hover .more,
        .serivce-section .inner-box:hover p {
            color: #27499d;
        }

        /*========================================*/
        /*-------------- [_Footer] ---------------*/
        /*========================================*/

        .footer-main-area {
            background: #27499d;
            padding   : 82px 0 0;
            height    : auto;
        }

        .footer-widget {
            float: left;
        }

        .footer-widget .list {
            width         : 100%;
            display       : flex;
            flex-direction: row;
        }

        .footer-widget .list li {
            margin-right: 60px;
        }

        .footer-widget .list .widget-title a {
            font-size  : 22px;
            color      : #fff;
            font-weight: 300;
        }

        .footer-widget-list a {
            font-size: 14px;
            color    : #fff;
        }

        .footer-widget .list ul {
            display       : flex;
            flex-direction: column;
            margin-top    : 20px;
        }

        .footer-logo {
            display: table;
            margin : 0 auto;
        }
        .qrbox{
            display: flex;
            flex-wrap: wrap;
        }

        .qr {
           padding: 15px 15px;
        }
        .qr img{
            width: 120px;
        }
        .qr p{
            font-size: 14px;
            color: #fff;
            margin: 15px 0 0;
            text-align: center;
        }
        .footer-right {
            float: right;
        }

        .footer-widget a:hover,
        .footer-widget h5 a:hover {
            color: #6d92f0;
        }

        .footer-bottom {
            width     : 100%;
            margin-top: 42px;
            border-top: 1px solid #fff;
            padding   : 22px 0 10px;
            display   : inline-block;
            text-align: center;
        }

        .footer-bottom span {
            font-size: 14px;
            color    : #fff;
        }

        .footer-bottom span a {
            font-size: 14px;
            color    : #fff;
        }

.footer-bottom .links li {
    float: left;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
}

.footer-bottom .links li a {
    font-size: 14px;
    color: #eee;
    padding: 0 5px;
}

.footer-bottom .links li a :hover {
    color: rgb(97, 128, 212);
}

.footer-bottom .links li:nth-child(1) a {
    padding: 0 5px 0 0;
}

        /*========================================*/
        /*-------------- [关于贝克洛] ---------------*/
        /*========================================*/

        .page-title-section {
            padding          : 168px 0;
            position         : relative;
            background-repeat: no-repeat;
            background-size  : cover;
            z-index          : 1;
        }

        .page-title-section h3 {
            font-size  : 36px;
            color      : #fff;
            font-weight: 500;
            text-align : center;
        }

        .page-title-section::before {
            content   : "";
            position  : absolute;
            top       : 0;
            left      : 0;
            right     : 0;
            width     : 100%;
            height    : 100%;
            background: rgb(0, 0, 0, 0.25);
            z-index   : -1;
        }

        .path-section {
            padding   : 15px 0;
            height    : 60px;
            box-shadow: 0 0 5px rgb(0, 0, 0, 0.25);
        }

        .path-content {
            float: left;
        }

        .path-content span {
            font-size: 14px;
            color    : #000;
        }

        .path-content span a {
            color: #000;
        }

        .twonav {
            float: right;
        }

        .twonav .list {
            float       : left;
            margin-right: 45px;
        }

        .twonav .list a {
            font-size: 18px;
            color    : #000;
        }

        .twonav .list a:hover,
        .twonav .list.active a {
            color: #27499d;
        }

        /* 关于我们 */

        .about-section {
            padding   : 82px 0;
            background: #f0f9fd;
        }

        .about-content {
            margin-top: 42px;
        }

        .about-content .title {
            line-height   : 22px;
            height        : 22px;
            font-size     : 22px;
            color         : #27499d;
            padding-left  : 30px;
            vertical-align: middle;
            position      : relative;
            margin-bottom : 30px;
        }

        .about-content .title::before {
            content   : "";
            width     : 3px;
            height    : 80%;
            background: #27499d;
            position  : absolute;
            top       : 15%;
            left      : 0;
        }

        .about-content p {
            font-size  : 14px;
            line-height: 24px;
            color      : #000;
            margin-left: 30px;
        }

        /* 企业文化 */

        .culture-section {
            padding : 82px 0;
            position: relative;
        }

        .culture-content {
            margin-top: 42px;
        }

        .culture-content .inner-box {
            display       : flex;
            flex-direction: row;
            align-items   : center;
            background    : #fafafa;
        }

        .culture-content .inner-box .team-upper-part {
            width: 50%;
        }

        .culture-content .inner-box .team-upper-part img {
            width: 100%;
        }

        .culture-content .inner-box .content {
            width  : 50%;
            padding: 0 120px;
        }

        .culture-content .inner-box .content .ico {
            margin-bottom: 8px;
        }

        .culture-content .inner-box .content h3 {
            font-size    : 24px;
            color        : #000;
            font-weight  : 500;
            margin-bottom: 8px;
        }

        .culture-content .inner-box .content h6 {
            font-size    : 20px;
            font-weight  : 500;
            margin-bottom: 8px;
        }

        .culture-content .inner-box .content .text {
            font-size  : 16px;
            color      : #000;
            line-height: 24px;
        }

        .culture-content .inner-box .content .text p {
            font-size: 14px;
            margin   : 0;
            padding  : 0 0 0 40px;
        }

        .pc-1200 {
            display: none;
        }

        /* 发展历程 */

        .department-section {
            position: relative;
            padding : 0 0 82px;
        }

        .team-items-3col {
            padding   : 0 90px;
            position  : relative;
            margin-top: 42px;
        }

        .team-items-3col::before {
            content   : "";
            width     : 100%;
            height    : 100px;
            position  : absolute;
            top       : 0;
            right     : 0;
            left      : 0;
            background: #edf1f8;
            z-index   : -1;
        }

        .department-section .owl-nav {
            display   : block;
            position  : absolute;
            left      : 0%;
            top       : 45px;
            width     : 100%;
            margin-top: -10px;
        }

        .department-section .owl-dots {
            display: none;
        }

        .department-section .owl-nav .owl-prev {
            position          : absolute;
            display           : inline-block;
            color             : #fff;
            font-size         : 20px;
            line-height       : 30px;
            width             : 30px;
            height            : 30px;
            text-align        : center;
            background        : #ccc;
            -webkit-transition: all 300ms ease;
            -ms-transition    : all 300ms ease;
            -o-transition     : all 300ms ease;
            -moz-transition   : all 300ms ease;
            transition        : all 300ms ease;
        }

        .department-section .owl-nav .owl-next {
            position          : absolute;
            display           : inline-block;
            color             : #fff;
            font-size         : 20px;
            line-height       : 30px;
            width             : 30px;
            height            : 30px;
            background        : #cccccc;
            text-align        : center;
            -webkit-transition: all 300ms ease;
            -ms-transition    : all 300ms ease;
            -o-transition     : all 300ms ease;
            -moz-transition   : all 300ms ease;
            transition        : all 300ms ease;
        }

        .department-section .owl-nav .owl-prev {
            left : 30px;
            right: auto;
        }

        .department-section .owl-nav .owl-next {
            right: 30px;
            left : auto;
        }

        .department-section .owl-nav .owl-prev:hover,
        .department-section .owl-nav .owl-next:hover {
            color     : #fff;
            background: #27499d;
        }

        .department-block {
            position: relative;
        }

        .department-block .inner-box {
            position     : relative;
            overflow     : hidden;
            border-radius: 10px;
            padding-top  : 15px;
        }

        .department-block .inner-box .upper-box {
            position   : relative;
            padding-top: 20px;
        }

        .department-block .inner-box .upper-box h3 {
            position   : relative;
            font-size  : 30px;
            font-weight: 500;
            color      : #27499d;
            line-height: 1.3em;
            text-align : left;
        }

        .department-block .inner-box .upper-bottom {
            padding-top: 90px;
            position   : relative;
        }

        .department-block::before {
            content   : "";
            width     : 1px;
            height    : 100%;
            position  : absolute;
            top       : 40%;
            right     : -16px;
            background: #ccc;
            z-index   : 1;
        }

        .department-block .inner-box .upper-bottom .read-images,
        .department-block .inner-box .upper-bottom .read-images img {
            width: 100%;
        }

        .department-block .inner-box .upper-bottom .title {
            padding-top: 20px;
        }

        .department-block .inner-box .upper-bottom .title h6 {
            font-size    : 24px;
            color        : #000;
            font-weight  : 500;
            margin-bottom: 8px;
        }

        .department-block .inner-box .upper-bottom .title .text {
            font-size: 14px;
            color    : #666;
        }

        /* 企业风采 */

        .enterprise-section {
            background: #f3f4f4;
            padding   : 82px 0;
            position  : relative;
            z-index   : 1;
        }

        .testimonial-items-3col {
            margin-top: 42px;
            position  : relative;
        }

        .enterprise-block .title {
            margin    : 20px 0;
            font-size : 18px;
            color     : #000;
            text-align: center;
        }

        .enterprise-section .xian {
            width      : 80%;
            height     : 1px;
            background : #ccc;
            margin-left: 20%;
            margin-top : 20px;
        }

        .testimonial-items-3col .owl-nav .owl-prev {
            position          : absolute;
            top               : 100%;
            display           : inline-block;
            color             : #fff;
            font-size         : 36px;
            text-align        : center;
            background        : none;
            -webkit-transition: all 300ms ease;
            -ms-transition    : all 300ms ease;
            -o-transition     : all 300ms ease;
            -moz-transition   : all 300ms ease;
            transition        : all 300ms ease;
        }

        .testimonial-items-3col .owl-nav .owl-next {
            position          : absolute;
            top               : 100%;
            display           : inline-block;
            color             : #fff;
            font-size         : 36px;
            background        : none;
            text-align        : center;
            -webkit-transition: all 300ms ease;
            -ms-transition    : all 300ms ease;
            -o-transition     : all 300ms ease;
            -moz-transition   : all 300ms ease;
            transition        : all 300ms ease;
        }

        .testimonial-items-3col .owl-nav .owl-prev {
            left : 160px;
            right: auto;
        }

        .testimonial-items-3col .owl-nav .owl-next {
            left : 120px;
            right: auto;
        }

        /* 企业荣誉 */

        .honor-section {
            padding : 82px 0;
            position: relative;
        }

        .honor-block .upper-bottom {
            border : 1px solid #ccc;
            padding: 20px;
        }

        .read-images {
            width   : 100%;
            overflow: hidden;
        }

        .honor-block .title {
            font-size : 18px;
            color     : #000;
            margin    : 20px;
            text-align: center;
        }

        .project-items-4col {
            position  : relative;
            margin-top: 42px;
        }

        .project-items-4col .owl-nav {
            display : block;
            position: absolute;
            left    : 0%;
            top     : 25%;
            width   : 100%;
        }

        .project-items-4col .owl-dots {
            display: none;
        }

        .project-items-4col .owl-nav .owl-prev {
            display           : block;
            position          : absolute;
            color             : #fff;
            font-size         : 20px;
            line-height       : 80px;
            width             : 30px;
            height            : 80px;
            text-align        : center;
            background        : rgb(10, 10, 10, 0.65);
            -webkit-transition: all 300ms ease;
            -ms-transition    : all 300ms ease;
            -o-transition     : all 300ms ease;
            -moz-transition   : all 300ms ease;
            transition        : all 300ms ease;
        }

        .project-items-4col .owl-nav .owl-prev i,
        .project-items-4col .owl-nav .owl-next i {
            color: #fff;
        }

        .project-items-4col .owl-nav .owl-next {
            position          : absolute;
            display           : block;
            color             : #fff;
            font-size         : 20px;
            line-height       : 80px;
            width             : 30px;
            height            : 80px;
            background        : rgb(10, 10, 10, 0.65);
            text-align        : center;
            -webkit-transition: all 300ms ease;
            -ms-transition    : all 300ms ease;
            -o-transition     : all 300ms ease;
            -moz-transition   : all 300ms ease;
            transition        : all 300ms ease;
        }

        .project-items-4col .owl-nav .owl-prev {
            left : 0;
            right: auto;
        }

        .project-items-4col .owl-nav .owl-next {
            right: 0;
            left : auto;
        }

        .project-items-4col .owl-nav .owl-prev:hover,
        .project-items-4col .owl-nav .owl-next:hover {
            color     : #fff;
            background: #27499d;
        }

        /*========================================*/


        /*-------------- [_Accordion] ------------*/


        /*========================================*/
        .job-section {
            padding: 82px 0;
        }

        .faq-block {
            margin-top: 42px;
        }

        .accordion .accordion-item {
            margin-bottom: 15px;
            float        : left;
            width        : 100%;
        }

        .accordion .accordion-item .accordion-header {
            position: relative;
        }

        .accordion .accordion-item .accordion-header.active .title {
            background: linear-gradient(-20deg, #f5f5f5, #f5f5f5) !important;
            color     : #7d7d7d;
        }

        .accordion .accordion-item .accordion-header.active span {
            background: #7d7d7d !important;
        }

        .accordion .accordion-item .accordion-header.active span:before {
            content: "－" !important;
            color  : #fff;
        }

        .job-details-page .fa-arrow-right:before {
            content: "+" !important;
        }

        .accordion .accordion-item .accordion-header .title {
            cursor    : pointer;
            color     : #253c61;
            position  : relative;
            background: #f5f5f5;
            margin    : 0;
            padding   : 24px 20px 20px 70px;
            font-size : 18px;
            display   : flex;
            flex-wrap : wrap;
        }

        .accordion .accordion-item .accordion-header .title .h1 {
            width    : 100%;
            font-size: 24px;
            color    : #000;
        }

        .accordion .accordion-item .accordion-header .title .bottom,.title-b-p {
            display  : flex;
            flex-wrap: wrap;
        }

        .accordion .accordion-item .accordion-header .title .branch,
        .accordion .accordion-item .accordion-header .title .b-p,
        .accordion .accordion-item .accordion-header .date {
            font-size: 16px;
            color    : #7d7d7d;
        }

        .title-b-p {
            width: 300px
        }

        .accordion .accordion-item .accordion-header span {
            font-size  :24px;
            position   : absolute;
            right      : 60px;
            top        : 20px;
            height     : 30px;
            width      : 30px;
            color      : #ffffff;
            background : linear-gradient(-20deg, #7d7d7d, #7d7d7d) !important;
            text-align : center;
            line-height: 30px;
        }

        .accordion .accordion-item .accordion-body {
            padding: 60px 60px;
            display: none;
        }

        .accordion .accordion-item .accordion-body .title {
            display       : flex;
            flex-direction: row;
            padding       : 0 0 10px;
        }

        .accordion .accordion-item .accordion-body .title .clid,
        .accordion .accordion-item .accordion-body .title .p,
        .accordion .accordion-item .accordion-body .postbox .clid {
            font-size: 18px;
            color    : #444;
        }

        .accordion .accordion-item .accordion-body p {
            font-size: 14px;
            color    : #666;
            margin   : 0px;
        }

        .accordion .accordion-item .accordion-body .postbox {
            display       : flex;
            flex-direction: row;
            margin-top: 15px;
        }

        .accordion .accordion-item .accordion-body .postbox p a {
            color    : #27499d;
        }

        .accordion .accordion-item:nth-child(1) .accordion-body {
            display: block;
        }
        
.pagination-nav .pagination-list>li {
    text-align: center;
    margin-right: 8px;
}

.pagination-nav .pagination-list>li:last-child {
    margin-right: 0;
}

.pagination-nav .pagination-list>li>a {
    color: #7d7d7d;
    font-weight: 500;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px 30px;
    position: relative;
    border-radius: 30px;
}

.pagination-nav .pagination-list>li:hover a {
    border: 1px solid transparent;
    background: #7d7d7d;
    color: #fff;
}

.pagination-nav .pagination-list>li.active a {
    border: 1px solid transparent;
    background: #7d7d7d;
    color: #fff;
}

/* 采购 */

.page-content{
    padding: 82px 0;
}
.news-box{
    margin: 42px 0;
}
.news-section-inner {
    display: flex;
    flex-direction: row;
    padding: 40px 0;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.news-section-inner:hover {
    background: #eee;
}

.news-section-inner .news-date {
    padding: 20px 50px 5px;
    background: #eee;
    text-align: center;
}

.news-section-inner .news-date h1 {
    font-size: 48px;
    color: #000;
    font-weight: 800;
}

.news-section-inner p {
    font-size: 14px;
    color: #666;
}

.news-section-inner .news-content {
    padding: 0 60px;
}

.news-section-inner .news-content p,
.news-sidebar-widget .h5 h5 a {
    overflow: hidden;
    text-overflow: ellipsis;
    /*表示文本超出时候用 “...” 来代替*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-section-inner .news-content .text {
    font-size: 22px;
    color: #000;
}

/*========================================*/


/*------------ [_Section_News] -----------*/


/*========================================*/

.blog-single-news .single-news-details .single-news-content {
    padding: 50px 60px 0;
}

.blog-single-news .single-news-details .single-news-content .comments-imge {
    margin: 0 auto;
    text-align: center;
    display: block;
    box-sizing: border-box;
    margin: 40px 0;
}

.bd {
    margin: 42px 0;
    border-top: 1px solid #ccc;
}

.blog-single-news .single-news-content .comments-area {
    border-bottom: 1px solid #ccc;
    padding: 0 0 30px;
    margin-bottom: 42px;
}

.single-news-details {
    background: #f8f8f8;
}

.single-news-details p {
    font-size: 14px;
    color: #666;
}

.news-sidebar-widget {
    padding: 0 20px;
}

.blog-single-news .widge {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.blog-single-news .widge h1 {
    font-size: 30px;
    color: #000;
}

.news-sidebar-widget .h5 {
    display: flex;
    flex-direction: row;
}

.news-sidebar-widget .dian {
    font-size: 18px;
    color: #444;
    line-height: 30px;
}

.news-sidebar-widget .h5 h5 {
    padding-left: 15px;
}

.news-sidebar-widget .h5 h5 a {
    font-size: 18px;
    color: #444;
    text-align-last: left;
    line-height: 30px;
}

.comments-bottom {
    height: 123px;
}

.comments-bottom .left {
    float: left;
}

.comments-bottom .left .left-cur {
    display: flex;
    flex-direction: row;
}

.comments-bottom .left .left-cur p,.comments-bottom .left .left-cur p a {
    font-size: 14px;
    color: #7d7d7d;
}
.comments-bottom .left .left-cur p a:hover{
    color: #27499d;
}
.comments-bottom .right {
    float: right;
}

.comments-bottom .right a {
    font-size: 22px;
    color: #7d7d7d;
}

.comments-bottom .right a:hover {
    color: #000;
}