body {
    text-decoration: none;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #505050;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Regular.eot');
    src: url('../fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Regular.woff') format('woff'), url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.box-content a:hover {
    color: #000
}

:focus {
    outline: 0 !important
}

.reset {
    clear: both
}

a {
    text-decoration: none !important;
    color: #7d7c7c
}

a:hover {
    text-decoration: none !important;
    color: #000
}

::-webkit-input-placeholder {
    color: #b5b5b5 !important
}

::-moz-placeholder {
    color: #b5b5b5 !important
}

:-ms-input-placeholder {
    color: #b5b5b5 !important
}

:-moz-placeholder {
    color: #b5b5b5 !important
}

#scrl::-webkit-scrollbar {
    width: 2px;
    background-color: #000
}

#scrl::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px
}

ul {
    padding: 0;
    margin: 0
}

.p0 {
    padding: 0 !important
}

.p3 {
    padding: 3px !important
}

.p4 {
    padding: 4px;
    padding-top: 0
}

.m0 {
    margin: 0 !important
}

.fl {
    float: left
}

.fr {
    float: right
}

b {
    padding: 10px 0
}

li {
    list-style: none;
    text-decoration: none
}

p {
    font-family: 'Poppins', sans-serif;
    text-align: left;
    font-size: 1em;
    color: #333;
    font-weight: normal;
    line-height: 1.7;
    direction: ltr;
    text-align: justify;
}

li {
    font-size: 16px;
    font-weight: 400
}

.more:after {
    content: "\f0da";
    transition: all .25s;
    opacity: 0;
    margin-left: -.5em;
    font-family: FontAwesome
}

.more:hover:after {
    opacity: 1;
    margin-left: .4em
}

.pl0 {
    padding-left: 0
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px;
    margin-right: 10px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.p50 {
    padding: 50px !important
}

.pb35 {
    padding-bottom: 35px
}

.mtb15 {
    margin: 15px 0 15px 0
}

.p2 {
    padding: 2px
}

.p5 {
    padding: 5px
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.header {
    width: 100%;
    float: left;
    z-index: 99;
    position: relative;
    height: 0;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    transition: all .4s ease-in-out
}

.cbp-af-header.cbp-af-header-shrink {
    height: 65px;
    top: 0
}

.cbp-af-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all .4s ease-in-out
}

.cbp-af-header.cbp-af-header-shrink .header {
    background: #1d4441;
    height: 58px
}

.cbp-af-header.cbp-af-header-shrink .nav-menu>li>a {
    color: #fff;
    height: 58px;
    font-size: 1em;
    padding: 0px 13px 0px 10px;
    line-height: 58px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.911);
}

.cbp-af-header.cbp-af-header-shrink .menubars {
    background: 0 0;
    padding: 0;
    height: 58px;
    transition: all .4s ease-in-out
}

.cbp-af-header.cbp-af-header-shrink .submenu-indicator-chevron {
    border-color: #fff #fff #fff transparent;
    margin-top: 18px;
}

.cbp-af-header.cbp-af-header-shrink .top__contact {
    display: none
}

.menubars {
    border-radius: 3px;
    padding-right: 0;
    padding-left: 0
}

.logo {
    display: inline-block;
    float: left;
    transition: all .4s ease-in-out;
    background-repeat: no-repeat;
    position: absolute
}

.cbp-af-header.cbp-af-header-shrink .logo {
    background-repeat: no-repeat;
    margin: 0;
    transition: all .4s ease-in-out
}

.navbar-fixed {
    position: fixed;
    z-index: 999 !important
}

nav {
    width: 100%
}

.navigation {
    width: 100%;
    height: 50px;
    display: table;
    position: relative;
    font-family: inherit
}

.navigation * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.navigation-portrait {
    height: 48px
}

.navigation-fixed-wrapper {
    width: 100%;
    left: 0;
    z-index: 19998;
    will-change: opacity
}

.navigation-fixed-wrapper.fixed {
    position: fixed !important;
    -webkit-animation: fade .5s;
    animation: fade .5s
}

@keyframes fade {
    from {
        opacity: .999
    }

    to {
        opacity: 1
    }
}

.navigation-fixed-wrapper .navigation {
    margin-right: auto;
    margin-left: auto
}

.navigation-fixed-placeholder {
    width: 100%;
    display: none
}

.navigation-fixed-placeholder.navigation-fixed-placeholder.visible {
    display: block
}

.nav-toggle,
.navigation-hidden .nav-header {
    display: none
}

.navigation-hidden {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: -9999px
}

.nav-header {
    float: left
}

.nav-brand:focus,
.nav-brand:hover {
    color: #70798b
}

.navigation-portrait .nav-brand {
    font-size: 18px;
    line-height: 48px
}

.nav-logo>img {
    height: 48px;
    margin: 11px auto;
    padding: 0 15px;
    float: left
}

.nav-brand img {
    margin-top: 30px;
    width: 80%
}

.nav-logo:focus>img {
    outline: initial
}

.navigation-portrait .nav-logo>img {
    height: 36px;
    margin: 6px auto 6px 15px;
    padding: 0
}

.nav-toggle {
    cursor: pointer
}

.nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 .5em 0 0 #fff, 0 1em 0 0 #fff
}

.navigation-portrait .nav-toggle {
    display: block
}

.navigation-portrait .nav-menus-wrapper {
    width: 320px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #126088;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: auto;
    right: -400px
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    left: auto;
    right: 0
}

.nav-menus-wrapper-close-button {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #fff;
    font-size: 26px;
    cursor: pointer
}

.navigation-portrait .nav-menus-wrapper-close-button {
    display: block
}

.nav-menu {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-size: 0;
    float: right;
    clear: both;
}

.nav-menu.nav-menu-social>li>a>[class*=ion-],
.nav-menu>li>a {
    font-size: 15px
}

.navigation-portrait .nav-menu {
    width: 100%
}

.nav-menu.nav-menu-centered {
    text-align: center
}

.nav-menu.nav-menu-centered>li {
    float: none
}

.nav-menu>li {
    display: inline-block;
    float: left;
    text-align: right;
}

.navigation-portrait .nav-menu>li {
    width: 100%;
    position: relative;
    border-top: solid 1px #e7e7e7
}

.navigation-portrait .nav-menu>li:last-child {
    border-bottom: solid 1px #e7e7e7
}

.nav-menu+.nav-menu>li:first-child {
    border-top: none
}

.nav-menu>li>a {
    height: 68px;
    padding: 20px 12px;
    display: inline-block;
    position: relative;
    color: #fff;
    -webkit-transition: color .3s, background .3s;
    font-size: 1em;
    transition: all .4s ease-in-out;
    font-family: 'Playfair Display';
    font-weight: normal;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
}

.navigation-portrait .nav-menu>li>a {
    width: 100%;
    height: auto;
    padding: 12px 15px 12px 26px;
    transition: all .4s ease-in-out
}

.nav-menu>.nav-menu>li.focus>a,
.nav-menu>li:hover>a {
    color: #ffffff
}

.nav_active {
    color: #ffffff !important
}

.cbp-af-header.cbp-af-header-shrink .nav-menu>li>.nav_active {
    color: #ffffff !important
}

.nav-menu>li a:before {
    content: "";
    width: 2px;
    height: 0;
    background: #ffffff;
    position: absolute;
    left: 53%;
    top: 0;
    bottom: auto;
    transition: all .4s ease-in-out
}

.nav-menu>li:hover>a:before {
    content: "";
    width: 2px;
    height: 18px;
    background: #ffffff;
    position: absolute;
    left: 53%;
    top: 0;
    bottom: auto;
    transition: all .4s ease-in-out
}

.nav-menu>li a:after {
    content: "";
    width: 2px;
    height: 0;
    background: #ffffff;
    position: absolute;
    left: 53%;
    top: auto;
    bottom: 0;
    transition: all .4s ease-in-out
}

.nav-menu>li:hover>a:after {
    content: "";
    width: 2px;
    height: 19px;
    background: #ffffff;
    position: absolute;
    left: 53%;
    top: auto;
    bottom: 0;
    transition: all .4s ease-in-out
}

.cbp-af-header.cbp-af-header-shrink .nav-menu>li>a:hover {
    color: #ffffff
}

.cbp-af-header.cbp-af-header-shrink .nav-menu>li:hover>a:before {
    background: #ffffff
}

.cbp-af-header.cbp-af-header-shrink .nav-menu>li:hover>a:after {
    background: #ffffff
}

li.active>a {
    color: #fff;
    background: #941473
}

.nav-menu>li>a>[class*=ion-],
.nav-menu>li>a>i {
    width: 18px;
    height: 16px;
    line-height: 16px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.nav-menu>li>a>[class*=ion-] {
    width: 16px;
    display: inline-block;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8)
}

.navigation-portrait .nav-menu.nav-menu-social {
    width: 100%;
    text-align: center
}

.nav-menu.nav-menu-social>li {
    text-align: center;
    float: none;
    border: none !important
}

.navigation-portrait .nav-menu.nav-menu-social>li {
    width: auto
}

.nav-menu.nav-menu-social>li>a>.fa {
    font-size: 14px
}

.navigation-portrait .nav-menu.nav-menu-social>li>a {
    padding: 15px
}

.submenu-indicator {
    margin-left: 6px;
    margin-top: 9px;
    float: right;
    -webkit-transition: all .3s;
    transition: all .3s
}

.navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 20000
}

.submenu-indicator-chevron {
    border-color: transparent #fff #fff transparent;
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .3s;
    transition: border .3s
}

.navigation-portrait .submenu-indicator-chevron {
    position: absolute;
    top: 18px;
    left: 24px
}

.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron,
.nav-menu>li:hover>a .submenu-indicator-chevron {
    border-color: #ffffff #ffffff #ffffff #ffffff
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999
}

