/*==============================
      Table of Contaent
================================*/
    /*
- fonts
- body
- other settings
- general
- rev slider
- navbar
- about us
- counters
- parallax
- team
- work
- pricing
- blog
- blog-page
- footer
- media query

*/
    /*=============================
     End Of Content
============================*/
    /*=========================
   Google Fonts
=========================*/
    
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
    @import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700');
    html {
        scroll-behavior: smooth;
    }
    
    body {
        overflow-x: hidden;
    }
    
    .wrapper {
        margin-left: 0;
        display: block;
        width: 100%;
        float: left;
        -webkit-transition: .8s ease;
        -o-transition: .8s ease;
        transition: .8s ease;
    }
    
    .Raleway {
        font-family: 'Raleway', sans-serif;
    }
    
    .rev_slider_wrapper {
        right: auto !important;
        left: auto !important;
    }
    
    .Open Sans {
        font-family: 'Open Sans', sans-serif;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Raleway', serif;
    }
    
    p {
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #2f3136;
        line-height: 1.3rem;
    }
    
    .hidden {
        display: none;
    }
    
    .bg-light {
        color: #f9f8fa;
    }
    
    .bg-blue {
        background-color: #161922;
        margin-top: 100px;
    }
    
    .bg-grey {
        color: #9da0b2;
    }
    
    .green {
        color: #f2c64d;
    }
    
    .blue {
        color: #161922;
    }
    
    .orange {
        color: #f2c64d;
    }
    
    .text-white {
        color: #fff;
    }
    
    .grey {}
    
    .grey:hover {
        color: #f2c64d;
    }
    
    .bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /*========================
   General
=======================*/
    
    section,
    .section-padding {
        position: relative;
        padding: 3.5rem 0
    }
    
    .h-100 {
        height: 100vh
    }
    
    a,
    a:active,
    a:focus,
    a:hover {
        text-decoration: none !important;
        outline: none;
    }
    
    .hr-line {
        width: 150px;
        height: 2px;
        background: #000;
        display: block;
    }
    
    a {
        color: #fff;
    }
    
    a:hover {
        color: #f2c64d;
    }
    
    ol,
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .heading-space {
        padding-bottom: 130px;
    }
    
    .text-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .tp-bullet.selected,
    .tp-bullet:hover {
        background: #fff;
    }
    
    .tp-bullet {
        width: 15px;
        height: 15px;
        position: absolute;
        background: #fff;
        cursor: pointer;
        border-radius: 50px;
    }
    
    .tp-bullets {
        width: 55px;
        height: 15px;
        top: 98% !important;
        bottom: 10px;
        -webkit-transform: matrix(1, 0, 0, 1, -27, -35);
        -ms-transform: matrix(1, 0, 0, 1, -27, -35);
        transform: matrix(1, 0, 0, 1, -27, -35);
        left: 50% !important;
    }
    /* opacity */
    
    .opacity-full {
        opacity: 1;
    }
    
    .opacity-3 {
        opacity: .3;
    }
    
    .opacity-4 {
        opacity: .4;
    }
    
    .opacity-5 {
        opacity: .5;
    }
    
    .opacity-6 {
        opacity: .6;
    }
    
    .opacity-7 {
        opacity: .7;
    }
    
    .opacity-8 {
        opacity: .8;
    }
    
    .opacity-9 {
        opacity: .9;
    }
    
    .opacity-0 {
        opacity: 0;
    }
    
    .dnone {
        opacity: 0;
        visibility: hidden;
        display: none;
    }
    /*font-weight*/
    
    .font-weight-100 {
        font-weight: 100;
    }
    
    .font-weight-300 {
        font-weight: 300;
    }
    
    .font-weight-500 {
        font-weight: 500;
    }
    
    .font-weight-600 {
        font-weight: 600;
    }
    /* z index */
    
    .z-index-1 {
        z-index: 1;
    }
    
    .z-index-2 {
        z-index: 2;
    }
    
    .z-index-2 {
        z-index: 3;
    }
    
    .z-index-2 {
        z-index: 4;
    }
    
    .z-index-2 {
        z-index: 5;
    }
    /* button */
    
    .btn {
        display: inline-block;
        font-size: 17px;
        border: 1px solid transparent;
        letter-spacing: .5px;
        line-height: inherit;
        border-radius: 0;
        text-transform: capitalize;
        width: auto;
        font-family: 'Open Sans', sans-serif;
        font-weight: 500;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition: all 0.3s !important;
        -o-transition: all 0.3s !important;
        transition: all 0.3s !important;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out
    }
    /* button size */
    
    .btn.btn-small {
        font-size: 11px;
        padding: 4px 24px;
    }
    
    .btn.btn-medium {
        font-size: 12px;
        padding: 6px 25px 5px;
    }
    
    .btn.btn-large.rev-slider {
        font-size: 16px;
        padding: 12px 34px;
        line-height: 25px;
        width: 150px;
        letter-spacing: 0.5px;
    }
    
    .btn.btn-rounded {
        border-radius: 50px;
    }
    
    .btn.btn-large {
        font-size: 14px;
        padding: 9px 34px;
        line-height: 25px;
        letter-spacing: 0.5px;
    }
    /* button background */
    
    .btn.btn-green {
        background: #f2c64d;
        border-color: #f2c64d;
        color: #ffffff !important;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        cursor: pointer;
    }
    
    .btn.btn-green:hover {
        background: #161922 !important;
        border-color: #161922;
        color: #ffffff !important;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        cursor: pointer;
    }
    
    .btn.btn-blue {
        background: #161922;
        border-color: #161922;
        color: #ffffff !important;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        cursor: pointer;
    }
    
    .btn.btn-blue:hover {
        background: #f2c64d !important;
        border-color: #f2c64d;
        color: #ffffff !important;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        cursor: pointer;
    }
    
    .btn.btn-green-orange {
        background: #f2c64d;
        border-color: #f2c64d;
        color: #ffffff !important;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        cursor: pointer;
    }
    
    .btn.btn-green-orange:hover {
        background: #f2c64d;
        border-color: #f2c64d;
        color: #ffffff !important;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        cursor: pointer;
    }
    /*icon bg bover */
    
    .facebook-bg-hvr:hover {
        background: #4267B2 !important;
        color: #fff !important;
    }
    
    .twitter-bg-hvr:hover {
        background: #1DA1F2 !important;
        color: #fff !important;
    }
    
    .instagram-bg-hvr:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#aa2fb5), color-stop(93%, #f1762c))!important;
        background: -o-linear-gradient(top, #aa2fb5 0%, #f1762c 93%)!important;
        background: linear-gradient(to bottom, #aa2fb5 0%, #f1762c 93%)!important;
        color: #fff !important;
    }
    
    .linkedin-bg-hvr:hover {
        background: #0077B5 !important;
        color: #fff !important;
    }
    
    .pinterest-bg-hvr:hover {
        background: #BD081C !important;
        color: #fff !important;
        border: 1px solid #BD081C !important;
    }
    
    .google-bg-hvr:hover {
        background: #DB4437 !important;
        color: #fff !important;
    }
    
    .mail-bg-hvr:hover {
        background: #c32aa3 !important;
        color: #fff !important;
        border: 1px solid #c32aa3 !important;
    }
    /*icon text bover */
    
    .facebook-text-hvr:hover {
        color: #4267B2 !important;
    }
    
    .twitter-text-hvr:hover {
        color: #1DA1F2 !important;
    }
    
    .instagram-text-hvr:hover {
        color: #aa2fb5
    }
    
    .linkedin-text-hvr:hover {
        color: #0077B5 !important;
    }
    
    .pinterest-text-hvr:hover {
        color: #BD081C !important;
    }
    
    .google-text-hvr:hover {
        color: #DB4437 !important;
    }
    
    .mail-text-hvr:hover {
        color: #c32aa3 !important;
    }
    /* Headings Fonts Size*/
    
    h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 48px;
        font-weight: 400;
        color: #161922;
    }
    
    h3 {
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        font-weight: 400;
        color: #161922;
    }
    
    h4 {
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        font-weight: 400;
        color: #2d2e33;
    }
    
    h5 {
        font-family: 'Raleway', sans-serif;
        font-size: 18px !important;
        font-weight: 500;
        color: #9da0b2;
    }
    
    h6 {
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #9da0b2;
    }
    /*Margin & Paddind*/
    
    .mt-10 {
        margin-top: 10px;
    }
    
    .mt-20 {
        margin-top: 20px;
    }
    
    .mt-30 {
        margin-top: 30px;
    }
    
    .mt-40 {
        margin-top: 40px;
    }
    
    .mt-50 {
        margin-top: 50px;
    }
    
    .mt-80 {
        margin-top: 80px;
    }
    
    .mb-10 {
        margin-bottom: 10px;
    }
    
    .mb-20 {
        margin-bottom: 20px;
    }
    
    .mb-30 {
        margin-bottom: 30px;
    }
    
    .mb-40 {
        margin-bottom: 40px;
    }
    
    .mb-50 {
        margin-bottom: 50px;
    }
    
    .mr-40 {
        margin-right: 40px;
    }
    
    .pt-10 {
        padding-top: 10px;
    }
    
    .pt-20 {
        padding-top: 20px;
    }
    
    .pt-30 {
        padding-top: 30px;
    }
    
    .pt-40 {
        padding-top: 40px;
    }
    
    .pt-50 {
        padding-top: 50px;
    }
    
    .pb-10 {
        padding-bottom: 10px;
    }
    
    .pb-15 {
        padding-bottom: 15px;
    }
    
    .pb-20 {
        padding-bottom: 20px;
    }
    
    .pb-30 {
        padding-bottom: 30px;
    }
    
    .pb-40 {
        padding-bottom: 40px;
    }
    
    .pb-50 {
        padding-bottom: 50px;
    }
    
    .pl-25 {
        padding-left: 25px;
    }
    
    .loader {
        background: #fff;
        text-align: center;
        height: 100vh;
        z-index: 999;
        position: fixed;
        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;
    }
    
    .load {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .load span {
        position: absolute;
        width: 25px;
        height: 25px;
        background: #262626;
        -webkit-animation: animate 4s infinite forwards ease-in-out;
        animation: animate 4s infinite forwards ease-in-out;
    }
    
    .load span:nth-child(1) {
        background: #161922;
        left: -24px;
        top: -34px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
    
    .load span:nth-child(2) {
        background: #f2c64d;
        left: 5px;
        top: -34px;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }
    
    .load span:nth-child(4) {
        background: #f2c64d;
        left: -24px;
        top: 3px;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }
    
    .load span:nth-child(3) {
        background: #161922;
        left: 5px;
        top: 3px;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }
    
    @-webkit-keyframes animate {
        0% {
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }
        20% {
            -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
        }
        40% {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }
        60% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }
        80% {
            -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
        }
        100% {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
    }
    
    @keyframes animate {
        0% {
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }
        20% {
            -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
        }
        40% {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }
        60% {
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }
        80% {
            -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
        }
        100% {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
    }
    /* nav top default */
    
    .navbar-top-default {
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: hidden;
        height: 90px;
        width: 100%;
        -webkit-transition: all .1s ease;
        -o-transition: all .1s ease;
        transition: all .1s ease;
    }
    
    .navbar-top-default .navbar-nav .nav-link {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #000;
        font-weight: 500;
        padding: 0 0 0;
        margin-right: 1.1rem;
        margin-left: 1.1rem;
        text-transform: capitalize;
    }
    
    .navbar-top-default .navbar-nav .nav-link:hover {
        color: #161922;
    }
    
    .header-appear .navbar-top-default .navbar-nav .nav-link {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        color: #000;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    .header-appear .navbar-top-default .navbar-nav .nav-link:hover {
        color: #161922;
    }
    /* Nav Radius Hover Effect */
    
    .nav-radius .navbar-nav .nav-link {
        padding: 0.6rem 1.3rem;
        border-radius: 36px;
    }
    
    .header-appear .nav-radius .navbar-nav .nav-link {
        padding: 0.6rem 1.3rem;
        border-radius: 36px;
    }
    
    .nav-radius .navbar-nav .nav-link.active {
        background: #f2c64d;
        color: #ffffff !important;
    }
    
    .header-appear .nav-radius .navbar-nav .nav-link.active {
        background: #f2c64d;
        color: #ffffff !important;
    }
    
    .nav-radius .navbar-nav .nav-link.active:hover {
        color: #ffffff;
    }
    
    .nav-radius .navbar-nav .nav-link {
        margin: 0 0.1rem;
    }
    
    .header-appear .navbar-top-default {
        height: 80px;
        position: fixed;
        z-index: 999;
        background: #fff;
        -webkit-animation-name: animationFade;
        animation-name: animationFade;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    }
    
    @-webkit-keyframes animationFade {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    
    @keyframes animationFade {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    
    .header-appear .navbar .logo-default,
    .navbar .logo-scrolled {
        display: none;
        max-width: 70px;
        max-height: 80px;
    }
    
    .header-appear .navbar .logo-scrolled,
    .navbar .logo-default {
        display: inline-block;
        max-width: 70px;
        max-height: 80px;
    }
    
    .logo-scrolled {
        max-width: 100px;
        max-height: 100px;
    }
    
    .rev_slider_wrapper {
        left: auto!important;
    }
    
    .ml-250 {
        margin-left: 250px;
    }
    /* ===================================
    Side Menu
====================================== */
    
    .side-menu {
        width: 25%;
        position: fixed;
        right: 0;
        top: 0;
        background: #161922;
        z-index: 1032;
        height: 100vh;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: -o-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        overflow: hidden;
    }
    
    .side-menu.left {
        left: 0;
        right: auto;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    
    .side-menu.before-side {
        width: 280px;
    }
    
    .side-menu.side-menu-active,
    .side-menu.before-side {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .pul-menu .side-menu.side-menu-active {
        visibility: visible;
        opacity: 1;
    }
    
    .side-menu .navbar-brand {
        margin: 0 0 2.5rem 0;
    }
    /*Side overlay*/
    
    #close_side_menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        display: none;
        z-index: 1031;
        opacity: 0.4;
    }
    /*side clode btn*/
    
    .side-menu .btn-close {
        height: 33px;
        width: 33px;
        display: inline-block;
        text-align: center;
        position: absolute;
        top: 30px;
        right: 15px;
        cursor: pointer;
    }
    
    .side-menu.before-side .btn-close {
        display: none;
    }
    
    .side-menu .btn-close::before,
    .side-menu .btn-close::after {
        position: absolute;
        left: 16px;
        content: ' ';
        height: 24px;
        width: 2px;
        background: #fff;
        top: 5px;
    }
    
    .side-menu .btn-close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .side-menu .btn-close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /*side open btn*/
    
    .sidemenu_btn {
        position: relative;
    }
    
    .sidemenu_btn.left {
        left: 15px;
        right: auto;
    }
    
    .sidemenu_btn span {
        height: 2px;
        width: 25px;
        background: #000;
        display: block;
    }
    
    .header-appear .sidemenu_btn span {
        height: 2px;
        width: 25px;
        background: #000;
        display: block;
    }
    
    .header-appear .navbar-simple .sidemenu_btn span {
        background: #666666;
    }
    
    .header-appear .navbar-gradient .sidemenu_btn span {
        background: #FFFFFF;
    }
    
    .sidemenu_btn span:nth-child(2) {
        margin: 4px 0;
    }
    
    .side-menu .inner-wrapper {
        padding: 3.5rem 5rem;
        height: 100%;
        position: relative;
        overflow-y: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .pul-menu.pushwrap .side-menu .inner-wrapper {
        padding: 3.5rem 2.5rem;
    }
    
    .side-menu .side-nav {
        display: block;
    }
    
    .side-nav .navbar-nav .nav-item {
        display: block;
        margin: 10px 0;
        padding: 0 !important;
        opacity: 0;
        -webkit-transition: all 0.8s ease 500ms;
        -o-transition: all 0.8s ease 500ms;
        transition: all 0.8s ease 500ms;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    
    .side-nav .navbar-nav .nav-item:first-child {
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s;
    }
    
    .side-nav .navbar-nav .nav-item:nth-child(2) {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
    }
    
    .side-nav .navbar-nav .nav-item:nth-child(3) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
    }
    
    .side-nav .navbar-nav .nav-item:nth-child(4) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
    }
    
    .side-nav .navbar-nav .nav-item:nth-child(5) {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s;
    }
    
    .side-nav .navbar-nav .nav-item:nth-child(6) {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s;
    }
    
    .side-nav .navbar-nav .nav-item:nth-child(7) {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s;
    }
    
    .side-nav .navbar-nav .nav-item:nth-child(8) {
        -webkit-transition-delay: .8s;
        -o-transition-delay: .8s;
        transition-delay: .8s;
    }
    
    .side-nav .navbar-nav .nav-item:nth-child(9) {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s;
    }
    
    .side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    
    .side-nav .navbar-nav .nav-link {
        display: inline-table;
        color: #fff;
        padding: 2px 0 3px 0 !important;
        font-family: 'Raleway', sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        position: relative;
        border-radius: 0;
    }
    
    .side-nav .navbar-nav .nav-link::after {
        content: "";
        position: absolute;
        background: #fff;
        display: inline-block;
        width: 0;
        height: 3px;
        bottom: 0;
        left: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
        -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
        transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    }
    
    .side-nav .navbar-nav .nav-link:hover::after,
    .side-nav .navbar-nav .nav-link:focus::after,
    .side-nav .navbar-nav .nav-link.active::after {
        width: 100%;
    }
    
    .side-nav .navbar-nav .nav-link.active {
        background: transparent;
    }
    
    .side-menu p {
        font-size: 13px;
        margin-top: .5rem;
        margin-bottom: 0;
    }
    
    .social-icons-simple {
        margin-bottom: 0;
        margin-left: -10px;
    }
    
    .social-icons-simple li {
        display: inline-block;
    }
    
    .social-icons-simple li a {
        display: block;
        font-size: 16px;
        height: 36px;
        line-height: 38px;
        border: 1px solid transparent;
        text-align: center;
        width: 36px;
        color: #FFFFFF;
        border-radius: 50%;
        position: relative;
        z-index: 1;
        overflow: hidden;
        -webkit-transition: background-color .5s ease;
        -o-transition: background-color .5s ease;
        transition: background-color .5s ease;
    }
    
    .social-icons-simple.darkcolor li a {
        color: #fff;
    }
    
    .social-icons-simple.whitecolor li a {
        color: #fff;
    }
    
    .social-icons-simple li a:hover {
        background-color: #FFFFFF;
    }
    
    .social-icons-simple li.animated-wrap a:hover {
        background-color: transparent;
        color: #ffffff;
    }
    /*========================
   About Section
   =======================*/
    
    .about-banner {
        padding-top: 6.2rem !important;
    }
    
    .about-max {
        max-width: 700px;
        margin: 0 auto;
    }
    
    .max-151 {
        max-width: 151px;
        margin: 0 auto;
    }
    
    .icon-hover-effect {
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    /*
.icon-hover-effect:hover .laptop-icon, .icon-hover-effect:hover .chart-icon, .icon-hover-effect:hover .pencil-icon {
    transform: translateY(-20px);
    transition: 1s;
}*/
    
    .about-padding {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-right: 35px;
        padding-left: 35px;
        background-color: #f2c64d;
        border-radius: 50%;
        max-width: 115px;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        margin: 0 auto;
    }
    
    .about-padding:hover {
        background-color: #161922;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    
    .about-padding2 {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-right: 35px;
        padding-left: 35px;
        background-color: #161922;
        border-radius: 50%;
        max-width: 115px;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        margin: 0 auto;
    }
    
    .about-padding2:hover {
        background-color: #f2c64d;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    
    .line-padding2::before {
        height: 1px;
        top: 115px;
        background: #000;
        width: 30%;
        z-index: -1;
        margin: 0;
        left: 10px;
    }
    
    .line-padding2::after {
        height: 1px;
        top: 115px;
        background: #000;
        width: 30%;
        z-index: -1;
        margin: 0;
        right: 10px;
    }
    
    .icon {
        font-size: 40px;
        color: #fff;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    /*========================================
Counters Sec
========================================*/
    
    .serial-box {
        text-align: center;
    }
    
    .serial-box p {
        color: #161922;
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600
    }
    
    .serial-box span {
        font-size: 40px;
        font-family: 'Open Sans', sans-serif;
        color: #161922;
        text-align: center;
        font-weight: 600;
        padding-bottom: 20px;
    }
    /*===========================================
Carousel
=========================================*/
    
    .team-box {
        background: #161922;
        padding: 32px 9px;
    }
    
    .team-box h6 {
        padding-bottom: 50px;
    }
    
    .social_icons li {
        display: inline-block;
        text-align: center;
    }
    
    .social_icons li a {
        height: 45px;
        width: 45px;
        border-radius: 30px;
        color: #fff;
        background: transparent;
        display: block;
        line-height: 48px;
        font-size: 21px;
    }
    
    .carousel-date {
        background: #f2c64d;
        padding: 86px;
    }
    
    .date-padding {
        font-size: 80px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    #team-carousel .owl-dots {
        position: absolute;
        display: block;
        text-align: center;
        width: 100%;
        top: 76%;
        -webkit-transform: translateX(27%);
        -ms-transform: translateX(27%);
        transform: translateX(27%);
    }
    
    #team-carousel .owl-dots .owl-dot.active {
        background: #f2c64d;
        height: 2px;
        width: 20px;
    }
    
    #team-carousel .owl-dots .owl-dot {
        background-color: #fff;
        height: 2px;
        width: 20px;
        margin-top: 40px;
        margin-right: 10px;
    }
    /* ===================================
    Pricing
====================================== */
    
    .price-sec {
        background: #f9f8fa;
    }
    
    #price-slider {
        text-align: center;
    }
    
    .price-item {
        padding: 32px 22px;
        border-radius: 10px;
        max-width: 380px;
        margin: 80px 0 0 0;
        background: #fff;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    
    .price {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 15px;
    }
    
    .price-tag {
        padding: 15px 0;
        text-align: left;
        border-top: 2px solid rgba(111, 123, 133, 0.18);
        border-bottom: 2px solid rgba(111, 123, 133, 0.18);
    }
    
    .price-text {
        font-size: 13px;
        font-weight: 300;
        line-height: 20px;
        max-width: 212px;
    }
    
    .price .sign {
        font-size: 22px;
        font-weight: 500;
        vertical-align: super;
        padding-right: 5px;
    }
    
    .price .currency {
        font-size: 3.5rem;
        font-weight: 400;
        letter-spacing: -2px;
        line-height: 60px;
        padding: 0;
        vertical-align: middle;
    }
    
    .price .month {
        font-size: 14px;
        font-weight: 300;
        display: block;
        text-align: right;
        padding-right: 8px;
        padding-top: 8px;
    }
    
    ul.packages {
        padding: 20px 0;
        margin: 0;
    }
    
    ul.packages li {
        font-size: 13px;
        font-weight: 400;
        line-height: 40px;
        list-style-type: none;
        color: #161922;
    }
    
    ul.packages li i {
        display: inline-block;
        width: 24px;
        padding-right: 5px;
    }
    
    ul.packages li i.fa-check {
        color: #f2c64d;
    }
    
    ul.packages li i.fa-times {
        color: #e04645;
    }
    /*================================================
Feedback Area CSS
=================================================*/
    
    .feedback-slides {
        position: relative;
    }
    
    .feedback-slides .client-feedback {
        position: relative;
    }
    
    .feedback-slides .client-feedback .single-feedback {
        text-align: center;
        position: relative;
        padding-top: 20px;
    }
    
    .feedback-slides .client-feedback .single-feedback p {
        position: relative;
        max-width: 650px;
        line-height: 1.5;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        font-size: 15px;
        font-weight: normal;
    }
    
    .feedback-slides .client-thumbnails {
        position: relative;
        max-width: 450px;
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
    }
    
    .feedback-slides .client-thumbnails .item .img-fill {
        cursor: pointer;
        position: relative;
        text-align: center;
    }
    
    .feedback-slides .client-thumbnails .item .img-fill img {
        opacity: .8;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        display: inline-block;
        position: relative;
        border-radius: 50%;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
    
    .feedback-slides .client-thumbnails .item .title {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        margin: 20px -100px 0;
        text-align: center;
    }
    
    .feedback-slides .client-thumbnails .item .title h3 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 600;
    }
    
    .feedback-slides .client-thumbnails .item .title span {
        display: block;
        color: #3aade1;
        font-size: 14px;
        margin-top: 5px;
    }
    
    .feedback-slides .client-thumbnails .item.slick-center .title {
        opacity: 1;
        visibility: visible;
    }
    
    .feedback-slides .client-thumbnails .item.slick-center .img-fill img {
        border-color: #002e5b;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    
    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: #f2c64d;
    }
    
    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 8px;
        padding: 0;
        cursor: pointer;
    }
    
    .slick-dots {
        position: absolute;
        bottom: -40px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }
    
    .feedback-slides:hover .next-arrow,
    .feedback-slides:hover .prev-arrow {
        opacity: 1;
        visibility: visible;
    }
    
    .feedback-slides .slick-list {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .single-feedback-item {
        position: relative;
        margin-left: 25px;
        margin-top: 25px;
        margin-bottom: 8px;
    }
    
    .client-feedback {
        text-align: center;
    }
    
    *,
     ::after,
     ::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .slick-dots li.slick-active button:before {
        opacity: 0;
        color: black;
    }
    
    .slick-dots li button::before {
        font-family: slick;
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 20px;
        height: 20px;
        content: "•";
        text-align: center;
        opacity: 0;
        color: black;
        -webkit-font-smoothing: antialiased;
    }
    
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before {
        opacity: 0;
    }
    /* ===================================
    Blog Section
====================================== */
    
    .blog-text {
        max-width: 500px;
    }
    
    .blog-right {
        text-align: left;
    }
    
    .blog-text h2 {
        font-size: 40px;
        margin-bottom: 1.2rem;
        font-weight: 500;
        font-family: "Open Sans";
        line-height: 1.3;
    }
    
    .blog-text p {
        margin-bottom: 10px;
        color: #282828;
    }
    
    .blog-image,
    .blog-image2 {
        max-width: 500px;
    }
    
    .date,
    .date-2 {
        position: absolute;
        top: 5px;
        background: #FFFFFF;
        right: 60px;
        z-index: 99;
        font-family: 'Open Sans', sans-serif;
        font-weight: 200;
        font-size: 14px;
        color: #3c3f46;
        padding: 18px 22px 18px 22px;
        text-align: center;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    
    .blog-image,
    .blog-image2 {
        overflow: hidden;
    }
    
    .blog-image img,
    .blog-image2 img {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .blog-image:hover img,
    .blog-image2:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .date.date-hvr,
    .date-2.date-2-hvr {
        background: #f2c64d;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    
    .date.date-hvr h5,
    .date-2.date-2-hvr h5 {
        color: #ffffff;
    }
    /* ===================================
    Contact
====================================== */
    
    .address h2,
    .address p,
    .address h5 {
        color: #222d38;
    }
    
    .address img {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 55px;
    }
    
    .address p {
        font-size: 16px;
        margin-bottom: 0px;
    }
    
    .address ul {
        list-style: none;
        padding: 0;
    }
    
    .address ul li {
        display: inline-block;
        text-align: center;
    }
    
    .address a {
        color: #222d38;
        height: 38px;
        width: 38px;
        line-height: 38px;
        border-radius: 34px;
        background: transparent;
        display: block;
        border: 1px solid transparent;
    }
    
    .contact-form {
        margin-top: 140px;
        position: relative;
        overflow: hidden;
    }
    
    .contact-form .form-group {
        margin-top: 30px;
    }
    
    .contact-form .form-control {
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0px;
        font-size: 14px;
        padding: 0;
        height: 40px;
        background: transparent;
    }
    
    .contact-form label {
        font-size: 13px;
        color: #a4a0a0;
        margin-bottom: 0;
        margin-top: 10px;
    }
    
    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #ced4da;
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
    }
    
    .check-box {
        margin: 12px 20px 0px;
    }
    
    .message {
        margin-top: 41px;
    }
    
    .message textarea {
        width: 100%;
        resize: none;
        margin-top: 14px;
        border: none;
        border-bottom: 1px solid #ced4da;
        background: transparent;
        line-height: 26px;
    }
    
    .message .form-group {
        margin-bottom: 0px;
    }
    
    .circle-bg2:before {
        position: absolute;
        right: -10px;
        top: 10px;
    }
    
    .angle-font {
        font-size: 14px;
    }
    /* ===================================
    Address , Map % Contact
====================================== */
    
    #google-map {
        height: 400px;
        width: 100%;
    }
    
    .col-map #google-map {
        height: 418px;
    }
    
    .map {
        background: url("../img/map.jpg");
    }
    
    .address-text {
        padding: 7.5rem 0;
    }
    
    .address-social li {
        display: inline-block;
    }
    
    .address-social a {
        display: block;
        width: 38px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        border-radius: 34px;
        color: #2c3459;
        font-size: 16px;
        border: 1px solid transparent;
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
    }
    
    .address-social a:hover {
        background-color: #ffffff;
    }
    
    .contact-form {
        max-width: 750px;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    
    .contact-form .form-control {
        border: none;
        border-bottom: 1px solid #e2e2e2;
        padding: 12px 0;
        background: #fff;
        letter-spacing: .7px;
        font-weight: 300;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 44px;
        color: #a5a5a5;
        font-size: 14px;
        position: relative;
        -webkit-transition: border .9s ease;
        -o-transition: border .9s ease;
        transition: border .9s ease;
    }
    
    .contact-form textarea {
        min-height: 175px;
        resize: none;
    }
    
    .contact-form .form-group {
        margin-bottom: 1.5rem;
    }
    
    .w-30 {
        width: 30%!important;
    }
    
    .tittle p {
        max-width: 720px;
        margin: 0 auto;
    }
    /*====================================
    Contact-us
=================================*/
    
    .contact-us {
        position: unset;
    }
    /* ===================================
   Footer
====================================== */
    
    .footer-social li {
        display: inline-block;
    }
    
    .footer-social a {
        display: block;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        border-radius: 50px;
        font-size: 17px;
        margin: 10px 5px;
        border: 1px solid transparent;
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
    }
    
    .company-about {
        color: #fff;
    }
    /*================================================
Go Top CSS
=================================================*/
    
    .go-top {
        position: fixed;
        cursor: pointer;
        bottom: 15px;
        right: 15px;
        color: #ffffff;
        background-color: #f2c64d;
        z-index: 4;
        width: 40px;
        text-align: center;
        height: 42px;
        line-height: 42px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .9s;
        -o-transition: .9s;
        transition: .9s;
        -webkit-transform: translateY(150px);
        -ms-transform: translateY(150px);
        transform: translateY(150px);
    }
    
    .go-top.active {
        -webkit-animation: bounceInDown 2s;
        animation: bounceInDown 2s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    
    .go-top i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    
    .go-top i:last-child {
        opacity: 0;
        visibility: hidden;
        top: 60%;
    }
    
    .go-top::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #161922;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    
    .go-top:hover,
    .go-top:focus {
        color: #ffffff;
    }
    
    .go-top:hover::before,
    .go-top:focus::before {
        opacity: 1;
        visibility: visible;
    }
    
    .go-top:hover i:first-child,
    .go-top:focus i:first-child {
        opacity: 0;
        top: 0;
        visibility: hidden;
    }
    
    .go-top:hover i:last-child,
    .go-top:focus i:last-child {
        opacity: 1;
        visibility: visible;
        top: 50%;
    }
    /*=====================================
      About page
===================================*/
    
    .about-img {
        background: url(../img/about-cover.jpg) no-repeat;
        padding-top: 120px;
        padding-bottom: 120px;
        background-attachment: fixed;
        background-size: cover;
        background-position: initial;
    }
    
    .price-img {
        background: url(../img/plan-cover.jpg) no-repeat;
        padding-top: 120px;
        padding-bottom: 120px;
        background-attachment: fixed;
        background-size: cover;
        background-position: initial;
    }
    
    .news-img {
        background: url(../img/news-cover.jpg) no-repeat;
        padding-top: 120px;
        padding-bottom: 120px;
        background-attachment: fixed;
        background-size: cover;
        background-position: initial;
    }
    
    .contact-img {
        background: url(../img/contact-cover.jpg) no-repeat;
        padding-top: 120px;
        padding-bottom: 120px;
        background-attachment: fixed;
        background-size: cover;
        background-position: initial;
    }
    
    .blog-detail-img {
        background: url(../img/blog-details-cover.jpg) no-repeat;
        padding-top: 120px;
        padding-bottom: 120px;
        background-attachment: fixed;
        background-size: cover;
        background-position: initial;
    }
    
    .page_nav {
        text-align: center;
    }
    
    .year-max {
        max-width: 179px;
        margin: 0 auto;
    }
    
    ul.social-icons li a {
        height: 40px;
        line-height: 42px;
        width: 40px;
        font-size: 15px;
        border-radius: 50%;
        margin: 0 1px;
        text-align: center;
        display: inline-block;
        color: #444;
        position: relative;
        z-index: 1;
    }
    /*============================
     About Section
===========================*/
    
    .about ul li:before {
        font-family: "Font Awesome 5 Free";
        padding-right: 15px;
        font-weight: 700;
        content: '\f061';
        background-color: #f2c64d;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
    }
    
    .rare-box {
        height: 195px;
        width: 100%;
        position: relative;
        left: 0.5rem;
        background: #f2c64d;
    }
    
    .image-about {
        top: -155px;
        margin-left: 30px;
        margin-bottom: -145px;
    }
    
    ul li {
        list-style: none;
    }
    
    .pr-5 {
        padding-right: 4rem!important;
    }
    
    .font-42 {
        font-size: 42px;
    }
    
    .max-200 {
        max-width: 210px !important;
        margin: 0 auto;
    }
    /*=============================
    End about
===========================*/
    /*========================
   Blog.html Section
==========================*/
    
    .comment {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    
    .comment li a>i {
        margin-right: 5px;
        vertical-align: middle;
        color: #f2c64d;
        font-size: 16px;
    }
    
    ul {
        padding: 0;
        list-style-type: none;
    }
    
    .commment li a {
        display: block;
        color: #444;
        font-size: 14px;
    }
    
    .heading_space {
        margin-bottom: 2rem;
    }
    
    .commment li:first-child {
        margin-left: 0;
    }
    
    .widget {
        /* -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */
        /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */
        padding: 25px 15px;
        background: #f6f6f6;
        border-radius: 5px;
    }
    
    .widget_search .input-group {}
    
    .widget_search .form-control,
    .widget_search .input-group-addon {
        border-color: #d6d5d5;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: table-cell;
    }
    
    .widget_search .form-control {
        width: 214px;
        border-bottom-left-radius: 20px;
        border-top-left-radius: 20px;
    }
    
    .widget_search .form-control {
        border: 1px solid #c2c4ca;
        padding: 0 0 0 10px;
        line-height: 40px;
        height: 40px;
        border-radius: 3px;
        font-size: 15px;
        z-index: 9;
    }
    
    .widget_search .input-group-addon {
        height: 40px;
        background-color: #f2c64d;
        color: #fff;
        position: relative;
        top: 0;
        width: 40px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border: none;
        cursor: pointer;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    
    .widget_search .input-group-addon:hover {
        background-color: #f2c64d;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    
    .single_post {
        overflow: hidden;
    }
    
    .single_post .post,
    .single_post .text {
        display: table-cell;
    }
    
    .single_post .post {
        height: 60px;
        width: 60px;
        padding-right: 10px;
    }
    
    .single_post .post>img {
        width: 100%;
        border-radius: 50%;
        vertical-align: text-top;
    }
    
    .webtags li {
        margin: 1px;
    }
    
    ul.social_icon li,
    .webtags li,
    .commment li {
        display: inline-block;
    }
    
    .webtags li a {
        border-radius: 24px;
        color: #2c3459;
        font-size: 12px;
        margin: 2px 0;
        padding: 5px 16px;
        border: 1px solid #c7c7c7;
        display: block;
        -webkit-transition: .8s;
        -o-transition: .8s;
        transition: .8s;
    }
    
    .webtags li a:hover {
        background: #f2c64d;
        color: #fff;
    }
    
    .webcats {
        list-style: none;
    }
    
    .webcats li:first-child a {
        margin-top: 0;
    }
    
    .webcats li a {
        display: block;
        margin: 5px 0;
        font-weight: 400;
        padding-bottom: 7px;
        border-bottom: 1px solid #c7c7c7;
        text-decoration: none;
    }
    
    .webcats li a>span {
        display: inline-block;
        margin-left: 5px;
        border-radius: 50%;
        font-size: 12px;
        height: 24px;
        width: 24px;
        text-align: center;
        color: #c7c7c7;
        line-height: 24px;
        float: right;
    }
    
    .news_box,
    .webcats li a>span,
    ul.links li a::before {
        -webkit-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in;
    }
    
    .webcats li a {
        display: block;
        margin: 5px 0;
        font-weight: 400;
        padding-bottom: 7px;
        border-bottom: 1px solid #c7c7c7;
        text-decoration: none;
    }
    
    .webcats li a:hover {
        color: #f2c64d;
    }
    
    .webcats li a:hover>span {
        background: #f2c64d;
        color: #fff;
    }
    
    .webcats li:first-child a {
        margin-top: 0;
    }
    
    .a-recent {
        display: inline-block;
        font-weight: 400;
        position: relative;
        color: #2c3459;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        font-size: 14px;
    }
    
    .blog-pic {
        font-size: 15px;
    }
    
    .readmore {
        font-size: 14px;
    }
    
    .blog-15 {
        font-size: 16px;
    }
    
    .page_nav {
        text-align: center;
        font-size: 13px;
    }
    
    .pagination {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        float: left;
        list-style: none;
        border-radius: .25rem;
    }
    
    .pagination li>.page-link,
    .pagination li:first-child .page-link,
    .pagination li:last-child .page-link {
        border-radius: 50% !important;
    }
    
    .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #f2c64d;
        border-color: #f2c64d;
    }
    
    .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #f2c64d;
        border-color: #f2c64d;
    }
    
    .page-link {
        position: relative;
        display: block;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #f2c64d;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }
    
    .page-link {
        margin-left: 4px;
        margin-right: 4px
    }
    
    .color-blockquote {
        font-size: 20px;
        font-weight: 500;
    }
    
    .p_pic {
        display: inline-block;
    }
    
    .profile_text {
        max-width: 500px;
        margin-left: 30px;
    }
    
    .profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .profile_text {
        max-width: 500px;
        margin-left: 30px;
    }
    
    form.findus textarea {
        width: 100%;
        min-height: 160px;
    }
    
    .footer-para {
        text-align: right;
    }
    
    .btn-hvr-green:hover {
        -webkit-text-fill-color: #f2c64d;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    
    .pagi-50 {
        margin-bottom: 50px;
    }
    
    .widget_search .form-control {
        border: 1px solid #c2c4ca;
        padding: 0 0 0 10px;
        line-height: 40px;
        height: 40px;
        border-radius: 20px;
        font-size: 15px;
        z-index: 9;
    }
    
    .widget {
        /* -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */
        /* box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35); */
        padding: 25px 15px;
        background: #f6f6f6;
        border-radius: 5px;
    }
    
    .heading_space {
        margin-bottom: 2rem;
    }
    /*end blog.html section*/
    /*=============================
    Blog Details
===========================*/
    /*

.bg-light {background-color: #f8f9fa;}
.blog-panel h5 {font-size: 18px; font-weight: 600; color: #2c3459; margin-bottom: 1.5rem; font-family: 'Raleway', sans-serif;}
.blog-panel .panel-img {height: 205px; width: 258px; margin-bottom: 25px;}
.blog-panel .img-link {font-size: 14px; font-weight: 600; font-family: 'Roboto', sans-serif;}
.blog-panel .img-link .name-link {margin-left: 15px;}
.panel-img {overflow: hidden; max-width: 258px;}
.panel-img img {    -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;
}
.panel-img:hover img {   transform: scale(1.1);
    -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;
}


.blog-post-navigation {
    padding-top: 1.5rem;
    justify-content: center;
}

.blog-post-navigation .page-link.current {
    z-index: 1;
    color: #FFFFFF;
    background-color: #2c3459;
}


.blog-post-navigation .page-link {
    position: relative;
    display: block;
    padding: 0.7rem 1.1rem;
    color: #646464;
    background-color: transparent;
    text-decoration: none;
    font-weight: lighter;
}

.blog-post-navigation a {
    text-decoration: underline;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 35px;
    width: 35px;
    outline: #484b59;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 1px solid whitesmoke;
    background-image: none;
}

.carousel-control-next-icon:after
{
    content: '>';
    font-size: 22px;
    color: whitesmoke;
}

.pointer {cursor: pointer;}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 22px;
    color: whitesmoke;
}

.blog-panel {
    padding: 25px 45px 60px 45px;
    background-color: #FFFFFF;
}

.name-link{
    color: #2c3459;
}

*/
    /*Blog*/
    
    .blog-para {
        font-size: 24px;
    }
    
    .blog-width {
        max-width: 730px;
    }
    
    .angle-right {
        font-weight: 500;
        padding-left: 5px;
        font-size: 10px;
    }
    
    .angle-right2 {
        font-weight: 600;
        padding-left: 5px;
        font-size: 10px;
    }
    
    .blog-taste {
        max-width: 249px;
    }
    
    .blog-taste2 {
        max-width: 296px;
    }
    
    .img-blog {
        overflow: hidden;
    }
    
    .img-blog img {
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    
    .img-blog:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    
    .scale {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }
    
    .widget_search .form-control {
        border: 1px solid #c2c4ca;
        padding: 0 0 0 10px;
        line-height: 40px;
        height: 40px;
        font-size: 15px;
        z-index: 9;
    }
    /*End Blog*/
    /*=============================
    End blog-details
===========================*/
    /*====================================
    swiper vertical slider
=================================*/
    
    .swiper-container {
        width: 100%;
        height: 100%;
        max-height: 325px;
    }
    
    .swiper-slide {
        text-align: center;
        height: 325px !important;
    }
    
    .swiper-container-vertical>.swiper-pagination-bullets {
        right: 50%;
        top: auto;
        bottom: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    
    .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
        background: #f2c64d;
        width: 2px;
        height: 22px;
        border-radius: 0;
    }
    
    .swiper-slide p {
        max-width: 340px;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    /* ===================================
    Media Queries
====================================== */
    
    @media (max-width: 1199px) and (min-width: 992px) {
        .team-box {
            background: #2c3459;
            padding: 52px 9px;
        }
    }
    
    @media screen and (max-width: 991px) {
        .center-about {
            text-align: center;
        }
        .left-about {
            text-align: left;
        }
        .sm-pt-3 {
            padding-top: 1.5rem;
        }
        .widget_search {
            max-width: 330px;
            margin: 0 auto;
            padding-bottom: 15px;
        }
        .text-11 {
            text-align: center;
        }
        .single_post {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            text-align: center;
        }
        .side-menu {
            width: 50%;
        }
    }
    
    @media (max-width: 992px) {}
    
    @media (max-width: 768px) and (min-width: 767px) {}
    
    @media screen and (max-width: 767px) {
        h2 {
            font-size: 30px;
        }
        h4 {
            font-size: 16px;
        }
        h5 {
            font-size: 14px !important;
        }
        h3 {
            font-size: 22px !important;
        }
        body p {
            font-size: 12px;
        }
        .btn.btn-large.rev-slider {
            font-size: 14px !important;
            padding: 12px 34px !important;
        }
        section,
        .section-padding,
        .testimonial-item {
            position: relative;
            padding: 4.5rem 0;
            overflow: hidden;
        }
        .price .month {
            padding-right: 5px;
            padding-top: 5px;
        }
        .tp-bullets {
            left: 50% !important;
        }
        .padding-50 {
            padding-bottom: 70px;
        }
        #team-carousel .owl-dots {
            top: 88%;
            -webkit-transform: translateX(2%);
            -ms-transform: translateX(2%);
            transform: translateX(2%);
        }
        .bottom-20 {
            padding-bottom: 20px
        }
        .side-menu .inner-wrapper {
            padding: 3.5rem 2rem;
        }
        .font-42 {
            font-size: 30px;
        }
        .about ul li {
            font-size: 14px;
            display: -ms-inline-flexbox;
            display: inline-flex;
        }
        .price .currency {
            font-size: 50px !important;
        }
        .blog-right {
            text-align: center;
            padding-top: 30px;
        }
        .blog-text {
            text-align: center;
            padding-top: 30px;
        }
        .address-box {
            text-align: center;
        }
        .address-text {
            padding: 4.5rem 0;
        }
        .blog-text h2 {
            font-size: 30px;
        }
        .blog-image,
        .blog-image2 {
            max-width: 540px;
        }
        .date,
        .date-2 {
            right: 30px;
        }
        .bg-blue {
            background-color: #2c3459;
            margin-top: 72px;
        }
        .navbar-top-default {
            height: 70px;
        }
        .blog-panel {
            padding: 25px 45px 40px 45px;
        }
        .blog-panel {
            text-align: center;
            margin-bottom: 20px;
        }
        .blog-panel .panel-img {
            width: 100%;
            height: 100%;
            max-width: 100%;
        }
        .comment-text {
            text-align: center;
        }
        .blog-img-p {
            margin: 0 auto;
            display: block;
            padding-bottom: 10px;
        }
        .comment-btn {
            margin-bottom: 30px;
        }
        .pagination {
            text-align: center;
            float: unset;
            margin-top: 50px;
        }
        .blog-0 {
            margin-top: 0;
        }
        .max-237 {
            max-width: 237px;
            margin: 0 auto;
        }
        .reser-blog {
            text-align: center;
        }
        .contact-social-icon {
            text-align: center !important;
            margin: 0 auto;
            display: table;
        }
        .margin-sm {
            margin-bottom: 40px;
        }
        .center-leave {
            text-align: center;
        }
        .about-banner {
            padding-top: 75px !important;
        }
        .price-item {
            max-width: none;
        }
        .comment-para {
            padding-bottom: 40px;
        }
        .price {
            margin-right: 14px;
        }
        .price-item {
            margin: 40px 0 0 0;
        }
    }
    
    @media screen and (max-width: 575px) {
        #team-carousel .owl-dots {
            top: 88%;
            -webkit-transform: translateX(1%);
            -ms-transform: translateX(1%);
            transform: translateX(1%);
        }
    }
    
    @media screen and (max-width: 400px) {
        .side-menu {
            width: 80%;
        }
        .margin-50 {
            margin-top: 50px
        }
        .serial-box span {
            font-size: 24px;
        }
        #team-carousel .owl-dots {
            top: 81%;
            -webkit-transform: translateX(2%);
            -ms-transform: translateX(2%);
            transform: translateX(2%);
        }
        .side-menu .inner-wrapper {
            padding: 3.5rem 2rem;
        }
    }
    
    @media screen and (max-width: 480px) {
        .tp-bullets {
            left: 50% !important;
        }
        .side-menu {
            width: 76%;
        }
        .max-237 {
            max-width: 237px;
            margin: 0 auto;
        }
    }
    
    @media screen and (max-width:320px) {
        h2 {
            font-size: 26px
        }
        h3 {
            font-size: 20px
        }
        h4 {
            font-size: 15px
        }
        .margin-50 {
            margin-top: 50px;
        }
        .padding-50 {
            padding-bottom: 50px;
        }
        .price {
            margin-right: 4px;
        }
        .bottom-20 {
            padding-bottom: 20px;
        }
        #team-carousel .owl-dots {
            top: 83%;
            -webkit-transform: translateX(2%);
            -ms-transform: translateX(2%);
            transform: translateX(2%);
        }
        .serial-box span {
            font-size: 24px;
        }
        .side-menu {
            width: 85%;
        }
        .side-menu .inner-wrapper {
            padding: 3.5rem 2rem;
        }
        .blog-text h2 {
            font-size: 26px !important;
        }
        .price .currency {
            font-size: 30px !important;
            line-height: 1;
        }
        .price .sign {
            font-size: 15px;
        }
        .price .month {
            font-size: 11px;
            font-weight: 300;
            display: block;
            text-align: right;
            padding-right: 11px;
            padding-top: 5px !important;
        }
        .footer-social a {
            margin: 10px -1px;
        }
        .price-item {
            margin: 40px 0 0 0;
        }
    }
    
    .pdf__download {}
    
    .case__pdf {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        color: #282828;
    }
    
    .case__pdf:hover {
        cursor: pointer;
    }
    
    .case__pdf img {
        margin-right: 5px;
    }
    
    .transition,
    p,
    ul li i:before,
    ul li i:after {
        transition: all 0.25s ease-in-out;
    }
    
    .flipIn,
    h1,
    ul li {
        animation: flipdown 0.5s ease both;
    }
    
    .no-select,
    h2 {
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    /* @media (max-width: 550px) {
        body {
            box-sizing: border-box;
            transform: translate(0, 0);
            max-width: 100%;
            min-height: 100%;
            margin: 0;
            left: 0;
        }
    } */
    
    .accordion__item-inner {
        color: rgba(48, 69, 92, 0.8);
        font-size: 17px;
        line-height: 26px;
        letter-spacing: 1px;
        position: relative;
        overflow: hidden;
        max-height: 800px;
        opacity: 1;
        transform: translate(0, 0);
        margin-top: 14px;
        z-index: 2;
    }
    
    .accordion {
        list-style: none;
        perspective: 900;
        padding: 0;
        margin: 0;
    }
    
    .accordion__title {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .accordion li {
        position: relative;
        padding: 0;
        margin: 0;
        padding-bottom: 4px;
        padding-top: 18px;
        border-top: 1px dotted #dce7eb;
    }
    
    .accordion li h4 {
        text-align: center;
    }
    
    .accordion li:nth-of-type(1) {
        animation-delay: 0.5s;
    }
    
    .accordion li:nth-of-type(2) {
        animation-delay: 0.75s;
    }
    
    .accordion li:nth-of-type(3) {
        animation-delay: 1.0s;
    }
    
    .accordion li:last-of-type {
        padding-bottom: 0;
    }
    
    .accordion li i {
        position: absolute;
        transform: translate(-6px, 0);
        margin-top: 5px;
        right: 0;
    }
    
    .accordion li i:before,
    .accordion li i:after {
        content: "";
        position: absolute;
        background-color: #f2c64d;
        width: 3px;
        height: 9px;
    }
    
    .accordion li i:before {
        transform: translate(-2px, 0) rotate(45deg);
    }
    
    .accordion li i:after {
        transform: translate(2px, 0) rotate(-45deg);
    }
    
    .accordion li input[type=checkbox] {
        position: absolute;
        cursor: pointer;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
    }
    
    .accordion li input[type=checkbox]:checked~p {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        transform: translate(0, 50%);
    }
    
    .accordion li input[type=checkbox]:checked~i:before {
        transform: translate(2px, 0) rotate(45deg);
    }
    
    .accordion li input[type=checkbox]:checked~i:after {
        transform: translate(-2px, 0) rotate(-45deg);
    }
    
    @keyframes flipdown {
        0% {
            opacity: 0;
            transform-origin: top center;
            transform: rotateX(-90deg);
        }
        5% {
            opacity: 1;
        }
        80% {
            transform: rotateX(8deg);
        }
        83% {
            transform: rotateX(6deg);
        }
        92% {
            transform: rotateX(-3deg);
        }
        100% {
            transform-origin: top center;
            transform: rotateX(0deg);
        }
    }