/*
     
    */
    
    
    /*
    ================================================
    /* Table of Content
    ==================================================
    
    1. Fonts - Roboto and Raleway
    2. Common CSS
    3. Loader CSS
    4. Top Wrapper
    5. Header Inner
    6. Slider Area
    7. CTA Wrapper
    8. Our Services
    9. About Wrapper
    10. Join Wrapper
    11. Our Team Wrapper
    12. Latest Projects Wrapper
    13. Testimonials Wrapper
    14. Counters
    15. News Wrapper
    16. Breadcrumb Wrapper
    17. Inner page Wrapper
    18. Gallery
    19. FAQ Wrapper
    20. Error Page
    21. Countdown Page
    22. Contact Wrapper
    23. Footer Wrapper
    24. Media Quires 
    
    /*
    ================================================
    1. Fonts - Roboto and Raleway
    ================================================
    */
    
    @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800|Roboto:300,400,600,700,500');
    
    /*
    ================================================
    2. Common CSS
    ================================================
    */
    
    * {
        margin: 0;
        padding: 0;
    }
    
    body {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        line-height: 1.57143;
        font-weight: 400;
        color: #2d2e2e;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Raleway', sans-serif;
        margin-top: 0;
    }
    
    a {
        /* color: #ffffff; */
        transition: all 0.3s ease 0s;
    }
    
    a:hover {
        color: #0193de;
        text-decoration: none;
    }
    
    a,
    a:hover,
    a:active,
    a:focus {
        outline: none;
        text-decoration: none;
    }
    
    .btn,
    .btn * {
        transition: all 0.3s ease 0s;
    }
    
    .btn {
        /* border-width: 2px; */
        margin-bottom: 7px;
        margin-top: 7px;
        padding: 8px 22px;
        z-index: 1;
    }
    
    .btn:hover {
        color: #2d2e2e;
    }
    
    .light-bg {
        background: #f5f5f5;
    }
    
    i {
        transition: all 0.1s ease-in-out 0s;
    }
    
    .transition3s {
        transition: all 0.3s ease-in-out 0s;
    }
    
    ul,
    li {
        list-style: outside none none;
    }
    
    .space-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .m-bot-40 {
        margin-bottom: 40px;
    }
    
    .m-top-40 {
        margin-top: 40px;
    }
    .p-5{
        padding:5px;
    }
    
    .pad-bottom-0 {
        padding-bottom: 0 !important;
    }
    
    section {
        float: left;
        width: 100%;
        padding: 80px 0;
    }
    
    div.title {
        display: inline-block;
        margin: 0 0 40px;
        text-align: center;
        width: 100%;
        position: relative;
    }
    
    div.title h2 {
        color: #333;
        font-size: 40px;
        font-weight: 700;
        margin: 0;
    }
    
    div.title h2::after {
        background-color: #0193de;
        border: medium none;
        content: "";
        display: block;
        height: 2px;
        margin: 20px auto 0;
        width: 150px;
    }
    
    .title-border-color {
        /*background: #ffffff none repeat scroll 0 0;*/
        color: #0193de;
        display: inline-block;
        font-size: 16px;
        height: 30px;
        left: auto;
        margin-left: -20px;
        position: absolute;
        right: auto;
        text-align: center;
        top: 46px;
        width: 40px;
    }
    
    div.title img {
        left: 50%;
        margin-left: -34px;
        padding: 12px 0 0;
        position: absolute;
    }
    
    #scrollUp {
        background: #37b4fc;
        border-radius: 50%;
        bottom: 100px;
        color: #fff;
        display: block;
        font-size: 25px;
        height: 40px;
        line-height: 0;
        position: fixed;
        right: 20px;
        text-align: center;
        text-decoration: none !important;
        transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
        width: 40px;
        z-index: 1000;
        border-bottom: 3px solid #37b4fc;
    }
    
    #scrollUp:hover {
        background: #000;
        color: #fff;
    }
    
    #scrollUp i {
        display: block;
        padding-top: 5px;
    }
    
    
    /* Overlay styles */
    
    .overlay-style-one {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        overflow: hidden;
        transform: rotateX(150deg);
        transition: all 500ms ease;
        background-color: rgba(0, 0, 0, 0.70);
    }
    
    .overlay-style-one .box {
        display: table;
        height: 100%;
        width: 100%;
    }
    
    .overlay-style-one .box .content {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    
    .overlay-style-one .box .content a {}
    
    
    /* Button Effects */
    
    .btn {
        display: inline-block;
        /* vertical-align: middle; */
        /* -webkit-transform: perspective(1px) translateZ(0); */
        /* transform: perspective(1px) translateZ(0); */
        /* box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        border-radius: 6px;
        padding: 11px 40px 12px;
        /* font-size: 19px; */
        color: #fff;
        font-weight: 500;
    }
    
    .btn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #62bc44;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    
    .btn:hover,
    .btn:focus,
    .btn:active {
        color: white;
    }
    
    .btn:hover:before,
    .btn:focus:before,
    .btn:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    
    
    /*
    ================================================
    3. Loader CSS
    ================================================
    */
    
    #dvLoading {
        background: url(../images/loader.gif) no-repeat center center #fff;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999999;
    }
    
    
    /*
    ================================================
    4. Top Wrapper
    ================================================
    */
    
    header {
        width: 100%;
        z-index: 99;
    }
    
    .top-wrapper {
        background: #0193de;
        color: #fff;
    }
    
    .affix .top-wrapper {
        display: none;
    }
    
    .affix .header-inner {
        background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);
    }
    
    .affix.fadeInDown {
        animation-delay: 0s;
        animation-direction: normal;
        animation-duration: 0.5s;
        animation-fill-mode: forwards;
        animation-iteration-count: 1;
        animation-name: fadeInDown !important;
        animation-play-state: running;
        animation-timing-function: ease;
    }
    
    .fadeInDown {
        animation-name: none !important;
    }
    
    .swingOutX {
        animation-name: none !important;
    }
    
    .top-wrapper .guest {
        color: #fff;
        font-size: 15px;
        padding: 5px 0;
    }
    
    
    /*** Top header add ***/
    
    .top-header-add:before {
        background: #0193de;
        content: "";
        height: 101%;
        left: -22px;
        position: absolute;
        top: 0;
        transform: skewX(-30deg);
        width: 40px;
    }
    
    .top-header-add {
        background: #0193de;
        padding: 0px 0;
        width: 100%;
        display: inline-block;
        text-align: center;
        position: relative;
    }
    
    .top-header-add:after {
        background: #0193de;
        content: "";
        height: 101%;
        right: -22px;
        position: absolute;
        top: 0;
        transform: skewX(-30deg);
        width: 40px;
        z-index: 9;
    }
    
    .top-header-add div {
        display: inline-block;
    }
    
    .top-header-add div.phone {
        font-size: 15px;
        /* font-weight: 600; */
        color: #ffffff;
        margin-right: 50px;
        position: relative;
        margin-top: 5px;
    }
    
    .top-header-add div.book:before {
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-right: 28px solid #0193de;
        border-bottom: 16px solid transparent;
        content: "";
        position: absolute;
        left: -28px;
        top: 0;
    }
    
    .top-header-add div.book {
        font-size: 15px;
        font-weight: 600;
        color: #ffcb36;
        background: #0193de;
        padding: 5px 20px;
        z-index: 99;
        position: relative;
        text-transform: uppercase;
    }
    
    .top-header-add div.book a {
        color: #ffffff;
        font-weight: 500;
    }
    
    .top-header-add div.book:after {
        background: #62bc44;
        content: "";
        height: 100%;
        left: auto;
        position: absolute;
        right: -50%;
        top: 0;
        width: -30%;
        z-index: -1;
    }
    
    .top-header-add i {
        font-size: 18px;
        line-height: 20px;
        margin-right: 10px;
        text-align: center;
    }
    
    
    /*
    ================================================
    5. Header Inner
    ================================================
    */
    
    
    /*  Logo */
    
    header .logo {
        float: left;
        padding: 5px 0;
    }
    
    header .navbar {
        background: none;
        box-shadow: none;
        border: none;
        position: relative;
        padding: 0;
        margin: 0;
    }
    
    .navbar-nav {
        display: block;
        float: right;
    }
    
    header .nav li {
        float: left;
        position: relative;
        margin-right: 5px;
    }
    
    header .nav li:last-child {
        margin-right: 0px;
    }
    
    header .navbar-default .navbar-nav>li>a {
        color: #252525;
        font-size: 13px;
        text-transform: uppercase;
        padding: 38px 20px 25px;
        display: block;
        position: relative;
        text-shadow: none;
        text-align: center;
        font-weight:600;
    }
    
    header .nav li ul li a {
        text-align: left;
    }
    
    header .nav li:hover a,
    header .nav li.active a {
        color: #fff;
    }
    
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        background-color: inherit;
        color: #0193de;
    }
    
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #0193de;
    }
    
    header .nav li a i {
        margin-top: 3px;
        display: block;
        font-size: 6px;
        color: #0193de;
    }
    
    header .nav li .dropdown {
        background: #fff;
        width: 260px;
        position: absolute;
        left: 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin: 0;
    }
    
    header .nav li:hover a,
    header .nav li.active a,
    header .nav li .dropdown li:hover a,
    header .nav li .dropdown li .dropdown.submenu li:hover a {
        background: #0193de;
    }
    
    header .nav li:hover .dropdown {
        transform: scale(1.0);
        opacity: 1;
        visibility: visible;
    }
    
    /* header .nav li:hover .dropdown li .dropdown {
        margin-left: 260px;
        top: 0;
    } */
    
    
    
    header .nav li .dropdown li {
        float: none;
        margin: 0;
    }
    
    header .nav li .dropdown li a {
        padding: 10px 15px;
        color: #666;
        display: block;
        font-weight: 600;
        text-transform: capitalize;
        background: transparent;
    }
    
    header .nav li .dropdown li i {
        float: right;
    }
    
    header .nav li .dropdown li:hover a {
        color: #fff;
    }
    
    header .nav li .dropdown.submenu {
        left: 100%;
        top: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
    }
    
    header .nav li .dropdown li:hover .dropdown.submenu {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
    }
    
    header .nav li .dropdown li .dropdown.submenu li a {
        color: #777;
        background: transparent;
    }
    
    header .nav li .dropdown li .dropdown.submenu li:hover a {
        color: #fff;
    }
    
    .slicknav_menu {
        display: none;
    }
    
    
    /* Header Sticky */
    
    header.sticky .header-menu {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        background: #fff;
        transition: all 0.4s ease;
        animation: fadeInDown 1s both 0.2s;
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    }
    
    
    /*
    ================================================
    6. Slider Area
    ================================================
    */
    
    .banner-wrapper {
        width: 100%;
        float: left;
        position: relative;
        padding: 0;
    }
    
    
    /* Slides backgrounds */
    
    #first-slider .main-container {
        padding: 0;
    }
    
    #first-slider .carousel-indicators {
        bottom: 15px;
        display: none;
    }
    
    #first-slider .carousel-control.right,
    #first-slider .carousel-control.left {
        background-image: none;
    }
    
    #first-slider .carousel .item {
        /*min-height: 500px;*/
        /*height: 100%;*/
        width: 100%;
        max-height: 550px;
    }
    
    @media (min-width: 768px) {
        .banner-text-responsive{
            text-align:left;
        }
        /*.show-sm{*/
        /*    display:none;*/
        /*}*/
        /*.show-lg{*/
        /*    display:block;*/
        /*}*/
        .carousel-inner .item .container {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0;
        }
    }
    
    #first-slider h1 {
        animation-delay: 1s;
    }
    
    #first-slider p {
        animation-delay: 2s;
    }
    
    #first-slider .btn-hero {
        animation-delay: 3s;
    }
    
    #first-slider .carousel-control {
        width: 6%;
        text-shadow: none;
    }
    
    #first-slider h1 {
        color: #fff;
        font-size: 50px;
        font-weight: 700;
        line-height: 52px;
        margin: 0 0 10px;
        padding: 0;
    }
    
    #first-slider h1 span {
        display: block;
        color: #fff;
    }
    
    #first-slider p {
        color: #fff;
        font-size: 19px;
        font-weight: 300px;
    }
    
    #first-slider .p a {
        text-decoration: underline;
    }
    
    #first-slider .carousel .item img {
        max-width: 100%;
    }
    
    .carousel-fade .carousel-inner .item {
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }
    
    .carousel-fade .carousel-inner .item,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        opacity: 0;
    }
    
    .carousel-fade .carousel-inner .active,
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }
    
    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .carousel-fade .carousel-control {
        z-index: 2;
    }
    
    .carousel-control .fa-angle-right,
    .carousel-control .fa-angle-left {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        line-height: 36px;
    }
    
    .carousel-control .fa-angle-left {
        left: 20%;
        width: 38px;
        height: 38px;
        margin-top: -15px;
        font-size: 30px;
        color: #fff;
        border: 1px solid #fff;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 53px;
    }
    
    .carousel-control .fa-angle-right {
        right: 20%;
        width: 38px;
        height: 38px;
        margin-top: -15px;
        font-size: 30px;
        color: #fff;
        border: 1px solid #fff;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 53px;
    }
    
    .carousel-control {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .banner-wrapper .btn-hero:hover {
        color: #fff;
    }
    
    
    /******  Slides backgrounds   *****/
    
    #first-slider .slide1,
    .slide2,
    .slide3 {
        /*background-image: url(../images/banner-bg.jpg);*/
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    
    /*
    ================================================
    7. CTA Wrapper
    ================================================
    */
    
    .cta-wrapper {
        float: left;
        width: 100%;
        padding: 30px 0;
        background: #ffcb36;
    }
    
    
    /*** CTA Text ***/
    
    .cta-text {
        color: #0193de;
        font-size: 20px;
        font-weight: 600;
        line-height: 27px;
    }
    
    .cta-inner:after {
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0px;
        width: 2px;
        background: #c29000;
    }
    
    .cta-inner {
        border-radius: 4px;
        padding: 0px 20px;
        position: relative;
        transition: all 400ms linear 0s;
    }
    
    
    /*** CTA ***/
    
    .cta img {
        float: left;
        width: auto;
        margin: 6px 10px 0 0;
    }
    
    .cta h3 {
        color: #0193de;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        line-height: 38px;
    }
    
    .cta h3 span {
        font-size: 44px;
        font-weight: 600;
    }
    
    
    /*** CTA Button ***/
    
    .cta-inner.cta-btn:after {
        display: none;
    }
    
    .cta-btn {
        margin-top: 10px;
    }
    
    .cta-btn a {
        font-size: 19px;
        color: #fff;
        background: #0193de;
        padding: 15px 40px;
        display: inline-block;
        border-radius: 30px;
    }
    
    .cta-btn a:hover,
    .cta-btn a:focus {
        background: #fff;
        color: #0193de;
    }
    
    .cta-btn a:hover i {
        color: #0193de;
    }
    
    .cta-btn a i {
        color: #ffcb36;
        margin: 0 0 0 8px;
        font-size: 20px;
    }
    
    
    /*
    ================================================
    8. Our Services
    ================================================
    */
    
    .our-services-wrapper {
        padding: 73px 0 0;
        background: #ededed;
    }
    
    .our-services-wrapper .title-border-color {
        background: #ededed;
    }
    
    .our-services-wrapper .title {
        margin: 0 0 80px;
    }
    
    
    /*** Single Service ***/
    
    .single-services {
        margin: 0 0 80px;
    }
    
    .services-inner {
        background: #ffffff none repeat scroll 0 0;
        border: 2px solid rgba(0, 0, 0, 0);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        margin-left: 35px;
        transition: all 0.3s ease 0s;
        border-radius: 4px;
        position: relative;
        z-index: 1;
    }
    
    .services-inner:hover {
        background: #ffcb36;
    }
    
    .services-inner:hover h3,
    .services-inner:hover p {
        color: #000;
    }
    
    .services-inner:hover .our-services-icon span:after {
        border-top: 40px solid #fff;
    }
    
    .services-inner:hover a {
        background: #1c1c1c;
        color: #fff;
    }
    
    .our-services-icon {
        float: left;
        margin-left: -35px;
        margin-right: 25px;
        margin-top: -35px;
    }
    
    .our-services-icon span {
        width: 70px;
        height: 70px;
        background: #0193de;
        border-radius: 50%;
        line-height: 67px;
        text-align: center;
        display: inline-block;
        position: relative;
    }
    
    .our-services-icon span:after {
        border-left: 20px solid rgba(0, 0, 0, 0);
        border-right: 20px solid rgba(0, 0, 0, 0);
        border-top: 40px solid #dfdfdf;
        content: "";
        height: 0;
        left: 46px;
        position: absolute;
        top: 53px;
        transform: rotate(-40deg);
        width: 0;
        z-index: -1;
    }
    
    .our-services-icon span img {
        width: auto;
    }
    
    .our-services-text {
        overflow: hidden;
        padding: 20px 10px 25px 0;
    }
    
    .our-services-text h3 {
        color: #0193de;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
        margin-bottom: 8px;
        position: relative;
        line-height: 22px;
    }
    
    .our-services-text p {
        font-size: 15px;
    }
    
    .our-services-wrapper a {
        border: 2px solid #1c1c1c;
        color: #000;
        padding: 8px 30px;
        display: inline-block;
        text-transform: uppercase;
        margin: 10px 0;
    }
    
    .our-services-wrapper a:hover {
        background: #1c1c1c;
        color: #fff;
    }
    
    
    /** Service Details **/
    
    .inner-page-wrapper.service-details-wrapper {
        padding: 80px 0 130px;
    }
    
    .service-details-tabs .nav-tabs {
        margin-top: 0;
    }
    
    .service-details-tabs .nav-tabs li {
        width: 19%;
        background: none;
    }
    
    .service-details-tabs .nav-tabs li a {
        background: #0193de;
        border-radius: 20px;
        color: #fff;
        width: 95%;
        border: none;
    }
    
    .service-details-tabs .tab-content {
        border: none;
    }
    
    .service-details-tabs .nav-tabs>li.active>a,
    .service-details-tabs .nav-tabs>li.active>a:focus,
    .service-details-tabs .nav-tabs>li.active>a:hover {
        background: #ffcb36;
        color: #0193de;
        border: none;
    }
    
    .tabs-content-right {
        float: left;
        width: 100%;
    }
    
    .tabs-content-right h3 {
        color: #0193de;
        font-weight: 700;
        font-size: 20px;
        margin: 10px 0 5px;
    }
    
    .tabs-content-right p {
        color: #666;
        margin: 0 0 20px;
    }
    
    .tabs-content-right ul {
        margin: 0;
    }
    
    .tabs-content-right ul li {
        margin: 0 5px 0 0;
        padding: 0 0 8px 20px;
        background: url(../images/bulb-icon.png) no-repeat left 5px;
        display: block;
        color: #666;
    }
    
    
    /*
    ================================================
    9. About Wrapper
    ================================================
    */
    
    .about-wrapper {
        padding: 73px 0 86px;
    }
    
    .about-wrapper .title span:before {
        display: none;
    }
    
    .display-table {
        display: table;
        height: 100%;
        width: 100%;
    }
    
    .display-table-cell {
        display: table-cell;
        vertical-align: middle;
    }
    
    .width-50 {
        width: 50%;
    }
    
    .service-image {
        position: relative;
    }
    
    .about-wrapper img {
        height: auto;
        width: 100%;
    }
    
    .width-45 {
        width: 45%;
    }
    
    .about-text-area {
        position: relative;
        z-index: 1;
    }
    
    .about-text-area h3:before {
        background: #62bc44;
        bottom: 0;
        content: "";
        height: 1px;
        position: absolute;
        width: 100px;
    }
    
    .about-text-area h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        color: #333;
        font-weight: 600;
        margin-bottom: 12px;
        padding-bottom: 15px;
        position: relative;
    }
    
    .about-text-area a {
        border: 2px solid #61bb43;
        background: #61bb43;
        color: #fff;
        display: inline-block;
        margin: 10px 0;
        padding: 8px 30px;
        text-transform: uppercase;
    }
    
    .about-text-area a:hover {
        background: none;
        color: #0193de;
        border: 2px solid #61bb43;
    }
    
    .border_style {
        position: absolute;
    }
    
    .about-wrapper .border_style span::after {
        height: 20px;
        left: 0;
        width: 6px;
    }
    
    .about-wrapper span:before,
    .border_style span:after {
        background-color: #0193de;
        content: "";
        display: block;
        height: 6px;
        position: absolute;
        width: 20px;
    }
    
    .border_style span:before {
        top: -6px;
    }
    
    .border_style span {
        display: block;
        position: relative;
    }
    
    .border_style.top.left {
        left: -6px;
    }
    
    .border_style.top {
        top: 0;
    }
    
    .border_style.top.right span::before {
        left: -20px;
    }
    
    .border_style.top.right:before {
        right: 0;
    }
    
    .border_style.top.right {
        right: 0;
    }
    
    .border_style.bottom.left {
        left: -6px;
    }
    
    .border_style.bottom.left span::after {
        bottom: 0;
    }
    
    .border_style.bottom.right:before {
        right: 0;
    }
    
    .border_style.bottom.right {
        right: 0;
    }
    
    .border_style.bottom {
        bottom: -6px;
    }
    
    .border_style.bottom.right span::after {
        bottom: 0;
    }
    
    .border_style.bottom.right span::before {
        right: 0;
    }
    
    
    /*** About us Inner Page ***/
    
    .inner-page-wrapper.about-wrapper {
        padding: 80px 0 140px;
    }
    
    .about-carousel {
        float: left;
        width: 100%;
    }
    
    .inner-page-wrapper.about-wrapper .owl-dots {
        display: none;
    }
    
    .inner-page-wrapper.about-wrapper .item img {
        display: block;
        width: 100%;
        height: auto;
    }
    
    .inner-page-wrapper.about-wrapper .owl-theme .owl-controls {
        margin-top: 0;
    }
    
    .inner-page-wrapper.about-wrapper .owl-nav div {
        width: 20px;
        height: 21px;
        border-radius: 0;
        opacity: 1;
        font-size: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 10px;
    }
    
    .inner-page-wrapper.about-wrapper .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        opacity: 0.5;
    }
    
    .inner-page-wrapper.about-wrapper .owl-nav .owl-prev {
        background: url(../images/logos-left-arrow.jpg) no-repeat left top;
        right: 40px;
    }
    
    .inner-page-wrapper.about-wrapper .owl-nav i {
        font-size: 0;
    }
    
    .inner-page-wrapper.about-wrapper .owl-nav .owl-next {
        background: url(../images/logos-right-arrow.jpg) no-repeat left top;
        right: 10px
    }
    
    .about-caption {
        float: left;
        width: 100%;
        margin: 20px 0;
    }
    
    .about-caption h3 {
        font-weight: 700;
        margin: 0 0 5px;
        color: #0193de;
    }
    
    .about-caption p {
        color: #666;
    }
    
    
    /** Tabs **/
    
    ul.nav.nav-tabs {
        border: none;
    }
    
    .nav-tabs li a {
        color: #666666;
    }
    
    .nav-tabs li {
        width: 72px;
        text-align: center;
        background: #f1f1f1;
        font-size: 16px;
        margin: 0 5px 0 0;
    }
    
    .nav-tabs {
        margin-top: 20px;
    }
    
    .tab-content {
        padding: 15px;
        /*border: 1px solid #ddd;*/
    }
    
    .tab-content h4 {
        margin-bottom: 6px;
        color: #333333;
    }
    
    .nav-tabs li a {
        background: #f1f1f1;
        display: inline-block;
        width: 100%;
        padding: 8px 4px;
    }
    
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        background: #ffe77d;
        color: #fff;
    }
    
    
    /* Faq */
    
    .faq-area h3 {
        font-weight: 700;
        font-size: 20px;
    }
    
    .about-faq-wrapper .panel-group .panel {
        border-radius: 0;
        border: none;
        margin-top: 16px;
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading {
        display: block;
        padding: 0;
        border-radius: 0;
        font-weight: 700;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        color: #222;
        text-transform: capitalize;
        position: relative;
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a:hover,
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a:focus {
        background-color: #0193de;
        color: #fff;
        border: none;
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading a:hover {
        background-color: #0193de;
        border: none;
        color: #fff;
        border-radius: 0px;
    }
    
    .about-faq-wrapper .panel-heading:hover:before {
        color: #fff;
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading.active a {
        background-color: #0193de;
        border: none;
        color: #fff;
        border-radius: 0px;
    }
    
    div.about-faq-wrapper .panel-faq .panel-body {
        padding: 20px 20px 10px;
        background-color: #fff;
        box-shadow: 6px 6px 7px rgba(39, 49, 67, .13);
        border-radius: 0;
        border: none !important;
    }
    
    .about-faq-wrapper .panel-title a:hover,
    .about-faq-wrapper .panel-title a:focus {
        color: #fff;
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading.active::before {
        color: #fff;
        content: "-";
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading.active h4 {
        color: #fff;
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 25px;
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading h4 a {
        display: block;
        padding: 10px 20px 12px;
        color: #666;
    }
    
    .about-faq-wrapper .panel-faq .panel-default>.panel-heading::before {
        content: "+";
        font-size: 24px;
        padding: 0 0 0 20px;
        position: absolute;
        right: 15px;
        top: 5px;
    }
    
    .about-faq-wrapper .panel-faq p {
        margin: 0 0 12px;
    }
    
    .about-faq-wrapper .widget .btn {
        background-color: #f47629;
    }
    
    .about-faq-wrapper .widget .btn:hover {
        background-color: #f47629;
        border-color: #f47629;
        color: #fff;
    }
    
    .about-faq-wrapper .panel-group {
        margin: 0;
    }
    
    
    /** About Us Counters **/
    
    .faq-area .counters:before {
        background: none;
    }
    
    .faq-area .counters {
        background: none;
        padding: 0;
    }
    
    .faq-area .counter-box .number {
        margin: 12px 0 0;
        font-weight: 800;
        font-size: 25px;
    }
    
    .faq-area .counter-box p {
        color: #666;
    }
    
    .faq-area .counter-box {
        text-align: center;
        margin: 35px 0 0;
    }
    
    .faq-area .counter-box i {
        border: 1px solid #ffcb36;
        color: #f2c21a;
        display: inline-block;
        font-size: 22px;
        height: 60px;
        line-height: 60px;
        transition: all 1.4s ease 0s;
        width: 60px;
    }
    
    .faq-area .counter-box:hover i {
        background: #ffcb36;
        color: #fff;
    }
    
    
    /*
    ================================================
    10. Join Wrapper
    ================================================
    */
    
    .join-wrapper:before {
        background: #000000;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0.5;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }
    
    .join-wrapper {
        background: rgba(0, 0, 0, 0) url("../images/join-bg.jpg");
        float: left;
        padding: 71px 0 80px;
        position: relative;
        width: 100%;
        z-index: 9;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .join-wrapper h3 {
        font-size: 45px;
        color: #fff;
        font-weight: 500;
    }
    
    .join-wrapper h3 span {
        display: block;
        font-size: 55px;
        color: #fff;
        font-weight: 800;
    }
    
    .join-wrapper a {
        display: inline-block;
        padding: 6px 30px;
        color: #fff;
        font-size: 18px;
        border: 2px solid #0193de;
        border-radius: 6px;
        margin: 10px 0 0;
        background: #0193de;
    }
    
    
    /*
    ================================================
    11. Our Team Wrapper
    ================================================
    */
    
    .our-team-wrapper {
        padding:73px 0 0;
        padding-top:0px !important;
    }
    
    .inner-page-wrapper.our-team-wrapper {
        padding: 40px 0 160px;
    }
    
    .our-team-wrapper .title {
        margin: 0;
    }
    
    
    /*** Team Item ***/
    
    .team-item {
        margin: 40px 0 0;
    }
    
    .team-item-image {
        position: relative;
        overflow: hidden;
        border-radius: 40px 0 0;
    }
    
    .team-item-image img {
        width: 100%;
    }
    
    .team-item-image:after {
        content: " ";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: transparent;
        z-index: 1;
        -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }
    
    .team-item-detail {
        opacity: 0;
        width: 100%;
        position: absolute;
        top: 60%;
        left: 0;
        padding: 20px 23px 55px;
        font-size: 14px;
        font-weight: 300;
        color: #777;
        text-align: center;
        z-index: 2;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }
    
    .team-item-descr {
        color: #0193de;
        text-align: center;
        background: #ededed;
        padding: 20px;
        border-radius: 0 0 40px 0;
        -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }
    
    .team-item-detail h4 {
        margin: 0 0 10px;
        line-height: normal;
    }
    
    .team-item-name {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }
    
    .team-item-role {
        margin-top: 4px;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.4em;
        color: #aaa;
    }
    
    .team-social-links {
        font-size: 14px;
        cursor: pointer;
    }
    
    .team-social-links a {
        display: inline-block;
        padding: 0 7px;
        color: #0193de;
        background: #ffcb36;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
    }
    
    
    /* Hover state */
    
    .team-item:hover .team-item-image:after {
        background: rgba(0, 0, 0, .8);
    }
    
    .team-item:hover .team-item-detail {
        opacity: 1;
    }
    
    .team-item:hover .team-item-descr {
        color: #0193de;
        background: #ffcb36;
    }
    
    .team-item-role {
        color: #0193de;
    }
    
    
    /* Mobile touch */
    
    .team-item.js-active .team-item-image:after {
        background: rgba(0, 0, 0, .8);
    }
    
    .team-item.js-active .team-item-detail {
        opacity: 1;
    }
    
    .team-item.js-active .team-item-descr {
        color: #111;
    }
    
    .team-item.js-active .team-social-links a:hover {
        color: rgba(0, 0, 0, .75);
    }
    
    
    /*
    ================================================
    12. Latest Projects Wrapper
    ================================================
    */
    
    .latest-projects-wrapper {
        padding: 73px 0 0;
        background: #ededed;
    }
    
    .latest-projects-wrapper .title-border-color {
        background: #ededed none repeat scroll 0 0;
    }
    
    
    /*** project-box ***/
    
    .project-box.border:before {
        background: #ffcb36;
        bottom: 0;
        content: "";
        height: 1px;
        position: absolute;
        width: 100px;
    }
    
    .project-box.border {
        margin-bottom: 50px;
        padding-bottom: 40px;
        position: relative;
    }
    
    .project-box img {
        margin: 0 0 15px;
    }
    
    .project-box h3 {
        font-size: 18px;
        margin: 0 0 10px;
        padding: 0;
        color: #0193de;
        font-weight: 700;
    }
    
    .project-box-img img {
        width: 100%;
    }
    
    
    /*
    ================================================
    13. Testimonials Wrapper
    ================================================
    */
    
    .testimonials-wrapper {
        padding: 73px 0;
    }
    
    .inner-page-wrapper.testimonials-wrapper {
        padding: 74px 0 153px;
    }
    
    
    /*** Single Testimonials ***/
    
    .testimonials-main {
        width: 100%;
        text-align: center;
    }
    
    .testimonials-inner::before {
        content: "\f10d";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 60px;
        left: 0;
        position: absolute;
        right: auto;
        text-align: left;
        top: 16%;
        color: #d7d7d7;
    }
    
    .testimonials-inner {
        border-radius: 10px;
        margin: 0 0 30px;
        padding: 0 100px;
        position: relative;
        width: 100%;
    }
    
    .testimonials-inner::after {
        content: "\f10e";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 60px;
        right: 0;
        position: absolute;
        left: auto;
        color: #d7d7d7;
        text-align: left;
        top: 16%;
    }
    
    .testimonials-main i {
        color: #d7d7d7;
        font-size: 40px;
        margin: 0 0 10px;
    }
    
    .testimonials-text .client-name {
        font-size: 20px;
        color: #d7d7d7;
        font-weight: 700;
        margin: 25px 0 0;
        line-height: 22px;
    }
    
    .testimonials-text p {
        font-size: 18px;
        color: #323232;
        font-weight: 600;
        margin: 0 0 12px;
    }
    
    .testimonials-wrapper .owl-dots {
        margin: 20px 0 0;
        text-align: center;
    }
    
    .testimonials-wrapper .owl-dots .owl-dot {
        display: inline-block;
    }
    
    .testimonials-wrapper .owl-dot span {
        border: 1px solid #e6e6e6;
        border-radius: 0px;
        cursor: pointer;
        display: inline-block;
        height: 6px;
        margin: 1px;
        width: 80px;
        background: #e6e6e6;
    }
    
    .testimonials-wrapper .owl-dot.active span {
        background: #0193de;
        border: 1px solid #0193de;
    }
    
    .testimonial-img img {
        background: #ffffff none repeat scroll 0 0;
        border-radius: 50%;
        border: 4px solid #0193de;
        padding: 0;
    }
    
    .testimonial-img::before {
        border-bottom: 30px solid #0193de;
        border-left: 25px solid rgba(0, 0, 0, 0);
        border-right: 25px solid rgba(0, 0, 0, 0);
        content: "";
        height: 0;
        left: 50%;
        margin-left: -25px;
        position: absolute;
        top: -3px;
        width: 0;
        z-index: -1;
    }
    
    .testimonial-img {
        padding: 20px 0 0;
        position: relative;
        z-index: 1;
    }
    
    .testimonials-wrapper .owl-carousel .owl-item img {
        display: inline-block;
        width: auto;
    }
    
    .testimonials-wrapper .owl-nav>div {
        position: absolute;
        top: 45%;
    }
    
    .testimonials-wrapper .owl-nav>div.owl-prev {
        left: -20%;
    }
    
    .testimonials-wrapper .owl-nav>div.owl-next {
        right: -20%;
    }
    
    .testimonials-wrapper .fa-angle-left {
        border: 1px solid #d0d1d4;
        border-radius: 53px;
        color: #d0d1d4;
        font-size: 30px;
        height: 40px;
        left: 0%;
        margin-top: -15px;
        width: 40px;
        text-align: center;
        line-height: 40px;
    }
    
    .testimonials-wrapper .fa-angle-right {
        border: 1px solid #d0d1d4;
        border-radius: 53px;
        color: #d0d1d4;
        font-size: 30px;
        height: 40px;
        right: 0%;
        margin-top: -15px;
        width: 40px;
        text-align: center;
        line-height: 40px;
    }
    
    
    /*
    ================================================
    14. Counters
    ================================================
    */
    
    .counters:before {
        /* background: #ffe77d; */
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0.95;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }
    
    .counters {
        background-image: url("../images/counter-bg.jpg");
        background-position: center center;
        background-size: cover;
        margin: 0;
        background-attachment: fixed;
        padding: 50px 0;
        position: relative;
        width: 100%;
        float: left;
        z-index: 9;
        margin-bottom: 70px;
    }
    
    .counters .counter {
        padding: 25px 0;
        position: relative;
        text-align: center;
        transition: all 400ms linear 0s;
    }
    
    .counters .counter .number:before {
        background: #0193de;
        bottom: 0;
        content: "";
        height: 4px;
        position: absolute;
        width: 60px;
    }
    
    .counters .counter .number {
        font-size: 35px;
        margin: 0;
        padding: 0;
        color: #fff;
        font-weight: 700;
        line-height: 40px;
        margin-bottom: 12px;
        padding-bottom: 10px;
        position: relative;
    }
    
    .counters .counter h3 {
        font-size: 14px;
        margin: 0;
        padding: 0;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .counters .counter .number:after {
        content: '+';
        font-size: 38px;
        color: #fff;
        font-weight: 800;
        margin-left: 6px;
    }
    
    .counters .counter .counter-icon-box {
        color: #b9b3b3;
        font-size: 40px;
        margin: 8px 15px 0 0;
        transition: all 400ms linear 0s;
        line-height: 35px;
        display: inline-block;
        padding: 0;
        /* filter: hue-rotate(250deg); */
    }
    
    .counters .counter .counter-right {
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }
    
    
    /*
    ================================================
    15. News Wrapper
    ================================================
    */
    
    .news-wrapper {
        padding: 73px 0;
    }
    
    .inner-page-wrapper.news-wrapper {
        padding: 40px 0 158px;
    }
    
    .news-wrapper .title {
        margin: 0;
    }
    
    
    /*** Single News Section ***/
    
    .news-wrapper .news-section-single {
        position: relative;
        margin: 30px 0 0;
        display: inline-block;
    }
    
    .news-wrapper .news-section-single img {
        width: 100%;
        height: auto;
    }
    
    .news-wrapper .news-section-single .news-img-main {
        width: 100%;
        position: relative;
        display: inline-block;
    }
    
    .news-wrapper .news-section-single .news-img {
        overflow: hidden;
        margin: 0 0 0px;
    }
    
    .news-wrapper .news-section-single .news-img img {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        width: 100%;
    }
    
    .news-wrapper .news-section-single:hover .news-img img {
        -ms-transform: scale(1.02);
        /* IE 9 */
        -webkit-transform: scale(1.02);
        /* Safari */
        transform: scale(1.02);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        opacity: 0.8;
    }
    
    .news-wrapper .news-list:after {
        /* width: 0; */
        /* height: 0; */
        /* border-top: 21px solid transparent; */
        /* border-left: 42px solid #0193de; */
        /* border-bottom: 21px solid transparent; */
        content: "";
        right: -42px;
        position: absolute;
        top: 0;
    }
    
    .news-wrapper .news-list {
        /* float:left; */
        background: #0193de;
        padding: 10px 7px 5px;
        text-align: center;
    }
    
    .news-wrapper .news-section-single ul {
        width: 100%;
        /* float: left; */
        margin: 0 0 5px 0;
        text-align: center;
    }
    
    .news-wrapper .news-section-single ul li:first-child {
        padding-left: 0;
    }
    
    .news-wrapper .news-section-single ul li {
        list-style: none;
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        display: inline-block;
        padding-left: 25px;
    }
    
    .news-wrapper .news-section-single ul li i {
        color: #ffcb36;
        margin: 0 4px 0 0;
    }
    
    .news-wrapper .news-head {
        float: left;
    }
    
    .news-wrapper .news-section-single h3 {
        display: block;
        color: #0193de;
        font-weight: 700;
        font-size: 18px;
        margin: 0;
        line-height: 25px;
    }
    
    .news-wrapper .news-section-single .read-more {
        padding: 6px 30px;
        font-size: 15px;
        color: #242c42;
        font-weight: 600;
        border-radius: 0;
        display: inline-block;
        background: none;
        border: solid 3px #242c42;
    }
    
    .news-wrapper .news-section-single .read-more:hover {
        background: #242c42;
        color: #fff;
    }
    
    
    /** Blog Details **/
    
    .inner-page-wrapper.blog-single-area {
        padding: 80px 0 140px;
    }
    
    .blog-single-area .blog-post {
        position: relative;
        display: block;
    }
    
    .blog-single-area .blog-post:before {
        position: absolute;
        top: -90px;
        bottom: -90px;
        right: -30px;
        width: 1px;
        content: "";
        z-index: -1;
        border-left: 1px solid #f2f2f2;
    }
    
    .blog-single-area .single-blog-post {
        margin-bottom: 60px;
    }
    
    .blog-single-area .single-blog-post .img-holder img {
        transform: none;
    }
    
    .blog-single-area .single-blog-post .text-holder {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #f2f2f2;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 22px;
    }
    
    .single-blog-post .img-holder img {
        transform: scale(1.1, 1.1);
        transition: all 0.5s ease-in-out 0.6s;
        width: 100%;
    }
    
    .blog-single-area .single-blog-post .text-holder .meta-box {
        margin-bottom: 0px;
    }
    
    .blog-single-area .single-blog-post .text-holder .blog-title {
        font-size: 24px;
        font-weight: 600;
    }
    
    .single-blog-post .text-holder .blog-title a {
        color: #222222;
        transition: all 500ms ease;
    }
    
    .single-blog-post .text-holder .blog-title a:hover {
        color: #0193de;
    }
    
    .single-blog-post .text-holder .meta-box {
        display: block;
        overflow: hidden;
        margin-top: 16px;
    }
    
    .single-blog-post .text-holder .meta-box span {
        font-size: 14px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        color: #0193de;
    }
    
    .single-blog-post .text-holder .meta-box .meta-info li {
        border-right: 1px solid #b5b5b5;
        margin-right: 10px;
        padding-right: 10px;
    }
    
    .single-blog-post .text-holder .meta-box .meta-info li:last-child {
        border-right: 0 solid;
        margin-right: 0;
        padding-right: 0;
    }
    
    .single-blog-post .text-holder .meta-box .meta-info {
        overflow: hidden;
        padding-top: 7px;
        padding-bottom: 27px;
        border-bottom: 1px solid #f2f2f2;
    }
    
    .single-blog-post .text-holder .meta-box .meta-info li {
        display: inline-block;
        float: left;
        line-height: 16px;
    }
    
    .single-blog-post .text-holder .meta-box .meta-info li:last-child {}
    
    .single-blog-post .text-holder .meta-box .meta-info li a {
        color: #848484;
        font-size: 16px;
        font-weight: 400;
        text-transform: capitalize;
        font-family: 'Roboto', sans-serif;
        transition: all 500ms ease;
        line-height: 16px;
    }
    
    .single-blog-post .text-holder .meta-box .meta-info li a:hover {
        color: #1d1d1d;
    }
    
    .blog-single-area .single-blog-post .text-holder .blog-title:hover {
        color: #222222;
    }
    
    .blog-single-area .single-blog-post .text-holder p.mar-bottom {
        margin-bottom: 15px;
    }
    
    .blog-single-area p {
        font-size: 15px;
        color: #888;
    }
    
    .blog-single-area .author-slogan {
        position: relative;
        display: block;
        overflow: hidden;
        background: #f7f7f7;
        text-align: center;
        padding: 33px 40px 33px;
        margin-top: 32px;
        z-index: 1;
    }
    
    .blog-single-area .author-slogan:before {
        position: absolute;
        font-family: FontAwesome;
        top: 17px;
        left: 0;
        right: 0;
        color: #ffffff;
        font-size: 110px;
        line-height: 110px;
        content: "\f10e";
        z-index: -1;
    }
    
    .blog-single-area .author-slogan p {
        color: #848484;
        font-size: 18px;
        line-height: 30px;
        margin: 0 0 24px;
    }
    
    .blog-single-area .author-slogan .border-box {
        width: 300px;
        height: 1px;
        background: #e6e6e6;
        display: block;
        margin: 0 auto;
    }
    
    .blog-single-area .author-slogan .author-info {
        display: block;
        padding-top: 30px;
    }
    
    .blog-single-area .author-slogan .author-info h3 {
        font-size: 18px;
        font-weight: 600;
        color: #222222;
        margin: 0 0 1px;
    }
    
    .blog-single-area .bottom-content-box {
        overflow: hidden;
        display: block;
        margin-top: 40px;
    }
    
    .blog-single-area .bottom-content-box .img-box {}
    
    .blog-single-area .bottom-content-box .img-box img {
        width: 100%;
    }
    
    .blog-single-area .bottom-content-box .text-box {
        display: block;
        margin-top: -5px;
    }
    
    .blog-single-area .bottom-content-box .text-box p {
        margin: 0;
    }
    
    .blog-single-area .bottom-content-box .text-box p.mar-btm {
        margin-bottom: 12px;
    }
    
    .blog-single-area .tag-box {
        overflow: hidden;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #f2f2f2;
        margin-top: 36px;
    }
    
    .blog-single-area .tag-box .left {}
    
    .blog-single-area .tag-box .left ul {
        overflow: hidden;
    }
    
    .blog-single-area .tag-box .left ul li {
        display: inline-block;
        float: left;
        margin-right: 10px;
        line-height: 35px;
    }
    
    .blog-single-area .tag-box .left ul li:last-child {
        margin: 0px;
    }
    
    .blog-single-area .tag-box .left ul li a {
        color: #909090;
    }
    
    .blog-single-area .tag-box .left ul li a i {
        background: #f4f4f4;
        height: 35px;
        width: 35px;
        display: block;
        text-align: center;
        border-radius: 50%;
        line-height: 36px;
        transition: all 500ms ease;
    }
    
    .blog-single-area .tag-box .left ul li a:hover i {
        background: #1d1d1d;
        color: #ffffff;
    }
    
    .blog-single-area .tag-box .tag p {
        color: #0193de;
        margin: 5px 0;
        font-size: 15px;
        font-weight: 400;
    }
    
    .blog-single-area .tag-box .tag p span {
        color: #222222;
        font-size: 16px;
        font-weight: 600;
        text-transform: capitalize;
    }
    
    .blog-single-area .title {
        margin: -5px 0 0;
        padding-bottom: 5px;
        text-align: left;
    }
    
    .blog-single-area .title h3 {
        color: #222222;
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        text-transform: uppercase;
    }
    
    .blog-single-area .author-box {
        background: #ffffff none repeat scroll 0 0;
        display: block;
        padding: 0px;
        position: relative;
    }
    
    .blog-single-area .author-box .inner-content {
        display: block;
        overflow: hidden;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        padding-top: 30px;
        padding-bottom: 23px;
    }
    
    .blog-single-area .author-box .img-holder {
        width: 85px;
    }
    
    .blog-single-area .author-box .img-holder,
    .blog-single-area .author-box .text-holder {
        display: table-cell;
        vertical-align: top;
    }
    
    .blog-single-area .author-box .text-holder {
        padding-left: 30px;
    }
    
    .blog-single-area .author-box .text-holder h3 {
        color: #222222;
        font-size: 20px;
        font-weight: 600;
        margin: -2px 0 14px;
        text-transform: capitalize;
    }
    
    .blog-single-area .author-box .text-holder p {
        margin: 0 0 11px;
    }
    
    .blog-single-area .author-box .text-holder .social-link {
        margin-left: -6px;
        margin-right: -6px;
        overflow: hidden;
    }
    
    .blog-single-area .author-box .text-holder .social-link li {
        display: inline-block;
        margin: 0 6px;
    }
    
    .blog-single-area .author-box .text-holder .social-link li a i {
        color: #999999;
        font-size: 14px;
        transition: all 500ms ease;
    }
    
    .blog-single-area .author-box .text-holder .social-link li a:hover i {
        color: #222222;
    }
    
    .blog-single-area .inner-comment-box {
        overflow: hidden;
        padding-bottom: 30px;
        padding-top: 58px;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box {
        padding-left: 60px;
        position: relative;
        margin-bottom: 30px;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box .img-holder {
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box .text-holder {
        border: 1px solid #f2f2f2;
        margin-left: 20px;
        padding: 15px 20px 5px;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box .text-holder .top {
        overflow: hidden;
        padding-bottom: 8px;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box .text-holder .top .date h5 {
        color: #222222;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box {
        position: relative;
        top: -3px;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul {
        margin-left: -1px;
        margin-right: -1px;
        overflow: hidden;
        margin: 0;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li {
        display: inline-block;
        margin: 0 1px;
    }
    
    .blog-single-area .inner-comment-box .single-comment-box .text-holder .top .review-box ul li i {
        color: #ffcb36;
        font-size: 14px;
    }
    
    .add-comment-box {
        overflow: hidden;
    }
    
    .add-comment-box .add-rating-box {
        padding-bottom: 17px;
    }
    
    .add-comment-box .add-rating-box h4 {
        color: #848484;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 6px;
    }
    
    .add-comment-box .add-rating-box ul {}
    
    .add-comment-box .add-rating-box ul li {
        border-right: 1px solid #ebebeb;
        display: inline-block;
        line-height: 20px;
        margin-right: 6px;
        padding-right: 10px;
    }
    
    .add-comment-box .add-rating-box ul li:last-child {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }
    
    .add-comment-box .add-rating-box ul li a i {
        color: #d6d6d6;
        font-size: 12px;
    }
    
    .add-comment-box .add-rating-box ul li a:hover i {
        color: #ffcb36;
        transition: all 500ms ease;
    }
    
    .add-comment-box #add-comment-form .field-label {
        color: #848484;
        display: block;
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 2px;
    }
    
    .add-comment-box #add-comment-form input[type="text"],
    .add-comment-box #add-comment-form input[type="email"],
    .add-comment-box #add-comment-form textarea {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ececec;
        display: block;
        font-size: 14px;
        font-weight: 400;
        height: 50px;
        padding: 0 15px;
        width: 100%;
        margin-bottom: 14px;
        transition: all 500ms ease;
    }
    
    .add-comment-box #add-comment-form textarea {
        height: 100px;
        padding: 10px 15px;
        margin-bottom: 30px;
    }
    
    .add-comment-box #add-comment-form input[type="text"]:focus {
        border-color: #0193de;
    }
    
    .add-comment-box #add-comment-form input[type="email"]:focus {
        border-color: #0193de;
    }
    
    .add-comment-box #add-comment-form textarea:focus {
        border-color: #0193de;
    }
    
    #add-comment-form .btn-one {
        background: #0193de none repeat scroll 0 0;
        border: 2px solid #0193de;
        color: #ffffff;
        display: inline-block;
        margin: 0 0 20px;
        padding: 8px 30px;
        text-transform: uppercase;
        font-size: 16px;
        transition: all 0.3s ease 0s;
    }
    
    #add-comment-form .btn-one:hover,
    #add-comment-form .btn-one:focus {
        background: none;
        border: 2px solid #0193de;
        color: #0193de;
    }
    
    
    /** Blog Details Sidebar **/
    
    .blog-single-area .sidebar-wrapper {
        position: relative;
        padding-left: 30px;
    }
    
    .sidebar-wrapper .single-sidebar form.search-form {
        position: relative;
    }
    
    .sidebar-wrapper .single-sidebar .search-form input[type="text"] {
        background: #fff;
        border: 1px solid #f2f2f2;
        color: #848484;
        display: block;
        font-size: 14px;
        font-weight: 400;
        height: 50px;
        letter-spacing: 1px;
        padding-left: 15px;
        padding-right: 55px;
        position: relative;
        -webkit-transition: all 500ms ease 0s;
        transition: all 500ms ease 0s;
        width: 100%;
    }
    
    .sidebar-wrapper .single-sidebar .search-form button {
        background: #1d1d1d none repeat scroll 0 0;
        color: #ffffff;
        display: block;
        height: 50px;
        padding: 12px 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        -webkit-transition: all 500ms ease 0s;
        transition: all 500ms ease 0s;
        width: 50px;
        border: none;
    }
    
    .sidebar-wrapper .single-sidebar .search-form button i {
        font-size: 14px
    }
    
    .sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
        border: 1px solid #000000;
        background: #fff;
        color: #000;
    }
    
    .sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus+button,
    .sidebar-wrapper .single-sidebar .search-form button:hover {
        background: #000000 none repeat scroll 0 0;
        color: #fff;
    }
    
    .sidebar-wrapper .single-sidebar {
        overflow: hidden;
        margin-bottom: 50px;
        position: relative;
    }
    
    .sidebar-wrapper .single-sidebar.mar-btm0 {
        margin-bottom: 0;
    }
    
    .sidebar-wrapper .single-sidebar .sec-title {
        overflow: hidden;
        padding-bottom: 26px;
        margin-top: -3px;
    }
    
    .sidebar-wrapper .single-sidebar .sec-title h3 {
        color: #222222;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        text-transform: capitalize;
        margin: 0;
    }
    
    .single-sidebar .categories {
        background: #fff;
        display: block;
        padding: 15px 20px 20px;
        border: 1px solid #f2f2f2;
    }
    
    .single-sidebar .categories li {
        margin-bottom: 13px;
        padding-bottom: 13px;
        padding-left: 20px;
        position: relative;
    }
    
    .single-sidebar .categories li:before {
        position: absolute;
        bottom: 0;
        left: 0px;
        width: 90px;
        height: 1px;
        content: "";
        background: #f2f2f2;
        transition: all 500ms ease;
    }
    
    .single-sidebar .categories li:last-child {
        margin-bottom: 0;
    }
    
    .single-sidebar .categories li:hover:before {
        width: 100%;
        background: #0193de;
    }
    
    .single-sidebar .categories li a {
        color: #848484;
        transition: all 500ms ease;
        font-size: 16px;
        font-weight: 400;
        position: relative;
    }
    
    .single-sidebar .categories li a:before {
        content: "\f175";
        font-family: FontAwesome;
        color: #c5c5c5;
        font-size: 14px;
        position: absolute;
        top: 0px;
        left: -20px;
        transform: rotate(0deg);
        transition: all 500ms ease;
    }
    
    .single-sidebar .categories li a:hover::before {
        color: #0193de;
        transform: rotate(-90deg);
    }
    
    .single-sidebar .categories li a span {
        float: right;
    }
    
    .single-sidebar .categories li a:hover {
        color: #0193de;
    }
    
    .single-sidebar.comment .sec-title {
        padding-bottom: 38px;
    }
    
    .single-sidebar .comment-box {}
    
    .single-sidebar .comment-box .single-item {
        position: relative;
        display: block;
    }
    
    .single-sidebar .comment-box .single-item.mar-top {
        margin-top: 42px;
    }
    
    .single-sidebar .comment-box .single-item .date-box {
        position: absolute;
        top: -12px;
        left: 20px;
        width: 130px;
        height: 25px;
        background: #f7f7f7;
        display: block;
        z-index: 2;
    }
    
    .single-sidebar .comment-box .single-item .date-box p {
        color: #848484;
        font-size: 14px;
        text-align: center;
        margin: 0;
        line-height: 25px;
    }
    
    .single-sidebar .comment-box .single-item .single-box {
        overflow: hidden;
        display: block;
        position: relative;
        border: 1px solid #f2f2f2;
        padding: 32px 20px 20px;
    }
    
    .single-sidebar .comment-box .single-item .single-box .left-content {
        position: relative;
        display: block;
    }
    
    .single-sidebar .comment-box .single-item .single-box .left-content .inner-content {
        padding-left: 65px;
        position: relative;
        min-height: 50px;
    }
    
    .single-sidebar .comment-box .single-item .single-box .left-content .inner-content .img-holder {
        display: block;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0px;
        width: 50px;
        height: auto;
    }
    
    .single-sidebar .comment-box .single-item .single-box .left-content .inner-content .img-holder img {
        transition: all 0.4s ease-in-out 0.5s;
        width: 100%;
        transform: scale(1.1, 1.1);
    }
    
    .single-sidebar .comment-box .single-item .single-box:hover .left-content .inner-content .img-holder img {
        -ms-transition-delay: 0s;
        transition-delay: 0s;
        transform: scale(1.2, 1.2);
    }
    
    .single-sidebar .comment-box .single-item .single-box:hover .left-content .inner-content .img-holder .overlay-style-one {
        transform: rotateX(0deg);
        opacity: 1;
    }
    
    .single-sidebar .comment-box .single-box .img-holder .overlay-style-one .box .content a i {
        color: #fff;
        font-size: 14px;
        transition: all 500ms ease;
    }
    
    .single-sidebar .comment-box .single-box .img-holder .overlay-style-one .box .content a:hover i {
        color: #e4e2e2;
    }
    
    .single-sidebar .comment-box .single-box .left-content .inner-content .title-holder {
        display: block;
    }
    
    .single-sidebar .comment-box .single-box .left-content .inner-content .title-holder h5 {
        color: #222222;
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 9px;
    }
    
    .single-sidebar .comment-box .single-box .left-content .inner-content .title-holder p {
        color: #848484;
        line-height: 20px;
        margin: 0;
    }
    
    .single-sidebar .comment-box .single-box .right-content {}
    
    .single-sidebar .comment-box .single-box .right-content .read-comment {
        display: block;
        margin: 11px 0px;
    }
    
    .single-sidebar .comment-box .single-box .right-content .read-comment a {
        display: inline-block;
    }
    
    .single-sidebar .comment-box .single-box .right-content .read-comment a span:before {
        color: #222222;
        font-size: 20px;
        line-height: 20px;
        transition: all 500ms ease;
        font-weight: 500;
    }
    
    .single-sidebar .comment-box .single-box .right-content .read-comment a:hover span:before {
        color: #e4e2e2;
    }
    
    .single-sidebar .popular-post {}
    
    .single-sidebar .popular-post li {
        margin-bottom: 20px;
        padding-left: 90px;
        position: relative;
        border-bottom: 1px solid #f2f2f2;
        min-height: 111px;
    }
    
    .single-sidebar .popular-post li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    
    .single-sidebar .popular-post li .img-holder {
        display: block;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0px;
        width: 90px;
        height: auto;
    }
    
    .single-sidebar .popular-post li .img-holder img {
        transition: all 0.4s ease-in-out 0.5s;
        width: 100%;
        transform: scale(1.1, 1.1);
    }
    
    .single-sidebar .popular-post li:hover .img-holder img {
        -ms-transition-delay: 0s;
        transition-delay: 0s;
        transform: scale(1.2, 1.2);
    }
    
    .single-sidebar .popular-post li:hover .img-holder .overlay-style-one {
        transform: rotateX(0deg);
        opacity: 1;
    }
    
    .single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i {
        color: #fff;
        font-size: 16px;
        transition: all 500ms ease;
    }
    
    .single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i {
        color: #ddd;
    }
    
    .single-sidebar .popular-post li .title-holder {
        padding-left: 20px;
    }
    
    .single-sidebar .popular-post li .title-holder .post-title {
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        position: relative;
        margin: 0 0 10px;
        transition: all 500ms ease;
    }
    
    .single-sidebar .popular-post li .title-holder .post-title a {
        color: #222222;
        transition: all 500ms ease;
    }
    
    .single-sidebar .popular-post li .title-holder .post-title a:hover {
        color: #0193de;
    }
    
    .single-sidebar .popular-post li .title-holder .post-date {
        color: #848484;
        display: block;
        transition: all 500ms ease;
        font-weight: 400;
        font-size: 15px;
    }
    
    .single-sidebar .popular-post li .title-holder .post-date i {
        font-size: 13px;
        display: inline-block;
        padding-right: 5px;
    }
    
    .single-sidebar .popular-tag {
        margin-left: -3px;
        margin-right: -3px;
        margin-top: -5px;
    }
    
    .single-sidebar .popular-tag li {
        display: inline-block;
        margin: 0 3px 10px;
    }
    
    .single-sidebar .popular-tag li a {
        border: 1px solid #f0f0f0;
        color: #848484;
        display: block;
        font-size: 16px;
        font-weight: 400;
        padding: 4px 12px 4px;
        transition: all 500ms ease 0s;
        border-radius: 2px;
    }
    
    .single-sidebar .popular-tag li a:hover {
        background: #0193de;
        border-color: #0193de;
        color: #ffffff;
    }
    
    
    /*
    ================================================
    16. Breadcrumb Wrapper
    ================================================
    */
    
    .breadcromb-wrapper {
        background: rgba(0, 0, 0, 0) url("../images/breadcrumb-bg.jpg") no-repeat fixed top center / cover;
        position: relative;
        padding: 60px 0 10px;
        float: left;
        width: 100%;
    }
    
    .breadcromb-overlay {
        background: rgba(0, 55, 105, 0.7) none repeat scroll 0 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .breadcromb-left {
        text-align: left;
        margin: 0 0 60px;
    }
    
    .breadcromb-left>h3::before {
        background: #0193de;
        content: "";
        height: 100%;
        left: -10000%;
        position: absolute;
        top: 0;
        width: 10000%;
    }
    
    .breadcromb-left>h3 {
        color: #ffffff;
        font-size: 30px;
        text-transform: capitalize;
        text-align: left;
        background: #0193de;
        padding: 10px 15px;
        display: inline-block;
        position: relative;
        font-weight: 700;
    }
    
    .breadcromb-left>h3::after {
        border-right: 54px solid rgba(0, 0, 0, 0);
        border-top: 54px solid #0193de;
        content: "";
        height: 0;
        position: absolute;
        right: -54px;
        top: 0;
        width: 0;
    }
    
    .breadcromb-text {
        background: #f6f6f6;
        float: left;
        width: 100%;
    }
    
    .breadcromb-text ul {
        border-radius: 4px;
        margin: 0;
        padding: 5px 0;
        display: inline-block;
    }
    
    .breadcromb-text li {
        color: #000;
        display: inline-block;
        margin: 0 3px;
        text-transform: capitalize;
    }
    
    .breadcromb-text li:last-child {
        color: #0193de;
    }
    
    .breadcromb-text li a {
        color: #000;
    }
    
    .breadcromb-text li:first-child a i {
        color: #000;
        margin-right: 5px;
    }
    
    
    /*
    ================================================
    17. Inner page Wrapper
    ================================================
    */
    
    .inner-page-wrapper {
        float: left;
        padding: 80px 0;
        width: 100%;
    }
    
    
    /*
    ================================================
    18. Gallery
    ================================================
    */
    
    .gallery-wrapper {
        padding: 50px 0 160px;
    }
    
    .gallery-section .gallery-content {
        width: 100%;
        float: left;
    }
    
    .gallery-section .gallery-caption {
        list-style-type: none;
        margin: 30px 0 0;
        float: left;
        position: relative;
        overflow: hidden;
    }
    
    .gallery-section .gallery-caption:hover img {
        opacity: 1;
    }
    
    .gallery-section .gallery-caption .caption {
        cursor: pointer;
        position: absolute;
        opacity: 0;
        -webkit-transition: all .45s ease-in-out;
        -moz-transition: all .45s ease-in-out;
        -o-transition: all .45s ease-in-out;
        -ms-transition: all .45s ease-in-out;
        transition: all .45s ease-in-out;
    }
    
    .gallery-section .gallery-caption:hover .caption {
        opacity: 1;
    }
    
    .gallery-section .gallery-caption img {
        margin: 0;
        padding: 0;
        float: left;
        z-index: 4;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    
    .gallery-section .gallery-caption .blur {
        background-color: rgba(0, 0, 0, .65);
        z-index: 5;
        position: absolute;
        padding: 30px;
    }
    
    .gallery-section .gallery-caption .caption-text h1 {
        font-size: 18px;
        font-family: "Oswald";
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        line-height: 1.889;
        text-align: right;
        right: 40px;
        letter-spacing: 4px;
    }
    
    .gallery-section .gallery-caption .caption-text {
        z-index: 10;
        color: #fff;
        position: absolute;
        text-align: center;
    }
    
    .gallery-section .gallery-caption .caption-text .gallery_caption_text span {
        font-family: Oswald, sans-serif;
        letter-spacing: 5px;
        font-weight: 400;
        position: absolute;
        bottom: 5%;
        right: 10%;
        color: #585745;
        font-size: 11px;
        font-family: "Oswald";
        color: rgb(238, 238, 238);
        text-transform: uppercase;
        line-height: 3.091;
        text-align: right;
        position: absolute;
    }
    
    .gallery-section .gallery-caption .caption-text .gallery_caption_icon span.fa-search {
        border-style: solid;
        border-width: 5px;
        border-color: #444;
        opacity: .9;
        width: 69px;
        height: 69px;
        position: absolute;
        top: 43%;
        display: inline-table;
        padding: 20px;
        right: 40%;
        left: auto;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 5px 7px #222;
        -moz-box-shadow: 0 0 5px 7px #222;
        box-shadow: 0 0 5px 7px #222;
        background: #333;
        font-size: 24px;
        color: #fff;
        line-height: 1.083;
        text-align: right;
    }
    
    .gallery-section .owl-nav {
        text-align: center;
        float: left;
        width: 100%;
    }
    
    .gallery-section .owl-prev {
        width: 50%;
        text-align: right;
        float: left;
    }
    
    .gallery-section .owl-next {
        width: 50%;
        text-align: left;
        float: left;
    }
    
    .gallery-section .owl-nav .gallery_prev_div {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(225, 225, 225);
        background-color: rgba(225, 225, 225, 0);
        opacity: 0.75;
        width: 100px;
        height: 42px;
        padding: 8px;
        margin-right: 20px;
        text-align: left;
        float: right;
    }
    
    .gallery-section .owl-nav .gallery_prev_div .fa {
        margin-left: 5px;
        margin-right: 10px;
    }
    
    .gallery-section .owl-nav .gallery_next_div {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(225, 225, 225);
        background-color: rgba(225, 225, 225, 0);
        opacity: 0.75;
        width: 100px;
        height: 42px;
        padding: 8px;
        margin-right: 20px;
        text-align: right;
        float: left;
    }
    
    .gallery-section .owl-nav .gallery_next_div .fa {
        margin-right: 5px;
        margin-left: 10px;
    }
    
    .gallery-section .owl-stage-outer {
        margin-bottom: 30px;
    }
    
    
    /*
    ================================================
    19. FAQ Wrapper
    ================================================
    */
    
    .inner-page-wrapper.faq-wrapper {
        padding: 80px 0 140px;
    }
    
    .faq-details .panel-heading {
        padding: 0;
        border: none;
        border-radius: 0;
    }
    
    .faq-details .panel-group .panel {
        border-radius: 0px;
        margin-bottom: 0;
        border: none;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    }
    
    .faq-details .panel-group .panel+.panel {
        margin-top: 12px;
    }
    
    .faq-details h4.check-title {
        color: #666666;
        font-size: 16px;
        margin-bottom: 0;
        text-transform: capitalize;
    }
    
    .faq-details .panel-heading.active a {
        background: #f9f9f9 none repeat scroll 0 0;
        color: #0193de;
    }
    
    .faq-details h4.check-title a {
        color: #666;
        display: block;
        font-weight: 600;
        padding: 10px 10px 10px 40px;
        text-decoration: none;
        background: #fff;
        line-height: 25px;
    }
    
    .faq-details .panel-body {
        padding: 15px 15px 5px 20px;
    }
    
    .faq-details .panel-body p {
        color: #666;
    }
    
    .faq-details h4.check-title {
        color: #666;
        font-size: 16px;
        margin-bottom: 0px;
        text-transform: capitalize;
    }
    
    .faq-details a span.acc-icons {
        position: relative;
    }
    
    .faq-details a span.acc-icons::before {
        color: #666;
        content: "\f078 ";
        font-family: FontAwesome;
        font-size: 16px;
        left: -26px;
        line-height: 39px;
        position: absolute;
        text-align: center;
        top: -10px;
    }
    
    .faq-details .active span.acc-icons::before {
        color: #ffcb36;
        content: "\f077";
        font-family: FontAwesome;
        font-size: 16px;
        left: -26px;
        line-height: 39px;
        position: absolute;
        text-align: center;
        top: -10px;
    }
    
    .faq-details .panel-heading .active a {
        color: #0193de;
        background: #f9f9f9;
    }
    
    .faq-content {
        background: #f9f9f9;
        padding: 6% 10%;
        border-radius: 5px;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    }
    
    .faq-content .contact-form textarea#message {
        height: 135px;
        border-radius: 0;
        box-shadow: none;
    }
    
    .faq-page .quote-btn {
        font-weight: 600;
        color: #fff;
        background: #f5af25;
        display: inline-block;
        border: 2px solid #f5af25;
        padding: 10px 20px;
        width: 134px;
        text-transform: uppercase;
        border-radius: 3px;
        transition: 0.4s;
        margin-top: 10px;
    }
    
    .faq-page .quote-btn:hover {
        color: #f5af25;
        background: #fff;
        border: 2px solid #f5af25;
        transition: 0.4s;
    }
    
    
    /** FAQ Form **/
    
    .faq-content {
        background: #fff;
        border-radius: 0;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
        padding: 8.4% 10%;
    }
    
    .faq-content h4 {
        font-size: 24px;
        line-height: 26px;
    }
    
    .contact-form input[type="text"],
    .contact-form input[type="email"] {
        border: 1px solid #cccccc;
        border-radius: 0;
        height: 44px;
        margin-bottom: 15px;
        padding-left: 11px;
        width: 100%;
        box-shadow: none;
    }
    
    .faq-content .quote-btn {
        background: #0193de;
        border: 2px solid #0193de;
        color: #ffffff;
        display: inline-block;
        font-weight: 600;
        margin-top: 10px;
        padding: 10px 20px;
        text-transform: uppercase;
        transition: all 0.4s ease 0s;
        width: 134px;
    }
    
    .faq-content .quote-btn:hover,
    .faq-content .quote-btn:focus {
        background: #ffffff;
        border: 2px solid #0193de;
        color: #0193de;
        transition: all 0.4s ease 0s;
    }
    
    
    /*
    ================================================
    20. Error Page
    ================================================
    */
    
    .error-page {
        background-image: url("../images/error.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        position: relative;
        width: 100%;
    }
    
    .error-page .error-part::after {
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .error-page .error-part {
        display: table;
        height: 100%;
        text-align: center;
        width: 100%;
    }
    
    .error-page .error-part .error-text {
        display: table-cell;
        position: relative;
        vertical-align: middle;
        width: 100%;
        z-index: 1;
    }
    
    .error-page .error-part .error-text .error-logo {
        margin-bottom: 20px;
        text-align: center;
    }
    
    .error-page .error-part .error-text .error-logo img {
        background: #fff;
        border-radius: 15px;
        padding: 10px 15px;
    }
    
    .error-page .error-part .error-text .error-code {
        color: #ffcb36;
        font-size: 100px;
        font-weight: bold;
        line-height: 1;
        margin: 0 0 10px;
        padding: 0;
    }
    
    .error-page .error-part .error-text .error-message {
        color: #ffffff;
        font-size: 24px;
        line-height: 1;
        margin-bottom: 20px;
    }
    
    .error-page .error-part .error-text a {
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
    }
    
    
    /*
    ================================================
    21. Countdown Page
    ================================================
    */
    
    .coming-soon-wrapper {
        padding: 76px 0 136px;
    }
    
    .coming-soon-wrapper h3 {
        text-align: center;
        color: #0193de;
        font-weight: 700;
    }
    
    .coming-soon-wrapper .cntdown {
        position: relative;
        display: inline-block;
        padding: 5px 0px;
        margin-top: 20px;
        width: 25%;
        text-align: center;
        margin: 24px -2px;
        border-right: 1px dashed #012F5C;
    }
    
    .coming-soon-wrapper .cntdown:last-child {
        border-right: 0px;
    }
    
    .coming-soon-wrapper .cntdown span.days,
    .coming-soon-wrapper .cntdown span.hour,
    .coming-soon-wrapper .cntdown span.minutes,
    .coming-soon-wrapper .cntdown span.second {
        font-size: 50px;
        color: #ffcb36;
        display: block;
        font-weight: 700;
        line-height: 45px;
    }
    
    .coming-soon-wrapper .cntdown p {
        position: relative;
        font-size: 17px;
        color: #999;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .coming-soon-wrapper form {
        position: relative;
        max-width: 600px;
        margin: 0 auto;
        margin-top: 34px;
    }
    
    .coming-soon-wrapper form button {
        position: absolute;
        right: 0;
        top: 0;
        background: #012F5C;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        padding: 15px 20px;
        cursor: pointer;
        transition: .5s ease;
    }
    
    .coming-soon-wrapper input[type="text"] {
        position: relative;
        line-height: 32px;
        padding: 10px 50px 10px 20px;
        border: 1px solid #e0e0e0;
        display: block;
        font-size: 14px;
        width: 100%;
        height: 55px;
        border-radius: 3px;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
    }
    
    
    /*
    ================================================
    22. Contact Wrapper
    ================================================
    */
    
    .contact-wrapper {
        padding: 73px 0 160px;
    }
    
    .contact-wrapper .contact-form {
        display: inline-block;
        width: 100%;
        margin: 0 0 0px;
    }
    
    .contact-wrapper textarea {
        border: 1px solid #cccccc;
        line-height: 10px;
        margin-bottom: 20px;
        outline: inherit;
        padding: 10px 0 10px 20px;
        width: 100%;
        height: 140px;
    }
    
    .contact-wrapper .submit-area {
        text-align: center;
    }
    
    .contact-wrapper .btn:before {
        border-radius: 30px;
    }
    
    .contact-wrapper .btn-one {
        background: #0193de none repeat scroll 0 0;
        border: 2px solid #0193de;
        color: #ffffff;
        display: inline-block;
        font-size: 16px;
        margin: 0 0 20px;
        padding: 8px 30px;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
    }
    
    .contact-wrapper .btn-one:hover,
    .contact-wrapper .btn-one:focus {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 2px solid #0193de;
        color: #0193de;
    }
    
    
    /** Google Map **/
    
    .google-map {
        /* float: left; */
        /* margin: 80px 0 0; */
        /* width: 100%; */
        /* position:relative; */
    }
    
    .google-map iframe {
        border: medium none;
        height: 750px;
        margin: 0 0 -6px;
        width: 100%;
    }
    
    
    /** Contact Info **/
    
    .contact-info-main {
        bottom: auto;
        float: left;
        /* position: absolute; */
        top: -80px;
        width: 100%;
    }
    
    .contact-info {
        /*background: #ffe77d;*/
        border-radius: 10px;
        /*padding: 50px 80px;*/
        width: 100%;
    }
    
    .contact-info .title {
        margin: 0;
    }
    
    .contact-info .title .border {
        background: #0193de;
        height: 1px;
        width: 150px;
        display: inline-block;
    }
    
    .contact-info .title h2:after {
        display: none;
    }
    
    .contact-box-img {
        width: auto;
        text-align: center;
        margin-top: -6px;
    }
    
    .contact-box.border {
        margin-bottom: 50px;
        padding-bottom: 40px;
        position: relative;
    }
    
    .contact-box img {
        margin: 0 0 10px;
    }
    
    .contact-box h3 {
        font-weight: 700;
        margin: 0 0 5px;
        font-size: 20px;
        color: #2d4966;
    }
    
    .contact-box a {
        /*color: #2d4966;*/
        color: #2d2e2e;
    }
    
    .contact-box p {
       line-height: 16px;
        font-size: 11px;
    }
    
    
    /*
    ================================================
    23. Footer Wrapper
    ================================================
    */
    
    .footer-wrapper {
        background: url(../images/ft-bg.png);
        float: left;
        padding: 0 0 80px;
        width: 100%;
           padding-bottom: 60px;
    }
    
    .search-wrapper {
        background: #0193de;
        padding: 40px 30px;
        width: 100%;
        float: left;
        margin: -80px 0 74px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .search-wrapper h3 {
        color: #fff;
        font-size: 30px;
        font-weight: 300;
    }
    
    .search-wrapper h3 span {
        font-weight: 700;
        display: block;
        font-size: 32px;
        color: #fff;
    }
    
    
    /*** Footer Search Form ***/
    
    .footer-search-form {
        float: left;
        padding: 0;
        width: 100%;
    }
    
    .footer-search-form .form input.form-control {
        background: #fff;
        border: 1px solid #fff;
        border-radius: 60px 0 0 60px;
        color: #333;
        float: left;
        font-size: 16px;
        margin: 0;
        padding: 23px 0 23px 20px;
        text-align: left;
        width: 69%;
        height: auto;
        box-shadow: none;
        cursor: default;
    }
    
    .footer-search-form .form a.bttn {
        background: #f9f9f9;
        border: 3px solid #0193de;
        border-radius: 60px;
        color: #000000;
        cursor: pointer;
        float: left;
        font-size: 16px;
        margin: 0 0 0 -26px;
        padding: 20px 7px;
        text-align: center;
        width: 32%;
    }
    
    footer .flogo {
        color: #ffffff;
        font-size: 40px;
    }
    
    .intro .intro-content {
        color: #fff;
        margin-top: 15px;
    }
    
    footer h4::before {
        background: #0193de;
        bottom: -12px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 50px;
    }
    
    footer h4 {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        margin: 26px 0 28px;
        padding-bottom: 5px;
        position: relative;
        text-transform: uppercase;
    }
    
    footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    footer ul li:before {
        font-family: FontAwesome;
        display: inline-block;
        padding-right: 6px;
        vertical-align: middle;
        content: "\f105";
        color: #0193de;
    }
    
    footer ul li {
        display: black;
        list-style: none;
        padding: 0 0 10px 0;
        color: #fff;
    }
    
    footer ul li a {
        color: #fff;
        font-size: 15px;
    }
    
    footer ul li a:hover,
    footer ul li a:focus {
        color: #0193de;
    }
    
    .address li {
        color: #fff;
        margin-bottom: 15px;
        padding: 0;
        padding-right: 30px;
    }
    
    .address li span {
        color: #0193de;
        font-size: 20px;
        margin: 0 8px 0 0;
    }
    
    footer .address ul li::before {
        display: none;
    }
    
    .copyright-wrapper {
        background: #1f1f1f;
        float: left;
        padding: 15px 0;
        width: 100%;
    }
    
    .copyright-wrapper p {
        color: #fff;
        margin: 0;
    }
    
    
    /** Social Icons **/
    
    .copyright-wrapper ul {
        margin: 0;
        float: right;
    }
    
    .copyright-wrapper ul li {
        color: #ffffff;
        display: inline-block;
        margin: 0;
        padding: 0 0 0 10px;
        transition: all 0.3s ease-in-out 0s;
    }
    
    .copyright-wrapper ul li a {
        display: block;
        line-height: 21px;
        padding: 0;
        text-align: center;
        color: #ffffff;
    }
    
    .copyright-wrapper ul li a:hover i {
        color: #ffcb36;
    }
    
    
    /** Footer Cta Wrapper **/
    
    .footer-cta-wrapper {
        width: 100%;
        background: #0201017a;
        border-radius: 50px;
        padding: 30px;
        float: left;
        margin: 20px 0 0;
    }
    
    .footer-cta-wrapper img {
        float: left;
        margin: 0 20px 0 0;
    }
    
    .footer-cta-wrapper h3 {
        color: #fff;
        font-weight: 700;
        font-size: 22px;
        text-transform: uppercase;
        margin: 0 0 5px;
    }
    
    .footer-cta-wrapper p {
        color: #fff;
        margin: 0;
    }
    
    .footer-cta-wrapper a {
        background: #0193de;
        display: inline-block;
        padding: 10px 15px;
        color: #ffffff;
        font-size: 11px;
        border-radius: 25px;
        margin:5px 10px;
        font-weight:900;
    }
    
    
    /*
    ================================================
    24. Media Quires 
    ================================================
    */
    
    @media (min-width: 1700px) {
        #first-slider .carousel .item {
            min-height: 740px;
            height: 100%;
            width: 100%;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1024px) {
        /*** Top Wrapper ***/
        .top-header-add li {
            margin-right: 15px;
        }
        .top-header-add li i {
            height: 25px;
            line-height: 23px;
            margin-right: 5px;
            width: 25px;
        }
        /*** Join Wrapper ***/
        .join-wrapper {
            background-size: cover;
        }
        /*** Latest Projects Wrapper ***/
        .latest-projects-wrapper {
            padding-bottom: 70px;
        }
        .cta h3 span {
            font-size: 29px;
            display: inline-block;
            margin: 10px 0 0;
        }
        .cta-btn a {
            font-size: 19px;
            padding: 15px 20px;
            margin-top: 20px;
        }
        /*** Counters Wrapper ***/
        .counters .counter {
            min-height: 135px;
        }
        /** Contact Wrapper **/
        .contact-box-img img {
            width: 100%;
        }
        /*** Footer Search Wrapper ***/
        .search-wrapper h3 {
            font-size: 18px;
            line-height: 25px;
        }
        .search-wrapper h3 span {
            font-size: 25px;
        }
        .footer-search-form .form input.form-control {
            padding: 15px 0 15px 20px;
        }
        .footer-search-form .form input.bttn {
            padding: 15px 10px;
        }
        .footer-cta-wrapper h3 {
            font-size: 20px;
            line-height: 25px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        /*** Top Wrapper ***/
        .top-header-add li {
            margin-right: 15px;
        }
        .top-header-add li i {
            height: 25px;
            line-height: 20px;
            width: 25px;
            margin-right: 5px;
        }
        .navbar-nav {
            float: left;
        }
        .navbar-header .collapse {
            display: block;
        }
        .navbar-collapse {
            padding: 0;
            float: none;
        }
        .mainmenu-area ul.nav.navbar-nav li {
            padding: 0 0 0 20px;
        }
        .mainmenu-area ul.nav.navbar-nav li a {
            padding: 19px 0 21px;
        }
        .affix .logo {
            display: none;
        }
        .affix .navbar-default .navbar-nav>li>a {
            padding: 15px 20px 16px;
        }
        /*** Banner Wrapper ***/
        #first-slider .carousel-control {
            display: none;
        }
        #first-slider .carousel-indicators {
            display: block;
        }
        /*** CTA Wrapper ***/
        .cta-text {
            font-size: 15px;
            line-height: 22px;
        }
        .cta-inner {
            padding: 0 10px;
        }
        .cta-inner.cta {
            padding: 10px 0 5px;
        }
        .cta img {
            float: left;
            margin: 9px 10px 0 0;
            width: 19%;
        }
        .cta h3 {
            font-size: 20px;
            line-height: 34px;
        }
        .cta h3 span {
            font-size: 29px;
            display: inline-block;
        }
        .cta-btn a {
            padding: 10px 12px;
            font-size: 15px;
            margin-top: 10px
        }
        /*** Join Wrapper ***/
        .join-wrapper {
            background-size: cover;
        }
        /*** Latest Projects Wrapper ***/
        .latest-projects-wrapper {
            padding-bottom: 70px;
        }
        /*** Testimonials Wrapper ***/
        .testimonials-wrapper .owl-nav {
            display: none;
        }
        /*** Counters Wrapper ***/
        .counters .counter {
            min-height: 140px;
        }
        /*** About us faq Wrapper ***/
        .faq-area {
            margin: 20px 0 0;
        }
        .about-text-area {
            padding: 0 50px;
        }
        /** Blog Details **/
        .inner-page-wrapper.blog-single-area {
            padding: 80px 0 110px;
        }
        .blog-single-area .blog-post::before {
            display: none;
        }
        .blog-single-area .sidebar-wrapper {
            padding: 30px 0 0;
        }
        .sidebar-wrapper .single-sidebar {
            margin-bottom: 30px;
        }
        /** Contact Wrapper **/
        .contact-box.border {
            margin: 50px 0;
            padding: 0;
            position: relative;
        }
        /*** Footer Search Wrapper ***/
        .search-wrapper h3 {
            font-size: 18px;
        }
        .search-wrapper h3 span {
            font-size: 25px;
        }
        .footer-search-form .form input.form-control {
            padding: 15px 0 15px 20px;
            width: 73%;
        }
        .footer-search-form .form input.bttn {
            padding: 15px 10px;
        }
        .footer-cta-wrapper h3 {
            font-size: 20px;
            line-height: 25px;
        }
        .footer-cta-wrapper img {
            float: left;
            margin: 0 10px 20px 0;
        }
        .footer-cta-wrapper a {
            font-size: 18px;
            padding: 10px 20px;
        }
    }
    
    @media (max-width: 767px) {
        
        .img1 {
        height: 100px!important;
        margin: auto 5px!important;
        /* padding: 0 15px; */
    }
        
        .design-by li {
        color: #fff!important;
        justify-content: center!important;
    }
        
        /*.banner-text-responsive{*/
        /*    text-align:center;*/
        /*}*/
        
        /*    .show-sm{*/
        /*    display:block;*/
        /*}*/
        /*.show-lg{*/
        /*    display:none;*/
        /*}*/
        
        
        
        
        .btn-block {
        width: 70% !important;
        margin: auto !important;
    }
    
    
    .mt-sm-70{
        margin-top: 70px;
    }
        
        /***** Common Styles ******/
        div.title h2 {
            font-size: 25px;
        }
        .title-border-color {
            top: 25px;
        }
        /***** Header Inner ******/
        header .header-inner {
            padding: 15px 0 0;
        }
        .affix {
            position: inherit;
        }
        .affix.fadeInDown {
            animation-name: none !important;
        }
        header .logo {
            float: left;
            margin: 0 0 0px;
        }
        .slicknav_btn {
            margin: 0;
            position: relative;
            top: 23px;
            background: #0193de;
        }
        .slicknav_menu {
            display: block;
            background: none;
        }
        .slicknav_nav i {
            display: none;
        }
        .header-inner .desktop {
            display: none;
        }
        .slicknav_menu {
            background: transparent;
            padding: 5px;
        }
        .slicknav_nav {
            clear: both;
            color: #fff;
            margin: 0;
            background: #0193de;
        }
        .slicknav_btn:hover {
            background: #222;
        }
        .slicknav_nav .slicknav_item a i {
            display: none;
        }
        .slicknav_nav li:hover a {
            background: #fff;
            color: #252525;
        }
        .slicknav_nav li .dropdown li a,
        .slicknav_nav li .dropdown li .dropdown li a {
            background: transparent;
            color: #fff;
        }
        .slicknav_nav li .dropdown li:hover a,
        .slicknav_nav li .dropdown li .dropdown li:hover a {
            background: #fff;
            color: #252525;
        }
        .slicknav_nav .slicknav_arrow {
            float: right;
        }
        /*** Banner Wrapper ***/
        #first-slider .carousel-control {
            display: none;
        }
        #first-slider .carousel-indicators {
            display: block;
        }
        #first-slider .carousel .item img {
            max-width: 250px;
        }
        #first-slider .carousel-inner .item {
            padding-top: 30px;
            min-height: 600px;
        }
        #first-slider h1 {
            font-size: 24px;
            line-height: 28px;
            margin-top: 20px;
        }
        /*** CTA Wrapper ***/
        .cta-inner::after {
            display: none;
        }
        .cta-inner {
            padding: 0;
        }
        .cta-inner img {
            display: none;
        }
        .cta {
            padding: 20px 0 10px;
        }
        .cta h3 {
            font-size: 25px;
            line-height: 40px;
            margin: 0;
        }
        .cta h3 span {
            font-size: 40px;
        }
        /*** Services Wrapper ***/
        .our-services-text {
            padding: 20px 10px 25px 0;
        }
        /*** About Wrapper ***/
        .about-wrapper {
            padding: 73px 0 50px;
        }
        .width-50 {
            width: 100%;
            display: inherit;
        }
        .about-text-area {
            padding: 20px 0;
        }
        /*** Join Wrapper ***/
        .join-wrapper {
            background-size: cover;
        }
        .join-wrapper h3 {
            font-size: 20px;
            line-height: 30px;
        }
        .join-wrapper h3 span {
            font-size: 25px;
        }
        /*** Latest Projects Wrapper ***/
        .latest-projects-wrapper {
            padding-bottom: 70px;
        }
        .project-box-img {
            margin: 30px 0;
        }
        /*** Testimonials Wrapper ***/
        .testimonials-inner:before,
        .testimonials-inner:after {
            display: none;
        }
        .testimonials-inner {
            padding: 0;
        }
        .testimonials-wrapper .owl-dot span {
            width: 40px;
        }
        .testimonials-wrapper .owl-nav {
            display: none;
        }
        /*** About Us Inner Page ***/
        .about-faq-wrapper .panel-faq .panel-default>.panel-heading::before {
            right: 10px;
        }
        /*** Service Details Page ***/
        .service-details-tabs .nav-tabs li {
            margin: 0 4px 10px 0;
            width: auto;
        }
        .service-details-tabs .nav-tabs li a {
            width: 100%;
            padding: 6px 10px;
        }
        /*** FAQ Page ***/
        .faq-content {
            padding: 8% 5%;
        }
        /*** Coming Soon Wrapper ***/
        .coming-soon-wrapper .cntdown span.days,
        .coming-soon-wrapper .cntdown span.hour,
        .coming-soon-wrapper .cntdown span.minutes,
        .coming-soon-wrapper .cntdown span.second {
            font-size: 40px;
            font-weight: 700;
        }
        .coming-soon-wrapper .cntdown {
            border-right: none;
        }
        .coming-soon-wrapper .cntdown p {
            font-size: 14px;
            font-weight: 500;
        }
        /** Blog Details **/
        .blog-single-area .blog-post::before {
            display: none;
        }
        .blog-single-area .single-blog-post .text-holder {
            padding: 20px;
        }
        .blog-single-area .tag-box .left {
            display: block;
            float: none;
        }
        .blog-single-area .single-blog-post .text-holder .blog-title {
            font-size: 20px;
            line-height: 30px;
        }
        .single-blog-post .text-holder .meta-box .meta-info li {
            line-height: 25px;
        }
        .blog-single-area .sidebar-wrapper {
            margin-top: 80px;
            padding-left: 0;
        }
        .blog-single-area .bottom-content-box .text-box {
            margin-top: 20px;
        }
        .blog-single-area .sidebar-wrapper {
            margin-top: 60px;
            padding-left: 0;
        }
        /** Contact Wrapper **/
        .contact-box.border {
            margin: 0;
            padding: 0;
            position: relative;
        }
        .contact-info {
            padding: 30px;
            text-align: center;
        }
        .contact-box img {
            margin: 30px 0 10px;
        }
        /*** Footer Search Wrapper ***/
        .search-wrapper {
            border-radius: 20px;
            padding: 20px 15px;
            margin: -80px 10px 74px;
            width: auto;
        }
        .search-wrapper>div {
            padding: 0;
        }
        .search-wrapper h3 {
            font-size: 26px;
            line-height: 30px;
            margin: 0 0 15px;
        }
        .search-wrapper h3 span {
            font-size: 20px;
            line-height: 25px;
            margin: 10px 0 0;
        }
        .footer-search-form .form input.bttn {
            width: 36%;
        }
        footer h4 {
            margin: 40px 0 28px;
        }
        .footer-cta-wrapper img {
            float: left;
            margin: 0 20px 20px 0;
        }
        .footer-cta-wrapper h3 {
            font-size: 14px;
            line-height: 22px;
        }
        .footer-cta-wrapper p {
            clear: both;
        }
        .footer-cta-wrapper a {
            float: none !important;
            margin: 15px 0 0;
        }
        /*** Copy Rights Wrapper ***/
        .copyright-wrapper p {
            text-align: center;
            margin: 0 0 10px;
        }
        .copyright-wrapper ul {
            float: none;
            text-align: center;
        }
    }
    
    
    .home-aboutus-wrapper {
        width: 100%;
        float: left;
        padding: 65px 0 70px;
         /*padding: 0px 0 70px;*/
        background: #fbfbfb;
    }
    
    .about-text h2 {
        color: #494949;
        font-size: 50px;
        line-height: 50px;
        font-weight: 300;
        text-transform: uppercase;
    }
    
    .about-text h2 span {
        color: #0193de;
        /* text-shadow: 1px 1px 0px #9c9c9c; */
        font-weight: 700;
    }
    
    .about-text img {
        width: auto;
    }
    
    .about-text p {
        margin: 0 0 25px;
    }
    
    .about-text .btn {
        background: none;
        color: #f47629;
        font-size: 18px;
        font-weight: 600;
    }
    
    .about-text .btn:before {
        background: #f47629;
        border: 1px solid #f47629;
    }
    
    .btn:before {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: scaleX(0);
        transform-origin: 0 50% 0 0;
        transition-duration: 0.3s;
        transition-property: transform;
        transition-timing-function: ease-out;
        z-index: -1;
        background: #22a5f1;
        border-radius: 30px;
    }
    
    .about-text .btn:hover,
    .about-text .btn:focus {
        color: #fff;
    }
    
    .btn:hover:before,
    .btn:active::before {
        transform: scaleY(1);
    }
    
    .btn {
        color: #fff;
        display: inline-block;
        font-weight: 400;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 10px;
        padding: 8px 30px;
        transition: .5s;
        position: relative;
        transition: all 0.5s linear 0s;
        background: #0193de;
        border-radius: 30px;
    }
    
    .-mt-125 {
        margin-top: -125px;
    }
    
    .p-0 {
        padding: 0;
    }
    
    .m-0 {
        margin: 0;
    }
    
    .diagonal-box {
        overflow: hidden;
    }
    
    .img1 {
        /*width: 130%;*/
        /*min-height: 510px;*/
        /*background-size: cover;*/
        /*background-position: center;*/
        /*transform: skew(12deg);*/
        /*overflow: hidden;*/
        /*margin-left: -80px;*/
        /*transition: all;*/
        /*transition-timing-function: ease;*/
        /*transition-duration: 300ms;*/
    }
    
    .img1:hover {
        width: 120%;
    }
    
    .img2 {
        background: url(../images/img2.jpg);
        width: 130%;
        min-height: 510px;
        background-size: cover;
        background-position: center;
        transform: skew(12deg);
        overflow: hidden;
        transition: all;
        transition-timing-function: ease;
        transition-duration: 300ms;
    }
    
    .img2:hover {
        width: 120%;
    }
    
    .img3 {
        background: url(../images/img3.jpg);
        width: 130%;
        min-height: 510px;
        background-size: cover;
        background-position: center;
        transform: skew(12deg);
        transition: all;
        transition-timing-function: ease;
        transition-duration: 300ms;
    }
    
    .img3:hover {
        width: 120%;
    }
    
    .elec-mark {
        background: url(../images/elec-mark.png);
        width: 140px;
        height: 150px;
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
        position: absolute;
        left: 145px;
        top: 140px;
        opacity: .5;
    }
    
    .img1 .diagonal-text h1 {
        transform: skew(348deg)!important;
        color: #fff;
        /* left: 145px; */
        /* top: 220px; */
        position: absolute;
        font-weight: 600;
        z-index: 10;
        text-shadow: 1px 1px 1px #000, 3px 3px 5px black;
        text-align: center;
    }
    
    .img2 .diagonal-text h1 {
        transform: skew(348deg)!important;
        color: #fff;
        left: 145px;
        top: 220px;
        position: absolute;
        font-weight: 600;
    }
    
    .img3 .diagonal-text h1 {
        transform: skew(348deg)!important;
        color: #fff;
        left: 145px;
        top: 220px;
        position: absolute;
        font-weight: 600;
    }
    
    .video-play-button {
        
        position: absolute;
        z-index: 10;
        left: 31%;
        top: 270px;
        box-sizing: content-box;
        display:none;
        width: 32px;
        height: 44px;
        /* background: #fa183d; */
        border-radius: 50%;
        padding: 18px 20px 18px 28px;
        transform: skew( -12deg);
    }
    
    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 60px;
        height: 60px;
        background: rgb(255 231 125);
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }
    
    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 50px;
        height: 50px;
        background: rgb(255 231 125);
        border-radius: 50%;
        transition: all 200ms;
    }
    
    .video-play-button:hover:after {
        background-color: darken(#fa183d, 10%);
    }
    
    .video-play-button img {
        position: relative;
        z-index: 3;
        max-width: 100%;
        width: auto;
        height: auto;
    }
    
    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        left: 5px;
        top: 2.5px;
        height: 0;
        font-size: 26px;
        color: #000;
    }
    
    @keyframes pulse-border {
        0% {
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            opacity: 1;
        }
        100% {
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            opacity: 0;
        }
    }
    
    
    .main-img{
        /*object-fit: cover;*/
        width: 100%;
        max-width: 100%;
        /*height: 300px;*/
        padding: 20px;
    }
    .products-cont .owl-theme .owl-nav {
        position: absolute;
        top: -70px;
        right: 0;
    }
    
    .products-cont .owl-theme .owl-nav .owl-prev {
        background: #fff;
        color: #b5b5b5;
        border: 1px solid #cecece;
        padding: 0px 14px;
        font-size: 26px;
    }
    
    .products-cont .owl-theme .owl-nav .owl-prev:hover {
        background: #ffe77d;
        color: #000;
    }
    
    .products-cont .owl-theme .owl-nav .owl-next {
        background: #fff;
        color: #b5b5b5;
        border: 1px solid #cecece;
        padding: 0px 14px;
        font-size: 26px;
    }
    
    .products-cont .owl-theme .owl-nav .owl-next:hover {
        background: #ffe77d;
        color: #000;
    }
    
    .client-carousel .item {
        border: 1px solid #e4e4e4;
        padding: 5px;
    }
    
    .client-carousel {
        padding: 50px 0;
    }
    
    .client-carousel .owl-nav {
        position: absolute;
        top: -70px;
        right: 0;
    }
    
    .client-carousel .owl-nav .owl-prev {
        background: #fff;
        color: #b5b5b5;
        border: 1px solid #cecece;
        padding: 0px 14px;
        font-size: 26px;
    }
    
    .client-carousel .owl-nav .owl-prev:hover {
        background: #ffe77d;
        color: #000;
    }
    
    .client-carousel .owl-nav .owl-next {
        background: #fff;
        color: #b5b5b5;
        border: 1px solid #cecece;
        padding: 0px 14px;
        font-size: 26px;
    }
    
    .client-carousel .owl-nav .owl-next:hover {
        background: #ffe77d;
        color: #000;
    }
    
    .design-by li {
        color: #fff;
    }
    
    .design-by a {
        color: #fff;
    }
    
    .pad-bottom-80 {
        padding-bottom: 80px;
    }
    
    .news-list {
        padding: 10px 5px 1px;
        text-align: center;
        background: #0193de;
        font-weight: bold;
        color: #fff;
    }
    
    .mb-10 {
        margin-bottom: 10px;
    }
    
    .mb-80 {
        margin-bottom: 80px !important;
    }
    
    .footer-search-form input {
        font-style: italic;
    }
    
    .pb-0 {
        padding-bottom: 0;
    }
    .pb-10 {
        padding-bottom: 10px;
    }
    .mt-10 {
        margin-top: 10px;
    }
    
    .nav>li>a>img {
        max-width: 60px;
    }
    
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-bottom-color: #ddd;
    }
    
    .block-content img {
        width: 30px;
    }
    
    .block-content .policy-name {
        font-size: 12px;
        margin-top: 10px;
    }
    
    
    
    
    @media (min-width: 768px) and (max-width: 1024px) {
    
    .navbar-nav {
        float: right!important;
    }
    header .nav li a i {
        margin-top: 3px!important;
        display: none!important;
        font-size: 6px!important;
        color: #ffe77d!important;
    }
    header .navbar-default .navbar-nav>li>a {
        padding:10px!important;
        margin-top: 10px!important;
    }
    header .nav li {
        margin-right: 0!important;
    }
    .logo img{
        width: 100%!important;
        max-width: 70px!important;
    }
    .-mt-125{
        margin-top: 30px!important;
    }
    
    .video-play-button {
        position: absolute!important;
        z-index: 10!important;
        left: 41%!important;
        }
        .elec-mark {
        left: 38%!important;
    }
    .elec-mark2 {
        left: 30%!important;
    }
    .elec-mark3 {
        left: 31%!important;
    }
    .img1 .diagonal-text h1 {
        left: 37%!important;
    }
    .img2 .diagonal-text2 h1 {
        left: 32%!important;
    }
    .img3 .diagonal-text3 h1 {
        left: 31%!important;
    }
    .video-play-button2 {
        position: absolute!important;
        z-index: 10!important;
        left: 33%!important;
    }
    .video-play-button3 {
        position: absolute;
        z-index: 10!important;
        left: 34%!important;
    }
    .footer-search-form .form input.form-control {
        
    }
    .footer-search-form .form a.bttn {
        
    }
    .img1, .img2 , .img3{
            transform: skew(0deg)!important;
        } 
        .img1 .diagonal-text h1, .img2 .diagonal-text h1, .img3 .diagonal-text h1 {
            transform: skew(0deg)!important;
        }
        .video-play-button, .video-play-button2, .video-play-button3 {
            transform: skew(0deg)!important;
        
        }
        .about-text h3{
            margin-top: 20px !important;
        }
        .contact-wrapper {
            padding: 40px 0 40px!important;
        }
        .footer-search-form .form a.bttn{
            
            width: 36%!important;
            padding: 10px 7px!important;
        }
        .footer-search-form .form input.form-control {
           width: 60%!important;
            padding: 23px 0 23px 20px!important;
        }
        .counters img{
            margin-bottom: 10px!important;
        }
        .counters .counter .number:before {
            left: 144px!important;
        } 
        .intro-content a{
            color: #fff!important;
        }
        .contact-box.border {
            text-align: center;
        }
        .contact-box{
            text-align: center;
        }
    
    }
    
    
      @media (max-width: 450px) and (min-width: 320px){
          
          .blog_img {
               width:100% !important;
        max-width: 100% !important;
    }
    .item--body{
        width:100% !important;
         max-width: 100% !important;
    }
          
        .grid-item-inner {
        flex-direction: column !important;
        height: 400px;
    }
          
          .center-sm{
              display:flex;
              justify-content:center;
              align-items:center;
          }
          
        .banner-text-responsive{
            text-align:center;
        }
          
          .products-sm-hide{
              display:none;
          }
          
          .btn-block {
        width: 70% !important;
        margin: auto !important;
    }
    
    
        .about-text img {
            width: auto;
            margin-top: 20px;
        }
        .-mt-125 {
         margin-top: 0px!important;
    }
        .breadcromb-left>h3{
            font-size: 20px!important;
        }
        #scrollUp {
            right: 20px;
            bottom: 30px;
        }
        .logo img{
            width: 100px;
        }
        #first-slider .carousel-inner .item {
            min-height:0!important;
        }
        .home-aboutus-wrapper {
            padding: 40px 0 45px;
        }
        .about-text h2 {
            font-size: 35PX!important;
        }
        .img1, .img2 , .img3{
            transform: skew(0deg)!important;
        } 
        .img1 .diagonal-text h1, .img2 .diagonal-text h1, .img3 .diagonal-text h1 {
            /* transform: skew(0deg)!important; */
        }
        .img1 .diagonal-text h1{
            /* left: 36%; */
        }
        .elec-mark{
               left: 35%;
        }  
        .video-play-button{
            transform: skew(0deg)!important;
            left: 44%;
            top: 266px;
        }
    
         
        .img2 .diagonal-text h1{
            left: 25%;
        }
        .elec-mark2{
            left: 19%;
        }  
        .video-play-button2{
            transform: skew(0deg)!important;
            left: 28%;
            top:260px;
        }
    
        .img3 .diagonal-text h1{
            left: 21%;
        }
        .elec-mark3{
            left: 21%;
        }  
        .video-play-button3{
            transform: skew(0deg)!important;
            left: 31%;
            top: 265px;
        }
    
        .products-cont .owl-theme .owl-nav, 
        .client-carousel .owl-nav{
            top: -30px;
        }
        .counters{
            padding: 40px 0 40px!important;
        }
        .counters .counter .counter-icon-box {
            margin: 0!important;
        }
        .counter-icon-box img{
            max-width: 50px;
            margin-bottom: 10px;
        }
        .counters .counter .number{
            margin-left: 0px!important;
        } 
        .counters .counter h3 {
            margin: 10px!important;
        }
        .counters .counter .number:before {
            left: 28%;
        }
        .testimonials-wrapper {
            padding: 40px 0 45px!important;
        }
        .news-wrapper {
            padding: 40px 0 40px;
        }
        .news-wrapper .news-section-single .news-img{
            margin: 0!important;
        }
        .our-team-wrapper {
            padding: 40px 0 45px!important;
        }
        .form span {
            display: none;
        }
        /*.footer-search-form .form input.form-control{
            width: 68%!important;
        }
        */
        .footer-search-form .form a.bttn{
            font-size: 14px!important;
            width: 38%!important;
            padding: 9px 7px!important;
        }
        .footer-search-form .form input.form-control {
           wwidth: 74%!important;
           font-size: 14px!important;
            padding: 14px 0 10px 20px!important;
        }
        .search-wrapper {
           width: 94%;
           margin: -40px 10px 45px;
        }
        footer ul li {
            display: inline-block!important;
        }
        footer h4 {
            margin: 30px 0 30px!important;
        }
        .footer-cta-wrapper p {
            clear: none!important;
        }
        .design-by img{
            max-width: 80px!important;
        }
        .testimonials-inner, .testimonials-text .client-name{
            margin: 0 0 0px!important;
        }
        .about-text h3 {
            margin-top: 20PX!important;
        }
        .contact-wrapper {
            padding: 40px 0 40px!important;
        }
        .flogo img{
            max-width: 100px;
        }
        .about-text p {
            margin: 0 0 0px;
        }
        .breadcromb-left>h3::after {
           right: 0!important;
               display: none; 
        }
        .breadcromb-left>h3::before{
            display: none;
        }
       .pad-bottom-120 {
            padding-bottom: 120px;
        }
        
        .pad-bottom-100 {
            padding-bottom: 100px!important;
        }
        
        .contact-wrapper .contact-form {
            margin: 0 0 40px
        }
        header .header-inner {
            padding: 0px 0 0;
        }
        .intro-content a{
            color: #fff
        }
        div.title {
            margin: 0 0 15px;
        }
    
    .map-wrapper{
        padding:0 0 80px 0 !important ;
        float: left;
        width: 100%;
    }
    
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*new row product page style */
    
    
     /*service side bar*/
     .sidebar {
      font-size: 13px;
    }
    .col-left {
      margin-bottom: 0px;
    }
    .widget-categories {
      background-color: #fff;
      box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    }
    
    .widget-categories .block-title {
      border-bottom: 1px solid #eaeaea;
      color: #333e48;
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
      margin: 0;
      padding: 15px 20px 15px 20px;
      position: relative;
      font-family: 'Open Sans', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }
    
    .widget-categories .accordion {
      padding: 15px 20px;
    }
    
    .widget-categories .accordion>.card:first-child {
      border: none;
      padding-top: 0px;
    }
    
    .widget-categories .accordion>.card {
      overflow: hidden;
      border-top: 1px #eaeaea solid;
      padding: 5px 0px;
    }
    .card {
      background-color: #fff;
      /* box-shadow: 0 1px 3px rgb(0 0 0 / 9%); */
      border: none;
      border-radius: 0;
      width: 100%;
      text-align: left;
    }
    
    .widget-categories .accordion .card-header {
      background: none;
      border: none;
      position: relative;
      border-bottom: 1px solid #eaeaea;
      padding: 10px 5px 3px;
    }
    
    .collapse.in {
      display: block;
    }
    .widget-categories .accordion .card .card-header a[aria-expanded="true"]:before {
      background: #0193de;
      color: #ffffff;
      transform: rotate(270deg);
    }
    .widget-categories .accordion .card-header a:before {
      width: 20px;
      height: 20px;
      border-radius: 100%;
      text-align: center;
      line-height: 22px;
      background: #f2f2f2;
      content: "\f107";
      font-family: FontAwesome;
      font-weight: 400;
      font-size: 12px;
      transform: rotate(270deg);
      top: 50%;
      position: absolute;
      right: 0px;
      margin-top: -10px;
    }
    
    /*.widget-categories .accordion .card .card-header a[aria-expanded="true"] {*/
    /*  color: #2b9ba0;*/
    /*}*/
    .widget-categories .accordion .card-header a {
      font-weight: 600;
      text-transform: capitalize;
      display: inline-block;
      width: 100%;
      font-size: 13px;
      color: #333e48;
      padding-right: 22px;
      line-height: 1.3;
    }
    
    .service-ul{
      padding-top:5px ;
    }
    
    .service-ul li{
      padding: 5px 20px;
    }
    .fade {
         opacity: 1 !important; 
        -webkit-transition: opacity .15s linear;
        -o-transition: opacity .15s linear;
        transition: opacity .15s linear;
    }
    
    
    
    
    
    /*.widget-categories {*/
    /*    background-color: #fff !important;*/
    /*    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%) !important;*/
    /*}*/
    /*.widget-categories .block-title {*/
    /*    border-bottom: 1px solid #eaeaea;*/
    /*    color: #333e48;*/
    /*    font-size: 16px;*/
    /*    font-weight: 600;*/
    /*    line-height: normal;*/
    /*    margin: 0;*/
    /*    padding: 15px 20px 15px 20px;*/
    /*    position: relative;*/
    /*    font-family: 'Open Sans', sans-serif;*/
    /*    text-transform: uppercase;*/
    /*    letter-spacing: 0.5px;*/
    /*}*/
    /*.widget-categories .accordion {*/
    /*    padding: 15px 20px;*/
    /*}*/
    /*#accordion .card {*/
    /*    background-color: transparent;*/
    /*    border: none;*/
    /*    border-bottom: 1px solid #ccc;*/
    /*    -webkit-border-radius: 0;*/
    /*    -moz-border-radius: 0;*/
    /*    border-radius: 0;*/
    /*}*/
    
    /*.widget-categories .accordion>.card:first-child {*/
    /*    border: none;*/
    /*    padding-top: 0px;*/
    /*}*/
    /*.widget-categories .accordion>.card {*/
    /*    overflow: hidden;*/
    /*    border-top: 1px #eaeaea solid;*/
    /*    padding: 5px 0px;*/
    /*}*/
    /*.accordion>.card:last-of-type {*/
    /*    border-top-left-radius: 0;*/
    /*    border-top-right-radius: 0;*/
    /*}*/
    /*.accordion>.card:first-of-type {*/
    /*    border-bottom: 0;*/
    /*    border-bottom-right-radius: 0;*/
    /*    border-bottom-left-radius: 0;*/
    /*}*/
    /*.accordion>.card {*/
    /*    overflow: hidden;*/
    /*}*/
    /*.card {*/
    /*    background-color: #fff;*/
        /* box-shadow: 0 1px 3px rgb(0 0 0 / 9%); */
    /*    border: none;*/
    /*    border-radius: 0;*/
    /*    width: 100%;*/
    /*    text-align: left;*/
    /*}*/
    /*.border-0 {*/
    /*    border: 0!important;*/
    /*}*/
    /*.card {*/
    /*    position: relative;*/
    /*    display: -ms-flexbox;*/
    /*    display: flex;*/
    /*    -ms-flex-direction: column;*/
    /*    flex-direction: column;*/
    /*    min-width: 0;*/
    /*    word-wrap: break-word;*/
    /*    background-color: #fff;*/
    /*    background-clip: border-box;*/
    /*    border: 1px solid rgba(0,0,0,.125);*/
    /*    border-radius: 0.25rem;*/
    /*}*/
    /*.widget-categories .accordion .card-header {*/
    /*    background: none;*/
    /*    border: none;*/
    /*    position: relative;*/
    /*    border-bottom: 1px solid #eaeaea;*/
    /*    padding: 10px 5px 3px;*/
    /*}*/
    
    /*.accordion>.card .card-header {*/
    /*    margin-bottom: -1px;*/
    /*}*/
    /*.card-header:first-child {*/
    /*    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;*/
    /*}*/
    /*.card-header {*/
    /*    padding: 0.75rem 1.25rem;*/
    /*    margin-bottom: 0;*/
    /*    background-color: rgba(0,0,0,.03);*/
    /*    border-bottom: 1px solid rgba(0,0,0,.125);*/
    /*}*/
    /*.widget-categories .accordion .card-header a {*/
    /*    font-weight: 600;*/
    /*    text-transform: capitalize;*/
    /*    display: inline-block;*/
    /*    width: 100%;*/
    /*    font-size: 14px;*/
    /*    color: #333e48;*/
    /*}*/
    /*#accordion .card {*/
    /*    background-color: transparent;*/
    /*    border: none;*/
    /*    border-bottom: 1px solid #ccc;*/
    /*    -webkit-border-radius: 0;*/
    /*    -moz-border-radius: 0;*/
    /*    border-radius: 0;*/
    /*}*/
    
    /*.card {*/
    /*    background-color: #fff;*/
        /* box-shadow: 0 1px 3px rgb(0 0 0 / 9%); */
    /*    border: none;*/
    /*    border-radius: 0;*/
    /*    width: 100%;*/
    /*    text-align: left;*/
    /*}*/
    /*.border-0 {*/
    /*    border: 0!important;*/
    /*}*/
    /*.card {*/
    /*    position: relative;*/
    /*    display: -ms-flexbox;*/
    /*    display: flex;*/
    /*    -ms-flex-direction: column;*/
    /*    flex-direction: column;*/
    /*    min-width: 0;*/
    /*    word-wrap: break-word;*/
    /*    background-color: #fff;*/
    /*    background-clip: border-box;*/
    /*    border: 1px solid rgba(0,0,0,.125);*/
    /*    border-radius: 0.25rem;*/
    /*}*/
    /*.txt-widget-avatar {*/
    /*    display: inline-block;*/
    /*    float: left;*/
    /*}*/
    /*.txt-widget-avatar img {*/
    /*    width: 100px;*/
    /*    height: 100px;*/
    /*    display: inline-block;*/
    /*    margin: 0 15px 0 0;*/
    /*}*/
    /*.txt-widget-data>h5 {*/
    /*    font-size: 2.3rem;*/
    /*    line-height: 1;*/
    /*    font-weight: 700;*/
    /*    padding-top: 10px;*/
    /*    margin-bottom: 5px;*/
    /*}*/
    /*.txt-widget-data span {*/
    /*    color: #666;*/
    /*    font-size: 1.5rem;*/
    /*}*/
    /*.txt-widget-data p {*/
    /*    font-size: 1.7rem;*/
    /*    line-height: 1;*/
    /*    font-weight: 900;*/
    /*    margin-top: 4px;*/
    /*    margin-bottom: 0;*/
    /*}*/
    /*.tab-content>.active {*/
    /*    display: block;*/
    /*}*/
    
    /*.tab-content>.tab-pane {*/
    /*    display: none;*/
    /*}*/
    /*.active {*/
    /*    font-weight: bold;*/
    /*}*/
    /*.show {*/
    /*    visibility: visible;*/
    /*}*/
    /*.fade {*/
    /*    transition: opacity .15s linear;*/
    /*}*/
    
    /*#tabs-2 > .tab-content > h3 {*/
    /*    margin-bottom: 20px;*/
    /*}*/
    
    /*.service-p {*/
    /*    font-weight: 400;*/
    /*}*/
    
    
    /*.p-3 {*/
    /*    padding: 1rem!important;*/
    /*}*/
    /*.img-fluid {*/
    /*    max-width: 100%;*/
    /*    height: auto;*/
    /*}*/
    
    
    
    /*.widget-categories .accordion .card .card-header a[aria-expanded="true"]:before {*/
    /*    background: #fbe170;*/
    /*    color: #ffffff;*/
    /*    transform: rotate(270deg);*/
    /*}*/
    
    /*.widget-categories .accordion .card-header a:before {*/
    /*    width: 20px;*/
    /*    height: 20px;*/
    /*    border-radius: 100%;*/
    /*    text-align: center;*/
    /*    line-height: 22px;*/
    /*    background: #f2f2f2;*/
    /*    content: "\f107";*/
    /*    font-family: FontAwesome;*/
    /*    font-weight: 400;*/
    /*    font-size: 12px;*/
    /*    transform: rotate(270deg);*/
    /*    top: 50%;*/
    /*    position: absolute;*/
    /*    right: 10px;*/
    /*    margin-top: -10px;*/
    /*}*/
    
    /*h3.h3-md {*/
    /*    font-size: 3.625rem;*/
    /*    font-weight:700;*/
        /*font-family: 'montserrat';*/
    /*}*/
    
    /*  .steelblue-color,*/
    /*  .steelblue-color h2,*/
    /*  .steelblue-color h3,*/
    /*  .steelblue-color h4,*/
    /*  .steelblue-color h5,*/
    /*  .steelblue-color h6,*/
    /*  .steelblue-color p,*/
    /*  .steelblue-color a,*/
    /*  .steelblue-color li,*/
    /*  .steelblue-color i,*/
    /*  .white-color .steelblue-color,*/
    /*  .steelblue-color span {*/
    /*    color: #fade62;*/
    /*  }*/
    
    /*.h5, h5 {*/
    /*    font-size: 1.25rem;*/
    /*}*/
    
    /*.h3-md.steelblue-color{*/
    /*    color: #494949;*/
    /*}*/
    /*.mb-15 {*/
    /*    margin-bottom: 15px;*/
    /*}*/
    /*.p-3 {*/
    /*    padding: 1rem!important;*/
    /*}*/
    
    /*.tab-img {*/
    /*    margin-top: 30px ;*/
    /*    margin-bottom: 30px;*/
    /*}*/
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .footer-menu-social1 {
      float: left !important;
    }
    
    .footer-menu-social {
      float: right;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-menu-social {
        float: inherit;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
    }
    @media only screen and (max-width: 767px) {
      .footer-menu-social {
        float: inherit;
        display: block;
        text-align: center;
      }
      
      .item--body {
        width: 53%;
        padding: 10px !important;
        height: auto !important;
    }
    }
    .footer-menu-social .footer-menu ol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 2px;
    }
    @media only screen and (max-width: 767px) {
      .footer-menu-social .footer-menu ol {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }
    }
    .footer-menu-social .footer-menu ul li {
      margin-right: 15px;
    }
    .footer-menu-social .footer-menu ul li:last-child {
      margin-right: 0px;
    }
    .footer-menu-social .footer-menu ul li a {
      color: #fff;
    }
    .footer-menu-social .footer-menu ul li a:hover {
      color: #ddd;
    }
    .footer-menu-social .footer-social {
      /* margin-left: 34px; */
      position: relative;
    }
    @media only screen and (max-width: 767px) {
      .footer-menu-social .footer-social {
        margin-left: 0px;
        margin-top: 10px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
    }
    
    @media only screen and (min-width: 576px) and (max-width: 767px) {
        
          .banner-text-responsive{
            text-align:left;
        }
      /* .footer-menu-social .footer-social:before {
        display: none;
      } */
    }
    .footer-menu-social .footer-social ol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .footer-menu-social .footer-social ol li {
      margin-left: 6px;
    }
    .footer-menu-social .footer-social ol li:first-child {
      margin-right: 0;
    }
    .footer-menu-social .footer-social ol li a {
      display: inline-block;
      width: 28px;
      height: 28px;
      background-color: #fff;
      border-radius: 100%;
      text-align: center;
      line-height: 28px;
      color: #0077B5;
      font-size: 12px;
    }
    .footer-menu-social .footer-social ol li a.facebook {
      color: #0054a6;
    }
    .footer-menu-social .footer-social ol li a.facebook:hover {
      background-color: #0054a6;
      color: #fff;
    }
    .footer-menu-social .footer-social ol li a.youtube {
      color: #c4302b;
    }
    .footer-menu-social .footer-social ol li a.youtube:hover {
      background-color: #c4302b;
      color: #fff;
    }
    .footer-menu-social .footer-social ol li a.twitter {
      color: #38a1f3;
    }
    .footer-menu-social .footer-social ol li a.twitter:hover {
      background-color: #38a1f3;
      color: #fff;
    }
    .footer-menu-social .footer-social ol li a.google-plus {
      color: red;
    }
    .footer-menu-social .footer-social ol li a.google-plus:hover {
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
      color: #fff;
    }
    
    .footer-menu-social .footer-social ol li a.whatsapp {
      /*background: green;*/
      color:green;
    }
    .footer-menu-social .footer-social ol li a.whatsapp:hover {
      background: green;
      color: #fff;
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .footer-top.pt-130 {
        padding-top: 120px;
      }
    }
    
    .footer-social > ol > li > a{
        display:flex;
        justify-content:center;
        align-items:center;
        padding:auto;
        margin:auto;
    }
    
    .footer-social > ol > li > a > i{
        padding:8px;
    }
    
    
    /*careers page start */
    
    .pt-80{
        padding-top:80px;
    }
    
    .pb-180{
        padding-bottom:180px;
    }
    
    .pt-50{
        padding-top:50px;
    }
    
    
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .nice-select {
        background-color: #fff;
        border: 1px solid #d8d8d8;
        color: #9b9b9b;
        padding: 6px 22px;
        line-height: normal;
        font-size: 15px;
        font-weight: 400;
        height: 51px;
        -webkit-transition: all 200ms linear 0ms;
        -khtml-transition: all 200ms linear 0ms;
        -moz-transition: all 200ms linear 0ms;
        -ms-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        width: 100%;
        outline: none;
    }
    
    .wpcf7-form .wpcf7-form-control-wrap {
         margin-bottom: 27px; 
        display: block;
    }
    
    textarea {
        line-height: normal;
        padding-top: 18px;
        padding-bottom: 18px;
        border: 1px solid #cccccc !important;
    }
    .wpcf7-form .wpcf7-form-control-wrap {
        margin-bottom: 27px;
        display: block;
    }
    
    .btn-type-normal .btn-form, .btn-type-normal button, .btn-type-normal .button, .btn-type-normal input[type="submit"] {
        background-image: none;
    }
    
    .btn-form.btn-block {
        display: block;
    }
    .elementor *, .elementor :after, .elementor :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .btn-form, button, .button, input[type="submit"], .tnp-subscription .tnp-field-button .tnp-button {
            display: inline-block;
        padding: 6px 30px;
        color: #fff;
        font-size: 18px;
        border: 2px solid #ffffff;
        border-radius: 6px;
        margin: 10px 0 0;
        background: #2d506e;
    }
    .btn-block {
        display: block;
        width: 100%;
    }
    .btn-form {
           display: inline-block;
        padding: 6px 30px;
        color: #fff;
        font-size: 18px;
        border: 2px solid #ffffff;
        border-radius: 6px;
        margin: 10px 0 0;
        background: #2d506e;
    }
    
    
    
    /*home blog styling start here*/
    
    
    .grid-item-inner {
        display: flex;
        flex-wrap: wrap;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 30px rgb(4 20 69 / 10%);
        -khtml-box-shadow: 0 2px 30px rgba(4, 20, 69, 0.1);
        -moz-box-shadow: 0 2px 30px rgba(4, 20, 69, 0.1);
        -ms-box-shadow: 0 2px 30px rgba(4, 20, 69, 0.1);
        -o-box-shadow: 0 2px 30px rgba(4, 20, 69, 0.1);
        box-shadow: 0 2px 30px rgb(4 20 69 / 10%);
        margin-top: 30px;
        margin-bottom: 45px;
        border: 1px solid #e5e5e5;
        padding: 5px;
        border-radius: 5px;
    }
    
    .item--featured {
        width: 47%;
        position: relative;
        overflow: hidden;
    }
    
    .item--body {
        padding-right: 20px;
    }
    
    .item--body {
        max-width: 50%;
        padding: 30px;
    }
    
    .item--featured a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 500ms ease-out 0s;
        -khtml-transition: all 500ms ease-out 0s;
        -moz-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;
        background-size:cover;
        background-position: center;
    }
    
    .item--title {
        color: #0d2252;
    }
    
    .item--title {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 1.45;
        color: #000;
    }
    
    .item--content {
        font-size: 14px;
        line-height: 26px;
        color: #333;
        font-family: 'Roboto';
        margin-bottom: 5px;
    }
    
    
    .slick-slide.slick-active {
        opacity: 1;
    }
    
    
    .slick-slider .slick-slide {
        outline: none;
    }
    .slick-initialized .slick-slide {
        display: block;
        margin: 13px;
        height: auto;
    }
    
    .carousel-item {
        position: relative;
    
        -ms-flex-align: center;
        align-items: center;
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease,-webkit-transform .6s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    
    /*bloge page styling */
    
    #secondary .widget {
        margin-bottom: 42px;
    }
    .widget-title, .comments-title, .comment-reply-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 30px;
        padding-bottom: 11px;
        position: relative;
    }
    
    .widget-title:before, .comments-title:before, .comment-reply-title:before {
        content: '';
        width: 40px;
        height: 3px;
        background-color: #101010;
        background-image: -webkit-gradient(linear, left top, right top, from(#101010), to(#0a0000));
        background-image: -webkit-linear-gradient(left, #101010, #0a0000);
        background-image: -moz-linear-gradient(left, #101010, #0a0000);
        background-image: -ms-linear-gradient(left, #101010, #0a0000);
        background-image: -o-linear-gradient(left, #101010, #0a0000);
        background-image: linear-gradient(left, #101010, #0a0000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#101010', endColorStr='#0a0000', gradientType='1');
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .title-link {
        color: #222;
        display: block;
        font-size: 15px;
        font-weight: 500;
        line-height: 24px;
        padding: 13px 12px 13px 16px;
        position: relative;
        position: relative;
        z-index: 1;
        border-bottom: 1px solid #ececf0;
    }
    #content, .widget_recent_entries ul li a:before {
        content: "\f105";
        font-family: "FontAwesome";
        margin-right: 8px;
    }
    .widget_ct_recent_posts .entry-brief {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 17px;
        margin-bottom: 24px;
        border-bottom: 1px solid #e2e2e7;
    }
    .widget_ct_recent_posts .entry-media {
        width: 65px;
        min-width: 65px;
        margin-right: 25px;
    }
    
    .entry-title {
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        margin-bottom: 4px;
        margin-top: -2px;
    }
    .p-0{
        padding:0px !important;
    }
    
    /*main section of blog page */
    
    .entry-blog {
        border: 1px solid #e8edf5;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        border-radius: 7px;
        background-color: #fff;
        overflow: hidden;
    }
    .entry-body {
        width: 100%;
        padding: 32px 32px 40px 32px;
    }
    .entry-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 0 0 37px;
        list-style: none;
        border-bottom: 1px solid #ececf0;
        padding-bottom: 16px;
        position: relative;
    }
    .entry-content p {
        margin-bottom: 24px;
    }
    #content .widget_product_categories ul li a:before, #content .widget_categories ul li a:before, #content .widget_nav_menu ul li a:before, #content .widget_pages ul li a:before, #content .widget_archive ul li a:before, #content .widget_meta ul li a:before, #content .widget_recent_entries ul li a:before {
      content: "\f105";
      font-family: "FontAwesome";
      margin-right: 8px;
    }
    
    .single-post , .entry-meta:before {
        content: '';
        width: 40px;
        height: 3px;
        background-color: #101010;
        background-image: -webkit-gradient(linear, left top, right top, from(#101010), to(#0a0000));
        background-image: -webkit-linear-gradient(left, #101010, #0a0000);
        background-image: -moz-linear-gradient(left, #101010, #0a0000);
        background-image: -ms-linear-gradient(left, #101010, #0a0000);
        background-image: -o-linear-gradient(left, #101010, #0a0000);
        background-image: linear-gradient(left, #101010, #0a0000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#101010', endColorStr='#0a0000', gradientType='1');
        position: absolute;
        bottom: -1px;
        left: 0;
        -webkit-box-shadow: 0 7px 16px rgb(12 12 12 / 22%);
        -khtml-box-shadow: 0 7px 16px rgba(12, 12, 12, 0.22);
        -moz-box-shadow: 0 7px 16px rgba(12, 12, 12, 0.22);
        -ms-box-shadow: 0 7px 16px rgba(12, 12, 12, 0.22);
        -o-box-shadow: 0 7px 16px rgba(12, 12, 12, 0.22);
        box-shadow: 0 7px 16px rgb(12 12 12 / 22%);
    }
    
    .entry-meta, .item--meta-default {
        margin-bottom: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
        line-height: 24px;
        color: #939393;
        font-family: 'Poppins', sans-serif;
    }
    .entry-meta i, .item--meta-default i {
        margin-right: 10px;
        margin-left: 10px;
        
    }
    .single-post,.entry-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 0 0 37px;
        list-style: none;
        border-bottom: 1px solid #ececf0;
        padding-bottom: 16px;
        position: relative;
    }
    
    .img-fluid {
      max-width: 100% !important;
      height: auto !important;
    }
    .flex-center{
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .py-50{
        padding:0 0 50px 0;
    }
    
    .f-btns{
        margin-top:20px;
    }
    .mt-70{
            margin-top: 70px;
    }
    
    
    .padding-bottom-120{
        padding-bottom:120px !important;
    }
    
    
    .overflow{
        overflow: hidden !important;
    }
    
    .adsversify{
        max-width:100px;
    }
    
    li.text-white {
        display: flex;
        justify-content: right;
        align-items: center;
    }
    
    input[type=file] {
        display: block;
        border: 1px solid #cccccc !important;
        padding: 13px 23px;
        color: #cccccc;
        width:100%;
    }
    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 400;
        font-size: 1.5rem;
        color: #000000;
    }
    .address-box{
        min-height:80px;
    }
    
    
    
    .call_me {
        position: fixed;
        bottom: 30px;
        left: 30px;
        width: 60px;
        height: 60px;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        z-index: 100000!important;
        cursor: pointer
    }
    
    .call_me,
    .call_me::before {
        background: radial-gradient(#33a93c, #33a93c, #18791f)
    }
    
    .call_me i {
        color: #fff;
        font-size: 24px;
        line-height: 60px;
        -webkit-animation: uptocallphone 1.5s linear infinite;
        -moz-animation: uptocallphone 1.5s linear infinite;
        animation: uptocallphone 1.5s linear infinite;
        position: relative;
        z-index: 10001
    }
    
    .call_me::before {
        content: '';
        transform: scale(1, 1);
        opacity: .5;
        width: 60px;
        height: 60px;
        display: block;
        position: fixed;
        left: 30px;
        bottom: 30px;
        border-radius: 100%;
        z-index: 9999;
        -webkit-animation: uptocallmini 1.5s infinite;
        -moz-animation: uptocallmini 1.5s infinite;
        animation: uptocallmini 1.5s infinite
    }
    
    @-webkit-keyframes uptocallphone {
        0% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        25% {
            -ms-transform: rotate(30deg);
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg)
        }
        50% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        75% {
            -ms-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg)
        }
        100% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    
    @-moz-keyframes uptocallphone {
        0% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        25% {
            -ms-transform: rotate(30deg);
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg)
        }
        50% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        75% {
            -ms-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg)
        }
        100% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    
    @keyframes uptocallphone {
        0% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        25% {
            -ms-transform: rotate(30deg);
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg)
        }
        50% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        75% {
            -ms-transform: rotate(-30deg);
            -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg)
        }
        100% {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }
    
    @-webkit-keyframes uptocallmini {
        0% {
            -webkit-transform: scale(1, 1);
            opacity: .5
        }
        80% {
            opacity: 0;
            -webkit-transform: scale(1.5, 1.5)
        }
        85% {
            -webkit-transform: scale(.5, .5);
            opacity: 0
        }
        100% {
            -webkit-transform: scale(1, 1);
            opacity: .5
        }
    }
    
    @keyframes uptocallmini {
        0% {
            transform: scale(1, 1);
            opacity: .5
        }
        80% {
            opacity: 0;
            transform: scale(1.5, 1.5)
        }
        85% {
            transform: scale(.5, .5);
            opacity: 0
        }
        100% {
            transform: scale(1, 1);
            opacity: .5
        }
    }
    
    
    .img1{
        position:relative;
    }
    
    .img1::after {
        content: '';
        background: #00000042;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity:1;
        z-index: 1;
        transition:all 0.8s;
    }
    
    .img1:hover:after {
        opacity : 0;
    }
    
    
    /*.about-text{*/
    /*    margin-top:10%;*/
    /*}*/
    .diagonal-box .col-md-4.p-0{
        overflow:hidden;
    }
    .diagonal-box .col-md-4.p-0:hover .img1{
        transform: scale(1.1);
    }
    
    .phone a {
        color: #fff;
    }
    
    .client-carousel.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage{
        margin:auto !important;
    }
    
    
    .img_bg{
        position:relative;
    }
    .img_bg::after{
        position:absolute;
        content:'111';
        height:200px;
        width:200px;
        background-color:white;
        border-radius:100px;
        top:0;
        right:0;
        bottom:0;
        left:0;
    }
    .img_container {
        position: relative;
    }
    
    .img_container::before {
        position: absolute;
        content: '';
        height: 210px;
        width: 210px;
        background-color: white !important;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius:150px;
        margin:auto;
        
    }
    
    .col-md-7.col-sm-7.order-first.text-left {
        order: 1;
    }
            .diagonal-text h1 {
        font-size: 18px;
        text-align: center !important;
    }
    
    .diagonal-text {
        text-align: center !important;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
    }
    
    .img1 {
        height: 250px;
        margin: auto 15px;
        /* padding: 0 15px; */
    }
    
    .container-fluid.m-0.diagonal-box .row .col-6.col-xs-6.col-sm-6.col-lg-4.col-md-4.col-lg-4.p-0 {
        margin: auto !important;
    }
    
    .container-fluid.m-0.diagonal-box .row {
        display: flex;
    }
    
    .rounded-button {
        display: none !important;
    }
    
    .item--featured a.bg-image img {
        height: 100% !important;
        object-fit: cover;
    }
    .blog_img {
        max-width: 50%;
    }
    
    .blog_img > img {
        height: 100% !important;
        object-fit: cover !important;
    }
    
    
    
    
    .product-flex{
        
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0px 26px;
    
    }
    
    .flex-data{
        width:23%;
    }
    
    .daig-boxs{
        margin-bottom:20px;
    }
    
    
    .flexing-contract-outer{
        display: flex;
        margin-top: 32px;
            justify-content: space-between;
        flex-wrap: wrap;
        gap: 11px 2px;
    }
    .contact-box{
          width: 22%;
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
            border: 1px solid #b6b6b647;
            padding: 9px 10px 0px 7px;
        border-radius: 5px;
    }
    
    .inputs-padding{
           padding: 7px 4px 7px 5px;
    }
    
    .map-outer{
        width:100%;
    }
    .heading-outer{
            margin-top: 17px !important;
    }
    .bordering{
            border: 1px solid #eaeaea;
    }
    .flexing-con{
        display:flex;
        justify-content:space-between;
    }
    .heading-outer{
            margin-top: 22px;
    }
    .contact-form form#contact-form textarea#message {
        min-height: 80px;
    }
    .get-in-touch{
        margin-top:15px;
        margin-bottom:25px;
        font-weight: 700;
    }
    
    
    
  .insta{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}

.insta-over{
 width: 100%;
 height:100%;
 position: absolute;
 background: rgb(255,255,255);
 background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7707457983193278) 100%);
 top:0;
 left: 0;
 z-index: 1;
 cursor: pointer;
 opacity: 0.3;
 transition: opacity .5s ease-out;
 -moz-transition: opacity .5s ease-out;
 -webkit-transition: opacity .5s ease-out;
 -o-transition: opacity .5s ease-out;
}

.insta:hover .insta-over {
  opacity: 1 !important;
  transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
}
.insta img{
  transform: scale(1);
  width: 100%;
  height: 100%;
}
.insta:hover img{
  transform: scale(1.01);

}
.overlay-content-over{
  width: 90%;
  position: absolute;
  bottom:10px;
  left:10px;
  z-index: 2;
  color: #fff;
  opacity: 0;
  transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
.insta:hover .overlay-content-over{
  opacity: 1;
  transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
.insta-icon {
  z-index: 3;
  position: absolute;
  top: 5px;
  right: 5px;
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  color: #fff;
  /* width: 24px; */
  text-align: center;
  /* height: 24px; */
  padding: 4px 5px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.margin-tt{
    margin-top:35px
}


.align-center{
    display:flex;
    align-items:center;
}
.vedios-center{
        justify-content: center;
    display: flex
;
}
.margin-bottom-index{
            margin-bottom: 63px;
}
@media(max-width:767px){
    .margin-bottom-index {
            margin-bottom: 90px;
}
}

.height100, .height100 iframe{
    height: 100%;
}

.Associations{
    color: white !important;
}
.item-assos{
        background: white;
    /* border: 1px solid #000000; */
    box-shadow: 1px 1px 1px 1px #32323214;
    padding: 10px;
     /*height: 100px;*/
}

.link-main {
    padding: 15px;
    margin: 10px;
    border: 1px solid #efefef;
    border-radius: 4px;    background: #ededed;
    box-shadow: 1px 1px 1px 1px #dfdfdf85;
}
 .link-text {
    display: flex
;
    align-items: center;
}

.thumbnal img {
    border: 1px solid #d7d7d7;
    border-radius: 100%;
    width: 60px;
    padding: 10px;
    background: #ffffff;
}

.cat-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.cat-img{
    border-radius: 10px;
    overflow: hidden;
}
.cat-content{
    
}
.cat-content h4{
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 8px;
}
.cat-content p{
    margin-bottom: 13px;
    font-size: 12px;
}
.cat-content a{
    background: #0193de;
    color: white;
    padding: 8px 12px;
    border-radius: 22px;
    font-size: 12px;
    cursor: pointer;
}

.my-btn{
    color: #0193de;
    background:white;
    padding: 12px 25px;
    border-radius: 22px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
.cat-box{
        border: 1px solid #ebebeb;
        display: block;
        padding: 50px 30px;
        /* min-height: 300px; */
        display: flex;
        align-items: center;
        cursor: pointer;
        background-color: #f3f3f3;
        border-radius: 10px;
        margin-bottom: 30px;
        transform: translateY(0px);
        transition: all 0.4s 
ease 0s;
}
/* -------------slick-- */
.prev-arrow2{
  /* color: white; */
  border: none;
  /* background: transparent; */
  font-size: 30px;
  position: absolute;
  z-index: 1231313;
  top: 50%;
  left: 10px;
  transform: translate(-50%,-50%);
  background: #37b4fc;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 50%;
  font-size: 17px;
}
.next-arrow2{
   /* color: var(--primary-color)!important; */
   border: none;
   /* background: transparent; */
   font-size: 30px;
   position: absolute;
   z-index: 1;
   top: 50%;
   /* left: 0; */
   transform: translate(50%,-50%);
   right: 10px;
   /* transform: rotate(180deg); */
   background: #37b4fc;
   border-radius: 50%;
   height: 40px;
   width: 40px;
   font-size: 17px;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
}

.s-slider.slick-initialized {
  visibility: visible;
  opacity: 1;    
}
.t-slider-content{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    text-align: center;
    border-radius: 10px;
}
.t-slider-content img{
    width: 100%;
    height: 300px!important;
    object-fit: cover;
    object-position: center;
}
.t-slider-content h2{
    font-weight: 600;
    font-size: 22px;
    margin: 0;
    padding: 10px 15px;
}