.no-scroll {
    touch-action: none;
    overflow-x: hidden
}

.nav-search {
    height: 70px;
    float: right;
    z-index: 19998
}

.navigation-portrait .nav-search {
    height: 48px;
    padding: 0 10px;
    margin-right: 52px
}

.navigation-hidden .nav-search {
    display: none
}

.nav-search-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    background-color: #373435
}

.navigation-portrait .nav-search-button {
    width: 50px;
    height: 48px;
    line-height: 46px;
    font-size: 22px
}

.nav-search-icon {
    width: 14px;
    height: 14px;
    margin: 2px 8px 8px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #fff;
    text-align: left;
    text-indent: -9999px;
    border: 2px solid;
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: color .3s;
    transition: color .3s
}

.nav-search-icon:after,
.nav-search-icon:before {
    content: '';
    pointer-events: none
}

.nav-search-icon:before {
    width: 2px;
    height: 11px;
    top: 11px;
    position: absolute;
    left: 50%;
    border-radius: 0 0 1px 1px;
    box-shadow: inset 0 0 0 32px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nav-search-button:hover .nav-search-icon {
    color: #8cc152
}

.nav-search>form {
    width: 100%;
    height: 100%;
    padding: 0 auto;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 99
}

.nav-search-inner {
    width: 70%;
    height: 70px;
    margin: auto;
    display: table
}

.navigation-portrait .nav-search-inner {
    height: 48px
}

.nav-search-inner input[type=search],
.nav-search-inner input[type=text] {
    height: 70px;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    font-size: 26px;
    text-align: center;
    color: #70798b;
    outline: 0;
    line-height: 70px;
    border: none;
    background-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s
}

.navigation-portrait .nav-search-inner input[type=search],
.navigation-portrait .nav-search-inner input[type=text] {
    height: 48px;
    font-size: 18px;
    line-height: 48px
}

.nav-search-close-button {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: normal;
    color: #70798b;
    font-size: 20px;
    cursor: pointer;
    text-align: center
}

.nav-button,
.nav-text {
    display: inline-block;
    font-size: 14px
}

.navigation-portrait .nav-search-close-button {
    top: 10px;
    right: 14px
}

.nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background-color: #8cc152;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.nav-button:focus,
.nav-button:hover {
    color: #fff;
    text-decoration: none;
    opacity: .85
}

.navigation-portrait .nav-button {
    width: calc(100% - 52px);
    margin: 17px 26px
}

.nav-text {
    margin: 25px 15px;
    color: #70798b
}

.navigation-portrait .nav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0
}

.navigation-portrait .nav-text+ul {
    margin-top: 15px
}

.nav-dropdown {
    min-width: 180px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 98;
    white-space: nowrap
}

.navigation-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0
}

.nav-dropdown .nav-dropdown {
    left: 100%
}

.nav-menu>li>.nav-dropdown {
    border-top: solid 1px #333332
}

.nav-dropdown>li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
    background: #252525
}

.nav-dropdown>li>a {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    float: left;
    color: #fff;
    background: #333332;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
    border-bottom: 1px solid #666;
    font-size: 0.85em;
}

.nav-dropdown>li a:before {
    position: absolute;
    left: 10px;
    top: 24px;
    width: 0;
    height: 2px;
    z-index: 0;
    content: " ";
    background-color: #333332;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.nav-dropdown>li a:hover:before {
    width: 15px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.nav-dropdown>li:hover {
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.nav-dropdown>li a {
    -webkit-transition: all .4s ease-in-out
}

.nav-dropdown>li a:hover {
    -webkit-transition: all .4s ease-in-out;
    padding-left: 30px
}

.nav-menu>li:hover {
    transition: all .4s ease-in-out
}

.nav-dropdown.nav-dropdown-left {
    right: 0
}

.nav-dropdown>li>.nav-dropdown-left {
    left: auto;
    right: 100%
}

.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a {
    text-align: right
}

.navigation-portrait .nav-dropdown>li>a {
    padding: 12px 20px 12px 30px
}

.navigation-portrait .nav-dropdown>li>ul>li>a {
    padding-left: 50px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
    padding-left: 70px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
    padding-left: 90px
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 110px
}

.nav-dropdown .submenu-indicator {
    right: 15px;
    top: 16px;
    position: absolute
}

.navigation-portrait .nav-dropdown .submenu-indicator {
    right: 0;
    top: 0
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-dropdown>.focus>a .submenu-indicator-chevron,
.nav-dropdown>li:hover>a .submenu-indicator-chevron {
    border-color: transparent #ffffff #ffffff transparent
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
    left: 10px
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.nav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #f0f0f0
}

.nav-dropdown-horizontal .nav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0
}

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
    border-top: none
}

.nav-dropdown-horizontal>li {
    width: auto;
    clear: none;
    position: static
}

#kenburns_061,
.nav-dropdown-horizontal>li>a {
    position: relative
}

.navigation-portrait .nav-dropdown-horizontal>li {
    width: 100%
}

.nav-dropdown-horizontal .submenu-indicator {
    height: 18px;
    top: 11px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
    height: 42px;
    top: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

ul.social-icons {
    float: left
}

.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
    padding: 4px 4px
}

.social-icons a {
    color: #fff
}

.top__contact__right {
    float: right
}

.top__contact__left {
    float: left
}

.top__contact__right span {
    padding-left: 15px
}

.top__contact__right a {
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
    border-right: 1px solid #818181;
    padding-right: 15px;
    font-family: 'Open Sans', sans-serif
}

.top__contact__right a:nth-last-child {
    border: 0
}

.welcome__content {
    display: flex;
    align-items: center;
    padding: 120px 0
}

.welcome__content h4 {
    font-weight: 600;
    color: #000;
    padding: 9px 0
}

.top__contact {
    background: #333332;
    padding: 7px 7px
}

.top__contact i {
    color: #9cc17d;
    padding-right: 15px
}

.mail_tp {
    float: left;
    font-size: 13px;
    margin-right: 5px;
    border-right: 1px solid #818181;
    padding-right: 15px
}

.mail_tp a {
    color: #fff;
    font-family: 'Open Sans', sans-serif
}

.social-icons i {
    color: #fff;
    padding-right: 0
}

#fw_al_001 {
    overflow: hidden;
    position: relative;
    background-color: #1d4441;
}

#fw_al_001:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab
}

#fw_al_001:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

#fw_al_001>.carousel-inner>.item>a>img,
#fw_al_001>.carousel-inner>.item>img {
    margin: auto;
    width: 100% !important;
    display: block;
}

.ps_slide_y>.carousel-inner {
    height: 100%
}

