/* ===================================
    About
====================================== */

/*
    Theme Name: MegaOne | Medical
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page Parallax Template
    Tags: one page, multipurpose, parallax, creative, html5
*/

/* ===================================
    Table of Content
====================================== */

/*  - Fonts
    - General
    - Social Icon Hover
    - Slider
    - Header And Navigation
    - features
    - About
    - Bars
    - Contact Us
    - Department
    - Counters
    - Portfolio
    - Testimonials
    - Blog Pages
    - Footer
    - Loader
    - Media Queries   */


    @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
    @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
    
    
    body {
        padding: 0;
        margin: 0;
        font-family: 'alliance-bold', sans-serif;
        font-size: 1rem;
        color: #a5a5a5;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    
    section {padding: 7.5rem 0;}
    h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;}
    p {
        color: #535353;
        font-size: 16px;
        font-weight: 400;
    }
    
    a{outline: none; text-decoration: none;}
    a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;text-decoration: none; }
    
    .bg-gradient { }
    
    .bg-yellow {
        background-color: #f2c900;
    }
    .bg-light-gray {
        background-color: #f6f6f6;
    }
    .color-black {color: #18191d;}
    
    .para-color {color:#535353;}
    
    ol, ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    /* center-block */
    .center-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .mt-66px {
        margin-top: 66px;
    }
    
    
    .btn {display:inline-block; border:2px solid transparent; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform:capitalize; width: auto; font-family: 'alliance-bold', sans-serif; font-weight: 400;
        -webkit-transition: all .3s ease-in-out !important;
        -moz-transition: all .3s ease-in-out !important;
        -ms-transition: all .3s ease-in-out !important;
        -o-transition: all .3s ease-in-out !important;
        transition: all .3s ease-in-out !important;}
    
    /* button size */
    .btn.btn-very-small {font-size:9px; padding: 1px 17px; line-height: 22px;}
    .btn.btn-small {font-size:11px; padding: 4px 24px;}
    .btn.btn-medium {font-size:12px; padding: 6px 25px 5px;}
    .btn.btn-large {font-size:13px; padding: 9px 34px !important; line-height: 25px}
    .btn.btn-extra-large {font-size:15px; padding: 12px 40px 13px;  line-height: 25px}
    .btn-dual .btn {margin: 0 10px; }
    .btn i {margin-left: 6px; vertical-align: middle; position: relative; top:-1px}
    
    /* button background */
    .btn.btn-white {background:#ffffff; border-color: #ffffff; color: #232323; font-size: 15px;}
    .btn.btn-white:hover, .btn.btn-white:focus {background: transparent; color: #fff; font-size: 15px;}
    
    .btn.btn-orange {background:#e25111; border-color: #e25111; color: #FFFFFF; font-size: 15px;}
    .btn.btn-orange:hover, .btn.btn-orange:focus {background: #FFFFFF; color: #e25111!important; font-size: 15px;}
    
    .btn.btn-black {background:#000000; border-color: #000000; color: #fff; font-size: 15px;}
    .btn.btn-black:hover, .btn.btn-black:focus {background: transparent; color: #000; font-size: 15px;}
    .btn.btn-pak {background-color: #439f76; border-color: #FFFFFF; color:#FFFFFF; font-size: 15px;}
    .btn.btn-pak:hover, .btn.btn-pak:focus {background-color: #FFFFFF;border-color: #439f76; color: #439f76;font-size: 15px;  }
    .btn.btn-sky {background-color: #384141; border-color: #FFFFFF; color:#FFFFFF; font-size: 15px;}
    .btn.btn-sky:hover, .btn.btn-sky:focus {background-color: #FFFFFF; border-color: #384141; color: #384141;font-size: 15px;  }
    .btn.btn-pink {background-color: #e23939; border-color: #FFFFFF; color:#FFFFFF; font-size: 15px;}
    .btn.btn-pink:hover, .btn.btn-pink:focus {background-color: #FFFFFF; border-color: #e23939; color: #e23939;font-size: 15px;  }
    .btn.btn-green {background-color: #53be53; border-color: #53be53; color:#FFFFFF; font-size: 15px;}
    .btn.btn-green:hover, .btn.btn-green:focus {background: transparent; color: #53be53;font-size: 15px;  }
    .btn.btn-blackish {background:#18191d; border-color: #FFFFFF; color: #fff;font-size: 15px;}
    .btn.btn-blackish:hover, .btn.btn-black:focus {background: #FFFFFF; color: #18191d;font-size: 15px;}
    
    .btn.btn-white-blue {background:#ffffff; border-color: #ffffff; color: #484b59;font-size: 15px;}
    .btn.btn-white-blue:hover, .btn.btn-black:focus {border-color: #39c5de; background: #39c5de; color: #ffffff !important;font-size: 15px;}
    
    .btn.btn-green-blue {background:#53be53; border-color: #53be53; color: #fff;font-size: 15px;}
    .btn.btn-green-blue:hover, .btn.btn-green-blue:focus {background-color: #24c4f4; border-color: #24c4f4; color: #FFFFFF;font-size: 15px;}
    
    /* button transparent */
    .btn.btn-transparent-white {background: transparent; border-color: #ffffff; color: #ffffff}
    .btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {background: #ffffff; border-color: #ffffff; color: #000000
    }
    .btn.btn-white-green {background: #FFFFFF; border-color: #ffffff; color: #384141}
    .btn.btn-transparent-white:hover, .btn.btn-transparent-white:focus {background: #ffffff; border-color: #ffffff; color: #232323}
    .btn.btn-transparent-green {background-color: transparent; border-color: #53be53; color:#53be53; font-size: 15px;}
    .btn.btn-transparent-green:hover, .btn.btn-transparent-green:focus {background: #53be53; color: #FFFFFF;font-size: 15px;  }
    
    .btn.btn-transparent-black {background: transparent; border-color: #000000; color: #000000}
    .btn.btn-transparent-black:hover, .btn.btn-transparent-black:focus {background: #000000; border-color: #000000; color: #ffffff}
    
    /*-- gradient btn --*/
    .btn.btn-white {background:#ffffff; border-color: #ffffff; color: #232323; font-size: 15px;}
    .btn.btn-white:hover, .btn.btn-white:focus {background: transparent; color: #fff; font-size: 15px;}
    
    .btn.btn-white-only {background:#ffffff; border-color: #ffffff; color: #232323; font-size: 15px;}
    .btn.btn-white-only:hover, .btn.btn-white-only:focus {background: #232323; color: #fff; font-size: 15px;}
    
    .btn.btn-black {background:#18191d; border-color: #FFFFFF; color: #fff; font-size: 15px;}
    .btn.btn-black:hover, .btn.btn-black:focus {background: #FFFFFF; color: #18191d; font-size: 15px;}
    .btn.btn-school {background:#0375b4; border-color: #FFFFFF; color: #fff; font-size: 15px;}
    .btn.btn-school:hover, .btn.btn-school:focus {background: #FFFFFF; border-color: #0375b4; color: #0375b4; font-size: 15px;}
    .btn.btn-green {background-color: #53be53; border-color: #53be53; color:#FFFFFF; font-size: 15px;}
    .btn.btn-green:hover, .btn.btn-green:focus {background: transparent; color: #53be53;font-size: 15px;  }
    .btn.btn-red {background:#cc2028; border-color: #FFFFFF; color: #fff;font-size: 15px;}
    .btn.btn-red:hover, .btn.btn-black:focus {background: #FFFFFF; color: #cc2028;font-size: 15px;}
    .btn.btn-x-green {background:#14a76c; border-color: #FFFFFF; color: #fff;font-size: 15px;}
    .btn.btn-x-green:hover, .btn.btn-black:focus {background: #FFFFFF; color: #14a76c;font-size: 15px;}
    .btn.btn-yellow {background:#f2c900; border-color: #FFFFFF; color: #fff;font-size: 15px;}
    .btn.btn-yellow:hover, .btn.btn-yellow:focus {border-color: #f2c900; background: #FFFFFF; color: #f2c900 !important;font-size: 15px;}
    .btn.btn-blue {background:#00bcd4; border-color: #FFFFFF; color: #fff;font-size: 15px;}
    .btn.btn-blue:hover, .btn.btn-blue:focus {background: #FFFFFF; color: #00bcd4 !important; border-color:#00bcd4; font-size: 15px;}
    
    .btn.btn-drk-blue {background:#0284d0; border-color: #0284d0; color: #fff;font-size: 15px;}
    .btn.btn-drk-blue:hover, .btn.btn-drk-blue:focus {background: #39c5de; color: #FFFFFF !important; border-color:#39c5de; font-size: 15px;}
    
    .btn.btn-green-blue {background:#53be53; border-color: #53be53; color: #fff;font-size: 15px;}
    .btn.btn-green-blue:hover, .btn.btn-green-blue:focus {background-color: #24c4f4; border-color: #24c4f4; color: #FFFFFF;font-size: 15px;}
    .btn.btn-black-yellow {background:#212331; border-color: #212331; color: #fff;font-size: 15px;}
    .btn.btn-black-yellow:hover, .btn.btn-black-yellow:focus {background-color: #f2c900; border-color: #f2c900; color: #FFFFFF;font-size: 15px;}
    .btn.btn-school-yellow {background: #0375b4; border-color: #0375b4; color: #fff;font-size: 15px;}
    .btn.btn-school-yellow:hover, .btn.btn-school-yellow:focus {background-color: #f2c900; border-color: #f2c900; color: #FFFFFF;font-size: 15px;}
    .btn.btn-blue-pink {background:#384141; border-color: #384141; color: #fff;font-size: 15px;}
    .btn.btn-blue-pink:hover, .btn.btn-blue-pink:focus {background-color: #e23939; border-color: #e23939; color: #FFFFFF;font-size: 15px;}
    /* button transparent */
    .btn.btn-gradient {background: -webkit-linear-gradient(90deg, #3264f5, #7202bb);
        background: -webkit-gradient(linear, left top, right top, color-stop(#3264f5), color-stop(#7202bb));
        background: -webkit-linear-gradient(left, #3264f5, #7202bb);
        background: -o-linear-gradient(left, #3264f5, #7202bb);
        background: -webkit-gradient(linear, left top, right top, from(#3264f5), to(#7202bb));
        background: linear-gradient(90deg, #3264f5, #7202bb); ; border-color: #FFFFFF; color:#FFFFFF; font-size: 15px;}
    .btn.btn-gradient:hover, .btn.btn-gradient:focus { background: -webkit-linear-gradient(90deg, #7202bb, #3264f5);
        background: -webkit-gradient(linear, left top, right top, color-stop(#7202bb), color-stop(#3264f5));
        background: -webkit-linear-gradient(left, #7202bb, #3264f5);
        background: -o-linear-gradient(left, #7202bb, #3264f5);
        background: -webkit-gradient(linear, left top, right top, from(#7202bb), to(#3264f5));
        background: linear-gradient(90deg, #7202bb, #3264f5);; color: #FFFFFF;font-size: 15px;  }
    
    /* button rounded */
    .btn.btn-rounded {border-radius: 50px}
    .btn.btn-rounded.btn-very-small {padding: 2px 23px 1px;}
    .btn.btn-rounded.btn-small {padding: 5px 29px;}
    .btn.btn-rounded.btn-medium {padding: 6px 32px;}
    .btn.btn-rounded.btn-large {padding: 9px 38px;}
    .btn.btn-rounded.btn-extra-large {padding: 12px 45px 13px;}
    
    a:not([href]):not([tabindex]) {
        color:#fff;
    }
    
    .color-white {
        color: #fff;
    }
    .gradient-text {
        background: #3264f5;
        background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
        background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
        background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
    }
    
    
    
    
    
    .bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .gradient-bg {    background: #3264f5;
        background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
        background: -webkit-linear-gradient(left, #3264f5 2%,#7202bb 82%);
        background: linear-gradient(to right, #3264f5 2%,#7202bb 82%);}
    .blue-bg{
        background-color: #00bcd4;
    }
    .black-bg{
        background-color: #18191d;
    }
    .gradient-bg, .gradient-bg:hover {
        background: #3264f5;
        background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
        background: -webkit-linear-gradient(left, #3264f5 2%,#7202bb 82%);
        background: linear-gradient(to right, #3264f5 2%,#7202bb 82%);
    }
    .blue-bg, .blue-bg:hover  {
        background-color: #00bcd4;
    }
    .black-bg, .black-bg:hover {
        background-color: #18191d;
    }
    
    .text-shadow {text-shadow: 2px 2px 4px #000000;}
    
    /* opacity */
    .opacity-full{opacity: 1;}
    .opacity-3{opacity: .3;}
    .opacity-4{opacity: .4;}
    .opacity-5{opacity: .5;}
    .opacity-6{opacity: .6;}
    .opacity-7{opacity: .7;}
    .opacity-8{opacity: .8;}
    .opacity-9{opacity: .9;}
    
    
    
    /*-------------------------------*/
    /*Navigation Starts */
    /*-------------------------------*/
    .navbar {
        padding-bottom: 0;
        padding-top: 0;
        z-index: 1000;
    }
    .center-brand {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .center-brand, .transparent-bg {
        left: 0;
        top: 0;
    }
    .center-brand, .transparent-bg,
    .fixed-bottom, .bg-transparent-light,
    .bg-transparent-white,
    .bg-invisible, .boxed-nav {
        position: absolute;
        width: 100%;
    }
    .bg-invisible .container {
        opacity: 0;
        visibility: hidden;
    }
    .fixed-bottom {
        bottom: 0;
    }
    .bg-white {
        position: absolute;
    }
    .bg-white,
    .boxed-nav .container {
        background: #fff;
    }
    .boxed-nav {
        top: 20px;
    
    }
    .fixedmenu {
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        margin: 0;
        padding-bottom: 0;
        padding-top: 0;
        z-index: 1002;
        -webkit-animation-name: animationFade;
        -o-animation-name: animationFade;
        animation-name: animationFade;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
    
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
        background: -webkit-linear-gradient(90deg, #423f9c 31%, #862359 69%);
        background: -webkit-gradient(linear, left top, right top, color-stop(31%, #423f9c), color-stop(69%, #862359));
        background: -webkit-linear-gradient(left, #423f9c 31%, #862359 69%);
        background: -o-linear-gradient(left, #423f9c 31%, #862359 69%);
        background: linear-gradient(90deg, #423f9c 31%, #862359 69%);
    }
    .center-brand.fixedmenu,
    .bg-white.fixedmenu,
    .bg-transparent-light.fixedmenu,
    .bg-transparent-white.fixedmenu,
    .bg-invisible.fixedmenu,
    .boxed-nav.fixedmenu {
        background: #0d1619;
    }
    .fixed-bottom.fixedmenu{
        bottom: auto;
        -webkit-animation: none;
        -o-animation: none;
        animation: none;
    }
    .bg-invisible.fixedmenu .container {
        opacity: 1;
        visibility: visible;
    }
    @-webkit-keyframes animationFade {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }
    @-o-keyframes animationFade {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            -o-transform: none;
            transform: none;
        }
    }
    @keyframes animationFade {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            -o-transform: none;
            transform: none;
        }
    }
    .nav-whitebg {
        background: #fff;
        -webkit-transition: all .9s ease;
        -o-transition: all .9s ease;
        transition: all .9s ease;
    }
    .navbar.sidebar-nav {
        background: #fff;
        border: none;
        display: inline-table;
        width: 290px;
        -webkit-border-radius: 0;
        border-radius: 0;
        position: fixed;
        top: 0;
        z-index: 110;
        height: 100%;
        padding: 3rem 2rem;
        border-right: 1px solid rgba(0,0,0,.07);
        left: 0;
        overflow-x: hidden;
    }
    
    .navbar-brand  {
        margin: 16px 0;
        padding: 0;
        width: 140px;
        position: relative;
    }
    /* .center-brand .navbar-brand {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
    } */
    .navbar-brand > img {
        width: 100%;
    }
    .navbar.fixedmenu .logo-default,
    .navbar  .logo-scrolled{
        display: none;
    }
    .navbar.fixedmenu .logo-scrolled,
    .navbar .logo-default{
        display: inline-block;
    }
    
    .navbar.sidebar-nav .navbar-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .navbar-nav .nav-item {
        margin: 0px 5px;
        position: relative;
    }
    .navbar.sidebar-nav .navbar-nav .nav-item {
        margin: 10px 0;
    }
    .navbar-nav .nav-item:first-child {
        margin-left: 0;
    }
    .navbar-nav .nav-item:last-child {
        margin-right: 0;
    }
    .navbar-nav .nav-link {
        margin: 0px 1rem !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        font-weight: 500;
        font-family: 'alliance-bold', sans-serif;
        text-transform: capitalize;
        font-size: 14px;
        color: #18191d;
        position: relative;
        overflow: hidden;
    }
    .sidebar-nav .navbar-nav .nav-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .square-layout .navbar-nav .nav-link {
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 1px solid transparent;
    }
    .center-brand .navbar-nav .nav-link,
    .transparent-bg .navbar-nav .nav-link,
    .fixed-bottom .navbar-nav .nav-link{
        background-color: white;
    }
    .center-brand.fixedmenu .navbar-nav .nav-link {
        color: #ffffff;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active
    .navbar-nav .nav-link.active{
        background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .fixedmenu .navbar-nav .nav-link.active,
    .fixedmenu .navbar-nav .nav-link.active:hover,
    .fixedmenu .navbar-nav .nav-link.active:focus,
    .center-brand.fixedmenu .navbar-nav .nav-link.active{
        color: #fff;
    }
    .square-layout .navbar-nav .nav-link.active,
    .square-layout .navbar-nav .nav-link:hover,
    .square-layout .navbar-nav .nav-link:focus{
        border: 1px solid #c1c1c1;
        background: transparent !important;
    }
    .square-layout .fixedmenu .navbar-nav .nav-link.active,
    .square-layout .fixedmenu .navbar-nav .nav-link:hover,
    .square-layout .fixedmenu .navbar-nav .nav-link:focus{
        border: 1px solid #c1c1c1;
        background: transparent !important;
        color: #212331 !important;
    }
    
    
    .center-brand .navbar-nav .nav-link:after {
        content: "";
        position: absolute;
        background: #fff;
        display: inline-block;
        width: 0;
        height: 3px;
        bottom: 0;
        left: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
        -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
        transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    }
    
    /* Nav Bottom Line Hover Effect */
    .nav-bottom-line .navbar-nav .nav-link::after {
        content: '';
        display: block;
        width: 0;
        height: 5px;
        background: #3264f5;
        background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
        background: -webkit-linear-gradient(left, #3264f5 2%,#7202bb 82%);
        background: linear-gradient(to right, #3264f5 2%,#7202bb 82%);
        transition: width .3s;
        border-radius: 50px;
        transform-origin: right;
    }
    .nav-bottom-line .navbar-nav .nav-link.active::after {
        width: 100%;
    }
    
    
    
    /*toggle responsive*/
    .navbar-toggler {
        position: relative;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .navbar-toggler:focus,
    .navbar-toggler:active {
        outline: 0;
    }
    .navbar-toggler span {
        display: block;
        background: #fff;
        height: 2px;
        width: 25px;
        margin-top: 4px;
        margin-bottom: 4px;
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: relative;
        left: 0;
        opacity: 1;
    }
    .bg-white .navbar-toggler span,
    .bg-transparent-light .navbar-toggler span,
    .bg-invisible .navbar-toggler span,
    .navbar.sidebar-nav .navbar-toggler span,
    .boxed-nav .navbar-toggler span {
        background: #212331;
    }
    .center-brand.fixedmenu .navbar-toggler span {
        background: -webkit-linear-gradient(90deg, #643094, #58b433);
        background: -webkit-gradient(linear, left top, right top, color-stop(#643094), color-stop(#58b433));
        background: -webkit-linear-gradient(left, #643094, #58b433);
        background: -o-linear-gradient(left, #643094, #58b433);
        background: -webkit-gradient(linear, left top, right top, from(#643094), to(#58b433));
        background: linear-gradient(90deg, #643094, #58b433);
    }
    .navbar-toggler span:nth-child(1),
    .navbar-toggler span:nth-child(3) {
        -webkit-transition: transform .35s ease-in-out;
        -o-transition: transform .35s ease-in-out;
        -webkit-transition: -webkit-transform .35s ease-in-out;
        transition: -webkit-transform .35s ease-in-out;
        -o-transition: -o-transform .35s ease-in-out;
        transition: transform .35s ease-in-out;
        transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out, -o-transform .35s ease-in-out;
    }
    .navbar-toggler:not(.collapsed) span:nth-child(1) {
        position: absolute;
        left: 12px;
        top: 10px;
        -webkit-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        opacity: 0.9;
    }
    .navbar-toggler:not(.collapsed) span:nth-child(2) {
        height: 3px;
        visibility: hidden;
        background-color: transparent;
    }
    .navbar-toggler:not(.collapsed) span:nth-child(3) {
        position: absolute;
        left: 12px;
        top: 10px;
        -webkit-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        opacity: 0.9;
    }
    
    /*Bottom Nav*/
    
    .bottom-nav,.header-appear .bottom-nav{
        position: absolute;
        top: auto;
        height: 70px;
        bottom: 0;
        transform: translateY(100%);
        -webkit-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
    
    .bottom-nav.navbar-bottom-top {
        position: fixed !important;
        top: 0 !important;
        transform:translateY(0%);
        bottom: auto !important;
        margin: auto !important;
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    
    }
    
    .side-nav .navbar-nav .nav-link:hover {
        background: none;
    }
    
    /*-----Side Menu----*/
    ul.social-icons-simple li, ul.social-icons li
    {
        display: inline-block;
    }
    ul.social-icons-simple li:first-child a, ul.social-icons li:first-child a {
        margin-left: 0;
    }
    
    ul.social-icons.white li a, ul.social-icons-simple.white li a {
        color: #fff;
    }
    ul.social-icons-simple li a {
        height: 24px;
        line-height: 24px;
        width: 24px;
        margin: 0 8px;
        font-size: 18px;
        text-align: center;
        display: inline-block;
    }
    
    .side-menu {
        width: 40%;
        position: fixed;
        right: -1px;
        top: 0;
        background: #00bcd4;
        z-index: 1032;
        height: 100%;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: -o-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        overflow: hidden;
    }
    .side-menu.left {
        left: 0; right: auto;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .side-menu.before-side {
        width: 280px;
    }
    .just-sidemenu .side-menu {
        background: -webkit-linear-gradient(90deg, #423f9c, #862359);
        background: -webkit-gradient(linear, left top, right top, color-stop(#423f9c), color-stop(#862359));
        background: -webkit-linear-gradient(left, #423f9c, #862359);
        background: -o-linear-gradient(left, #423f9c, #862359);
        background: -webkit-gradient(linear, left top, right top, from(#423f9c), to(#862359));
        background: linear-gradient(90deg, #423f9c, #862359);
    }
    .transparent-sidemenu .side-menu {
        background: rgba(0,0,0,.95);
    }
    .side-menu.side-menu-active,
    .side-menu.before-side{
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .pul-menu .side-menu.side-menu-active {
        visibility: visible; opacity: 1;
    }
    .side-menu .navbar-brand {
        margin: 0 0 2.5rem 0;
    }
    
    /*Side overlay*/
    #close_side_menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        display: none;
        z-index: 1031;
        opacity: 0.4;
    }
    
    /*side clode btn*/
    .side-menu .btn-close {
        height: 33px;
        width: 33px;
        -webkit-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.15);
        box-shadow: 0 4px 4px -4px rgba(0,0,0,0.15);
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        position: absolute;
        top: 30px;
        right: 15px;
        cursor: pointer;
    }
    .side-menu.before-side .btn-close{
        display: none;
    }
    .just-sidemenu #sidemenu_toggle {
        position: fixed;
        z-index: 999;
        /*background: #fff;*/
        right: 0;
        top: 16px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    }
    .side-menu .btn-close::before, .side-menu .btn-close::after {
        position: absolute;
        left: 16px;
        content: ' ';
        height: 24px;
        width: 2px;
        background: #fff;
        top: 5px;
    }
    .side-menu .btn-close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .side-menu .btn-close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    /*side open btn*/
    .sidemenu_btn {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        width: 36px;
        padding: 6px;
        margin-right: 1rem;
        position: absolute;
        right: 15px;
    }
    .sidemenu_btn.left {
        left: 15px;
        right: auto;
    }
    .sidemenu_btn > span {
        height: 2px;
        width: 100%;
        background: #18191d;
        display: block;
    }
    .center-brand .sidemenu_btn > span,
    .transparent-bg .sidemenu_btn > span,
    .fixed-bottom .sidemenu_btn > span,
    .just-sidemenu .toggle_white.sidemenu_btn > span,
    .bg-invisible .sidemenu_btn > span,
    .boxed-nav .sidemenu_btn > span {
        background: #18191d;
    }
    .center-brand.fixedmenu .sidemenu_btn > span,
    .bg-invisible.fixedmenu .sidemenu_btn > span,
    .boxed-nav.fixedmenu .sidemenu_btn > span {
        background: #ffffff;
    }
    .sidemenu_btn > span:nth-child(2) {
        margin: 4px 0;
    }
    
    .side-menu .inner-wrapper {
        padding: 3.5rem 5rem;
        height: 100%;
        position: relative;
        overflow-y: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .pul-menu.pushwrap .side-menu .inner-wrapper{
        padding: 3.5rem 2.5rem;
    }
    .side-menu .side-nav {
        margin-bottom: 30px;
        display: block;
    }
    .side-nav .navbar-nav .nav-item{
        display: block;
        margin: 10px 0; padding: 0 !important;
        opacity: 0;
        -webkit-transition: all 0.8s ease 500ms;
        -o-transition: all 0.8s ease 500ms;
        transition: all 0.8s ease 500ms;
    
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
    }
    .side-nav .navbar-nav .nav-item:first-child {
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s;
    }
    .side-nav .navbar-nav .nav-item:nth-child(2){
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
    }
    .side-nav .navbar-nav .nav-item:nth-child(3) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
    }
    .side-nav .navbar-nav .nav-item:nth-child(4) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
    }
    .side-nav .navbar-nav .nav-item:nth-child(5) {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s;
    }
    .side-nav .navbar-nav .nav-item:nth-child(6) {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s;
    }
    .side-nav .navbar-nav .nav-item:nth-child(7) {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s;
    }
    .side-nav .navbar-nav .nav-item:nth-child(8) {
        -webkit-transition-delay: .8s;
        -o-transition-delay: .8s;
        transition-delay: .8s;
    }
    .side-nav .navbar-nav .nav-item:nth-child(9) {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s;
    }
    .side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    .side-nav .navbar-nav .nav-link {
        display: inline-table;
        color: #fff;
        padding: 2px 0 3px 0 !important;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: normal;
        position: relative;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .side-nav .navbar-nav .nav-link::after{
        content: "";
        position: absolute;
        background: #fff;
        display: inline-block;
        width: 0;
        height: 3px;
        bottom: 0; left: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
        -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
        transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
    }
    .transparent-sidemenu .side-nav .navbar-nav .nav-link::after {
        display: none;
    }
    .side-nav .navbar-nav .nav-link:hover::after,
    .side-nav .navbar-nav .nav-link:focus::after,
    .side-nav .navbar-nav .nav-link.active::after {
        width: 100%;
    }
    .side-nav .navbar-nav .nav-link.active {
        background: transparent;
    }
    .transparent-sidemenu .side-nav .navbar-nav .nav-link:hover,
    .transparent-sidemenu .side-nav .navbar-nav .nav-link:focus {
        margin-left: 5px;
    }
    .side-menu p{
        font-size: 13px;
        margin-top: .5rem;
        margin-bottom: 0;
    }
    
    /*Header Social Icons*/
    .navbar .social-icons li a {
        height: 28px; width: 28px;
        line-height: 28px;
        font-size: 14px;
    }
    .sidebar-nav .social-icons {
        position: absolute;
        bottom: 30px;
    }
    .side-menu .social-icons-simple li a:hover,
    .side-menu .social-icons-simple li a:focus {
        color: #fff;
    }
    
    /*wrapper on opened sidebar*/
    .wrapper {
        padding-left: 290px;
    }
    .wrapper .full-screen {
        width: 100% !important;
    }
    
    
    @media (max-width: 1366px) {
        .center-brand .sidemenu_btn {
            right: 0;
        }
    }
    @media (max-width: 1200px) {
    
        .side-menu .inner-wrapper {
            padding: 2rem 3.5rem;
        }
    
    }
    @media (min-width: 1025px) and (max-width: 1091px) {
        .navbar-nav.ml-auto {
            margin-right: 30px;
        }
        .sidemenu_btn {
            right: 0;
        }
    }
    @media (max-width: 1024px) {
    
        .boxed-nav .sidemenu_btn {
            display: none !important;
        }
        /* .center-brand .navbar-brand{
            width: 180px;
        } */
        .navbar-nav .nav-link {
            font-size: 13px;
        }
    }
    @media (min-width: 810px) and (max-width: 1024px) {
        .sidemenu_btn {
            position: relative;
        }
    }
    @media (max-width: 992px) {
        .boxed-nav {
            background: #fff;
        }
        .center-brand .navbar-brand {
            position: relative;
            top: auto;
            margin: 8px 0;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }
        .navbar-nav .nav-item {
            margin: 5px 0;
        }
        .center-brand .navbar-nav .nav-link,
        .transparent-bg .navbar-nav .nav-link {
            background: #58b433;
            color: #fff;
        }
        .center-brand.fixedmenu .navbar-nav .nav-link,
        .transparent-bg.fixedmenu .navbar-nav .nav-link {
            background: transparent;
        }
    
        .side-menu {
            width: 50%;
        }
        .side-menu .inner-wrapper {
            padding: 2rem 2.5rem;
        }
    
        .side-nav .navbar-nav .nav-link {
            font-size: 2rem;
        }
    
    }
    @media (max-width: 768px) {
        /* .center-brand .navbar-brand{
            width: 100px;
        } */
        .side-menu {
            width: 55%;
        }
        .side-nav .navbar-nav .nav-link {
            font-size: 1.5rem;
        }
    }
    
    @media (max-width: 767px) {
        .navbar.sidebar-nav {
            width: 100%;
            height: auto;
            padding: 0 1rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
        }
        .wrapper {
            padding-left: 0;
        }
        .sidemenu_btn {
            margin-top: 4px;
            right: 0;
            position: absolute;
        }
        .side-menu {
            width: 300px;
        }
        .side-nav .navbar-nav .nav-item {
            margin: 5px 0;
        }
        .side-nav p {
            display: none;
        }
        .sidebar-nav .social-icons{
            display: none;
        }
    }
    
    /*-------------------------------*/
    /*Navigation Ends */
    /*-------------------------------*/
    
    /* ===================================
       About
    ====================================== */
    .main-title {
        position: relative;
        margin-bottom: 4rem;
        text-align: center;
    }
    .main-title h5 {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 18px;
        margin-bottom: 1.5rem;
        text-transform: capitalize;
        color: #18191d;
    }
    .main-title h2 {
        text-transform: capitalize;
        font-weight: 600;
        background: #3264f5;
        background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
        background: -webkit-linear-gradient(left, #3264f5 2%, #7202bb 82%);
        background: linear-gradient(to right, #3264f5 2%, #7202bb 82%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorPrimary', endColorstr='@colorSecondary', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        max-width: 650px;
        font-size: 52px;
        margin-bottom: 1.5rem;
        margin-left: auto;
        margin-right: auto;
    }
    .main-title p {
        max-width: 720px;
        margin: 0 auto;
        font-weight: 300;
    }
    /*== features ==*/
    
    .features-one {
        text-align: center;
        height: 100%;
        width: 100%;
        padding: 78px 39px;
        z-index: 0;
        position: relative;
        background: #ffffff;
        color: #18191d;
    }
    .features-one i {
        font-size: 40px;
        width: 43px;
        height: 34px;
        display: inline-block;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition-duration: 0.3s;
        transition: all 0.3s;
        transition-timing-function: ease-in-out;
    }
    .features-one:hover i {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    .features-one h5 {
        margin: 20px 0 14px;
    }
    
    .features-one.blue {
        background: #24c1dd;
        color: #ffffff;
    }
    
    .features-one.blue p {
        color: #ffffff;
        font-weight: 400;
        font-size: 16px;
    }
    .features-one.black {
        background: #18191d;
        color: #ffffff;
    }
    .features-one.black p {
        color: #ffffff;
        font-weight: 400;
    }
    
    /*== features ==*/
    
    
    /* Tablet */
    .about-wrap {
        position: relative;
        overflow: hidden;
    }
    .about-wrap .about-bordered {
        padding: 0 0 15% 15%;
    }
    .about-wrap .about-bordered img {
        border: 20px solid #f6f6f6;
    }
    .about-wrap .about-bg-img-setting {
        height: 65%;
        width: 75%;
        z-index: -1;
        display: block;
        left: 15px;
        bottom: 0;
        position: absolute;
    }
    /*about*/
    
    /* ===================================
                    Stats
       =================================== */
    .bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .parallax2 {
        background: url(../img/parallax2.jpg);
    }
    
    .split-box-counter-setting {
        max-width: 650px;
        padding: 3rem 0;
    }
    .counter-item {
        padding: 2rem 0;
    }
    .counter-item i {
        font-size: 50px;
        color: #ffffff;
        display: block;
        margin-bottom: 15px;
    }
    .counter-item strong {
        display: block;
        font-size: 38px;
        color: #ffffff;
        line-height: normal;
        margin-bottom: 10px;
    }
    .counter-item p {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 400;
    }
    /*countera*/
    
    
    /*=  gallery portfolio  =*/
    .gallery-filter-5 {
        text-align: center;
        margin-bottom: 3rem;
    }
    
    .gallery-filter-5 span {
        cursor: pointer;
        margin: 0 5px 10px 5px;
        overflow: visible;
        line-height: 1.2;
        color: #18191d;
        padding: 6px 20px;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        display: inline-block;
        border-radius: 50px;
        -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out;
        transition: color .3s ease-in-out, border-color .3s ease-in-out;
    }
    
    .gallery-filter-5 span:hover {
        color: #00bcd4;
    }
    
    .gallery-filter-5 .active {
        color: #00bcd4;
        border: 1px solid #00bcd4;
        background-color: transparent;
    }
    
    .gallery-5 {
        position: relative;
        width: 100%;
        margin: 0;
    }
    
    .gallery-5 .items {
        position: relative;
        overflow: hidden;
        padding: 15px;
    }
    
    #gallery-5 .stamp1 {
        left: 0%;
        top: 0;
        width: 20%;
        height: 80px;
        margin: 15px;
    }
    
    #gallery-5 .stamp2 {
        right: 0%;
        top: 0;
        width: 20%;
        height: 80px;
        margin: 15px;
    }
    
    #gallery-5 .stamp {
        position: absolute;
    }
    
    .gallery-5 .items.top-space:nth-child(2) {
        margin-top: -100px;
    }
    
    .gallery-5 .item-img {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    
    .gallery-5 .item-img img {
        width: 100%;
        height: 100%;
        transition: all .3s ease-in-out;
    }
    
    .gallery-5 .items:hover .item-img img {
        transform: scale(1.1);
        transition: all .3s ease-in-out;
    }
    
    .gallery-5 .item-overlay {
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
         background: rgba(50, 100, 245, 0.63);
        background: -moz-linear-gradient(left, rgba(50, 100, 245, 0.61) 2%, rgba(114, 2, 187, 0.6) 82%);
        background: -webkit-linear-gradient(left, rgba(50, 100, 245, 0.61) 2%, rgba(114, 2, 187, 0.6) 82%);
        background: linear-gradient(to right, rgba(50, 100, 245, 0.61) 2%, rgba(114, 2, 187, 0.6) 82%);
        padding: 15px;
        opacity: 0;
        display: flex;
        align-items: center;
        transition: all .3s ease-in-out;
    }
    
    .gallery-5 .item-overlay:before {
        content: "";
        position: absolute;
        top: 10%;
        left: 7%;
        height: 80%;
        width: 86%;
        border: 1px solid #fff;
        overflow: hidden;
        pointer-events: none;
    }
    
    .gallery-5 .items:hover .item-overlay {
        opacity: 1;
        transition: all .3s ease-in-out;
    }
    
    .gallery-5 .item-overlay .overlay-content {
        width: 100%;
        color: #fff;
    }
    
    .gallery-5 .item-overlay .overlay-content p {
        font-size: 13px;
    }
    
    .gallery-5 .item-overlay a {
        font-size: 15px;
        color: #00bcd4;
        background: #fff;
        text-align: center;
        height: 40px;
        width: 40px;
        line-height: 38px;
        border: 1px solid #fff;
        border-radius: 50px;
        margin-top: 10px;
        display: inline-block;
        transition: all .1s ease-in-out;
    }
    
    .owl-team .item {
        max-width: 300px;
        margin: 0 auto;
    }
    .designation {
        font-size: 16px;
    }
    .team-social li {
        display: inline-block;
    }
    .team-social li a {
        font-size: 14px;
        color: #18191d;
        height: 38px;
        width: 38px;
        line-height: 40px;
        display: inline-block;
        text-align: center;
        margin: 0;
        border: 1px solid transparent;
        border-radius: 50%;
    }
    .item.grey-shade img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        transition: 1s;
    }
    .item.grey-shade:hover img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        transition: 1s;
    }
    /* team 3 members */
    .team-img {
        position: relative;
    }
    .box-team {
        position: relative;
        overflow: hidden;
        padding: 20px;
        background: #fff;
    }
    .box-team .overlay {
        background-color: rgba(0, 188, 212, 0.7);
        border-radius: 50%;
        -webkit-transition: all .5s ease-in .1s;
        -o-transition: all .5s ease-in .1s;
        transition: all .5s ease-in .1s;
    }
    .overlay {
        background-color: rgba(0, 188, 212, 0.75);
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        z-index: 98;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }
    .box-team.second-color .overlay {
        background: rgba(50, 100, 245, 0.7);
        background: -moz-linear-gradient(left, rgba(50, 100, 245, 0.7) 2%, rgba(114, 2, 187, 0.7) 82%);
        background: -webkit-linear-gradient(left, rgba(50, 100, 245, 0.69) 2%, rgba(114, 2, 187, 0.69) 82%);
        background: linear-gradient(to right, rgba(50, 100, 245, 0.7) 2%, rgba(114, 2, 187, 0.7) 82%);
    }
    .box-team.third-color .overlay {
        background-color: rgba(24, 25, 29, 0.7);
    }
    .box-team:hover img {
        transform: scale(0.95);
    }
    .box-team:hover .overlay {
        opacity: 1;
        visibility: visible;
        border-radius: 0;
    }
    .team-social.white-bg li a  {
        background: #ffffff;
    }
    .box-team  ul li:nth-child(1) {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
    }
    .box-team ul li:nth-child(2) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
    }
    .box-team ul li:nth-child(3) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
    }
    .box-team ul li:nth-child(4) {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s;
    }
    a, *::before, *::after, img {
        -webkit-transition: ease-in-out 0.3s;
        -moz-transition: ease-in-out 0.3s;
        -ms-transition: ease-in-out 0.3s;
        -o-transition: ease-in-out 0.3s;
        transition: ease-in-out 0.3s;
    }
    i::before, i::after {
        -webkit-transition: all .0s ease;
        -o-transition: all .0s ease;
        transition: all .0s ease;
    }
    /*===========================
               End Team
    =============================*/
    
    /* testimonial */
    .parallax3 {
        background: url("../images/parallax3.jpg");
    }
    .testimonial-two{
        background: #fff;
        border-radius: 10px;
        padding: 30px;
    }
    .testimonial-post {
        overflow: hidden;
        display: table;
    }
    .testimonial-post .post, .testimonial-post .text-content {
        display: table-cell;
    }
    .testimonial-post .post {
        height: 60px;
        width: 60px;
    }
    .testimonial-post .post > img {
        width: 100%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
    .testimonial-post .text-content {
        vertical-align: middle;
        padding-left: 10px;
    }
    .testimonial-post:hover a, .testimonial-post:focus a {
        color: #f1c30f;
    }
    .testimonial-two .testimonial-para:before{
        display: block;
        font-size: 33px;
        color: #535353;
        margin-bottom: 15px;
        content: "\E989";
        font-family: 'LineIcons';
    }
    .testimonial-two .testimonial-item h5{
        margin-top: 10px;
        margin-bottom: 4px;
    }
    .testimonial-two .testimonial-item .rating{
        margin-top: 5px;
    }
    .testimonial-two .testimonial-item .rating i{
        font-size: 15px;
        color: #f1c30f;
    }
    
    /* end testimonial */
    
    
    /* owl carousel brands */
    .brand-carousel.owl-carousel .owl-item img {
        margin: 0 auto;
        cursor: pointer;
        width: 200px;
    }
    
    
    /* ===================================
        Pricing Starts
    ====================================== */
    
    .pricing-padding {
        padding: 7.5rem 0 4rem;
    }
    .price-transform {
        transform: translateY(-67px);
    }
    .price-box, .price-box2{
        color: #212622;
        border-bottom: 1px solid #e6e1e1;
    }
    .price-box {
        padding-bottom: 10px;
    }
    .price-box2{
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .price-sub-heading {
        font-size: 15px;
        color: #a8a8a8;
    }
    .price {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .dollar {
        position: absolute;
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        transform: translateX(-95%);
        top: 10px;
        font-weight: 400;
    }
    .price h2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 62px;
        font-weight: 300;
        color: #212622;
        margin-bottom: 0;
    }
    .pricing-item{
        position: relative;
        padding: 2rem 3rem 4rem;
        max-width: 365px;
        margin: 0 auto;
        cursor: pointer;
        z-index:1;
        transition: 1s;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        background: #ffffff;
    }
    .price span.month{
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: #212622;
        text-transform: capitalize;
    }
    .price-description {
        padding-bottom: 40px;
    }
    .price-description p{
        color: #535353;
        text-transform: capitalize;
        margin-bottom: 20px;
    }
    .price-description p:last-child {
        margin-bottom: 0;
    }
    .quarter-triangle {
        position: absolute;
        top: 0;
        left: 0;
        width:0;
        height:0;
        border: 55px solid #00bcd4;
        border-right-color: transparent;
        border-bottom-color: transparent;
        z-index: 0;
        transition: 1s;
    }
    .triangle-inner-content i {
        position: absolute;
        top: 15px;
        left: 15px;
        color: #ffffff;
        font-size: 15px;
        z-index: 1;
    }
    .triangle-inner-content span {
        position: absolute;
        top: 28px;
        left: 8px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 100;
        transform: rotate(-45deg);
        z-index: 1;
        letter-spacing: 1px;
    }
    
    .price_title h4 {
        font-size: 1.5rem;
    }
    .pricing-item:hover .price-box, .pricing-item.price-transform:hover .price-box2,
    .pricing-item:hover .price h2, .pricing-item:hover .price-sub-heading,
    .pricing-item:hover .price span, .pricing-item:hover .price-description p,
    .two-col-pricing .pricing-item:hover .price_title p, .two-col-pricing .pricing-item:hover .price-description p:before {
        color: #ffffff;
    }
    .pricing-item:hover .price-box, .pricing-item:hover .price-box2 {
        border-color: #ffffff;
    }
    
    .pricing-item .btn-pink:focus, .pricing-item .btn-pink:hover, .pricing-item .btn-yellow:focus, .pricing-item .btn-yellow:hover, .pricing-item .btn-blue:focus, .pricing-item .btn-blue:hover {
        color: #212622;
    }
    
    
    /* ----- Contact Us ----- */
    .contact-table {
        overflow: hidden;
    }
    .contact-table .cells {
        vertical-align: top;
    }
    .contact-table .icon-cell {
        display: inline-block;
        background: #4fb8aa;
        color: #fff;
        height: 40px;
        width: 40px;
        text-align: center;
        font-size: 18px;
        line-height: 40px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-right: 10px;
        -webkit-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in;
    }
    .contact_address .contact-table:first-child .icon-cell,
    .contact_address .contact-table.colorone .icon-cell {
        background: #00bcd4;
    }
    .contact_address .contact-table:nth-child(2) .icon-cell,
    .contact_address .contact-table.colortwo .icon-cell {
        background: #3264f5;
        background: -moz-linear-gradient(left, #3264f5 2%, #7202bb 82%);
        background: -webkit-linear-gradient(left, #3264f5 2%,#7202bb 82%);
        background: linear-gradient(to right, #3264f5 2%,#7202bb 82%);
    }
    .contact_address .contact-table:nth-child(3) .icon-cell,
    .contact_address .contact-table.colorthree .icon-cell {
        background: #18191d;
    }
    
    
    .logincontainer {
        padding: 3.5rem 1.5rem;
        background: #f6f6f6;
        border-radius: 5px;
    }
    
    ::-webkit-input-placeholder,
    .form-control::-webkit-input-placeholder {
        color: #b5b5b5;
    }
    :-moz-placeholder,
    .form-control:-moz-placeholder {
        color: #b5b5b5;
    }
    ::-moz-placeholder,
    .form-control::-moz-placeholder {
        color: #b5b5b5;
    }
    :-ms-input-placeholder,
    .form-control:-ms-input-placeholder {
        color: #b5b5b5;
    }
    textarea::-webkit-input-placeholder {
        color: #b5b5b5;
        opacity: 1;
    }
    textarea:-moz-placeholder {
        color: #b5b5b5;
        opacity: 1;
    }
    textarea::-moz-placeholder {
        color: #b5b5b5;
        opacity: 1;
    }
    textarea:-ms-input-placeholder {
        color: #b5b5b5;
        opacity: 1;
    }
    textarea {
        resize: none;
    }
    
    label {
        font-weight: normal;
        margin: 0;
    }
    
    button {
        border: none;
        cursor: pointer;
    }
    button:focus,
    textarea:focus {
        outline: none;
        outline: 0;
    }
    form.findus .form-control {
        height: 48px;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    form.findus:not(.form-inline) .form-group {
        width: 100%;
    }
    form.findus .form-control,
    form.findus textarea {
        padding: 12px 0;
        margin-bottom: 30px;
        font-size: 14px;
        border: none;
        border-bottom: 1px solid #a5a5a5;
        -webkit-border-radius: 0;
        border-radius: 0;
        position: relative;
        -webkit-transition: border .9s ease;
        -o-transition: border .9s ease;
        transition: border .9s ease;
    }
    form.findus textarea {
        width: 100%;
        min-height: 160px;
    }
    .form-control {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
    }
    .form-control:focus,
    textarea:focus {
        border-color: #4fb8aa;
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
    }
    form.findus .select {
        border: none;
        border-bottom: 1px solid #d1d1d1;
        position: relative;
    }
    form.findus select {
        height: 100%;
        border: 0;
        width: 100%;
        color: inherit;
        opacity: .6;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 12px 15px;
        -webkit-border-radius: inherit;
        border-radius: inherit;
    }
    form.findus .select:after {
        content: "\f107";
        font-family: FontAwesome;
        color: inherit;
        font-size: 16px;
        padding: 9px 8px;
        padding-right: 0;
        position: absolute;
        right: 0;
        top: 0;
        background: transparent;
        z-index: 1;
        text-align: center;
        width: 10%;
        height: 100%;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .logincontainer .form-control {
        background: transparent;
    }
    .logincontainer .btn_common {
        width: 100%;
    }
    
    /*Map*/
    #map-container {
        width: 100%;
        height: 600px;
    }
    #map-container > iframe {
        width: 100%;
        height: 100%;
        border: none;
    }
    .gm-style .place-desc-large {
        display: none !important;
    }
    p.logomap {
        font-weight: 500;
    }
    /* ----- Contact Us ends ----- */
    
    /* ===================================
        Footer
    ====================================== */
    
    footer.bg-black2 {
        background: #f8f9fa;
    }
    .footer-icons li {
        display: inline-block;
    }
    .footer-icons li a  {
        display: block;
        height: 55px;
        width: 55px;
        font-size: 18px;
        color: #676767;
        line-height: 60px;
        text-align: center;
        margin: 0 0.1rem;
        border-radius: 40px;
        background: transparent;
        -webkit-transition: all .3s ease !important; -o-transition: all .3s ease !important; transition: all .3s ease !important;
    }
    .copyrights, .copyrights a {
        font-size: 14px;
        color: #535353;
    }
    .copyrights a:hover, .copyrights a:focus {
        color: #bd084d;
    }
    .footer-icons li a:hover, .footer-icons li a:focus {
        color: #ffffff;
    }
    .footer-icons li a.facebook:hover, .footer-icons li a.facebook:focus {
        -webkit-box-shadow: 0 0 15px 30px #4267B2 inset;
        box-shadow: 0 0 15px 30px #4267B2 inset;
    }
    .footer-icons li a.twitter:hover, .footer-icons li a.twitter:focus {
        -webkit-box-shadow: 0 0 15px 30px #1DA1F2 inset;
        box-shadow: 0 0 15px 30px #1DA1F2 inset;
    }
    .footer-icons li a.google:hover, .footer-icons li a.google:focus {
        -webkit-box-shadow: 0 0 15px 30px #DB4437 inset;
        box-shadow: 0 0 15px 30px #DB4437 inset;
    }
    .footer-icons li a.linkedin:hover, .footer-icons li a.linkedin:focus {
        -webkit-box-shadow: 0 0 15px 30px #0077B5 inset;
        box-shadow: 0 0 15px 30px #0077B5 inset;
    }
    .footer-icons li a.instagram:hover, .footer-icons li a.instagram:focus {
        -webkit-box-shadow: 0 0 15px 30px #C32AA3 inset;
        box-shadow: 0 0 15px 30px #C32AA3 inset;
    }
    .footer-icons li a.pinterest:hover, .footer-icons li a.pinterest:focus {
        -webkit-box-shadow: 0 0 15px 30px #BD081C inset;
        box-shadow: 0 0 15px 30px #BD081C inset;
    }
    .footer-icons li a i:hover {
        color: #ffffff;
        border-radius: 40px;
    }
    
    @media screen and (max-width: 767px) {
    
        .mb-xs-5 {
            margin-bottom: 3rem !important;
        }
        .mb-xs-2rem {
            margin-bottom: 2rem !important;
        }
        .mb-xs-3 {
            margin-bottom: 1rem !important;
        }
        .mt-xs-0 {
            margin-top: 0 !important;
        }
        .mb-xs-0 {
            margin-bottom: 0 !important;
        }
        .price-transform {
            transform: translateY(0);
        }
        .main-title {
            margin-bottom: 2.5rem;
        }
        .counter-item {
            padding: .5rem 0;
        }
        .box-team {
            margin-bottom: 20px;
        }
        .stamp{
            display: none;
        }
        section , .pricing-padding {padding: 4.5rem 0;
        }
        .main-title.center-brand .navbar-brand h2 {
            margin-bottom: 1.2rem;
        }
        .stats-box {
            margin: 0 auto;
        }
        .mt-xs-4rem {
            margin-top: 0 !important;
        }
        .margin-top-40 {margin-top: 40px;}
    }
    
    
    @media screen and (max-width: 575px) {
        .main-title h5 {
            line-height: 1;
            margin-bottom: 1rem;
        }
    }