@font-face{src:url("../webfonts/GothamRounded-Bold.otf");font-family:"gotham-bold"}@font-face{src:url("../webfonts/GothamRounded-Light.otf");font-family:"gotham-light"}*{padding:0;margin:0}.main-font{font-family:"gotham-bold"}.alt-font{font-family:"gotham-light"}p{font-family:"gotham-light"}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{width:8px;background:white;border-left:0 solid white;
    border-right:0 solid white
    }
    ::-webkit-scrollbar-thumb {
        background: #a8a6a7;
        width: 0;
        height: 25%;
        transition: .5s ease;
        cursor: pointer
    }
    .hover-effect::before,
    .hover-effect::after {
        content: "";
        background: #fff;
        height: 0;
        width: 0;
        z-index: 1;
        position: absolute;
        -webkit-transition-duration: 1.3s !important;
        -o-transition-duration: 1.3s;
        transition-duration: 1.3s !important
    }
    .hover-effect::before {
        right: 0;
        opacity: 1;
        bottom: 0
    }
    .hover-effect::after {
        top: 0;
        opacity: .7;
        left: 0
    }
    .hover-effect:hover::after,
    .hover-effect:hover::before {
        height: 100%;
        opacity: 0;
        width: 100%
    }
    .image {
        overflow: hidden
    }
    a.image {
        display: block
    }
    .image img {
        width: 100%;
        height: 100%;
        display: block
    }
    .image,
    .image img {
        position: relative
    }
    .image {
        overflow: hidden
    }
    a.image {
        display: block
    }
    .image img {
        width: 100%;
        height: 100%;
        display: block
    }
    .image,
    .image img {
        position: relative
    }
    body {
        font-family: "gotham-light";
        font-size: 16px;
        color: #202020;
        font-weight: 300;
        line-height: 25px;
        width: 100%;
        overflow-x: hidden
    }
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    h1,
    h2,
    h3,
    h4,
    h5 {
        line-height: 1.2;
        font-weight: 400;
        font-family: 'Poppins', sans-serif
    }
    .h1,
    h1 {
        font-size: 2.5rem
    }
    a,
    input,
    button,
    .navbar,
    .fixedmenu,
    .tp-bullet,
    .owl-dot,
    .owl-prev,
    .owl-next {
        transition: ease-in-out 0.2s;
        -webkit-transition: ease-in-out 0.2s;
        -moz-transition: ease-in-out 0.2s;
        -ms-transition: ease-in-out 0.2s;
        -o-transition: ease-in-out 0.2s
    }
    section,
    .section-padding {
        position: relative;
        overflow: hidden
    }
    a {
        color: inherit;
        text-decoration: none
    }
    .rev_slider_wrapper {
        width: 100% !important
    }
    .btn.focus,
    .btn:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    p:last-child {
        margin-bottom: 0 !important;
        font-family: "gotham-light"
    }
    .fa,
    .far,
    .fas {
        display: inline
    }
    a:active,
    a:hover {
        color: #a8a6a7
    }
    li {
        list-style: none;
        text-decoration: none
    }
    blockquote {
        border-left: 2px solid;
        padding: 10px 15px 10px 35px;
        margin: 25px 0;
        font-size: 18px;
        line-height: 28px;
        margin-top: 32px;
        margin-bottom: 32px
    }
    blockquote>cite {
        font-weight: 400;
        font-size: 14px;
        display: block
    }
    .hidden {
        display: none
    }
    section {
        padding: 7.5rem 0
    }
    .padding-bottom {
        padding-bottom: 7.5rem
    }
    .padding-top {
        padding-top: 7.5rem
    }
    ::selection {
        background-color: #a8a6a7;
        color: #fff
    }
    .no-transition * {
        transition-timing-function: initial;
        -moz-transition-timing-function: initial;
        -webkit-transition-timing-function: initial;
        -o-transition-timing-function: initial;
        -ms-transition-timing-function: initial;
        transition-duration: 0s;
        -moz-transition-duration: 0s;
        -webkit-transition-duration: 0s;
        -o-transition-duration: 0s;
        -ms-transition-duration: 0s
    }
    .bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .opacity-full {
        opacity: 1
    }
    .opacity-1 {
        opacity: .1
    }
    .opacity-2 {
        opacity: .2
    }
    .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
    }
    .font-weight-100 {
        font-weight: 100
    }
    .font-weight-200 {
        font-weight: 200
    }
    .font-weight-300 {
        font-weight: 300
    }
    .font-weight-500 {
        font-weight: 500
    }
    .font-weight-600 {
        font-weight: 600
    }
    .font-weight-700 {
        font-weight: 700
    }
    .btn {
        -webkit-appearance: initial;
        overflow: hidden;
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        display: inline-block;
        font-size: 16px;
        border: 2px solid transparent;
        letter-spacing: .5px;
        line-height: inherit;
        border-radius: 0;
        text-transform: capitalize;
        width: auto;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease !important;
        transition: all .5s ease !important
    }
    .btn.btn-pink {
        background: #a8a6a7;
        border-color: #a8a6a7;
        color: #fff
    }
    .btn.btn-pink:hover {
        background: transparent !important;
        border-color: #a8a6a7;
        color: #a8a6a7 !important
    }
    .btn.btn-trans {
        background: transparent;
        border-color: #fff;
        color: #fff
    }
    .btn.btn-trans:hover {
        background: #a8a6a7 !important;
        border-color: #a8a6a7;
        color: #fff !important
    }
    .btn.btn-small {
        font-size: 12px;
        padding: 4px 1.8em
    }
    .btn.btn-medium {
        font-size: 16px;
        padding: 10px 48px;
        line-height: 1.8em
    }
    .btn.btn-large {
        font-size: 16px;
        padding: 14px 30px;
        line-height: 1.8em
    }
    .btn.btn-rounded {
        border-radius: 50px
    }
    .text-pink {
        color: #a8a6a7
    }
    .text-grey {
        color: #797979
    }
    .text-white {
        color: #fff
    }
    .bg-pink {
        background: #a8a6a7
    }
    .bg-black {
        background: #000
    }
    .bg-transparent {
        background: transparent
    }
    .font-10 {
        font-size: 10px
    }
    .font-15 {
        font-size: 15px
    }
    .font-14 {
        font-size: 14px
    }
    .font-16 {
        font-size: 16px
    }
    .font-18 {
        font-size: 18px
    }
    .font-20 {
        font-size: 20px
    }
    .font-22 {
        font-size: 22px
    }
    .font-24 {
        font-size: 24px
    }
    .font-40 {
        font-size: 40px
    }
    .font-45 {
        font-size: 45px
    }
    .margin-top {
        margin-top: 30px
    }
    .margin-bottom {
        margin-bottom: 30px
    }
    .social-icon:hover {
        color: #FFF !important;
        background: #a8a6a7 !important;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }
    header a.logo img {
        vertical-align: sub
    }
    .nav-button {
        margin: 0 1.5rem
    }
    .navbar-top-default {
        position: absolute;
        top: 15px;
        z-index: 99;
        overflow: hidden;
        height: 100px;
        width: 100%;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
    .other-page .navbar-top-default {
        background-color: #a8a6a7
    }
    .header-appear .navbar-top-default {
        height: 100px;
        position: fixed;
        z-index: 99;
        top: 0;
        background: #101010;
        -webkit-animation-name: animationFade;
        animation-name: animationFade;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35)
    }
    .header-appear .navbar-simple .navbar-nav .nav-link {
        color: #fff
    }
    .navbar-nav {
        align-items: center
    }
    .navbar-top-default #megaone {
        margin-right: -30px
    }
    .navbar-simple .navbar-nav .nav-link {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        padding: 0.5rem 2rem;
        font-family: 'Poppins', sans-serif
    }
    .nav-box-round .navbar-nav .nav-link {
        border-radius: 20px
    }
    .header-appear .nav-box-round .navbar-nav .nav-link.active {
        background-color: #a8a6a7;
        color: #fff !important
    }
    .header-appear .nav-box-round .navbar-nav .nav-link:hover {
        color: #a8a6a7
    }
    .line:after {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border: 1px solid rgba(255, 255, 255, 0);
        bottom: 0;
        content: " ";
        display: block;
        position: relative;
        -webkit-transition: all 280ms ease-in-out;
        transition: all 280ms ease-in-out;
        width: 0
    }
    .line:hover:after,
    .line.active:after {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-color: #a8a6a7;
        -webkit-transition: width 350ms ease-in-out;
        transition: width 350ms ease-in-out;
        width: 100%
    }
    .side-menu {
        width: 100%;
        position: fixed;
        right: 0;
        top: 0;
        background: #171717;
        z-index: 1032;
        height: 100vh;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: -o-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        overflow: hidden
    }
    .side-menu img {
        position: absolute;
        top: 8%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 150px
    }
    .side-menu .side-nav .navbar-nav {
        text-align: center;
        margin-right: 0px;
        padding-top: 20px
    }
    .side-menu .side-nav .navbar-nav li a {
        font-size: 20px
    }
    .side-footer {
        text-align: center
    }
    .side-menu.left {
        left: 0;
        right: auto;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .side-menu.before-side {
        width: 280px
    }
    .side-menu.side-menu-active,
    .side-menu.before-side {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .pul-menu .side-menu.side-menu-active {
        visibility: visible;
        opacity: 1
    }
    .side-menu .navbar-brand {
        margin: 0 0 2.5rem 0
    }
    #close_side_menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #2f2f2f;
        -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-menu .btn-close {
        position: absolute;
        right: 46px;
        top: 44px;
        color: #fff;
        font-size: 30px;
        cursor: pointer;
        z-index: 1111
    }
    .side-menu .btn-close:hover {
        -webkit-animation: .8s rotate;
        animation: .8s rotate
    }
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    @keyframes rotates {
        from {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    .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: 28px;
        top: 30px;
        display: inline-block
    }
    .sidemenu_btn span {
        height: 2px;
        width: 100%;
        background: #2b2b2b;
        display: block
    }
    .sidemenu_btn span:nth-child(2) {
        margin: 4px 0
    }
    .sidemenu_btn:hover span {
        background: #a8a6a7
    }
    .sidemenu_btn:hover span:first-child,
    .sidemenu_btn:hover span:last-child {
        width: 70%
    }
    .side-menu .inner-wrapper {
        padding: 2rem 5rem;
        height: 100%;
        position: relative;
        overflow-y: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .pul-menu.pushwrap .side-menu .inner-wrapper {
        padding: 3.5rem 2.5rem
    }
    .side-menu .side-nav {
        margin-bottom: 30px;
        display: block
    }
    .side-nav .navbar-nav .nav-item {
        display: block;
        margin: 20px 0;
        padding: 0 !important;
        opacity: 0;
        -webkit-transition: all 0.8s ease 500ms;
        -o-transition: all 0.8s ease 500ms;
        transition: all 0.8s ease 500ms;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    .side-nav .navbar-nav .nav-item:first-child {
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s
    }
    .side-nav .navbar-nav .nav-item:nth-child(2) {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }
    .side-nav .navbar-nav .nav-item:nth-child(3) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }
    .side-nav .navbar-nav .nav-item:nth-child(4) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s
    }
    .side-nav .navbar-nav .nav-item:nth-child(5) {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }
    .side-nav .navbar-nav .nav-item:nth-child(6) {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s
    }
    .side-nav .navbar-nav .nav-item:nth-child(7) {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s
    }
    .side-nav .navbar-nav .nav-item:nth-child(8) {
        -webkit-transition-delay: .8s;
        -o-transition-delay: .8s;
        transition-delay: .8s
    }
    .side-nav .navbar-nav .nav-item:nth-child(9) {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s
    }
    .side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    .side-nav .navbar-nav .nav-link {
        display: inline-table;
        color: #fff;
        padding: 2px 0 3px 0 !important;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: normal;
        position: relative;
        border-radius: 0;
        text-decoration: none
    }
    .side-nav .navbar-nav .nav-link::after {
        content: "";
        position: absolute;
        background: #a8a6a7;
        display: inline-block;
        width: 0;
        height: 4px;
        bottom: 0;
        left: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
        -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
        transition: all 0.5s cubic-bezier(0, 0, 0.2, 1)
    }
    .side-nav .navbar-nav .nav-link:hover::after,
    .side-nav .navbar-nav .nav-link:focus::after,
    .side-nav .navbar-nav .nav-link.active::after {
        width: 100%
    }
    .side-nav .navbar-nav .nav-link.active {
        background: transparent
    }
    .side-menu p {
        margin-top: .5rem;
        margin-bottom: 0
    }
    .social-icons-simple {
        margin-bottom: 0;
        margin-left: -10px
    }
    .social-icons-simple li {
        display: inline-block
    }
    .social-icons-simple li a {
        font-size: 16px;
        justify-content: center;
        color: #fff;
        height: 46px;
        line-height: 38px;
        width: 46px;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        align-items: center;
        display: flex
    }
    @-webkit-keyframes animationFade {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    @keyframes animationFade {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
    .side-menu .side-footer p {
        color: #fff
    }
    .push-slider-up {
        margin-top: 100vh
    }
    .navigation-toggle span {
        width: 25px;
        background-color: #fff;
        height: 2px;
        display: block;
        margin-top: 3px;
        -webkit-transition: .8s ease;
        -o-transition: .8s ease;
        transition: .8s ease;
        margin-left: auto;
        margin-right: auto;
        -webkit-animation: .8s zoomIn;
        animation: .8s zoomIn
    }
    .header-appear .navigation-toggle span {
        background-color: #fff
    }
    .header-appear .navigation-toggle:hover span {
        background-color: #a8a6a7
    }
    .side-menu .mega-title {
        position: absolute;
        top: 35%;
        left: 0;
        transform: translate(-50%, -50%);
        color: #595959;
        opacity: 0.5;
        width: 100%;
        text-align: center;
        font-family: 'Poppins', sans-serif;
        animation: scale .6s alternate infinite linear both
    }
    .side-menu .mega-title h2 {
        font-size: 120px
    }
    .nav-item:hover .mega-title h2 {
        opacity: .03
    }
    .animation-effect {
        -webkit-animation: .6s slideInDown;
        animation: .6s zoomIn
    }
    .cursor-change {
        cursor: none
    }
    @keyframes scale {
        from {
            transform: translateY(0)
        }
        to {
            transform: translateY(-10px)
        }
    }
    .quote-content {
        text-align: center;
        max-width: 900px;
        padding: 50px 150px;
        overflow: visible;
        background-color: #171717
    }
    .quote-content .contact-form .form-control {
        border-radius: 0;
        padding: 0
    }
    .quote-content #quote_submit_btn {
        margin-bottom: -120px
    }
    .quote-content .form-check {
        padding: 50px 0 8px 0;
        text-align: center;
        margin-bottom: -15px
    }
    .checkbox-lable {
        display: inline-block;
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        font-size: 14px;
        line-height: 25px;
        font-weight: 400;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #a8a6a7
    }
    .checkbox-lable input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        border: 1px dotted #d4d4d4
    }
    .checkbox-lable:hover input~.checkmark {
        background-color: #ccc
    }
    .checkbox-lable input:checked~.checkmark {
        background-color: #a8a6a7
    }
    .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }
    .checkbox-lable input:checked~.checkmark:after {
        display: block
    }
    .checkbox-lable .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .quote-content .fancybox-close-small {
        top: 15px;
        right: 15px;
        width: 45px;
        height: 45px;
        border-radius: 50px;
        background: #a8a6a7;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    .quote-content .fancybox-close-small:after {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-top: -1px;
        font: initial;
        font-size: 35px;
        color: #fff
    }
    .fancybox-close-small:focus:after {
        outline: none
    }
    .quote-content .fancybox-close-small:hover:after,
    .quote-content .fancybox-close-small:focus:after {
        background-color: transparent
    }
    .contact-form .form-control:focus {
        border-color: #a8a6a7
    }
    .contact-form .form-group {
        margin-bottom: 1.5rem
    }
    .contact-form textarea {
        min-height: 130px;
        resize: none
    }
    .tp-bannertimer {
        background: #2d2d2d
    }
    .slider-section {
        overflow-x: hidden
    }
    .slider-section .slider-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.40)
    }
    .heading-title-small {
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase !important
    }
    .heading-title-large {
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase !important
    }
    .scroll-down {
        display: inline-block;
        position: absolute;
        bottom: 30px;
        z-index: 13;
        left: 50%;
        transform: translateX(-50%);
        color: #a8a6a7 !important;
        font-weight: 200!important
    }
    .scroll-down i {
        font-size: 18px;
        padding-left: 8px;
        color: #a8a6a7;
        -webkit-animation: mover .8s infinite alternate;
        animation: mover .8s infinite alternate;
        position: absolute;
        bottom: 0
    }
    @-webkit-keyframes mover {
        0% {
            transform: translateY(2px)
        }
        100% {
            transform: translateY(-4px)
        }
    }
    .about {
        background-image: url("../images/star-back.jpg");
        background-repeat: no-repeat;
        background-size: cover
    }
    .about-margin {
        margin: 7rem 0
    }
    .about-box {
        border-radius: 3px;
        padding: 35px 15px 35px;
        background: transparent;
        text-align: center;
        cursor: pointer;
        transition: ease-in-out 0.3s
    }
    .about-box:hover {
        background: transparent
    }
    .about-box span {
        display: block
    }
    .about-box h5 {
        font-family: 'Roboto', sans-serif;
        font-size: 24px;
        font-weight: 200;
        color: #202020
    }
    .about-box .about-main-icon i {
        color: #fff;
        font-size: 80px
    }
    .about-box h5 {
        font-weight: 200;
        color: #fff;
        transition: ease-in-out 0.5s
    }
    .about-box:hover i,
    .about-box:hover h5 {
        transition: ease-in-out 0.5s
    }
    .about-box:hover i {
        color: #a8a6a7
    }
    .about-main-icon {
        transition: .5s ease
    }
    .about-box:hover .about-main-icon {
        transform: translateY(-10px);
        transition: .5s ease
    }
    .stats-bg {
        background-image: url("../images/star-back.jpg");
        background-repeat: repeat;
        background-size: contain
    }
    .progress {
        height: 0.5rem;
        margin-top: 1rem
    }
    .custom-progress {
        margin-bottom: 2rem
    }
    .bg-change .progress {
        background: #7d7d7d
    }
    .progress-bar {
        border-radius: 50px
    }
    .numscroller {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 500
    }
    .half-section {
        width: 100%;
        position: relative;
        overflow: hidden
    }
    .skill-box {
        padding: 0 12%
    }
    .portfolio {
        background-image: url("../images/about_bg.jpg");
        background-repeat: no-repeat;
        background-size: cover
    }
    .client {
        background-image: url("../images/back3.jpg");
        background-repeat: no-repeat;
        background-size: cover
    }
    .portfolio-title h2 {
        font-size: 48px;
        margin-bottom: 20px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        color: #3c3f46
    }
    .portfolio-subtitle {
        font-size: 16px;
        margin-bottom: 40px;
        color: #7e8186
    }
    .nav-link {
        cursor: pointer;
        padding: .8rem 2.5rem
    }
    .port {
        text-align: center;
        margin: 0 auto;
        max-width: 600px
    }
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        background-color: #a8a6a7;
        border-color: #a8a6a7
    }
    .owl-carousel .owl-stage-outer {
        cursor: pointer
    }
    .nav-pills .nav-link {
        margin: 0 10px 20px 0;
        border: 1px solid #434343;
        color: #fff
    }
    .da-thumbs li {
        margin: 1px;
        width: 33.1%;
        position: relative;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
    }
    .da-thumbs {
        z-index: 1;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .da-thumbs>li {
        display: block;
        position: relative
    }
    .da-thumbs>li {
        overflow: hidden
    }
    .da-thumbs >li .overlay h4 {
        color: #fff;
        font-size: 22px;
        font-weight: normal;
        font-family: "gotham-bold"
    }
    .da-thumbs >li .overlay span {
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        font-family: 'Poppins', sans-serif
    }
    .da-thumbs >li .overlay {
        position: absolute;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        top: 100%;
        z-index: 2;
        background-color: rgb(0, 0, 0);
        opacity: 0.961
    }
    .nav-pills .nav-link {
        border-radius: 0
    }
    .search-icon {
        border: 1px solid white;
        border-radius: 50%;
        display: inline-block;
        color: #fff;
        padding: 5px 10px;
        margin-bottom: 10px
    }
    .clients {
        padding-top: 6rem
    }
    .owl-carousel .owl-item img {
        width: auto;
        max-width: 100%;
        display: inline-block
    }
    .partners-slider .logo-item {
        text-align: center
    }
    .about-img {
        height: auto;
        width: 100%
    }
    .skill-box {
        padding: 7.5rem 0;
        max-width: 720px;
        margin: 0 auto
    }
    .skill-box {
        padding: 0 80px
    }
    .skill-box .main-title h2 {
        max-width: 100%
    }
    .skill-box .main-title p {
        max-width: 100%
    }
    .progress {
        height: 0.5rem;
        margin-top: 1rem
    }
    .parallax-img {
        background-image: url("../images/notepad.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        padding: 4rem 0;
        background-position: center
    }
    .testimonial-img img {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        display: inline-block
    }
    .icon-quotes {
        color: #fff;
        font-size: 24px;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
        cursor: pointer;
        line-height: 1.3;
        margin: 0 auto
    }
    .paragraph {
        font-weight: 200;
        line-height: 1.944;
        font-family: 'Roboto', sans-serif;
        font-size: 18px
    }
    .blog-bg {
        background-image: url("../images/back2.jfif");
        background-repeat: repeat;
        background-size: contain
    }
    .contact-sec {
        background-image: url("../images/contact-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover
    }
    .contact-sec .contact-details,
    .contact-sec .contact-form-box {
        padding-top: 50px
    }
    .contact-sec .contact-details .contact-heading {
        color: #000;
        font-size: 40px;
        font-family: 'oswald', sans-serif;
        text-transform: uppercase;
        font-weight: 300;
        margin-bottom: 20px
    }
    .contact-sec .contact-details .contact-address {
        font-size: 16px;
        color: #000;
        opacity: .8;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        margin-bottom: 20px
    }
    .contact-sec .contact-details .contact-list {
        padding-left: 0
    }
    .contact-sec .contact-details .contact-list li {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        list-style: none;
        color: #000;
        font-size: 16px;
        opacity: .8
    }
    .contact-sec .contact-details .contact-list li:nth-child(even) {
        margin-bottom: 20px
    }
    .contact-sec .contact-details .contact-list li:last-child {
        margin-bottom: 50px
    }
    .contact-sec .contact-details .contact-s-media {
        padding-left: 0;
        margin-bottom: 0;
        right: auto;
        left: -10px
    }
    .contact-sec .contact-details .contact-s-media li {
        list-style: none;
        margin-right: 10px;
        display: inline-block
    }
    .contact-sec .contact-details .contact-s-media li:last-child {
        margin-right: 0
    }
    .contact-sec .contact-details .contact-s-media li a {
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        padding-top: 2px;
        transition: .8s ease
    }
    .contact-sec .contact-details .page-footer {
        left: calc(50% - 125px)
    }
    .contact-sec {
        padding-bottom: 120px
    }
    .contact-form {
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 0 auto
    }
    .contact-form .form-control {
        border: none;
        border-bottom: 1px solid #797979;
        padding: 10px 0;
        background: transparent;
        font-weight: normal;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 32px;
        color: #797979;
        font-size: 14px;
        position: relative;
        font-family: 'Roboto', sans-serif;
        -webkit-transition: border .9s ease;
        -o-transition: border .9s ease;
        transition: border .9s ease
    }
    .contact-form .form-control:focus {
        border-color: #a8a6a7
    }
    .contact-form textarea {
        min-height: 130px;
        resize: none
    }
    .contact-form .form-group {
        margin-bottom: 1.5rem
    }
    #map {
        overflow: hidden !important
    }
    .mapouter {
        position: relative;
        text-align: right;
        height: 100%;
        width: 100%
    }
    .full-map {
        height: 450px;
        width: 100%;
        overflow: hidden
    }
    .map {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }
    .bg-img-map {
        background: url(../images/map.jpg)
    }
    .footer {
        padding-bottom: 70px;
        background-image: url("../images/footer-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover
    }
    .footer-social ul {
        margin: 0;
        padding: 0
    }
    .footer-social li {
        display: inline-block
    }
    .footer-social a {
        display: block;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        border-radius: 50px;
        font-size: 17px;
        margin: 0 10px 0 0;
        border: 1px solid transparent;
        -webkit-transition: background-color .2s ease-in-out;
        -o-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }
    .footer-social a i {
        color: #fff
    }
    .footer-social li:nth-last-child(1) a {
        margin-right: 0
    }
    .company-about {
        font-size: 13px;
        font-family: 'Roboto', sans-serif
    }
    .go-top {
        position: fixed;
        cursor: pointer;
        bottom: 15px;
        right: 15px;
        color: #fff;
        background-color: #a8a6a7;
        border-radius: 50%;
        z-index: 4;
        width: 40px;
        text-align: center;
        height: 42px;
        line-height: 42px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .9s;
        -o-transition: .9s;
        transition: .9s;
        -webkit-transform: translateY(150px);
        -ms-transform: translateY(150px);
        transform: translateY(150px)
    }
    .go-top.active {
        -webkit-animation: bounceInDown 2s;
        animation: bounceInDown 2s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
    .go-top i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s
    }
    .go-top i:last-child {
        opacity: 0;
        visibility: hidden;
        top: 60%
    }
    .go-top::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: #a8a6a7;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        border-radius: 50%
    }
    .go-top:hover,
    .go-top:focus {
        color: #fff
    }
    .go-top:hover::before,
    .go-top:focus::before {
        opacity: 1;
        visibility: visible
    }
    .go-top:hover i:first-child,
    .go-top:focus i:first-child {
        opacity: 0;
        top: 0;
        visibility: hidden
    }
    .go-top:hover i:last-child,
    .go-top:focus i:last-child {
        opacity: 1;
        visibility: visible;
        top: 50%
    }
    .standalone,
    .blog-page,
    .blog-detail {
        background-color: #171717
    }
    .standalone-row:not(:last-child) {
        margin-bottom: 3rem
    }
    .standalone-row .stand-img-des {
        padding-left: 30px;
        text-align: center
    }
    .standalone-row:nth-child(2) .stand-img-des {
        padding-left: 0;
        padding-right: 30px
    }
    .standalone-detail .sub-heading {
        margin-bottom: 10px
    }
    .standalone-area .sub-heading {
        margin-bottom: 8px
    }
    .standalone-detail .heading {
        margin-bottom: 20px;
        font-size: 56px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif
    }
    .standalone-detail .para_text {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        font-size: 15px;
        margin: 0 auto
    }
    .standalone-detail {
        padding-bottom: 100px
    }
    .standalone-area .heading-text {
        font-weight: 400;
        margin-bottom: 12px;
        font-family: 'Poppins', sans-serif;
        font-size: 45px
    }
    .standalone-area .stand-img-des .para_text {
        font-family: 'Roboto', sans-serif
    }
    .page-title {
        position: relative;
        text-align: center;
        padding: 200px 0 150px 0;
        background: url("../images/standalone.jpg");
        background-size: cover;
        background-position: top center
    }
    .page-title .auto-container {
        position: relative
    }
    .page-title h2 {
        position: relative;
        color: #fff;
        font-weight: 600;
        line-height: 1.2em;
        margin-bottom: 10px;
        font-size: 3.5rem;
        text-transform: capitalize
    }
    .page-breadcrumb {
        position: relative
    }
    .page-breadcrumb li {
        position: relative;
        display: inline-block;
        margin-right: 10px;
        padding-right: 15px;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize
    }
    .page-breadcrumb li:after {
        position: absolute;
        content: "f101";
        right: -5px;
        top: 1px;
        color: #fff;
        font-size: 14px;
        font-weight: 900;
        font-family: "Font Awesome 5 Free"
    }
    .page-breadcrumb li:last-child::after {
        display: none
    }
    .page-breadcrumb li:last-child {
        padding-right: 0;
        margin-right: 0
    }
    .page-breadcrumb li a {
        color: #fff;
        font-weight: 400;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease
    }
    .page-breadcrumb li a .icon {
        margin-right: 4px;
        color: #a8a6a7
    }
    .page-breadcrumb li a:hover {
        color: #fff
    }
    .blog-page-title {
        position: relative;
        text-align: center;
        padding: 200px 0 150px 0;
        background: url("../images/page-tittle.jpg");
        background-size: cover;
        background-position: top center
    }
    .heading-space {
        margin-bottom: 2.125rem
    }
    .heading-space li {
        color: #797979
    }
    .margin-bottom-3 {
        margin-bottom: 3rem !important
    }
    .news_item {
        background: transparent;
        position: relative
    }
    .news_item.blog-one:hover img,
    .news_item.blog-two:hover img {
        transform: scale(1.2)
    }
    .news_item.shadow {
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1)
    }
    .news_item .news_desc {
        padding: 40px 30px
    }
    .meta-tags li,
    .meta-tags li a {
        display: inline-block;
        margin-top: 10px
    }
    .meta-tags li a i {
        color: #a8a6a7
    }
    .meta-tags>li+li {
        margin-left: 10px
    }
    .meta-tags li a {
        color: #a5a5a5;
        font-size: 12px;
        font-weight: 600;
        text-transform: capitalize
    }
    .meta-tags li a>i {
        font-size: 17px;
        margin-right: 5px
    }
    .meta-tags li a>i,
    .meta-tags>li+li::before {
        vertical-align: middle
    }
    .meta-tags li a:hover,
    .meta-tags li a:focus {
        color: #a8a6a7
    }
    .news_item:hover h3 a {
        color: #a8a6a7
    }
    .widget {
        background: #171717;
        padding: 2rem 1.5rem;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1)
    }
    .widget button {
        border: none
    }
    .blog-box {
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1)
    }
    .search-box .form-control {
        padding-top: 1.3rem;
        padding-bottom: 1.3rem;
        -webkit-border-bottom-left-radius: 20px;
        border-bottom-left-radius: 20px;
        -webkit-border-top-left-radius: 20px;
        border-top-left-radius: 20px
    }
    .search-box .form-control,
    .search-box .search-addon {
        background: transparent;
        border-color: #797979;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: table-cell
    }
    .search-box .form-control:focus,
    .search-box textarea:focus {
        border-color: #a8a6a7;
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0
    }
    .search-box .search-addon {
        background-color: #a8a6a7;
        color: #fff;
        position: relative;
        top: 0;
        left: -1px;
        width: 40px;
        -webkit-border-top-right-radius: 20px;
        border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px
    }
    .single-post {
        overflow: hidden;
        display: table
    }
    .single-post .post,
    .single-post .text {
        display: table-cell
    }
    .single-post .post {
        height: 60px;
        width: 60px
    }
    .single-post .post>img {
        width: 100%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }
    .single-post .text {
        vertical-align: middle;
        padding-left: 10px;
        font-size: 15px
    }
    .single-post span {
        font-size: 13px;
        display: block;
        color: #797979
    }
    .single-post:hover a,
    .single-post:focus a {
        color: #a8a6a7
    }
    .categories-name>a {
        display: block;
        padding: 18px 0 5px;
        border-bottom: 1px solid #797979
    }
    .categories-name>a>p:hover {
        color: #a8a6a7!important
    }
    .categories-name>a>p {
        -webkit-transition: 300ms all linear;
        -o-transition: 300ms all linear;
        transition: 300ms all linear
    }
    .categories-name>a>p>span {
        float: right
    }
    .tags li {
        display: inline-block;
        padding: 2px 12px 2px;
        border: 1px solid #838383;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        cursor: pointer;
        -webkit-transition: 300ms all linear;
        -o-transition: 300ms all linear;
        transition: 300ms all linear;
        margin: 0 1px 6px 0
    }
    .tags li p {
        color: #797979
    }
    .tags li:hover,
    .tags li:focus {
        background: #a8a6a7;
        border: 1px solid #a8a6a7;
        -webkit-transition: 300ms all linear;
        -o-transition: 300ms all linear;
        transition: 300ms all linear
    }
    .tags li:hover p,
    .tags li:focus p {
        color: #fff
    }
    ul.rounded li {
        display: flex;
        margin-top: 20px
    }
    ul.rounded li::before {
        content: "";
        height: 10px;
        width: 10px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #a8a6a7;
        margin-top: 6px;
        margin-right: 10px;
        vertical-align: middle;
        display: inline-block
    }
    .agency-author {
        padding: 30px;
        background-color: transparent;
        margin-top: 2rem
    }
    .post-navigation~.agency-author {
        margin-top: 0
    }
    .author-avatar {
        width: 100px;
        height: 100px;
        line-height: 125px;
        text-align: center;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        float: left
    }
    .author-avatar img {
        border-radius: 50%
    }
    .author-content {
        padding-left: 1.9rem;
        overflow: hidden
    }
    .author-content a:not(:hover):not(:focus) {
        text-decoration: none
    }
    .author-content span {
        color: #797979;
        font-size: 14px
    }
    .author-content h6 {
        margin: 0 0 10px;
        line-height: 1.2;
        font-size: 1.3rem
    }
    .author-content h6 a:not(:hover):not(:focus) {
        color: #a8a6a7
    }
    .pagination li>a {
        height: 38px;
        width: 38px;
        padding: 0;
        line-height: 38px;
        font-size: 18px;
        color: #797979;
        text-align: center;
        background-color: #171717;
        margin: 0 4px;
        border: none
    }
    .pagination li > a i {
        font-size: 14px
    }
    .pagination li > a,
    .pagination li:first-child a,
    .pagination li:last-child a {
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important
    }
    .pagination li > a:hover,
    .pagination li>a:focus {
        background: #a8a6a7
    }
    .pagination li > a:hover,
    .pagination li > a:focus,
    .pagination li.active>a {
        color: #fff
    }
    .pagination li.active>a {
        background: #a8a6a7 !important
    }
    .page-link:focus {
        box-shadow: none
    }
    .blockquote {
        font-size: 17px
    }
    .news_wrap .news-box {
        background: #fff;
        margin: -50px 10px 0 10px;
        padding: 20px 15px 0 15px;
        position: relative;
        z-index: 1;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }
    .news_wrap .image {
        -webkit-border-radius: 5px;
        border-radius: 5px
    }
    .news-box a {
        color: #18191d
    }
    .news-box a:hover,
    .news-box a:focus {
        color: #a8a6a7
    }
    .news-box:hover h4 a {
        color: #a8a6a7
    }
    .news-tags li {
        display: inline-block
    }
    .news-tags li {
        margin-left: 10px
    }
    .news-tags li:first-child {
        margin-left: 0
    }
    .news-tags li:last-child {
        margin-right: 0
    }
    .news-tags li a {
        display: block;
        color: #535353;
        font-size: 14px
    }
    .news-tags li a:hover {
        color: #535353
    }
    .news-tags li a i {
        font-size: 13px;
        margin-right: 4px;
        color: #a8a6a7
    }
    .news_wrap .news-box .news-tags {
        margin: 15px 0
    }
    .news-slider .owl-dots {
        text-align: center
    }
    .news-slider .owl-dots .owl-dot {
        height: 12px;
        width: 12px;
        margin: 2px 3px;
        position: relative;
        border: 1px solid #a8a6a7;
        display: inline-block;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: rgba(255, 255, 255, .35);
        cursor: pointer
    }
    #loader {
        position: fixed;
        z-index: 99999;
        width: 100%;
        height: 100vh;
        overflow: visible;
        background: #fff url("../images/preloader.gif") no-repeat center center
    }
    #btn_sideNavClose {
        float: right;
        margin: 10px
    }
    @media (min-width: 1800px) {
        .side-nav .navbar-nav .nav-item {
            margin: 30px 0
        }
        .team-img {
            height: 820px
        }
        .side-menu .btn-close {
            right: 50px
        }
        
    }
    @media (max-width: 1280px) and (min-width: 992px) {
        .navbar-simple .navbar-nav .nav-link {
            padding: 0.5rem 1.4rem
        }
        .sidemenu_btn {
            right: -4px
        }
        .about-box h5 {
            font-size: 20px
        }
        .navbar .container {
            max-width: 930px
        }
        .blog-bg {
            background-size: cover
        }
        
    }
    @media (max-width: 1280px) and (min-width: 992px) {
        .skill-box {
            padding: 0 70px
        }
        .team-img {
            height: 800px
        }
        .side-menu .side-nav .navbar-nav li a {
            font-size: 30px
        }
    }
    @media screen and (max-width: 991px) and (min-width: 768px) {
        section h3 {
            font-size: 3em !important
        }
        section h6 {
            font-size: 1em !important
        }
        iframe {
            width: 80%;
            float: right
        }
        .btn-div {
            margin-left: 235px !important
        }
        body {
            text-align: center
        }
        .round-nav {
            border-radius: 0
        }
        .navbar-top-default {
            background: #171717;
            top: 0
        }
        .navigation-toggle span {
            background-color: #fff
        }
        .side-menu .btn-close {
            right: 48px;
            top: 32px
        }
        .side-menu .side-nav .navbar-nav li a {
            font-size: 22px
        }
        .get-started-btn {
            margin: 20px
        }
        .tp-caption>.font-18 {
            font-size: 15px
        }
        .m-ipad {
            margin-top: 40px
        }
        .stats-bg,
        .parallax-img {
            background-size: cover
        }
        .skill-box {
            padding: 7.5rem 0;
            max-width: 720px;
            margin: 0 auto
        }
        .about-img {
            height: auto;
            width: 100%
        }
        .da-thumbs li {
            position: absolute;
            left: 0;
            top: 0;
            transform: translateX(25%);
            width: 40%
        }
        .nav-pills .nav-link {
            padding: .8rem 1.5rem
        }
        .pricing-item {
            max-width: 420px;
            margin-left: auto;
            margin-right: auto
        }
        .blog-bg {
            background-size: cover
        }
        .standalone-detail {
            padding-bottom: 70px
        }
        .standalone-area .gradient-text1 {
            font-size: 30px
        }
        .standalone-detail .heading {
            font-size: 30px
        }
        .standalone-area .sub-heading {
            margin-top: 3rem
        }
        .standalone-row .stand-img-des {
            padding-left: 0;
            padding-right: 0
        }
        .standalone-row:nth-child(2) .stand-img-des {
            padding-left: 0;
            padding-right: 0
        }
        .standalone-row:nth-child(2) {
            margin-top: 3rem;
            margin-bottom: 3rem
        }
        .para_text {
            font-size: 18px
        }
        .author-avatar {
            float: none;
            margin-bottom: 25px;
            overflow: visible
        }
        .agency-author {
            padding: 30px;
            text-align: left
        }
        .author-content {
            padding: 0
        }
    }
    @media screen and (max-width: 767px) {
        section h3 {
            font-size: 3em !important
        }
        section h6 {
            font-size: 1em !important
        }
        .map1 {
            margin-left: 0 !important;
            margin-top: 0 !important
        }
        .font-10 {
            font-size: 10px
        }
        .font-15 {
            font-size: 12px
        }
        .font-14 {
            font-size: 14px
        }
        .font-16 {
            font-size: 16px
        }
        .font-18 {
            font-size: 16px
        }
        .font-20 {
            font-size: 16px
        }
        .font-22 {
            font-size: 22px
        }
        .font-24 {
            font-size: 24px
        }
        .font-40 {
            font-size: 28px
        }
        .font-45 {
            font-size: 45px
        }
        .tp-caption>.font-18 {
            font-size: 14px
        }
        body {
            text-align: center
        }
        section {
            padding: 4.5rem 0
        }
        .padding-top {
            padding-top: 4.5rem
        }
        .h1,
        h1 {
            font-size: 1.5rem
        }
        .round-nav {
            border-radius: 0
        }
        .navbar-top-default {
            background: #171717;
            top: 0;
            height: 80px
        }
        .header-appear .navbar-top-default {
            height: 80px
        }
        .navigation-toggle span {
            background-color: #fff
        }
        .side-menu .mega-title {
            display: none
        }
        .side-nav .navbar-nav .nav-item {
            margin: 18px 0
        }
        .side-footer p {
            font-size: 14px
        }
        .side-menu .side-nav .navbar-nav li a {
            font-size: 18px
        }
        .sidemenu_btn {
            right: 8px;
            top: 25px
        }
        .side-menu .btn-close {
            right: 26px;
            top: 28px
        }
        .tp-caption>.font-40 {
            font-size: 35px
        }
        .side-menu .mega-title h2 {
            font-size: 54px
        }
        .side-menu .mega-title {
            animation: none;
            left: 50%
        }
        .side-menu .side-nav .navbar-nav .get-started-btn a {
            font-size: 12px
        }
        .quote-content {
            padding: 30px 20px;
            margin: 0
        }
        .quote-content #quote_submit_btn {
            margin-bottom: 0
        }
        .quote-content .form-check {
            padding: 10px 0 40px 0
        }
        .get-started-btn {
            margin-top: 20px
        }
        .about-box {
            margin-top: 20px
        }
        .about-margin {
            margin: 4.5rem 0
        }
        .about-box h5 {
            font-size: 20px
        }
        .skill-box {
            max-width: 540px;
            padding: 4.5rem 0
        }
        .stats-bg,
        .parallax-img {
            background-size: cover
        }
        .paragraph {
            font-size: 14px
        }
        .blog-bg {
            background-size: cover
        }
        .nav-pills .nav-link {
            padding: .6rem 1.4rem
        }
        .contact-sec {
            padding-bottom: 60px
        }
        .footer-social a {
            margin: 0
        }
        .standalone-detail {
            padding-bottom: 70px
        }
        .standalone-area .gradient-text1 {
            font-size: 30px
        }
        .standalone-detail .heading {
            font-size: 30px
        }
        .standalone-area .sub-heading {
            margin-top: 3rem
        }
        .standalone-row .stand-img-des {
            padding-left: 0;
            padding-right: 0
        }
        .standalone-row:nth-child(2) .stand-img-des {
            padding-left: 0;
            padding-right: 0
        }
        .standalone-row:nth-child(2) {
            margin-top: 3rem;
            margin-bottom: 3rem
        }
        .page-title h2 {
            font-size: 2.5rem
        }
        .standalone-area .heading-text {
            font-size: 30px
        }
        .news_desc {
            text-align: center
        }
        .author-avatar {
            float: none;
            margin-bottom: 25px;
            overflow: visible
        }
        .agency-author {
            padding: 30px
        }
        .author-content {
            padding: 0
        }
        .widget-blog h5 {
            text-align: center
        }
        .baner
        {
            height: 50vh !important;
        }
    }
    @media (max-width: 575.98px) {
        section h3 {
            font-size: 2em !important
        }
        section h6 {
            font-size: 1em !important
        }
        .map1 {
            margin-left: 0px !important;
            margin-top: 0px !important
        }
        .side-nav .navbar-nav .nav-item {
            margin: 12px 0
        }
        .side-menu .mega-title h2 {
            font-size: 48px
        }
        .side-footer p {
            font-size: 10px;
            line-height: 1rem
        }
        .da-thumbs li {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%
        }
        .social-icons-simple li a {
            width: 44px;
            height: 44px
        }
        .baner
        {
            height: 50vh !important;
        }
    }
    @media screen and (max-width: 400px) and (min-width: 321px) {
        .logo1 {
            width: 50% !important
        }
        .btn-div {
            margin-left: 75px !important
        }
        .table {
            width: 100%;
            border-collapse: collapse
        }
        .table tbody tr:nth-child(even) {
            background-color: #a8a6a7
        }
        .table th {
            display: none
        }
        .table,
        .table tbody,
        .table tr,
        .table td {
            display: block;
            width: 100%
        }
        .table tr {
            margin-bottom: 15px
        }
        .table td {
            text-align: right;
            padding-left: 50%;
            position: relative;
            padding: 30px 0
        }
        .table td:before {
            content: attr(data-label);
            position: absolute;
            left: 0;
            width: 50%;
            padding-left: 15px;
            font-size: 15px;
            font-weight: bold;
            text-align: left
        }
        .column {
            padding: 70px 0 !important
        }
        .baner
        {
            height: 50vh !important;
        }
    }
    @media (max-width: 320px) {
        .baner
        {
            height: 50vh !important;
        }
        .logo1 {
            width: 50% !important
        }
        .btn-div {
            margin-left: 35px !important
        }
        .side-menu .side-nav .navbar-nav .get-started-btn a {
            font-size: 8px
        }
        .quote-content .fancybox-close-small {
            right: 6px
        }
        .get-started-btn {
            margin: 0
        }
    }
    .mt-50 {
        margin-top: 50px !important
    }
    .mb-50 {
        margin-bottom: 50px !important
    }
    .pr-45 {
        padding-right: 45px
    }
    .we-do {
        font-size: 50px;
        margin-left: 120px
    }
    a.we-do:hover i {
        color: #a8a6a7
    }
    .text-black {
        color: #000
    }
    .map1 {
        margin-left: 271px;
        margin-top: -270px
    }
    .btn-div {
        margin-left: 165px
    }
    .box {
        text-align: center;
        background: #a8a6a7;
        display: inline-block;
        padding: 10px;
        border-radius: 30px
    }
    .mt-20 {
        margin-top: 20px
    }
    .flipflop {
        animation: flip 6s linear infinite;
        transform: rotateX(0deg)
    }
    .flipflop2 {
        animation: flip 3s linear infinite;
        transform: rotateX(0deg)
    }
    @keyframes flip {
        0% {
            transform: rotateX(0deg)
        }
        15% {
            transform: rotateX(360deg)
        }
        100% {
            transform: rotateX(360deg)
        }
    }