.ps_slide_y>.carousel-inner>.item {
    -webkit-transition-property: top;
    transition-property: top
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .ps_slide_y>.carousel-inner>.item {
        -webkit-transition-property: -webkit-transform;
        transition-property: transform
    }

    .ps_slide_y>.carousel-inner>.item.active.right,
    .ps_slide_y>.carousel-inner>.item.next {
        top: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    .ps_slide_y>.carousel-inner>.item.active.left,
    .ps_slide_y>.carousel-inner>.item.prev {
        top: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    .ps_slide_y>.carousel-inner>.item.active,
    .ps_slide_y>.carousel-inner>.item.next.left,
    .ps_slide_y>.carousel-inner>.item.prev.right {
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.ps_slide_y>.carousel-inner>.active {
    top: 0
}

.ps_slide_y>.carousel-inner>.next,
.ps_slide_y>.carousel-inner>.prev {
    top: 0;
    width: auto;
    height: 100%
}

.ps_slide_y>.carousel-inner>.next {
    left: 0;
    top: 100%
}

.ps_slide_y>.carousel-inner>.prev {
    left: 0;
    top: -100%
}

.ps_slide_y>.carousel-inner>.next.left,
.ps_slide_y>.carousel-inner>.prev.right {
    top: 0
}

.ps_slide_y>.carousel-inner>.active.left {
    left: 0;
    top: -100%
}

.ps_slide_y>.carousel-inner>.active.right {
    left: 0;
    top: 100%
}

.ps_indicators_y>.carousel-indicators {
    top: auto;
    left: 11%;
    bottom: 29px;
    right: auto;
    margin: auto;
    cursor: e-resize;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left
}

.ps_indicators_y>.carousel-indicators li {
    height: 13px;
    margin: 10px 4px;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid rgba(82, 82, 82, .7);
    transition: all .4s ease-in-out;
    border-radius: 5px
}

.ps_indicators_y>.carousel-indicators .active {
    margin: 10px 4px;
    background: #7ba05b;
    border: 1px solid #7ba05b;
    transition: all .4s ease-in-out
}

.ps_indicators_y>.carousel-indicators::-webkit-scrollbar {
    width: 3px
}

.ps_indicators_y>.carousel-indicators::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .5);
    -webkit-border-radius: 0;
    border-radius: 0
}

.fw_al_001_slide {
    left: 0;
    top: auto;
    right: 0;
    width: 65%;
    margin: auto;
    position: absolute;
    bottom: 38%
}

.fw_al_001_slide>h3 {
    color: #fff;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: normal;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.fw_al_001_slide>h4 {
    font-size: 65px;
    color: #fff;
    font-weight: 800
}

.fw_al_001_slide>h5 {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-top: 5px
}

.fw_al_001_slide>h5 span {
    color: #ccbe48;
    font-weight: 400;
    font-size: 18px
}

.fw_al_001_slide>p {
    color: #ccbe48;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: normal;
    font-family: Karla, sans-serif;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.fw_al_001_slide>a,
.fw_al_001_slide>a:visited {
    outline: 0;
    width: auto;
    height: 35px;
    color: #fff;
    padding: 0 24px;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
    text-shadow: none;
    line-height: 31px;
    margin: 11px 0;
    position: relative;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-family: Raleway, sans-serif;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: background cubic-bezier(.23, 1, .32, 1) .7s;
    transition: background cubic-bezier(.23, 1, .32, 1) .7s
}

.fw_al_001_slide>a:active,
.fw_al_001_slide>a:hover {
    color: #fff;
    background: #ccbe48;
    border: 2px solid #ccbe48
}

@media only screen and (max-width:480px) {
    .fw_al_001_slide {
        top: 0;
        width: 100%
    }

    .ps_indicators_y>.carousel-indicators {
        height: 100%
    }

    .fw_al_001_slide>h3 {
        font-size: 16px
    }

    .fw_al_001_slide>h1 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 5px
    }

    .fw_al_001_slide>p {
        font-size: 14px
    }

    .fw_al_001_slide>a,
    .fw_al_001_slide>a:visited {
        height: 40px;
        margin: 0 10px;
        padding: 0 23px;
        line-height: 40px
    }
}

@media (min-width:481px) and (max-width:600px) {
    .fw_al_001_slide {
        top: 5%;
        width: 100%
    }

    .fw_al_001_slide>h1 {
        font-size: 40px
    }
}

@media (min-width:601px) and (max-width:768px) {
    .fw_al_001_slide {
        top: 15%;
        width: 100%
    }
}

.ps_easeOutQuint .carousel-inner>.item {
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -ms-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -o-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .ps_easeOutQuint .carousel-inner>.item {
        -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        -ms-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        -o-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        transition-timing-function: cubic-bezier(.23, 1, .32, 1)
    }
}

@media screen and (max-width:1550px) {
    .fw_al_001_slide>h3 {
        font-size: 36px
    }
}

@media screen and (max-width:1366px) {
    .fw_al_001_slide>h3 {
        font-size: 22px
    }

    .fw_al_001_slide>h4 {
        font-size: 47px;
        color: #fff;
        font-weight: 600
    }

    .fw_al_001_slide>h5 {
        font-weight: 600;
        font-size: 20px
    }
}

@media screen and (max-width:1100px) {
    .fw_al_001_slide>p {
        color: #ccbe48;
        font-size: 13px
    }
}

.bx_txt h3 {
    font-size: 2vw !important
}

.bx_txt {
    position: absolute;
    z-index: 9;
    color: #ffff;
    top: 25%;
    left: 15%;
    right: auto;
    bottom: auto;
    transition: all .4s ease-in-out
}

.bx_txt h5 {
    font-size: 1vw !important;
    line-height: 1.5vw !important;
    margin-top: 8px;
    color: #000;
    text-transform: uppercase;
    margin: 11px 0 10px 0
}

.bx_txt h4 {
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 3px solid #fff;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.bx1:hover .bx_txt h4,
.bx2:hover .bx_txt h4,
.bx3:hover .bx_txt h4,
.bx4:hover .bx_txt h4 {
    color: #8e8e8e;
    border-bottom: 3px solid #8e8e8e
}

.bx4 .bx_txt h4 {
    border-bottom: 3px solid #8e8e8e;
    color: #8e8e8e
}

.bx1,
.bx2,
.bx3,
.bx4 {
    overflow: hidden
}

.bx1_img1 {
    position: absolute;
    top: 0;
    bottom: auto;
    transition: all .4s ease-in-out
}

.bx1:hover .bx1_img1 {
    opacity: 0;
    transition: all .4s ease-in-out
}

.bx1:hover .bx_txt {
    margin-left: 5px;
    transition: all .4s ease-in-out
}

.bx2_img1 {
    position: absolute;
    top: 0;
    bottom: auto;
    transition: all .4s ease-in-out
}

.bx2:hover .bx2_img1 {
    opacity: 0;
    transition: all .4s ease-in-out
}

.bx2:hover .bx_txt {
    margin-left: 5px;
    transition: all .4s ease-in-out
}

.bx3_img1 {
    position: absolute;
    top: 0;
    bottom: auto;
    transition: all .4s ease-in-out
}

.fnd_btn {
    background: #000
}

.bx3:hover .bx3_img1 {
    opacity: 0;
    transition: all .4s ease-in-out
}

.bx3:hover .bx_txt {
    margin-left: 5px;
    transition: all .4s ease-in-out
}

.bx4_img1 {
    position: absolute;
    top: 0;
    bottom: auto;
    transition: all .4s ease-in-out
}

.bx4:hover .bx4_img1 {
    opacity: 0;
    transition: all .4s ease-in-out
}

.bx4:hover .bx_txt {
    margin-left: 10px;
    transition: all .4s ease-in-out
}

.yrs_expertise_txt {
    position: absolute;
    z-index: 9;
    color: #ffff;
    top: 34%;
    right: auto;
    bottom: auto;
    transition: all .4s ease-in-out;
    text-align: center;
    width: 100%
}

.yrs_expertise_txt h3 span {
    color: #678a49;
    font-size: 6vW;
    font-weight: 400;
    font-family: Righteous, cursive
}

.yrs_expertise_txt sup {
    font-size: 15px;
    top: -.5em
}

.yrs_expertise_txt h5 {
    color: #000;
    padding-top: 0;
    display: inline-block;
    line-height: 21px
}

.right_img_big ul {
    position: absolute;
    top: 12%;
    left: 8%;
    right: auto;
    bottom: auto
}

.right_img_big ul li {
    display: inline;
    float: left;
    padding: 23px 20px;
    text-align: center;
    border: 1px solid #292929;
    margin-right: 20px;
    transition: all .4s ease-in-out;
    box-shadow: 0 0 35px rgba(0, 0, 0, .28);
    background: #fff;
    border-radius: 5px;
    position: relative
}

.jv {
    padding: 23px 42px !important
}

.right_img_big ul li:hover {
    background: #ffffff;
    transition: all .4s ease-in-out
}

.right_img_big ul li:hover i {
    color: #fff !important
}

.right_img_big ul li i {
    font-size: 42px;
    color: #6aa03a;
    transition: all .4s ease-in-out
}

.right_img_big ul li h3 {
    font-size: 17px;
    color: #2d2d2d;
    font-weight: 500;
    position: relative
}

.right_img_big ul li h3:after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #000;
    right: -30px;
    top: 37%;
    transition: all .4s ease-in-out
}

.right_img_big ul li h3:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #000;
    left: -30px;
    top: 42%;
    transition: all .4s ease-in-out
}

.steps li {
    width: 42%;
    border: 3px solid #ffffff;
    float: left;
    margin-left: 32px;
    margin-bottom: 42px;
    position: relative;
    padding: 32px 11px 10px 11px;
    background: #fff;
    transition: all .4s ease-in-out
}

.steps li:hover {
    background: #ffffff;
    transition: all .4s ease-in-out
}

.steps li:hover li i {
    color: #fff
}

.steps li i {
    font-size: 33px;
    color: #ffffff;
    position: absolute;
    top: -38px;
    background: #fff;
    padding: 0 6px
}

.steps h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}

.who_we_are_bg {
    padding: 150px 0 50px 0 !important;
    background-position: right;
    background-repeat: no-repeat
}

.who_we_are_bg h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    margin: 7px 0
}

.who_we_are_bg h3 span {
    font-size: 30px;
    width: 100%;
    float: left
}

.who_we_are_bg h5 {
    position: absolute;
    top: -23px;
    left: auto;
    right: 15px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ededed;
    color: #000;
    font-size: 23px;
    font-weight: 700
}

.welcome_txt h4 {
    font-size: 19px;
    color: #9cc17d
}

.gallery-title {
    font-size: 36px;
    color: #42b32f;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px
}

.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e
}

.filter-button {
    font-size: 18px;
    border: 1px solid #42b32f;
    border-radius: 5px;
    text-align: center;
    color: #42b32f;
    margin-bottom: 30px
}

.filter-button:hover {
    font-size: 18px;
    border: 1px solid #42b32f;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    background-color: #42b32f
}

.btn-default:active .filter-button:active {
    background-color: #42b32f;
    color: #fff
}

.port-image {
    width: 100%
}

.project_hover_txt {
    opacity: 0;
    position: absolute;
    top: auto;
    bottom: -60px;
    background: #fff;
    padding: 25px 25px 18px 25px;
    transition: all .4s ease-in-out
}

.gallery_product:hover .project_hover_txt {
    opacity: 1;
    transition: all .4s ease-in-out;
    top: auto;
    bottom: 0
}

.hm_prjct {
    position: absolute;
    top: 34px;
    bottom: auto;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 21px;
    text-align: center;
    left: auto;
    right: 0;
    -webkit-transition: all .4s ease-in-out;
    opacity: 0;
    color: #fff;
    background-color: #5f9233;
    font-size: 21px
}

.gallery_product:hover i {
    margin-right: 52px;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out
}

.gallery_product img {
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%
}

.gallery_product:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center
}

.hmfilterimg {
    overflow: hidden
}

.hmfilterimg ul {
    margin-bottom: 7px
}

.hmfilterimg ul li {
    color: #000;
    line-height: 25px
}

.project_hover_txt h3 {
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.hm_filter_tp {
    text-align: center;
    padding: 10px 0 50px 0
}

.hm_filter_tp .btn {
    padding: 9px 25px
}

.clients_hm_bg {
    padding: 100px 0 !important
}

.clients_hm ul li {
    width: 25%;
    float: left;
    border: 1px solid #5c5d60;
    border-top: none;
    border-left: none;
    position: relative
}

.clients_hm ul li img {
    padding: 40px;
    transition: all .4s ease-in-out
}

.clients_hm ul li img:hover {
    filter: none;
    -webkit-transition: all .4s ease-in-out
}

.clients_hm ul li:nth-child(4) {
    border-right: 0
}

.clients_hm ul li:nth-child(5),
.clients_hm ul li:nth-child(6),
.clients_hm ul li:nth-child(7),
.clients_hm ul li:nth-child(8) {
    border-bottom: 0
}

.clients_hm ul li:nth-child(8) {
    border-right: 0
}

.form__testi__bg {
    padding: 100px 0 !important;
    background-repeat: no-repeat;
    background-position: right
}

.form-label {
    float: left;
    width: 100%;
    margin: 3px 0 5px 0;
    color: #464646;
    font-weight: 500;
    font-size: 14px
}

.form-label i {
    color: #ffffff
}

.contact__form__grp .form-control {
    height: 45px;
    background: 0 0;
    border: 1px solid #d4d4d4;
    border-radius: 0
}

.contact__form__grp h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 6px
}

.contact__form__grp h3 span {
    color: #ffffff
}

.contact__form__grp {
    background: #fff;
    padding: 40px !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.esti_in_bg {}

.contact__form__grp h4 {
    color: #941473
}

.contact__info {
    padding: 30px;
    background: #333332;
    color: #dcdcdc
}

.contact__info h3 {
    margin-top: -64px;
    position: absolute;
    background: #ff9800;
    padding: 13px;
    border-radius: 4px;
    font-size: 23px;
    color: #fff
}

.selectdiv select {
    -moz-appearance: none;
    appearance: none;
    display: block;
    line-height: 1.75;
    -ms-word-break: normal;
    word-break: normal;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #d7d7d7 !important;
    height: 45px;
    padding: 0 15px;
    background: 0 0;
    float: left;
    width: 100%;
    color: #868686;
    box-sizing: border-box
}

.hm_testimonials__bg h3 {
    margin-top: 9px;
    margin-bottom: 20px;
    color: #575757;
    font-size: 25px
}

.hm_testimonials__bg h5 {
    font-size: 4vw;
    color: #ffffff
}

.testihm_content h3 {
    text-align: center;
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 30px;
    color: #fff
}

#testimonial4 {
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 100px
}

#testimonial4 .carousel-inner {
    width: 100%;
    margin: auto;
    padding: 0
}

#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab
}

#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

#testimonial4 .carousel-inner .item {
    overflow: hidden
}

.testimonial4_indicators .carousel-indicators {
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 85px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.testimonial4_indicators .carousel-indicators li {
    padding: 0;
    width: 18px;
    height: 18px;
    border: none;
    text-indent: 0;
    margin: 2px 7px;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #fff
}

.testimonial4_indicators .carousel-indicators .active {
    padding: 0;
    width: 18px;
    height: 18px;
    border: none;
    margin: 2px 7px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
    height: 3px
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
    background: #eee;
    -webkit-border-radius: 0;
    border-radius: 0
}

.testimonial4_control_button .carousel-control {
    bottom: 0;
    opacity: 1;
    background: 0 0;
    width: 60px;
    color: #ffffff;
    top: auto;
    height: 49px;
    border: 1px solid #e7e7e7;
    font-size: 23px;
    cursor: pointer;
    font-weight: 400;
    overflow: hidden;
    line-height: 49px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .6s cubic-bezier(.3, 1, 0, 1);
    transition: all .6s cubic-bezier(.3, 1, 0, 1)
}

.testimonial4_control_button .carousel-control.left {
    left: 65px;
    right: auto
}

.testimonial4_control_button .carousel-control.right {
    right: 8%;
    left: auto;
    left: 0;
    right: auto;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: FlipH
}

.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover {
    color: #ffffff;
    background: #fff
}

.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative
}

.testimonial4_header h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase
}

.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    padding: 0;
    position: relative;
    text-align: left
}

.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    z-index: 9;
    border: 9px solid #ffffff
}

.testimonial4_slide p {
    font-size: 14px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0 15px 0;
    padding-right: 24px
}

.testimonial4_slide h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #ffffff
}

.testimonial4_slide a {
    margin-top: 10px;
    float: left
}

.testimonials_text {
    padding: 90px 110px;
    color: #0b363d;
    text-align: left
}

.testimonials_text h4:before {
    content: "\f068";
    font-family: fontawesome;
    font-size: 11px;
    padding-right: 5px
}

.testimonials_text h6 {
    font-size: 13px;
    text-align: left
}

@media only screen and (max-width:480px) {
    .testimonial4_header {
        width: 95%
    }

    .testimonial4_header h4 {
        font-size: 20px
    }

    .testimonial4_slide {
        width: 98%;
        padding: 5px
    }
}

@media (min-width:481px) and (max-width:768px) {
    .testimonial4_control_button .carousel-control.left {
        left: 2%
    }

    .testimonial4_control_button .carousel-control.right {
        right: 2%
    }

    .testimonial4_header {
        width: 95%
    }

    .testimonial4_slide {
        width: 98%;
        padding: 5px
    }
}

@media (min-width:769px) and (max-width:991px) {
    .testimonial4_control_button .carousel-control.left {
        left: 5%
    }

    .testimonial4_control_button .carousel-control.right {
        right: 5%
    }
}

@-webkit-keyframes psBoxShadowEffect_2 {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, .5)
    }

    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #fff, 0 0 0 5px rgba(255, 255, 255, .5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes psBoxShadowEffect_2 {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, .5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #fff, 0 0 0 5px rgba(255, 255, 255, .5);
        transform: scale(1.5);
        opacity: 0
    }
}

.home_news h3 {
    text-align: center;
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 30px
}

.home_news_content h4 {
    font-size: 16px;
    font-weight: 500;
    display: block;
    display: -webkit-box;
    height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    margin-bottom: 5px;
    color: #000
}

.home_news_content p {
    display: block;
    display: -webkit-box;
    height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 14px;
    line-height: 21px
}

.home_news_content {
    padding: 25px 5px;
    background: #fff
}

.news_cntnt:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .4s ease-in-out
}

.home_news_content h5 {
    padding: 9px;
    margin-top: -41px;
    background: #fff;
    display: inline-block;
    color: #5b922c;
    position: absolute;
    font-size: 12px;
    border: 1px solid #c2c2c2
}

.home_news_content h5:before,
.news__details h5:before {
    content: "\f073";
    font-family: fontawesome;
    font-size: 11px
}

.news__details h5 {
    font-size: 13px;
    margin-top: 21px
}

.news__details h4 {
    font-size: 23px;
    font-weight: 600;
    padding: 15px 0;
    line-height: 28px
}

.news__details p {
    text-align: justify
}

.news_details_list_txt p {
    display: block;
    display: -webkit-box;
    height: 64px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    padding: 12px 0 0 9px
}

.hm_news_bg {
    padding: 75px 0 !important
}

.news_cntnt h3 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.footer_bg {
    background: #1e2127;
    padding: 100px 0 20px 0
}

.footer_bg h4 {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 23px;
    font-size: 16px
}

.footer_bg ul li a {
    line-height: 35px;
    font-size: 15px;
    color: #64666b;
    transition: all .4s ease-in-out
}

.footer_bg ul li {
    position: relative;
    transition: all .4s ease-in-out
}

.footer_bg ul li a:hover {
    color: #fff;
    margin-left: 15px;
    transition: all .4s ease-in-out
}

.footer_bg ul li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #fff;
    top: 46%;
    bottom: auto;
    right: 0;
    left: 0;
    transition: all .4s ease-in-out
}

.footer_bg ul li a:hover:before {
    width: 10px;
    transition: all .4s ease-in-out
}

.footer__jc li a:hover,
.social_icons__footer li a:hover {
    margin-left: 0 !important
}

.footer__jc li a:hover:before,
.social_icons__footer li a:hover:before {
    width: 0 !important
}

.social_icons__footer li a i:hover {
    color: #ffffff !important;
    transition: all .4s ease-in-out
}

.footer__call {
    margin-bottom: 18px
}

.footer__call h5 {
    font-size: 14px;
    color: #727c8c;
    margin-bottom: 15px
}

.subscribe img {
    border-radius: 5px
}

.footer__call h5 i {
    color: #ffffff;
    font-size: 47px;
    float: left;
    margin-top: -15px;
    margin-right: 10px
}

.newsletter h5 {
    text-align: center;
    margin-bottom: 23px;
    font-weight: 100;
    font-size: 22px;
    color: #fff
}

.emailform {
    width: 62%;
    height: 40px;
    float: left
}

.click {
    width: 25%;
    background: #799b5c;
    color: #fff;
    height: 40px;
    float: left;
    text-align: center;
    padding: 10px;
    border: 1px solid #799b5c;
    font-size: 13px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0
}

.click:hover {
    background: #1e2127;
    color: #fff !important;
    border: 1px solid #41444a
}

.newsltr {
    height: 40px;
    line-height: 60px;
    padding: 0 10px;
    background: 0 0;
    border: 1px solid #404040;
    width: 100%;
    font-size: 13px;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.footer-social-icons {
    width: 350px;
    display: block;
    margin: 0 auto
}

.footer_txt {
    display: flex;
    align-items: center
}

.ftr_udr {
    border-top: 1px solid #2a2d34;
    padding-top: 28px;
    margin-top: 36px
}

.footer__jc li {
    display: inline;
    float: left;
    margin-right: 14px;
    width: 18%
}

.footer__jc li img {
    border-radius: 42px;
    transition: all .4s ease-in-out
}

.footer__jc li img:hover {
    -webkit-transition: all .4s ease-in-out;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all .4s ease-in-out
}

.footer-btm {
    padding: 15px 0;
    background-color: #171b23;
    border-top: 1px solid #2b2e35;
    color: #3d414a
}

.footer-btm p a {
    color: #666c77
}

.footer-btm p a:hover {
    color: #81883e
}

.sidebar-btn {
    position: fixed;
    top: auto;
    right: auto;
    left: 0;
    width: 50px;
    z-index: 99;
    bottom: 12%
}

.sidebar-btn2 {
    position: fixed;
    top: 29%;
    left: auto;
    z-index: 99;
    color: #fff;
    right: 0;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
}

.sidebar-btn2 h3 {
    background: #46880e;
    font-size: 19px;
    padding: 4px 0 7px 8px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px
}

.sidebar-btn2 h3 span {
    background: #fff;
    padding: 2px 4px;
    font-size: 13px;
    font-weight: 600;
    color: #46880e
}

@keyframes floating {
    from {
        transform: translate(0, 0)
    }

    65% {
        transform: translate(0, 20px)
    }

    to {
        transform: translate(0, 0)
    }
}

#contact-buttons-bar {
    position: fixed;
    top: auto;
    bottom: 0;
    left: -50px;
    width: 50px
}

#contact-buttons-bar.slide-on-scroll {
    position: absolute;
    z-index: 999 !important
}

.contact-button-link {
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    margin-bottom: 1px;
    text-align: center;
    line-height: 50px;
    font-size: 17px;
    background: #7ba05b;
    color: #fff;
    position: relative;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms;
    display: none
}

.contact-button-link:active,
.contact-button-link:focus,
.contact-button-link:hover {
    color: #fff;
    padding-left: 20px;
    width: 70px
}

.contact-button-link.cb-hidden {
    left: -50px
}

.contact-button-link.show-hide-contact-bar:active,
.contact-button-link.show-hide-contact-bar:focus,
.show-hide-contact-bar {
    background: #ffffff;
    color: #fff;
    border: 0;
    outline: 0;
    padding: 0;
    width: 50px
}

.contact-button-link.show-hide-contact-bar:hover {
    color: #fff;
    background: green;
    padding: 0;
    width: 50px
}

.inner__bg {
    padding: 70px 0 70px 0
}

.inner__bg h3 {
    font-weight: 700;
    color: #000;
    margin: 14px 0 10px 0;
    letter-spacing: -1px;
    font-size: 24px;
    position: relative
}

.inner__bg h3:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    top: -4px;
    bottom: auto
}

.inner-top-img-text h3 {
    color: #fff !important;
    font-size: 26px;
    font-weight: 600;
    position: relative;
    display: -webkit-inline-box;
    padding: 13px 28px
}

.inner-menu-bg {
    position: inherit !important
}

.inner-top-img {
    width: 100%;
    display: table;
    text-align: center;
    background-color: rgba(0, 0, 0, .8);
    background-attachment: initial !important;
    background-position: center !important
}

.inner-top-img .inner-top-img-text {
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    background-color: rgba(0, 0, 0, .68);
    padding: 190px 0 100px
}

.inner-top-img-text h3:before {
    content: "";
    width: 2px;
    height: 18px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: -11px;
    bottom: auto
}

.inner-top-img-text h3:after {
    content: "";
    width: 2px;
    height: 19px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: auto;
    bottom: -26%
}

.about_fx {
    display: flex;
    align-items: center
}

.video_abt_bg {
    margin: 20px 0 50px 0
}

.about_txt {
    background: #ffff;
    padding: 30px 40px;
    padding: 40px
}

.vision_mission {
    margin-top: 50px
}

.vision_txt {
    border: 1px solid #ededed;
    padding: 37px
}

.vision_txt i {
    color: #6aa737;
    font-size: 60px;
    top: -57px;
    position: absolute;
    background: #fff;
    padding: 0 18px;
    border: 1px solid #ededed
}

.team_details {
    position: absolute;
    top: auto;
    bottom: -40px;
    background: #bad4a4;
    padding: 20px 0;
    color: #fff;
    margin: 13px;
    width: 89%;
    text-align: center
}

.team_details h4 {
    font-size: 17px;
    color: #000
}

.team_details h5 {
    font-size: 13px;
    margin-top: 5px;
    color: #000
}

.our_team_bg {
    background: #1e2127;
    margin-top: 100px;
}

.our_team {
    padding: 100px 0 155px;
    text-align: center
}

.our_team h3 {
    color: #fff
}

.our_team p {
    color: #ededed;
    padding: 20px 100px 9px 100px
}

.our_team p {
    margin-bottom: 40px
}

.team_all {
    padding: 80px 0
}

.mngmnt {
    width: 20%
}

.services_txt_bx {
    padding: 25px 30px;
    line-height: 28px;
    box-shadow: 1px 6px 12px 2px #e6e6e6;
    margin-top: -38px !important;
    background: #fff;
    border-radius: 5px;
    position: relative
}

.services_txt_bx_bg {
    margin-bottom: 45px
}

.services_txt_bx button {
    bottom: -14px;
    top: auto;
    left: 10%;
    right: auto;
    position: absolute;
    opacity: 0;
    font-size: 12px
}

.services_txt_bx i {
    font-size: 16px;
    color: #000;
    font-weight: 100;
    padding-right: 7px
}

.services_txt_bx li {
    font-weight: 400;
    color: #000;
    font-weight: 600;
    display: -webkit-box;
    height: 29px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.services_txt_bx span {
    font-weight: 400;
    color: #000
}

.services_bx_bg:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transition: all .4s ease-in-out;
}

.service_bx_img img {
    transition: all .4s ease-in-out
}

.service_bx_img {
    overflow: hidden;
    border-radius: 8px
}

.service_bx_img img {
    height: 250px
}

.services_bx_bg:hover .services_txt_bx button {
    opacity: 9
}

.overlay {
    opacity: 0;
    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    max-width: 110px;
    height: 119px;
    background-size: contain;
    transition: all .4s ease-in-out;
    margin: 0 auto
}

.services_bx_bg:hover .overlay {
    opacity: .9;
    transition: all .4s ease-in-out;
    top: 13%
}

.in_filter_tp {
    text-align: center;
    margin-bottom: 30px
}

.in_filter_tp .btn {
    padding: 10px 50px
}

.in_filter_tp p {
    padding: 10px 150px
}

.in_filter_tp h3:before {
    left: 49%
}

.pfhd {
    margin: 21px 0 15px 0 !important;
    letter-spacing: 0 !important
}

.service_tp_bg {
    display: flex;
    align-items: center;
    padding: 0 0 30px 0
}

.service_tp_bg img {
    border-radius: 2%
}

.service_tp_txt {
    padding: 50px
}

.service_tp_txt p {
    text-align: justify
}

.joblist__txt {
    padding: 30px;
    border: 1px solid #cde0bc;
    float: none;
    margin: 0 auto 60px auto
}

.joblist__txt h6 {
    color: #8a8a8a;
    font-size: 12px
}

.apply {
    position: absolute;
    top: auto;
    right: 14px;
    bottom: -15px;
    left: auto
}

.joblist__txt i {
    color: #ffffff;
    font-size: 47px;
    top: -28px;
    left: 3%;
    background: #fff;
    position: absolute
}

.joblist__txt p {
    margin-top: 5px
}

.joblist__txt h4 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    color: #000;
    margin-bottom: 0;
    line-height: 21px
}

.joblist__txt h5 {
    color: #67054e;
    font-weight: 600;
    font-size: 14px
}

.joblist__txt h5 {
    font-size: 13px
}

article+[data-readmore-toggle],
article[data-readmore] a {
    font-weight: 600;
    display: inline;
    color: #437b13;
    padding-top: 10px
}

.contact__info h3 {
    margin-top: -64px;
    position: absolute;
    background: #7cad42;
    padding: 13px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff
}

.contact__form {
    margin-bottom: 50px
}

.contact__info h5 {
    font-size: 18px;
    margin: 20px 0 6px 0;
    color: #7cad42
}

.upload {
    width: 100%;
    background: #fa7e1e;
    background: linear-gradient(50deg, #fa7e1e 0, #f1cf00 100%);
    padding: 20px;
    float: left;
    -webkit-box-shadow: 0 21px 26px 0 rgba(0, 0, 0, .17);
    -moz-box-shadow: 0 21px 26px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 21px 26px 0 rgba(0, 0, 0, .17)
}

.upload h4 {
    font-size: 18px;
    color: #2b2a2b;
    text-align: left;
    font-weight: 600
}

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 60px
}

.file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 15px;
    border: 1px solid #d4d4d4;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 50px;
    color: #4a4848a6;
    border-radius: 5px 10px 10px 5px
}

.file-upload-wrapper:before {
    content: 'Upload';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 50px;
    background: #ffffff;
    color: #fff;
    z-index: 25;
    font-size: 13px;
    padding: 15px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 5px 5px 0
}

.file-upload-wrapper:hover:before {
    background: #333332;
    color: #ffffff
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 50px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%
}

.resume {
    margin: 20px 0 10px 0;
    float: left;
    width: 100%
}

.blog_main_bg {
    padding: 0 80px
}

.blog_bg {
    padding: 20px
}

.blog_bg h1 {
    font-size: 18px;
    line-height: 25px;
    display: -webkit-box;
    height: 46px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    margin: 5px 0 10px 0;
    color: #000
}

.blog_bg h6 {
    font-size: 12px;
    color: #6bab33;
    margin-top: 10px
}

.blog_bg p {
    display: -webkit-box;
    height: 66px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.blog_dtls_bg h1,
.news_dtls_bg h1 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
    margin-top: 6px;
    color: #000
}

.blog_dtls_bg h2,
.news_dtls_bg h2 {
    font-size: 16px;
    font-weight: 400
}

.blog_dtls_bg h3,
.news_dtls_bg h3 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0
}

.blog_dtls_bg h3:before,
.news_dtls_bg h3:before {
    content: "";
    width: 0 !important
}

.blog_dtls_bg p,
.news_dtls_bg p {
    text-align: justify
}

.blog_dtls_bg h6,
.news_dtls_bg h6 {
    font-size: 12px;
    color: #6bab33;
    margin-top: 10px
}

.blog_dtls_bg img,
.news_dtls_bg img {
    border-radius: 10px
}

.blog_side_list ul {
    border: 1px solid #ededed;
    display: -webkit-box;
    padding: 11px 10px;
    margin-bottom: 5px;
    background: #f9f9f9ed;
    transition: all .4s ease-in-out
}

.blog_side_list ul:hover {
    background-color: #e6e6e6ed;
    transition: all .4s ease-in-out
}

.blog_side_list ul li p {
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    height: 39px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    margin-bottom: 0
}

.blog_side_list ul li h6 {
    font-size: 12px;
    color: #659c35;
    margin-bottom: 5px;
    transition: all .4s ease-in-out
}

.blog_side_list ul li:hover h6 {
    color: #000;
    transition: all .4s ease-in-out
}

.news_bg {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.news_txt p {
    display: -webkit-box;
    height: 66px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.news_txt h3 {
    font-size: 18px;
    line-height: 25px;
    display: -webkit-box;
    height: 46px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    margin: 5px 0 10px 0
}

.news_txt_in {
    background: #fff;
    border: 1px solid #ededed;
    padding: 25px;
    margin-left: -36px
}

.news_txt_in h6 {
    font-size: 12px;
    color: #69ad2e
}

.testimonial_in_mbg {
    margin: 0 auto 60px auto;
    float: none
}

.news_txt_in .btn {
    font-size: 12px !important
}

.testimonials_in_bg {
    border: 1px solid #ededed;
    padding: 36px;
    margin: 58px 0;
    position: relative
}

.testimonials_in_bg i {
    position: absolute;
    font-size: 60px;
    color: #5da024;
    left: 0;
    right: auto;
    top: -101px;
    bottom: auto
}

.testimonials_in_bg img {
    margin-top: -120px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 9px solid #ffffff
}

.testimonials_in_bg h6 {
    color: #72b03d;
    font-size: 16px
}

.testimonials_in_bg p {
    margin-top: 17px
}

.clients_in {
    border: 1px solid #ededed;
    margin-bottom: 34px;
    padding: 10px
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.group:after,
.group:before {
    display: table;
    content: "";
    line-height: 0
}

.group:after {
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    display: none !important
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html {
    display: none
}

.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.demo-gallery>ul>li {
    margin-bottom: 15px
}

.skbox {
    display: flex;
    flex-wrap: wrap
}

.skbox__desc {
    display: flex;
    flex: 0 0 33.33%;
    padding: 7.5px;
    margin-bottom: 25px
}

.skbox__box {
    border-radius: 3px;
    width: 100%;
    border: 1px solid #ededed
}

.skbox__box__desc {
    width: 100%;
    float: left;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    padding: 25px
}

.skbox__box__desc h4 {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 5px;
    color: #941473;
    text-transform: uppercase;
    -webkit-transition: all .4s ease-in-out
}

.skbox__box__desc span {
    font-size: 15px;
    font-weight: 700;
    top: -18px;
    bottom: auto;
    position: absolute;
    color: #fff;
    left: 23px;
    letter-spacing: 0;
    background: #333332;
    padding: 4px 18px;
    border-top-left-radius: 17px;
    text-transform: uppercase
}

.skbox__box__desc p {
    font-weight: 600;
    color: #000;
    -webkit-transition: all .4s ease-in-out;
    margin-bottom: 4px
}

.mapz {
    position: absolute;
    top: -29px;
    left: 9px;
    font-size: 43px !important;
    color: #64a72a
}

.md-perspective,
.md-perspective body {
    height: 100%;
    overflow: hidden
}

.md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.md-show {
    visibility: visible
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0, 0, 0, .8);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show~.md-overlay {
    opacity: 1;
    visibility: visible
}

.md-content {
    color: #fff;
    background: #fafdff;
    position: relative;
    border-radius: 3px;
    margin: 0 auto
}

.md-content>div {
    margin: 0;
    font-weight: 300;
    font-size: 1.15em
}

.md-content>div p {
    margin: 0;
    padding: 10px 0
}

.md-content>div ul {
    margin: 0;
    padding: 0 0 30px 20px
}

.md-content>div ul li {
    padding: 5px 0
}

.md-effect-1 .md-content {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-2 .md-content {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -moz-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.md-show.md-effect-2 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.md-effect-3 .md-content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-3 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.md-effect-4 .md-content {
    -webkit-transform: scale(0) rotate(720deg);
    -moz-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0
}

.md-effect-4 .md-content,
.md-show.md-effect-4~.md-overlay {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.md-show.md-effect-4 .md-content {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}

.md-effect-5.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-5 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    -moz-transform: translateZ(600px) rotateX(20deg);
    -ms-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}

.md-show.md-effect-5 .md-content {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
    opacity: 1
}

.md-effect-6.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-6 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
    -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0
}

.md-show.md-effect-6 .md-content {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translate(0) translateZ(0) rotate(0);
    -moz-transform: translate(0) translateZ(0) rotate(0);
    -ms-transform: translate(0) translateZ(0) rotate(0);
    transform: translate(0) translateZ(0) rotate(0);
    opacity: 1
}

.md-effect-7 {
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.md-effect-7 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.md-show.md-effect-7 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0 0 3px 3px;
    opacity: 1
}

.md-effect-8.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-8 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.md-show.md-effect-8 .md-content {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1
}

.md-effect-9.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-9 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.md-show.md-effect-9 .md-content {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.md-effect-10.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-10 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-10 .md-content {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.md-effect-11 .md-content {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-11 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-12 .md-content {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-12~.md-overlay {
    background: #e74c3c
}

.md-effect-12 .md-content,
.md-effect-12 .md-content h3 {
    background: 0 0
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-13.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-13 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    -moz-transform: translateZ(-3000px) rotateY(90deg);
    -ms-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0
}

.md-show.md-effect-13 .md-content {
    -webkit-animation: slit .7s forwards ease-out;
    -moz-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -moz-animation-timing-function: ease-out
    }

    100% {
        -moz-transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

.md-effect-14.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-14 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    -moz-transform: translateY(100%) rotateX(90deg);
    -ms-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.md-show.md-effect-14 .md-content {
    -webkit-transform: translateY(0) rotateX(0);
    -moz-transform: translateY(0) rotateX(0);
    -ms-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1
}

.md-effect-15.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-15 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-15 .md-content {
    -webkit-transform: translateZ(0) translateX(0) rotateY(0);
    -moz-transform: translateZ(0) translateX(0) rotateY(0);
    -ms-transform: translateZ(0) translateX(0) rotateY(0);
    transform: translateZ(0) translateX(0) rotateY(0);
    opacity: 1
}

.md-show.md-effect-16~.md-overlay {
    background: rgba(180, 46, 32, .5)
}

.md-show.md-effect-16~.container {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.md-effect-16 .md-content {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0
}

.md-effect-16 .md-content,
.md-show.md-effect-16~.container {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-16 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.md-show.md-effect-17~.container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.md-show.md-effect-17~.container,
.md-show.md-effect-17~.md-overlay {
    -webkit-transform: rotateX(-2deg);
    -moz-transform: rotateX(-2deg);
    -ms-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.md-effect-17 .md-content {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%)
}

.md-show.md-effect-17 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .3s .2s;
    -moz-transition: all .3s .2s;
    transition: all .3s .2s
}

.md-show.md-effect-18~.container {
    height: 100%;
    overflow: hidden
}

.md-show.md-effect-18~.md-overlay {
    background: rgba(143, 27, 15, .8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.md-show.md-effect-18~.container,
.md-show.md-effect-18~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotateRightSideFirst .5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotateRightSideFirst .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 0 50%;
    animation: rotateRightSideFirst .5s forwards ease-in
}

@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateZ(-200px)
    }
}

@-moz-keyframes rotateRightSideFirst {
    50% {
        -moz-transform: translateZ(-50px) rotateY(5deg);
        -moz-animation-timing-function: ease-out
    }

    100% {
        -moz-transform: translateZ(-200px)
    }
}

@keyframes rotateRightSideFirst {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }

    100% {
        transform: translateZ(-200px)
    }
}

.md-effect-18 .md-content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0
}

.md-show.md-effect-18 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    -moz-transition: all .5s .1s;
    transition: all .5s .1s
}

.md-show.md-effect-19~.container {
    height: 100%;
    overflow: hidden
}

.md-show.md-effect-19~.md-overlay {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.md-show.md-effect-19~.container,
.md-show.md-effect-19~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: OpenTop .5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 50% 100%;
    -moz-animation: OpenTop .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    animation: OpenTop .5s forwards ease-in
}

@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out
    }
}

@-moz-keyframes OpenTop {
    50% {
        -moz-transform: rotateX(10deg);
        -moz-animation-timing-function: ease-out
    }
}

@keyframes OpenTop {
    50% {
        transform: rotateX(10deg);
        animation-timing-function: ease-out
    }
}

.md-effect-19 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0
}

.md-show.md-effect-19 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    -moz-transition: all .5s .1s;
    transition: all .5s .1s
}

.modal-footer {
    border: 0;
    text-align: left
}

.closei {
    color: #ff2828;
    position: absolute;
    top: -19px;
    right: -10px;
    font-size: 23px;
    background: #fff;
    padding: 10px;
    border-radius: 27px !important;
    line-height: 0
}

.closei:hover:after,
.closei:hover:before {
    height: 0 !important
}

.closei:after,
.closei:before {
    height: 0 !important
}

.after_img,
.before_img {
    position: relative;
    overflow: hidden
}

.after_img h3,
.before_img h3 {
    position: absolute;
    background: #ffffff;
    padding: 9px 15px;
    top: -14px;
    color: #ffff;
    font-weight: 500;
    font-size: 20px;
    z-index: 99
}

.after_img h3 {
    background: #689b3d
}

.maintenance_bg {
    padding: 21px;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 1px 2px 25px 2px #e6e6e6
}

.maintenance_txt .btn {
    opacity: 9;
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
    position: inherit;
    left: 0;
    bottom: -5px;
    padding: 5px 15px;
    font-size: 11.5px
}

.maintenance_txt {
    margin-top: 0 !important;
    box-shadow: 0 0 !important
}

.maintenance_cntnt {
    display: flex;
    align-items: center
}

.maintenance_cntnt:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transition: all .4s ease-in-out;
}

.maintenance_cntnt:hover .overlay {
    opacity: .9;
    transition: all .4s ease-in-out;
    top: 13%
}

.details_txt_bg {
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 29px;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 1px 2px 25px 2px #e6e6e6
}

.details_txt_bg img {
    padding: 14px 0
}

.details_txt_bg ul {
    padding: 0 33px
}

.details_txt_mbg button {
    margin-bottom: 20px
}

.details_txt_bg ul li {
    line-height: 29px;
    font-size: 15px;
    color: #000
}

.awards {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.awards h3 {
    color: #000;
    font-weight: 500;
    display: -webkit-box;
    height: 38px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 2px
}

.awards p {
    color: #6b6b6b;
    font-weight: 500;
    display: -webkit-box;
    height: 67px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 2px
}

.awards .btn {
    padding: 5px 14px;
    font-size: 13px
}

.awards_details h3 {
    margin-top: 45px
}

.awards_details p {
    margin-bottom: 35px
}

.awards_details_img img {
    border-radius: 5%
}

.ahh_video_bg {
    float: none;
    margin: 0 auto
}

.ahh_video_bg h4 {
    font-size: 18px;
    margin-top: 13px;
    color: #000
}

.ahh_video_bg p {
    margin-bottom: 35px
}

.maintenance_details_listing li {
    line-height: 31px;
    font-size: 15px;
    display: inline
}

.maintenance_details_listing {
    padding: 22px 0
}

.maintenance_details_listing i {
    padding-right: 2px
}

.maintenance_details_listing span {
    padding-right: 15px
}

.peb_in {
    display: flex;
    align-items: center
}

.peb_in_txt {
    padding: 40px
}

.peb_in_txt p {
    text-align: justify
}

.form-group2 {
    display: block
}

.form-group2 input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.form-group2 label {
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    font-weight: 600;
    font-size: 13px
}

.form-group2 label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px
}

.form-group2 input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #769a57;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.esti_inner_txt p {
    text-align: justify
}

.vastu_evaluation {
    padding-top: 0;
    background: 0 0
}

.vastu_pattern {
    background-repeat: no-repeat;
    background-position: right top
}

.vastu_evaluation p {
    margin-bottom: 45px
}

.vastu_evaluation .form-label {
    font-weight: 600
}

.vastu_evaluation_bg h3 {
    margin-top: 25px
}

.vastu_evaluation_bg img {
    border-radius: 15px
}

.sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 60px
}

video::-webkit-media-controls {
    display: none;
    -webkit-appearance: none
}

.mute_btn {
    position: absolute;
    height: 50px;
    width: 50px;
    z-index: 9;
    top: 20%;
    left: auto;
    right: 1px;
    display: inline-block;
    font-size: 32px;
    text-align: center;
    color: #fff
}

.testimon_video {
    margin-bottom: 70px
}

.indi_clientz {
    position: absolute;
    top: 0
}

.indi_clientz_bg {
    padding-top: 22px
}

.indi_clientz_bg .carousel-indicators li {
    border: 1px solid #707070;
    position: relative
}

.indi_clientz_bg .carousel-indicators li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 1px;
    background: #686868;
    left: -14px;
    top: 50%
}

.indi_clientz_bg .carousel-indicators li:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 1px;
    background: #686868;
    right: -14px;
    top: 50%
}

.indi_clientz_bg .carousel-indicators .active {
    background-color: #ffffff
}

.yt {
    position: absolute;
    top: 0;
    padding: 40px
}

.clients_hm ul li:hover .yt {
    opacity: 0;
    transition: all .4s ease-in-out
}

.contact_tp_frm {
    margin-top: 70px
}

.bxhmz_mbg {
    margin-top: -5px
}

.stickymbl {
    display: none
}

.stickydtp {
    display: block
}

.slide_tnty br {
    display: none
}

@media (max-width:1366px) {
    .slide_tnty br {
        display: block
    }

    .md-content textarea {
        height: 65px !important
    }

    .md-content .contact__form__grp h3 {
        font-size: 19px
    }

    .md-content .contact__form__grp .form-control {
        height: 31px
    }
}

@media (max-width:1024px) {
    .bx_txt {
        top: 15%
    }

    .fw_al_001_slide>h5 {
        font-weight: 600;
        font-size: 14px
    }

    .fw_al_001_slide>h4 {
        font-size: 29px;
        color: #fff;
        font-weight: 600
    }
}

@media (max-width:1000px) {
    .team_details {
        position: inherit;
        top: auto;
        bottom: 0;
        background: #fff;
        padding: 10px 0;
        color: #fff;
        margin: 0;
        width: 100%;
        text-align: center
    }

    .team_details h4 {
        font-size: 15px
    }

    .team_details h5 {
        font-size: 12px
    }

    .mngmnt {
        width: 32%;
        margin-bottom: 7px;
        margin-top: 7px
    }
}

@media (max-width:991px) {
    .testimon_video_txt iframe {
        height: 250px !important
    }

    .who_we_are_bg h3 span {
        width: 100%;
        float: none
    }

    .bx_txt {
        top: 20%
    }

    .fw_al_001_slide>a,
    .fw_al_001_slide>a:visited {
        height: 26px;
        font-size: 9px;
        line-height: 25px;
        border: 1px solid #fff
    }

    #fw_al_001 {
        margin-top: 80px
    }

    .service_bx_img img {
        height: auto
    }

    .bxhmz_mbg {
        margin-top: 0
    }

    .skbox__desc {
        flex: 50%
    }

    .news_txt {
        padding: 0
    }

    .blog_main_bg {
        padding: 0
    }

    .news_txt_in {
        margin-left: 0
    }

    .news_bg {
        display: inherit
    }

    .mdl_frm {
        padding: 30px;
        float: left
    }

    .contact_tp_frm {
        margin-top: 20px
    }

    .contact__form {
        padding: 0
    }

    .contact__info {
        margin-top: 25px
    }

    .peb_in {
        display: inherit
    }

    .contact-button-link {
        display: none
    }

    .contact__info h3 {
        margin-top: 0;
        position: inherit;
        display: -webkit-inline-box
    }

    .bx_txt h5 {
        font-size: 1.7vw !important;
        line-height: 2.5vw !important
    }

    .bx_txt h3 {
        font-size: 3vw !important
    }

    .pfhd {
        margin: 0 0 15px 0 !important
    }

    .service_tp_bg {
        padding-bottom: 0
    }

    .service_tp_txt {
        padding: 20px 0 0 0
    }

    .services_bx_bg {
        width: 50%
    }

    .service_tp_bg {
        display: inherit
    }

    .our_team_bg {
        margin-top: 0
    }

    .our_team {
        padding: 50px 0;
        text-align: left
    }

    .our_team p {
        padding: 0;
        margin-bottom: 15px
    }

    .vision_txt {
        margin-bottom: 85px
    }

    .about_fx {
        margin-bottom: 0
    }

    .inner-top-img-text h3 {
        font-size: 17px
    }

    .tpfm {
        padding: 40px !important
    }

    .ftrbx {
        width: 25%
    }

    .ppfm {
        padding: 20px !important
    }

    .testimonial4_control_button .carousel-control.left {
        left: 11%
    }

    .video_mbg {
        margin-top: 101px;
        background-size: cover
    }

    .bxhmz img {
        width: 100%
    }

    .nav-menu>li>a {
        padding: 25px 10px
    }

    .who_we_are_bg h3 {
        font-size: 28px
    }

    .welcome_txt_cntnt {
        margin-top: 54px;
        padding: 0
    }

    .who_we_are_bg {
        padding: 75px 0 28px 0 !important;
        background: 0 0
    }

    .contact__form__grp {
        padding: 0 !important
    }

    .form__testi__bg {
        padding: 50px 0 !important
    }

    .hm_testimonials__bg {
        margin-top: 50px
    }
}

@media (max-width:990px) {
    .social-icons li {
        display: none
    }
}

@media (max-width:768px) {
    .details_txt_mbg button {
        display: none
    }

    .sidebar-btn2 {
        right: -17px
    }

    .sidebar-btn2 h3 {
        font-size: 17px;
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        transform: rotate(90deg);
        padding: 5px 10px
    }

    .sidebar-btn2 h3 span {
        display: none
    }

    #fw_al_001 {
        margin-top: 0
    }

    .fw_al_001_slide {
        top: 38%;
        width: 100%;
        left: 10%
    }

    .ahh_video_bg h3 {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0
    }

    .ahh_video_bg h4 {
        font-size: 15px;
        margin-bottom: 10px
    }

    .video_frame {
        height: 190px
    }

    .ftr_udr {
        margin-top: 4px
    }

    .ftrbx {
        margin-bottom: 0
    }

    .who_we_are_bg h3 span {
        font-size: 23px
    }

    video::-webkit-media-controls {
        display: block !important;
        -webkit-appearance: block !important
    }

    .mute_btn {
        font-size: 18px
    }

    .service_bx_img img {
        height: 198px
    }

    .stickymbl {
        display: block
    }

    .stickydtp {
        display: none
    }

    .apply {
        position: inherit;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
    }

    .joblist__txt i {
        display: none
    }

    .joblist__txt {
        margin-bottom: 2px;
        border: 0;
        border-bottom: 1px solid #cde0bc;
        padding: 0 9px 9px 9px
    }

    .sidebar-btn img {
        width: 100%
    }

    .sidebar-btn {
        top: 25%;
        right: 0;
        width: 34px
    }

    .testimonials_in_bg i {
        left: 22px;
        top: -52px;
        font-size: 36px
    }

    .testimonials_in_bg_mn {
        padding: 0
    }

    .testimonials_in_bg {
        margin: 36px 0
    }

    .testimonials_in_bg img {
        margin-top: -85px
    }

    .in_filter_tp {
        margin: 20px 0
    }

    .in_filter_tp .btn {
        border: 1px solid #ffffff
    }

    .details_txt_bg ul li {
        display: inline !important;
        padding-right: 15px
    }

    .details_txt_bg ul {
        margin-bottom: 15px
    }

    .details_txt_bg img {
        width: 100%
    }

    .details_txt_bg,
    .maintenance_cntnt {
        display: inherit
    }

    .mission_txt {
        margin-bottom: 20px
    }

    .team_all {
        padding: 15px 0 0 0
    }

    .team_details h4 {
        font-size: 13px
    }

    .team_details h5 {
        font-size: 11px;
        font-weight: 500
    }

    .our_team {
        padding: 10px 0
    }

    .nav-menu>li a:after,
    .nav-menu>li a:before,
    .nav-menu>li:hover>a:after,
    .nav-menu>li:hover>a:before {
        width: 0
    }

    .cbp-af-header.cbp-af-header-shrink .nav-menu>li>a {
        color: #fff;
        height: auto;
        padding: 12px 15px 12px 26px
    }

    .cbp-af-header.cbp-af-header-shrink .nav-menu>li>a {
        font-size: 1em;
    }

    .cbp-af-header.cbp-af-header-shrink .submenu-indicator-chevron {
        border-color: #fff #fff #fff transparent
    }

    .inner__bg {
        padding: 5px 0
    }

    .service_tp_bg img {
        border-radius: 2%;
        margin: 0 auto
    }

    .in_filter_tp .btn {
        padding: 6px 28px;
        font-size: 13px
    }

    .service_tp_txt {
        padding: 20px
    }

    .inner-top-img .inner-top-img-text {
        padding: 30px 0 30px;
        background: #000000c4
    }

    .ftrbx {
        width: 50%;
        margin-bottom: 30px
    }

    .about_fx {
        display: inherit
    }

    .cbp-af-head er.cbp-af-header-shrink .nav-menu>li>a {
        color: #000 !important;
        padding: 12px 15px 12px 26px !important;
        height: auto
    }

    .logo {
        display: inline-block;
        float: left;
        width: 70px;
        height: 88px;
        margin: 0;
        transition: all .4s ease-in-out;
        background-repeat: no-repeat;
        position: absolute
    }

    .menubars {
        background: 0 0
    }

    .nav-menu>li {
        text-align: left
    }

    .cbp-af-header.cbp-af-header-shrink .header {
        background: 0 0
    }

    .video_mbg {
        margin-top: 60px
    }

    .top__contact {
        background: #333332;
        padding: 7px 7px;
        display: none
    }

    .hm_news_bg {
        padding: 13px 0 !important
    }

    .clients_hm_bg {
        padding: 70px 0 !important
    }

    .who_we_are_bg h3 {
        font-size: 21px;
        line-height: 25px;
        margin: 2px 0
    }

    .who_we_are_bg {
        padding: 12px 0 0 0 !important
    }

    .hm_filter_tp h3 {
        font-size: 23px
    }

    .contact__form__grp h3 {
        font-size: 22px;
        margin-bottom: 3px
    }

    .form__testi__bg {
        padding: 15px 0 !important
    }

    .hm_testimonials__bg {
        text-align: center
    }

    .testimonial4_slide img {
        margin: 0 auto
    }

    .testimonial4_slide {
        text-align: center;
        float: none
    }

    .testimonial4_slide a {
        float: none;
        margin-top: 10px
    }

    .hm_testimonials__bg h3 {
        font-size: 23px
    }

    .hm_filter_tp {
        text-align: center;
        padding: 0 0 22px 0
    }

    .welcome_txt_cntnt {
        margin-top: 47px
    }

    .testimonial4_control_button .carousel-control.right {
        right: 52%;
        left: auto
    }

    .testimonial4_control_button .carousel-control.left {
        right: 42%;
        left: auto
    }
}

@media (max-width:600px) {
    .fw_al_001_slide>h5 span {
        color: #ccbe48;
        font-weight: 400;
        font-size: 11px;
        line-height: 14px
    }

    .fw_al_001_slide>h5 {
        margin-top: 0
    }

    .fw_al_001_slide>h4 {
        font-size: 18px
    }

    .fw_al_001_slide>h5 {
        font-weight: 100;
        font-size: 9px;
        letter-spacing: 0
    }

    .fw_al_001_slide>a,
    .fw_al_001_slide>a:visited {
        display: none
    }

    .fw_al_001_slide {
        bottom: 32%
    }

    #fw_al_001 {
        margin-top: 0
    }

    .fw_al_001_slide {
        top: auto;
        width: 100%;
        left: 10%
    }

    .service_bx_img img {
        height: auto
    }

    .services_txt_bx {
        margin-top: -14px !important
    }

    .services_bx_bg {
        width: 100%
    }

    .in_filter_tp .btn {
        padding: 6px 52px;
        font-size: 13px;
        width: 47%;
        margin-bottom: 10px;
        float: left;
        margin-right: 10px;
        border: 1px solid #ffffff
    }

    button:after {
        display: none
    }

    button:hover:after,
    button:hover:before {
        display: none
    }

    .yrs_expertise_txt h3 span {
        font-size: 10vW
    }

    .bx1 br,
    .bx2 br,
    .bx3 br,
    .bx4 br {
        display: none
    }

    .bx_txt h3 {
        font-size: 4vw !important
    }

    .bx_txt h5 {
        font-size: 2vw !important
    }

    .bx1 .btn,
    .bx2 .btn,
    .bx3 .btn,
    .bx4 .btn {
        display: inline-block;
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 10px
    }

    .clients_hm ul li {
        width: 50%
    }

    .clients_hm ul li:nth-child(2),
    .clients_hm ul li:nth-child(6) {
        border-right: 0
    }
}

@media (max-width:480px) {
    .inner-top-img-text h3:before {
        height: 12px;
        top: -1px
    }

    .inner-top-img-text h3:after {
        height: 12px;
        bottom: -8%
    }

    .our_team_bg {
        background: 0 0
    }

    .our_team h3 {
        color: #000
    }

    .our_team p {
        color: #000
    }

    .inner__bg h3 {
        font-weight: 600;
        font-size: 19px
    }

    .in_filter_tp h3:before {
        left: 46%
    }

    .welcome_txt h4 {
        font-size: 16px
    }

    .video_frame {
        height: 129px
    }

    .who_we_are_bg h3 span {
        font-size: 18px
    }

    .who_we_are_bg h3 {
        font-size: 18px;
        margin: 0 0 3px 0
    }

    .right_img_big ul li {
        padding: 14px;
        border-radius: 5px
    }

    .jv {
        padding: 14px 36px !important
    }

    .right_img_big ul li h3 {
        font-size: 13px
    }

    .news_txt h3 {
        font-size: 14px
    }

    .awards {
        display: inherit
    }

    .mngmnt {
        width: 50%
    }

    .testimonial4_control_button .carousel-control.left {
        right: 36%
    }

    .ftrbx {
        width: 100%
    }

    .home_news_content p {
        height: 36px;
        margin-bottom: 6px;
        line-height: 17px
    }

    .home_news_content {
        padding: 15px 5px
    }

    .home_news_content h4 {
        font-size: 14px;
        height: 37px;
        line-height: 17px;
        margin-bottom: 0
    }

    .news_cntnt h3 {
        font-size: 13px
    }

    .hm_filter_tp .btn {
        padding: 9px 21px;
        font-size: 11px;
        border: 1px solid #ffffff
    }

    .bx1,
    .bx2,
    .bx3,
    .bx4 {
        width: 100%;
        height: 205px
    }

    .bx_txt h3 {
        font-size: 6vw !important
    }

    .bx_txt h5 {
        font-size: 3vw !important
    }

    .bx_txt {
        top: 15%
    }

    .right_img_big ul li {
        display: inline;
        float: left;
        text-align: center;
        border: 1px solid #292929;
        margin-right: 16px
    }

    .right_img_big ul li h3 {
        font-size: 16px
    }

    .steps li {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #e7e7e7;
        float: left;
        margin-left: 0
    }

    .steps li i {
        font-size: 33px;
        color: #ffffff;
        position: absolute;
        top: -23px;
        background: #fff;
        padding: 0
    }
}

@media (max-width:370px) {
    .ahh_video_bg h4 {
        font-size: 12px
    }

    .fw_al_001_slide>h3 {
        font-size: 16px;
        letter-spacing: 0
    }

    .fw_al_001_slide {
        bottom: 15%
    }

    .news_bg {
        width: 100%
    }

    .mngmnt {
        width: 100%
    }

    .testimonial4_control_button .carousel-control.left {
        right: 27%
    }

    .news_cntnt h3 {
        font-size: 11px
    }

    .in_filter_tp .btn {
        padding: 6px 52px;
        font-size: 13px;
        width: 100%;
        margin-bottom: 7px;
        float: left;
        margin-right: 10px
    }
}

@media (max-width:320px) {
    .jv {
        padding: 14px !important
    }

    .video_frame {
        height: 89px
    }

    .fw_al_001_slide {
        bottom: 8%
    }
}

@media (min-width: 1400px) and (max-width: 1441px) {
    li {
        font-size: 20px;
        font-weight: 400
    }
}

@media (min-width: 1441px) and (max-width: 1599px) {
    li {
        font-size: 17px;
        font-weight: 400
    }
}

@media (min-width: 1600px) and (max-width:1680px) {
    li {
        font-size: 18px;
        font-weight: 400
    }
}

@media (min-width:1681px) {
    li {
        font-size: 18px;
        font-weight: 400
    }
}