@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
body {
                background: #fafafa;
                /*font-family: raleway, sans-serif;*/
                font-family: 'Roboto', sans-serif;
                color: #6d7275;
                font-size: 16px;
                font-weight: 500;
                line-height: 1.85em
            }
            
            .ajax-loader {
                display: none !important;
                background-image: none !important;
                width: inherit !important;
                margin: 0 0 0 0 !important
            }
            
            .ajax-loader.is-active {
                display: block !important
            }
            
            .sw-loader__wrapper {
                position: absolute;
                margin-left: -50px;
                margin-top: -50px;
                left: 50%;
                top: 50%
            }
            
            .sw-loader__wrapper--center {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }
            
            .sw-loader__wrapper .sw-loader__holder {
                width: 70%;
                height: 70%;
                margin-left: 15%;
                margin-top: 15%;
                position: relative;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }
            
            .sw-loader__wrapper .sw-loader__holder .rect {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: -webkit-linear-gradient(left, #f8844e, #fa783c, #EAB5A1, #8DD6FF, #4973C9, #D07CA7, #f8844e, #f8844e, #B46F89, #141562, #486FBC);
                background: linear-gradient(to right, #f8844e, #fa783c, #EAB5A1, #8DD6FF, #4973C9, #D07CA7, #f8844e, #f8844e, #B46F89, #141562, #486FBC);
                background-position: 0% 50%;
                background-size: 1000% 1000%;
                overflow: hidden;
                -webkit-animation: moveGradient 15s infinite;
                animation: moveGradient 15s infinite
            }
            
            form.spam .wpcf7-submit {
                display: block !important
            }
            
            .fa-lg {
                font-size: 1em
            }
            
            .gradient {
                animation-iteration-count: infinite;
                animation-duration: 1s;
                fill: #f8824c
            }
            
            .square {
                animation-iteration-count: infinite;
                animation-duration: 2s;
                transition-timing-function: ease-in-out
            }
            
            .s1 {
                animation-name: slide-1
            }
            
            .s2 {
                animation-name: slide-2
            }
            
            .s3 {
                animation-name: slide-3
            }
            
            .s4 {
                animation-name: slide-4
            }
            
            .s5 {
                animation-name: slide-5
            }
            
            .s6 {
                animation-name: slide-6
            }
            
            .s7 {
                animation-name: slide-7
            }
            
            @keyframes slide-1 {
                37.5% {
                    transform: translateX(0px)
                }
                50% {
                    transform: translateX(100px)
                }
                100% {
                    transform: translateX(100px)
                }
            }
            
            @keyframes slide-2 {
                25% {
                    transform: translateX(0px)
                }
                37.5% {
                    transform: translateX(100px)
                }
                100% {
                    transform: translateX(100px)
                }
            }
            
            @keyframes slide-3 {
                12.5% {
                    transform: translateY(0px)
                }
                25% {
                    transform: translateY(100px)
                }
                100% {
                    transform: translateY(100px)
                }
            }
            
            @keyframes slide-4 {
                50% {
                    transform: translateY(0px)
                }
                62.5% {
                    transform: translateY(-100px)
                }
                100% {
                    transform: translateY(-100px)
                }
            }
            
            @keyframes slide-5 {
                12.5% {
                    transform: translate(-100px, 0px)
                }
                87.5% {
                    transform: translate(-100px, 0px)
                }
                100% {
                    transform: translate(-100px, 100px)
                }
            }
            
            @keyframes slide-6 {
                62.5% {
                    transform: translateY(0px)
                }
                75% {
                    transform: translateY(-100px)
                }
                100% {
                    transform: translateY(-100px)
                }
            }
            
            @keyframes slide-7 {
                75% {
                    transform: translateX(0px)
                }
                87.5% {
                    transform: translateX(-100px)
                }
                100% {
                    transform: translateX(-100px)
                }
            }
            
            @-webkit-keyframes moveGradient {
                to {
                    background-position: 100% 50%
                }
            }
            
            @keyframes moveGradient {
                to {
                    background-position: 100% 50%
                }
            }
            
            .animated.bounce {
                animation-iteration-count: infinite;
                animation-duration: 2.5s
            }
            
            .progress-bar {
                height: 6px;
                pointer-events: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                width: 100%;
                position: absolute;
                bottom: -6px;
                left: 0;
                background: 0 0;
                box-shadow: none;
                -webkit-box-shadow: none;
                border: 0
            }
            
            .progress-bar::-webkit-progress-bar {
                background-color: transparent;
                height: 6px
            }
            
            .progress-bar::-webkit-progress-value {
                background-color: #00efac;
                height: 6px
            }
            
            .progress-bar:focus {
                outline: none
            }
            
            .progress-bar::-moz-progress-bar {
                background-color: #00efac;
                box-shadow: none
            }
            
            .request-trail {
                font-weight: 600;
                font-size: 1em
            }
            
            .breadcrumbs-sec {
                background: #fff;
                box-shadow: inset 0 0 10px rgba(0, 0, 0, .2)
            }
            
            .wrap-breadcrumb {
                border-bottom: 1px solid #bcbcbc;
                border-top: 1px solid #bcbcbc;
                margin-bottom: 30px
            }
            
            .breadcrumbs {
                margin: 15px 0
            }
            
            .breadcrumbs .fa {
                color: #c8c8cc;
                font-size: 24px
            }
            
            .breadcrumbs a,
            .sep {
                color: #f8844e
            }
            
            .breadcrumbs a:hover {
                color: #000
            }
            
            .wpcf7-checkbox .wpcf7-list-item-label {
                visibility: hidden
            }
            
            #page+br {
                display: none
            }
            
            #loading {
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                position: fixed;
                background-color: #f6f6f6;
                z-index: 999999;
                text-align: center
            }
            
            body>iframe {
                position: absolute
            }
            
            .loading-image {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 100;
                width: 100px;
                transform: translate(-50%, -50%) rotate(45deg)
            }
            
            .modal-header .close {
                margin-top: -2px;
                color: red;
                font-size: 36px;
                opacity: 1
            }
            
            .modal-open .modal {
                z-index: 99999;
                transform: translateY(15%)
            }
            
            input:focus {
                outline: 0;
                border: 0
            }
            
            textarea:focus {
                outline: 0
            }
            
            .h1,
            .h2,
            .h3,
            .h4,
            .h5,
            .h6,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
               
            }
            
            .top_panel_wrap {
                position: absolute;
                background-color: #000000ad;
                top: 0;
                left: 0;
                right: 0;
                z-index: 10000;
                padding-top: 0px
            }
            
            .blog .top_panel_wrap,
            .single-post .top_panel_wrap,
            .single-resource .top_panel_wrap,
            .page-template-faq-page .top_panel_wrap {
                position: static
            }
            
            .top_panel_wrap .fa {
                color: #fff
            }
            
            .top_panel_wrap_fixed {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 10000;
                background: rgba(255, 255, 255, .85);
                border-bottom: 1px solid #ccc;
                animation: slide-down .7s
            }
            
            @keyframes slide-down {
                0% {
                    opacity: 0;
                    transform: translateY(-100%)
                }
                100% {
                    opacity: .9;
                    transform: translateY(0)
                }
            }
            
            .trust-row {
                margin-bottom: 25px
            }
            
            .blog-col img {
                border-radius: 10px 10px 0 0
            }
            
            .heading-rotation-containers {
                position: relative;
                min-height: 4em;
                overflow: hidden;
                margin-bottom: 20px
            }
            
            .heading-rotation-containers .heading-banner {
                position: absolute;
                margin: auto;
                left: 0;
                top: .3em;
                right: 0;
                opacity: 0;
                width: 100%;
                text-align: center;
                color: #fff
            }
            
            .heading-banner span {
                color: #d4714f
            }
            
            .resourcifi-service-icon {
                background: rgba(0, 0, 0, .5);
                padding: 25px 0;
                border-radius: 10px
            }
            
            .resourcifi-service-icon:hover {
                background: #f97d52
            }
            
            .resourcifi-service-icon:hover svg {
                transform: scale(1.2)
            }
            
            .resourcifi-service-icon h3 {
                font-size: 18px;
                margin: 0;
                color: #fff
            }
            
            #laravel {
                margin-top: 35px;
                margin-bottom: 35px
            }
            
            .top_panel_wrap .logo-fixed {
                display: none
            }
            
            .top_panel_wrap_fixed .logo-main {
                display: none
            }
            
            img.img-responsive.logo-fixed {
                margin: 15px 0 0
            }
            
            .tparrows:before {
                font-family: fontawesome
            }
            
            .tparrows.tp-leftarrow:before {
                content: '\f053'
            }
            
            .tparrows.tp-rightarrow:before {
                content: '\f054'
            }
            
            p:empty {
                display: none
            }
            
            a {
                color: #28262b
            }
            
            .post_descr a {
                color: #f8844e
            }
            
            a:hover {
                color: #f8844e;
                text-decoration: none
            }
            
            .slide-btn {
                margin-left: 30px !important
            }
            
            .navbar {
                margin: 0px;
                padding-top: 15px !important;
            }
            
            .top_panel_wrap_fixed .navbar-nav>li>a {
                padding-top: 23px
            }
            
            .nav.navbar-nav>li>a {
                color: #fff;
                text-transform: uppercase;
                font-size: 1em;
                font-weight: 600;
                padding: 10px 12px
            }
            
            .navbar-right .dropdown-menu {
                right: initial !important;
                left: auto;
                background-color: #000;
                padding: 20px 0;
                width: 220px
            }
            
            .dropdown-menu>li.sub-dropdown-menu>a {
                padding-left: 35px
            }
            
            .navbar-right .dropdown-menu a {
                color: #fff;
                line-height: 2;
                font-size: 16px
            }
            
            .navbar-right .dropdown-menu a:hover {
                background: 0 0;
                color: #f8844e;
                outline: 0
            }
            
            .dropdown-menu>li>a:focus,
            .nav>li>a:focus {
                background: 0 0;
                color: #fff;
                outline: 0
            }
            
            .dropdown-submenu>.dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: -6px;
                margin-left: -1px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                padding: 10px 0;
                display: none;
                width: 280px
            }
            
            .mega-nav {
                background: #000;
                padding: 15px;
                border-radius: 10px;
                position: absolute;
                top: 52px;
                display: none;
                z-index: 99
            }
            
            .mega-icon {
                background: #fff;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                display: -ms-flexbox;
                -ms-flex-pack: center;
                -ms-flex-align: center;
                margin-right: 10px
            }
            
            .mega-icon svg {
                width: 25px;
                height: 25px
            }
            
            .mega-nav li {
                margin: 4px 0
            }
            
            .mega-nav li a {
                display: flex;
                align-items: center;
                display: -ms-flexbox;
                -ms-flex-align: center;
                color: #fff;
                font-weight: 400
            }
            
            .mega-nav li a:hover {
                color: #fa702c
            }
            
            .mega-nav li a.icon strong {
                color: #fa702c
            }
            
            .mega-nav li a.icon:hover strong {
                color: #fff
            }
            
            .menu-category-nav-container .nav.navbar-nav>li>a {
                color: #fff !important;
                text-transform: capitalize;
                font-size: 16px;
                font-weight: 500;
                background: #f87a54;
                margin: 5px;
                border-radius: 5px
            }
            
            .blog .nav.navbar-nav>li.cat-active>a {
                color: #fff !important
            }
            
            .your-story {
                padding: 2em 0
            }
            
            .site-branding-text {
                margin-top: 0
            }
            
            .top_panel_wrap_fixed .nav.navbar-nav>li>a {
                color: #28262b
            }
            
            .nav.navbar-nav>li>a:hover {
                background: 0 0;
                color: #f8844e
            }
            
            .top_panel_wrap_fixed .nav.navbar-nav>li+li>a:before {
                content: ''
            }
            
            .top_panel_wrap_fixed .nav.navbar-nav>li+li>a:before {
                color: #28262b
            }
            
            .custom .tp-bullet {
                background: 0 0;
                border-radius: 50%;
                border: 1px solid #fff
            }
            
            .why-resourcifi {
                padding: 20px 0 0
            }
            
            .why-indigo-box {
               
                margin: 0;
                padding: 0;
                min-height: 180px
            }
            
            .why-indigo-box h2 {
                font-size: 21px;
                margin: 0 0 10px;
                padding: 0 0 10px;
                position: relative;
                min-height: 68px;
                color: #4a4a4a !important;
                text-transform: capitalize
            }
            
            .why-indigo-box p {
                color: #4a4a4a;
               
                margin-bottom: 0;
                font-size: 15px
            }
            
            .why-indigo-box h2:after {
                position: absolute;
                content: "";
                width: 50px;
                border-bottom: 3px solid #000;
                display: block;
                left: 50%;
                transform: translateX(-50%);
                bottom: 0
            }
            
            .blur {
                filter: blur(10px);
                -o-filter: blur(10px);
                -ms-filter: blur(10px);
                -moz-filter: blur(10px);
                -webkit-filter: blur(10px)
            }
            
            h2.orange:after {
                border-color: #fcaa1c
            }
            
            h2.blue:after {
                border-color: #3c9bf3
            }
            
            h2.green:after {
                border-color: #6bc734
            }
            
            h2.purple:after {
                border-color: #cf5cf1
            }
            
            h2.sea-green:after {
                border-color: #2dafaf
            }
            
            h2.pink:after {
                border-color: #fa418b
            }
            
            .pagination {
                margin: 0;
                text-align: center;
                display: block
            }
            
            h2.screen-reader-text {
                display: none
            }
            
            .why-resourcifi .text-center figure>img {
                transition: ease-in-out transform .3s, ease-in-out translate .3s
            }
            
            .why-resourcifi .text-center:hover figure>img {
                transform: scale(1.1, 1.1) translateY(-10px);
                transition: ease-in-out transform .3s, ease-in-out translate .3s
            }
            
            .text-center:hover .why-indigo-box h2:after {
                width: 100px;
                transition: ease-in width .3s
            }
            
            .sc_title {
                font-weight: 600;
                color: #28262b
            }
            
            .sc_title_regular {
                font-size: 30px;
                padding-bottom: 20px
            }
            
            .diverse-industries {
                background: rgba(0, 0, 0, .8);
                padding: 50px 0;
                background-size: cover
            }
            
            .diverse-industries .sc_title {
                color: #fff;
                margin-bottom: 50px
            }
            
            .white-box {
                background: #f5f6fa;
                margin-bottom: 40px;
               
                position: relative;
                transition: all .3s
            }
            
            .blue-box-img {
                text-align: center;
                margin: 0;
                padding: 20px;
                transition: ease-in-out .3s
            }
            
            .mid-content-box {
                padding: 0 0 1px
            }
            
            .white-box h1 {
                font-size: 24px;
                font-weight: 600;
                margin: 0;
                margin-bottom: 25px;
                color: #4a4a4a !important;
                text-align: center
            }
            
            .white-box p {
                font-size: 15px;
                color: #7b7b7b;
                margin-bottom: 30px
            }
            
            .home-tech-section {
                padding-bottom: 15px;
                background: #fff;
                box-shadow: 0 0 10px rgba(163, 163, 163, .4)
            }
            
            .home-tech-section h2 {
                color: #000;
                padding: 10px 0;
                font-size: 40px;
                font-weight: 600;
                text-align: center
            }
            
            .home-tech-section p {
                font-size: 22px;
                color: #7b7b7b;
                letter-spacing: 0;
                font-weight: 200;
                padding-bottom: 50px;
                text-align: center
            }
            
            .home-tech-section .home-clients {
                margin: 0;
                padding: 0
            }
            
            .home-tech-section .home-clients li {
                width: 13.5%;
                display: inline-block;
                vertical-align: middle;
                margin: 0;
                padding: 0;
                list-style-type: none;
                transition: all .2s;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -o-transition: all .2s;
                -ms-transition: all .2s;
                transform: scale(.8);
                -webkit-transform: scale(.8);
                -moz-transform: scale(.8);
                -o-transform: scale(.8);
                -ms-transform: scale(.8)
            }
            
            .home-clients li:hover {
                transform: scale(1);
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -o-transform: scale(1);
                -ms-transform: scale(1)
            }
            
            .apple {
                background: url(../images/techsprite.png) 0 0 no-repeat;
                height: 100px
            }
            
            .android {
                background: url(../images/techsprite.png) -160px 0 no-repeat;
                height: 100px
            }
            
            .xamarin {
                background: url(../images/techsprite.png) -310px 0 no-repeat;
                height: 100px
            }
            
            .unity {
                background: url(../images/techsprite.png) -465px 0 no-repeat;
                height: 100px
            }
            
            .ionic {
                background: url(../images/techsprite.png) -625px 0 no-repeat;
                height: 100px
            }
            
            .phoneGap {
                background: url(../images/techsprite.png) -800px 0 no-repeat;
                height: 100px
            }
            
            .php {
                background: url(../images/techsprite.png) -970px 0 no-repeat;
                height: 100px
            }
            
            .codeIgniter {
                background: url(../images/techsprite.png) 0 -100px no-repeat;
                height: 100px
            }
            
            .laravel {
                background: url(../images/techsprite.png) -160px -100px no-repeat;
                height: 100px
            }
            
            .zend {
                background: url(../images/techsprite.png) -310px -100px no-repeat;
                height: 100px
            }
            
            .yii {
                background: url(../images/techsprite.png) -465px -100px no-repeat;
                height: 100px
            }
            
            .django {
                background: url(../images/techsprite.png) -625px -100px no-repeat;
                height: 100px
            }
            
            .ruby_on_rails {
                background: url(../images/techsprite.png) -800px -100px no-repeat;
                height: 100px
            }
            
            .sql {
                background: url(../images/techsprite.png) -940px -100px no-repeat;
                height: 100px
            }
            
            .my_sql {
                background: url(../images/techsprite.png) 0 -200px no-repeat;
                height: 100px
            }
            
            .node {
                background: url(../images/techsprite.png) -160px -200px no-repeat;
                height: 100px
            }
            
            .angularJS {
                background: url(../images/techsprite.png) -310px -200px no-repeat;
                height: 100px
            }
            
            .mongodB {
                background: url(../images/techsprite.png) -465px -200px no-repeat;
                height: 100px
            }
            
            .magento {
                background: url(../images/techsprite.png) -625px -200px no-repeat;
                height: 100px
            }
            
            .drupal {
                background: url(../images/techsprite.png) -800px -200px no-repeat;
                height: 100px
            }
            
            .wordpress {
                background: url(../images/techsprite.png) -940px -200px no-repeat;
                height: 100px
            }
            
            .get-in-touch {
                overflow: hidden
            }
            
            .contact-left {
                background: url(../images/phone-booth_optimize.jpg) no-repeat;
                background-size: cover
            }
            
            .contact-img {
                min-height: 685px
            }
            
            .home .contact-img {
                min-height: 625px
            }
            
            .commonwithclass {
                width: 100%
            }
            
            .columnform7marginbottom {
                margin-bottom: 15px;
                width: 100%;
                text-align: center
            }
            
            .contact-box-resourcifi {
                background: #fff;
                border-radius: 10px;
                padding: 20px;
                font-size: calc(14px + .25vw);
                color: #2a2a2a
            }
            
            .contact-box-resourcifi a {
                color: #2a2a2a
            }
            
            .contact-box-resourcifi .img-rounded {
                margin-bottom: 20px
            }
            
            input[type=tel],
            input[type=text],
            textarea,
            input[type=number],
            input[type=email],
            select {
                color: #8a8a8a;
                border-color: #ddd;
                background-color: #ebebeb;
                font-family: sans-serif;
                font-size: .929em;
                font-weight: 400;
                line-height: 1.5em;
                padding: 1em 1.65em;
                border: 0;
                border-radius: 20px;
                width: 100%
            }
            
            .modal-dialog input[type=email],
            .modal-dialog input[type=text],
            .modal-dialog input[type=tel],
            .modal-dialog textarea {
                background: 0 0;
                border-bottom: 1px solid #e5e5e5;
                border-radius: 0;
                padding: .75em .5em;
                width: 100%
            }
            
            .first-name .wpcf7-text,
            .last-name .wpcf7-text {
                text-transform: capitalize
            }
            
            .sc_button_style_filled {
                background: #fc8d45;
                background: -moz-linear-gradient(to left, #00a3ab 0%, #3bffc1 100%);
                background: -webkit-linear-gradient(to left, #00a3ab 0%, #3bffc1 100%);
                background: linear-gradient(to left, #00a3ab 0%, #3bffc1 100%);
                color: #fff;
                border-radius: 50px;
                display: inline-block;
                padding: .75em 2em;
                margin-bottom: 0;
                width: 170px;
                height: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto
            }
            
           
            
            .sc_button_style_filled1 {
                background: #fc8d45;
                background: -moz-linear-gradient(to left, #00a3ab 0%, #3bffc1 100%);
                background: -webkit-linear-gradient(to left, #00a3ab 0%, #3bffc1 100%);
                background: linear-gradient(to left, #00a3ab 0%, #3bffc1 100%);
                color: #fff;
                border-radius: 50px;
                display: inline-block;
                padding: .75em 2em;
                margin-bottom: 0;
                width: 150px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto
            }
            
            .sc_button_style_filled1:hover {
                background: #fc8d45;
                background: -moz-linear-gradient(to left, #3bffc1 0%, #00a3ab 100%);
                background: -webkit-linear-gradient(to left, #3bffc1 0%, #00a3ab 100%);
                background: linear-gradient(to left, #3bffc1 0%, #00a3ab 100%);
                color: #fff;
                border-radius: 50px;
                display: inline-block;
                padding: .75em 2em;
                margin-bottom: 0;
                width: 150px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto
            }
            
            .call-us-icon {
                background: #fc8d45;
                background: -moz-linear-gradient(to left, #1be2aa 0%, #289c77 100%);
                background: -webkit-linear-gradient(to left, #1be2aa 0%, #289c77 100%);
                background: linear-gradient(to left, #1be2aa 0%, #289c77 100%);
                color: #fff;
                border-radius: 50px
            }
            
            .wpcf7-form .sc_button_style_filled {
                padding: 0
            }
            
            .contact-us-wrap {
                margin-top: 50px;
                background: #fff;
                box-shadow: 0 0 9.375rem rgba(0, 0, 0, .1);
                border-radius: 0 1.25rem 0 1.25rem;
                padding: 3rem 2rem 2rem
            }
            
            .col-col {
                color: #000;
            }
            
            .sc_button_style_filled:hover {
                color: #000
            }
            
            input[type=submit] {
                border: 0;
                background: 0 0;
                font-size: .851em
            }
            
            .icon-paper-plane-light:before {
                content: '\f1d8';
                color: #fff;
                font-family: fontawesome
            }
            
            [class^=icon-]:before,
            [class*=" icon-"]:before {
                font-family: fontawesome;
                font-style: normal;
                font-weight: 400;
                speak: none;
                display: inline-block;
                text-decoration: inherit;
                width: 1em;
                margin-right: .2em;
                text-align: center;
                font-variant: normal;
                text-transform: none;
                line-height: 1em;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }
            
            .top-icon [class^=icon-]:before,
            .top-icon [class*=" icon-"]:before {
                margin: 0
            }
            
            .sc_item_title {
                margin: 50px 0 0;
                text-align: center;
                font-size: 2.286em
            }
            
            .our-clients .sc_item_title,
            .home .sc_item_title {
                margin: 3rem 0;
                color: #000;
                font-weight: 600;
                font-size: 40px;
                text-transform: uppercase
            }
            
            .sc_item_descr {
                font-size: 1.143em;
                font-weight: 300;
                line-height: 1.4em;
                font-style: italic;
                margin: .25em 0 3em;
                text-align: center;
                letter-spacing: .02em;
                position: relative;
                padding-bottom: 1.8em
            }
            
            .sc_item_descr:before {
                background-color: #f8844e;
                bottom: 0;
                content: " ";
                display: block;
                height: 1px;
                margin: 0 1px 0 0;
                position: absolute;
                left: 50%;
                width: 24px
            }
            
            .sc_item_descr:after {
                background-color: #f8844e;
                bottom: 0;
                content: " ";
                display: block;
                height: 1px;
                margin: 0 1px 0 0;
                position: absolute;
                right: 50%;
                width: 24px
            }
            
            .our-clients {
                padding-bottom: 0;
                box-shadow: inset 0 -10px 30px -10px grey
            }
            
            .sc_client_image img {
                transform: scale(.8);
                transition: all .2s;
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%)
            }
            
            .sc_client_image img:hover {
                transform: scale(1);
                -webkit-filter: grayscale(0);
                filter: grayscale(0)
            }
            
            .column_padding_bottom {
                padding-bottom: 30px
            }
            
            .sc_client_image {
                min-height: 110px
            }
            
            .testimonial {
                padding: 40px 0 60px;
                background: #fff;
                box-shadow: inset 0 -10px 30px -10px grey
            }
            
            .testimonial-icon {
                margin: 15px 0 25px
            }
            
            .sc_testimonial_item {
                text-align: center
            }
            
            .sc_testimonial_avatar {
                width: 200px;
                height: 200px;
                border: 0;
                margin: 0 auto 2em
            }
            
            .sc_testimonial_content {
              
            }
            
            .sc_testimonial_author {
                position: relative;
                padding-top: 2.8em;
                display: inline-block
            }
            
            .sc_testimonial_content {
                margin-bottom: 1.5em
            }
            
            .sc_testimonial_author_name {
                font-size: 1em;
                font-weight: 600
            }
            
            .sc_testimonial_author_position {
                font-style: italic;
                font-size: 12px;
                line-height: 22px
            }
            
            .testimonial span:after,
            .testimonial span:before {
                font-family: fontawesome;
                font-size: 1.9em;
                width: 100%;
                color: #f8844e
            }
            
            .testimonial-icon-img {
                border-radius: 50%;
                box-shadow: 0 5px 14px grey
            }
            
            .testimonial span:after {
                content: '\f10e';
                position: relative;
                top: 10px
            }
            
            .testimonial span:before {
                content: '\f10d';
                margin-right: 10px
            }
            
            .sc_testimonial_author_name,
            .sc_testimonial_author_position {
                display: block
            }
            
            .carousel-inner>.item {
                text-align: center
            }
            
            .carousel-indicators {
                bottom: -40px
            }
            
            .carousel-indicators li {
                background: #c6c6c6
            }
            
            .expert-box {
                text-align: center;
                margin-bottom: 10px
            }
            
            .expert-box h4 {
                font-size: 26px
            }
            
            .carousel-indicators li.active {
                background: #f8844e
            }
            
            .home-blog {
                background: #fff;
                padding: 0 0 30px;
                box-shadow: 0 0 10px rgba(163, 163, 163, .4)
            }
            
            h2.sc_blogger_title {
                margin: 3rem 0;
                color: #000
            }
            
            .post_featured {
                position: relative
            }
            
            .hom-blog .post_featured .cat_post_info {
                height: auto;
                bottom: 3px
            }
            
            .hom-blog .post_featured .cat_post_info {
                height: auto;
                bottom: 3px
            }
            
            .post_featured .cat_post_info {
                bottom: 14px;
                left: 13px;
                position: absolute;
                z-index: 9;
                margin-bottom: 0
            }
            
            .cat_post_info {
                font-size: 9px;
                font-weight: 500;
                text-transform: uppercase;
                line-height: 17px;
                height: 17px;
                margin-bottom: 2.8em
            }
            
            .post_categories {
                background-color: #f8844e;
                color: #fff;
                padding: 2px 4px;
                border-radius: 10px
            }
            
            .site-footer {
                background-color: #000;
                padding: 3em 0 1.5em;
                color: rgba(255, 255, 255, .5);
                font-weight: 400
            }
            
            .site-footer img {
                display: block;
                margin: auto
            }
            
            .site-footer-info li {
                display: table
            }
            
            .site-footer-info li span.fa-stack {
                display: table-cell;
                vertical-align: top
            }
            
            .site-footer-info li span.fa-stack+span {
                margin-left: 10px;
                display: block
            }
            
            .site-footer h6 {
                font-size: 20px;
                margin: 0 0 10px;
                color: #fff;
                padding: 0
            }
            
            .fa-stack {
                margin-top: 20px
            }
            
            .social_icons:hover .fa-stack-2x,
            .fa-stack:hover .fa-stack-2x {
                color: rgb(14, 164, 122) !important;
            }
            
            .linkedin-follow {
                display: inline-block;
                position: relative;
                opacity: 0;
                left: -30px;
                top: 15px;
                width: 35px;
                overflow: hidden
            }
            
            .footer-inline {
                display: flex
            }
            
            .footer-last-rwo {
                background: #343434;
                padding: 2.3rem 0 1rem
            }
            
            .footer-last-rwo .fa-linkedin:before,
            .footer-last-rwo .fa-twitter:before,
            .footer-last-rwo .fa-facebook:before,
            .footer-last-rwo .fa-pinterest:before {
                margin-left: 15px
            }
            
            .footer-bar-link a {
                display: inline-block;
                margin: 0 7px
            }
            
            .go-top {
                position: fixed;
                bottom: 70px;
                left: 20px;
                width: 48px;
                height: 42px;
                line-height: 48px;
                display: none;
                z-index: 9999
            }
            
            .site-footer a {
                color: rgba(255, 255, 255, .5)
            }
            
            .site-footer a:hover,
            .widget_nav_menu li a:hover:before {
                color: #0ea47a
            }
            
            .site-footer .logo .img-responsive {
                max-width: 50%
            }
            
            .widgettitle {
                margin-top: 0;
                color: #fff
            }
            
            .widget_nav_menu li a {
                border-bottom: 1px solid #aab0b6;
                padding: 0 0 5px 25px;
                display: block;
                text-decoration: none;
                position: relative
            }
            
            .widget_nav_menu li a:hover {
                border-color: #f8844e
            }
            
            .logo_slogan {
                margin-top: 1em;
                font-style: italic
            }
            
            .site-footer .logo {
                margin-bottom: 1.5em
            }
            
            .site-footer ul {
                padding: 0;
                list-style: none
            }
            
            .site-footer ul li {
                margin: 0 0 5px
            }
            
            #cookieBar {
                background-color: rgba(0, 0, 0, .8);
                border: none;
                border-radius: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                bottom: 0;
                color: #fff;
                left: 0;
                margin: 0;
                position: fixed;
                right: 0;
                width: 100%;
                z-index: 999;
                padding: 10px 0
            }
            
            #cookieBar a {
                background: #f87a54;
                padding: 5px 10px;
                color: #fff;
                border-radius: 5px;
                margin-left: 10px
            }
            
            #cookieBar+div {
                display: none
            }
            
            .related-services {
                margin-bottom: 0
            }
            
            .widget_nav_menu li a:before {
                content: '\f096';
                font-family: fontawesome;
                position: absolute;
                left: .5px;
                top: 0;
                color: #aab0b6
            }
            
            .img-responsive {
                display: inline-block
            }
            
            .solution-img-responsive {
                max-width: 95%;
                box-shadow: 0 0 40px rgba(0, 0, 0, .15)
            }
            
            .post_content-abt {
                padding: 50px 0 0
            }
            
            .custom_about {
                padding: 50px 0 80px
            }
            
            .custom_about p {
                padding: 10px 0;
                font-size: 15px
            }
            
            .about-resourci {
                background: #fff url(../images/abt-resourci.jpg) left top no-repeat;
                padding-bottom: 50px
            }
            
            .inner-page-max {
                background-color: #fff !important;
                padding: 140px 50px;
                margin-top: 70px;
                -webkit-box-shadow: -2px 8px 48px -4px #5c5c5c;
                -moz-box-shadow: -2px 8px 48px -4px #5c5c5c;
                box-shadow: -2px 8px 48px -4px #5c5c5c
            }
            
            .col-cust {
                width: 20%;
                float: left;
                display: inline-block;
                vertical-align: top;
                position: relative;
                min-height: 1px;
                padding-left: 0;
                padding-right: 15px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                margin: 70px 0 30px
            }
            
            .sc_team_item_title {
                margin: 0;
                font-size: 1.214em
            }
            
            .sc_team_item_position {
                font-style: italic;
                padding: 5px 0;
                font-size: 16px;
                font-weight: 600
            }
            
            .social-hover {
                position: relative;
                z-index: 7
            }
            
            .sc_socials_item {
                background-color: rgba(40, 38, 43, .6);
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                opacity: 0;
                transition: all ease .3s
            }
            
            .join-team {
                margin: 25px 0 0
            }
            
            .joins-teams-space {
                margin: 50px 0
            }
            
            .last-table {
                margin: 5px -3px
            }
            
            .no-padding-left {
                padding-left: 0
            }
            
            .no-padding-right {
                padding-right: 0
            }
            
            .margin-10 {
                margin-bottom: 5px
            }
            
            .last-table [class*=col-] {
                padding: 0 3px
            }
            
            .single .single-featured-image-header {
                height: inherit
            }
            
            .social-hover:hover .sc_socials_item,
            .sc_team_item_title a:hover .sc_socials_item {
                opacity: .75;
                transform: scale(2)
            }
            
            .sc_socials_item .fa-linkedin {
                position: absolute;
                bottom: 10px;
                border: 1px solid #fff;
                width: 1.5em;
                font-size: 25px;
                border-radius: 50%;
                height: 1.5em;
                line-height: 1.5em;
                color: #fff;
                font-weight: 400;
                transform: translate(-50%);
                transition: all ease .3s
            }
            
            .social-hover:hover .sc_socials_item .fa-linkedin,
            .sc_team_item_title a:hover .sc_socials_item .fa-linkedin {
                bottom: 40%
            }
            
            .single-featured-image-header {
                overflow: hidden;
                position: relative
            }
            
            .blog .single-featured-image-header,
            .archive .single-featured-image-header,
            .single-job_listing .single-featured-image-header {
                height: 25em
            }
            
            .page-template-virtual-team-page .single-featured-image-header {
                height: 40em
            }
            
            .page-template-web-devlopment-page .single-featured-image-header {
                height: 35em
            }
            
            .page-template-virtual-team-page .entry-title {
                font-size: 40px;
                color: #f8844e
            }
            
            .single-featured-image-header.privacy-policy {
                background: rgba(0, 0, 0, .4);
                height: 15em
            }
            
            .privacy-policy-content {
                padding: 2em 0
            }
            
            .top_panel_image_header {
                position: absolute;
                left: 50%;
                top: 40%;
                display: block;
                margin-top: 3em;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%)
            }
            
            .top_panel_image_title {
                color: #fff
            }
            
            .page-template-resource-page .top_panel_image_title.entry-title.text-uppercase {
                text-transform: inherit
            }
            
            .intro-wrap {
                padding: 50px;
                background: #fff;
                border-radius: 4px;
                position: relative;
                box-shadow: 10px 10px 36px -18px #888, -3px 8px 36px -10px #888, 8px 14px 20px -8px #f0f0f0;
                -webkit-box-shadow: 10px 10px 36px -18px #888, -3px 8px 36px -10px #888, 8px 14px 20px -8px #f0f0f0;
                -moz-box-shadow: 10px 10px 36px -18px #888, -3px 8px 36px -10px #888, 8px 14px 20px -8px #f0f0f0;
                border-bottom: 4px solid #f8844e;
                margin-bottom: 80px
            }
            
            .solution-text-blck {
                border-left: 2px solid #ccc;
                padding-left: 15px;
                margin-bottom: 25px
            }
            
            .saas-wrap,
            .fintech-wrap {
                background: url(../images/SaaS_bg.jpg) 0 0 no-repeat;
                padding: 80px 0
            }
            
            .ecommerce-wrap,
            .healthcare-wrap {
                background: #fff;
                padding: 80px 0
            }
            
            .virtual-tab {
                background: url(../images/virtual_team-bg.jpg)
            }
            
            .virtual-team {
                display: block;
                font-size: 32px
            }
            
            .v-team-wrap {
                background: url(../images/Virtual_Team_bg.jpg) 0 0 no-repeat;
                padding: 80px 0
            }
            
            .it-recruitment-wrap {
                background: url(../images/IT_Recruitment_bg.jpg) 0 0 no-repeat;
                padding: 80px 0
            }
            
            .case-study-page {
                padding: 70px 0 10px
            }
            
            .case-study-page-wrap {
                position: relative;
                margin-bottom: 25px
            }
            
            .case-study-page .case-study-page-wrap img {
                transition: all 1s
            }
            
            .case-study-page .case-study-page-wrap:hover h2,
            .case-study-page .case-study-page-wrap:hover figure a:before,
            .case-study-page .case-study-page-wrap:hover figure a:after {
                visibility: visible;
                opacity: .3
            }
            
            .case-study-page .case-study-page-wrap:hover img {
                transform: scale(1.1)
            }
            
            .case-study-page .wpb_heading {
                position: absolute;
                left: 50%;
                top: 50%;
                z-index: 99;
                color: #fff;
                padding: 0;
                opacity: 0;
                margin-top: -15px;
                transform: translate(-50%);
                text-transform: uppercase;
                display: inline-block;
                font-size: 26px;
                transition: all .2s
            }
            
            .case-study-page figure a:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, .84);
                z-index: 9;
                display: block;
                visibility: hidden;
                opacity: 0;
                transition: all .2s
            }
            
            .blog-list-page {
                padding: 2em 0 6em
            }
            
            .page-template-resource-page .blog-list-page {
                padding: 4em 0 2em
            }
            
            .single-post .blog-list-page,
            .single-resourcifi .blog-list-page {
                padding: .5em 0 6em;
                position: static
            }
            
            .post_title {
                margin-top: 0;
                margin-bottom: .75em;
                font-size: 24px
            }
            
            .post_title a {
                color: #333
            }
            
            .entry-header {
                margin-bottom: 10px
            }
            
            .post-thumbnail {
                margin-bottom: 2em
            }
            
            .blog-list {
                margin-bottom: 1.5em;
                padding-bottom: 25px
            }
            
            .blog-col-content {
                background: #fff;
                padding: 20px;
                border-radius: 0 0 10px 10px
            }
            
            .file-attach .wpcf7-not-valid-tip {
                position: absolute;
                left: 0;
                width: 340px;
                top: -27px
            }
            
            .job_listings li.date {
                opacity: 0
            }
            
            .more-link {
                border: 1px solid #949494;
                border-radius: 20px;
                padding: 5px 15px;
                margin-top: 30px;
                display: inline-block;
                color: #949494
            }
            
            .img-responsives {
                width: 100%;
                height: auto
            }
            
            .sc_button_size_medium {
                border: 2px solid #28262b;
                color: #28262b;
                padding: .75em 1.9em;
                display: inline-block;
                border-radius: 25px;
                margin-top: 50px
            }
            
            .home .sc_button_size_medium {
                margin-top: 20px
            }
            
            .contact-page {
                background: #fafafa;
                padding: 0 0 15px;
                margin-top: 0
            }
            
            .contact-adres-blck {
                margin: 0;
                text-align: center;
                padding: 30px 0;
                margin-top: 60px;
                margin-bottom: 60px !important;
                background-color: #333c46;
                border: 1px solid #3e4954
            }
            
            .contact-adres-blck p {
                font-size: 18px;
                padding: 0;
                color: #fff
            }
            
            .contact-wrap .sc_button_size_medium {
                margin: 0 0 50px
            }
            
            .trx-big {
                text-transform: uppercase
            }
            
            .rev_slider a {
                color: #fff !important;
                font-size: 15px !important;
                padding: 15px 30px !important;
                text-transform: uppercase
            }
            
            .rev_slider a.smooth-scroll-2 {
                background: #fff !important;
                color: #154453 !important
            }
            
            .post_thumb {
                margin-bottom: 20px
            }
            
            .owl-carousel .owl-item img {
                margin: auto
            }
            
            .home .post_thumb .img-responsive {
                max-width: inherit;
                width: 100%
            }
            
            .services-tab {
                background: #f4f4f4;
                padding: 30px 0;
                box-shadow: inset 0 10px 10px -10px grey, inset 0 -10px 10px -10px grey
            }
            
            .services-tab h6 {
                font-size: 20px;
                font-weight: 600;
                color: #28262b;
                padding: 10px 0 0
            }
            
            .servicetab-img {
                min-height: 150px
            }
            
            .servicetab-img img {
                transition: all 1s
            }
            
            .servicetab-img img:hover {
                transform: scale(1.2)
            }
            
            .services-tab .acordian-box ul {
                padding: 0;
                margin: 0
            }
            
            .we-handle-section h2 {
                font-size: 45px;
                color: #28262b;
                font-weight: 700;
                margin: 0;
                padding: 20px 0
            }
            
            .mobile-app-section h2,
            .web-app-section h2,
            .quality-section h2 {
                font-size: 22px;
                text-transform: uppercase;
                text-align: center;
                padding: 50px 0;
                position: relative;
                margin-bottom: 0;
                color: #28262b
            }
            
            section h2:before {
                background-image: url(../images/left-accordian-icon.png)
            }
            
            .mobile-app-section h2:before,
            .web-app-section h2:before,
            .quality-section h2:before {
                background-position: left top;
                background-repeat: no-repeat;
                content: "";
                bottom: 0;
                left: 50px;
                position: absolute;
                width: 56px;
                height: 72px
            }
            
            .services-tab .acordian-box {
                width: 85%;
                margin: auto
            }
            
            .quality-section {
                padding-top: 30px
            }
            
            .web-app-section button.accordion,
            .mobile-app-section button.accordion,
            .quality-section button.accordion {
                background-color: #fff;
                font-size: 15px;
                color: #666;
                border-radius: 6px;
                margin: 0;
                cursor: pointer;
                padding: 20px 45px;
                width: 100%;
                border: none;
                text-align: left;
                outline: none;
                transition: .4s;
                position: relative;
                box-shadow: 1px 4px 16px 0 #d4d4d4
            }
            
            .mobile-app-section button.accordion:after {
                color: #205081
            }
            
            .services-tab button.accordion:after {
                font-weight: 700;
                margin-right: 5px;
                content: '\f10c';
                font-family: FontAwesome;
                font-size: 10px;
                position: absolute;
                top: 20px;
                left: 15px
            }
            
            .services-tab div.panel {
                padding: 0 18px;
                max-height: 0;
                overflow: hidden;
                transition: max-height .2s ease-out;
                border: none;
                margin-bottom: 0;
                box-shadow: none;
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }
            
            .mobile-app-section div.panel,
            .mobile-app-section button.accordion.active {
                background-color: #205081
            }
            
            .quality-section button.accordion.active,
            .mobile-app-section button.accordion.active,
            .web-app-section button.accordion.active {
                margin-bottom: 0;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                color: #fff;
                box-shadow: none
            }
            
            .services-tab button.accordion.active:after {
                color: #fff
            }
            
            .services-tab .acordian-box ul li {
                list-style-type: none;
                padding: 0;
                margin: 0;
                position: relative
            }
            
            .services-tab .acordian-box:after {
                position: relative;
                content: "";
                height: 15px;
                width: 1px;
                background-color: silver;
                display: block;
                margin-left: 15px
            }
            
            .services-tab .acordian-box ul li:before {
                font-weight: 700;
                margin-right: 0;
                content: "";
                background-image: url(../images/list-icon.png);
                background-position: center center;
                background-repeat: no-repeat;
                font-size: 10px;
                position: absolute;
                top: 50%;
                left: 0;
                color: #fff;
                transform: translateY(-50%);
                width: 75px;
                height: 10px
            }
            
            .services-tab .acordian-box ul li a {
                margin-left: 40px;
                display: block;
                font-size: 15px;
                padding: 20px 0 20px 40px;
                border-radius: 6px;
                background-color: #ffc547;
                font-weight: 500;
                margin-bottom: 15px;
                color: #28262b
            }
            
            .mobile-app-section button.accordion:not([class*=sc_button_hover_]):hover {
                background-color: #205081;
                color: #fff;
                box-shadow: none
            }
            
            .mobile-app-section button.accordion:not([class*=sc_button_hover_]):hover:after,
            .web-app-section button.accordion:not([class*=sc_button_hover_]):hover:after,
            .quality-section button.accordion:not([class*=sc_button_hover_]):hover:after {
                color: #fff
            }
            
            .services-tab a.arrow-mobile {
                background-color: #205081
            }
            
            .services-tab a.arrow-mobile:before,
            .services-tab a.arrow-web:before,
            .services-tab a.arrow-quality:before {
                position: absolute;
                content: "";
                height: 25px;
                width: 1px;
                top: -12px;
                left: 48.655%;
                display: inline-block;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                background-color: silver
            }
            
            .services-tab a.arrow-mobile,
            .services-tab a.arrow-web,
            .services-tab a.arrow-quality {
                width: 62px;
                height: 62px;
                text-align: center;
                display: block;
                border-radius: 50%;
                background-image: url(../images/arrow-right.png);
                background-position: center center;
                background-repeat: no-repeat;
                line-height: 62px;
                color: #fff;
                cursor: default;
                margin-left: 18px;
                position: relative;
                margin-top: 19px;
                box-shadow: 1px 2px 12px 5px #d7d7d7;
                transform: scale(.9);
                -webkit-transform: scale(.9)
            }
            
            .icon-arrow-right,
            .icon-arrow-left {
                display: none
            }
            
            .web-app-section button.accordion:not([class*=sc_button_hover_]):hover {
                background-color: #e03521;
                color: #fff;
                box-shadow: none
            }
            
            .web-app-section div.panel,
            .web-app-section button.accordion.active {
                background-color: #e03521
            }
            
            .web-app-section h2:before {
                background-image: url(../images/rgt-accordian-icon.png)
            }
            
            .services-tab a.arrow-web {
                background-color: #e03521
            }
            
            .quality-section button.accordion:not([class*=sc_button_hover_]):hover {
                background-color: #8da13e;
                color: #fff;
                box-shadow: none
            }
            
            .quality-section div.panel,
            .quality-section button.accordion.active {
                background-color: #8da13e
            }
            
            .quality-section h2:before {
                background-image: url(../images/quality-left-arrow.png)
            }
            
            .services-tab a.arrow-quality {
                background-color: #8da13e
            }
            
            .solutions-tab {
                padding: 20px 0 40px;
                background: #fff;
                box-shadow: inset 0 10px 20px -10px grey, inset 0 -10px 20px -10px grey
            }
            
            .solutions-tab h3 {
                color: #28262b;
                font-size: 24px
            }
            
            .virtual-tab p {
                padding: 10px 0 0
            }
            
            .tabs-container-list {
                padding: 0
            }
            
            .tabs-container-list ul {
                list-style: none;
                padding: 0;
                width: 100%
            }
            
            .augment-tab {
                background: #fff;
                background-size: cover;
                padding: 50px 0
            }
            
            .tabs-container-list>ul>li {
                float: left;
                width: 50%;
                background-color: #3b4652;
                line-height: 91px;
                position: relative
            }
            
            .tabs-container-list a {
                display: block;
                color: #fff;
                font-size: 24px
            }
            
            .tabs-container-list a:hover,
            .tabs-active a {
                background: #f8844e
            }
            
            .tabs-container-list a[href="#augmnt-top-icon"] span:before {
                content: "";
                display: inline-block;
                margin-right: 25px;
                vertical-align: middle;
                background: transparent url(../images/augment-icon.png) no-repeat center left;
                width: 66px;
                height: 70px;
                transform: scale(.7)
            }
            
            .tabs-container-list a[href="#wrk-top-icon"] span:before {
                content: "";
                display: inline-block;
                margin-right: 25px;
                vertical-align: middle;
                background: transparent url(../images/hw-v-wrk_icon.png) no-repeat center left;
                width: 72px;
                height: 71px;
                transform: scale(.7)
            }
            
            .augment-text {
                padding: 50px 0
            }
            
            .augment-text h2 {
                color: #000;
                opacity: .5;
                font-size: 60px;
                text-transform: uppercase;
                padding: 0 0 20px;
                margin: 0
            }
            
            .augment-text p>strong {
                display: block;
                padding: 25px 0 5px
            }
            
            .augment-text p {
                font-size: 15px;
                color: #000;
                margin: 0;
                padding: 0 10px
            }
            
            .augment-text ul {
                padding: 0 10px;
                margin: 30px 0 0
            }
            
            .augment-text ul li {
                list-style-type: none;
                padding: 0 0 0 20px;
                margin: 0;
                color: #000;
                font-size: 15px;
                position: relative
            }
            
            .tech-details-box>ul li:before,
            .augment-text ul li:before {
                font-weight: 700;
                margin-right: 5px;
                content: '\f10c';
                font-family: FontAwesome;
                font-size: 10px;
                position: absolute;
                top: 0;
                left: 0;
                color: #fff
            }
            
            .augment-text ul li:before {
                color: #000
            }
            
            .tabs-active {
                position: relative
            }
            
            .tabs-active a:after {
                content: "";
                height: 0;
                width: 0;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-top: 20px solid #f8844e;
                position: absolute;
                right: 45%;
                bottom: -30px;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%)
            }
            
            .key-difer-section {
                color: #fff;
                background: #2b343d
            }
            
            .key-text-lft {
                padding-right: 10%
            }
            
            .key-text-lft h2,
            .it-soltn-lft h2 {
                text-transform: uppercase;
                color: #fff
            }
            
            .key-text-lft p,
            .it-soltn-lft p,
            .it-soltn-rgt p,
            #accordion2 p {
                font-size: 15px;
                color: #a3aeb9;
                margin: 0 0 20px
            }
            
            .key-text-lft h3 {
                margin: 75px 0 40px
            }
            
            .key-text-lft strong {
                color: #fff
            }
            
            .key-text-rgt>ul {
                background: #333c46;
                display: block;
                width: 100%;
                float: left;
                border-radius: 6px;
                margin: 0;
                padding: 0;
                list-style-type: none
            }
            
            .key-text-rgt>ul>li {
                padding: 40px 25px 20px;
                width: 50%;
                display: block;
                float: left;
                min-height: 255px
            }
            
            .key-text-rgt>ul>li:nth-child(2n+1) {
                border-right: 1px solid rgba(0, 0, 0, .1)
            }
            
            .key-text-rgt>ul>li h2 {
                color: #ffc515;
                font-size: 45px
            }
            
            .key-text-rgt ul li strong {
                font-size: 20px;
                font-weight: 500;
                display: block;
                color: #fff
            }
            
            .tech-details {
                width: 100%;
                display: block;
                float: left;
                margin-top: 40px
            }
            
            .tech-details-box {
                width: 45%;
                display: block;
                float: left;
                margin-right: 5%;
                border: 2px solid #3e4954;
                border-radius: 6px;
                padding: 40px 20px
            }
            
            .tech-details-box>ul {
                min-height: 140px;
                margin-bottom: 40px;
                list-style: none;
                padding: 0
            }
            
            .tech-details-box>ul li {
                font-size: 15px;
                font-weight: 500;
                color: #a3aeb9;
                margin: 0 0 5px;
                padding: 0 0 0 15px;
                position: relative
            }
            
            .tech-details-box>ul li:first-child {
                padding: 0
            }
            
            .tech-details-box>ul li:first-child:before {
                content: ""
            }
            
            .it-soltn-lft h3,
            .it-rgt-acrdn h3 {
                margin: 30px 0 20px
            }
            
            .key-difer-section .panel {
                border: 2px solid #3e4954
            }
            
            .key-difer-section .panel-default>.panel-heading+.panel-collapse>.panel-body {
                border-color: #3e4954
            }
            
            .key-difer-section .panel,
            .key-difer-section .panel-default>.panel-heading {
                background: 0 0
            }
            
            .key-difer-section .panel-default>.panel-heading a {
                color: #ffc515;
                display: block;
                padding: 5px 0
            }
            
            .key-difer-section .panel-default>.panel-heading a .glyphicon {
                color: #fff;
                float: right;
                font-size: 12px
            }
            
            .it-soltn-rgt {
                background: #333c46;
                display: block;
                width: 100%;
                border-radius: 6px;
                padding: 35px 30px 25px
            }
            
            .it-soltn-cnt-icon a {
                width: 50px;
                height: 50px;
                background-color: #83be09;
                display: inline-block;
                border-radius: 50%;
                text-align: center;
                line-height: 50px;
                color: #fff;
                font-size: 24px;
                padding: 2px 0 0 5px;
                margin-right: 10px
            }
            
            .hw-v-wrk-section {
                margin-top: 0
            }
            
            .hw-v-wrk-section .vc_col-sm-12>.vc_column-inner {
                padding-left: 0;
                padding-right: 0
            }
            
            .Vtabs {
                text-align: left;
                padding: 0;
                overflow: hidden;
                position: relative
            }
            
            .Vtabs.innerTab {
                max-width: none
            }
            
            .Vtabs ul.nav-tabs {
                padding-left: 15px;
                margin: 5px 0 0;
                border: none;
                font-size: 22px;
                padding-top: 20px
            }
            
            .Vtabs ul.nav-tabs>li {
                float: left;
                margin: 0;
                padding: 10px 0;
                line-height: 40px;
                width: 100%;
                border: none;
                background: 0 0;
                font-size: 16px
            }
            
            .Vtabs ul.nav-tabs>li>a {
                line-height: 40px;
                margin: 0;
                padding: 0;
                width: 100%;
                float: left;
                color: #fff;
                border: none;
                border-radius: 0
            }
            
            .Vtabs ul.nav-tabs>li>a:focus,
            .Vtabs ul.nav-tabs>li>a:hover {
                background: 0 0
            }
            
            .Vtabs ul.nav-tabs>li.active>a,
            .Vtabs ul.nav-tabs>li.active>a:focus,
            .Vtabs ul.nav-tabs>li.active>a:hover {
                border: none;
                color: #303030;
                background: 0 0
            }
            
            .Vtabs ul.nav-tabs>li i {
                width: 40px;
                height: 40px;
                float: left;
                background-repeat: no-repeat
            }
            
            .Vtabs ul.nav-tabs>li span {
                width: 12px;
                height: 12px;
                float: left;
                background: 0 0;
                border-radius: 50%;
                border: 2px solid #fff;
                margin: 14px
            }
            
            .Vtabs ul.nav-tabs>li.active span {
                background: #000;
                border-color: #000
            }
            
            .Vtabs ul.nav-tabs>li strong {
                float: left;
                line-height: 40px;
                font-weight: 400;
                width: calc(100% - 80px)
            }
            
            i.ROI {
                background-position: 0 0
            }
            
            i.Solutions {
                background-position: 0 -40px
            }
            
            i.Management {
                background-position: 0 -80px
            }
            
            i.Satisfaction {
                background-position: 0 -120px
            }
            
            i.Deliverable {
                background-position: 0 -160px
            }
            
            i.Transparent {
                background-position: 0 -200px
            }
            
            i.Updates {
                background-position: 0 -240px
            }
            
            .active i.ROI {
                background-position: -40px 0
            }
            
            .active i.Solutions {
                background-position: -40px -40px
            }
            
            .active i.Management {
                background-position: -40px -80px
            }
            
            .active i.Satisfaction {
                background-position: -40px -120px
            }
            
            .active i.Deliverable {
                background-position: -40px -160px
            }
            
            .active i.Transparent {
                background-position: -40px -200px
            }
            
            .active i.Updates {
                background-position: -40px -240px
            }
            
            .Vtabs .tabImageBox {
                text-align: right
            }
            
            .fa {
                color: #fff
            }
            
            .site-footer .fa {
                color: #000626
            }
            
            .single .fa-share-square-o {
                background: #f8844e;
                width: 50px;
                font-size: 30px;
                border-radius: 50%;
                height: 50px;
                border: 1px solid #f8844e;
                line-height: 51px;
                -webkit-transition: color .2s linear, background .1s linear;
                transition: color .2s linear, background .1s linear
            }
            
            .single .fa-share-square-o:hover {
                background: #000;
                border-color: #000
            }
            
            .overlay_background {
                opacity: 0;
                visibility: hidden;
                background-color: #fff;
                position: fixed;
                z-index: -2;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                -ms-transform: scale(.9);
                -moz-transform: scale(.9);
                -o-transform: scale(.9);
                -webkit-transform: scale(.9);
                transform: scale(.9);
                transition: all .2s ease-out;
                -webkit-transition: all .2s ease-out;
                -moz-transition: all .2s ease-out
            }
            
            #close_share {
                position: absolute;
                top: 42px;
                right: 40px;
                left: auto;
                width: 40px;
                height: 40px;
                line-height: 40px;
                border-radius: 25px;
                background: #f8844e;
                color: #fff;
                text-align: center;
                padding: 0 10px;
                cursor: pointer;
                z-index: 9999999;
                display: block;
                -webkit-transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -o-transition: .3s ease-in-out;
                transition: .3s ease-in-out
            }
            
            #fullscreen_share_wrapper {
                display: table;
                width: 100%;
                height: 100%;
                z-index: 9;
                color: #000;
                position: relative;
                visibility: hidden
            }
            
            .fullscreen_share_content {
                display: table-cell;
                vertical-align: middle;
                position: relative;
                text-align: center
            }
            
            .overlay_background.share_open,
            #side_menu_wrapper.overlay_background.share_open {
                background-color: rgba(0, 0, 0, .9)
            }
            
            #side_menu_wrapper.overlay_background.share_open {
                -ms-transform: scale(1);
                -moz-transform: scale(1);
                -o-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 1;
                visibility: visible;
                z-index: 99999;
                overflow: auto
            }
            
            #fullscreen_share_wrapper .fa {
                color: #fff;
                height: 75px;
                width: 75px;
                background: #f8844e;
                line-height: 75px;
                border-radius: 50%;
                font-size: 28px;
                margin: 0 5px;
                -webkit-transition: .3s ease-in-out;
                -moz-transition: .3s ease-in-out;
                -o-transition: .3s ease-in-out;
                transition: .3s ease-in-out;
                position: relative
            }
            
            #fullscreen_share_wrapper .fa:hover {
                top: -3px
            }
            
            #fullscreen_share_wrapper .page_tagline {
                padding: 25px;
                font-size: 25px
            }
            
            .Vtabs .fade {
                opacity: 0;
                -webkit-transform: translateY(50px);
                -moz-transform: translateY(50px);
                -ms-transform: translateY(50px);
                -o-transform: translateY(50px);
                transform: translateY(50px);
                -webkit-transition: opacity .5s linear, -webkit-transform .5s ease-in;
                -moz-transition: opacity .5s linear, -moz-transform .5s ease-in;
                -ms-transition: opacity .5s linear, -ms-transform .5s ease-in;
                -o-transition: opacity .5s linear, -o-transform .5s ease-in;
                transition: opacity .5s linear, transform .5s ease-in
            }
            
            .Vtabs .fade.in {
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0);
                -webkit-transition: opacity .5s linear, -webkit-transform .5s ease-in;
                -moz-transition: opacity .5s linear, -moz-transform .5s ease-in;
                -ms-transition: opacity .5s linear, -ms-transform .5s ease-in;
                -o-transition: opacity .5s linear, -o-transform .5s ease-in;
                transition: opacity .5s linear, transform .5s ease-in
            }
            
            .affix {
                top: 20px
            }
            
            .hw-v-wrk .tabContentBox h2 {
                font-size: 35px;
                text-transform: uppercase;
                font-weight: 700;
                padding-bottom: 30px;
                position: relative;
                margin-bottom: 30px
            }
            
            .hw-v-wrk {
                width: 100%;
                padding: 50px 0 0;
                text-align: center;
                position: relative;
                box-shadow: inset 0 -10px 10px -10px #000
            }
            
            .hw-v-wrk-head h2 {
                font-size: 45px;
                text-align: center;
                color: #fff !important;
                font-weight: 700;
                text-transform: uppercase;
                margin: 0;
                padding: 50px 0 0;
                padding-top: 0
            }
            
            .tabContentBox p,
            .tabContentBox ul li {
                font-size: 16px;
                color: #fff
            }
            
            .hw-v-wrk .tabContentBox h2:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 28%;
                background: #fff;
                height: 4px
            }
            
            .hw-v-wrk .tab-content {
                margin-top: 20px
            }
            
            .hw-v-wrk .Vtabs .tabImageBox {
                padding-top: 20px;
                text-align: center
            }
            
            .bg_1 {
                background-color: #ffa073;
                color: #fff
            }
            
            .bg_2 {
                background-color: #f49c5d;
                color: #fff
            }
            
            .bg_3 {
                background-color: #90d4fd;
                color: #fff
            }
            
            .bg_4 {
                background-color: #8aca81;
                color: #fff
            }
            
            .bg_5 {
                background-color: #a6545d;
                color: #fff
            }
            
            .bg_6 {
                background-color: #de2c73;
                color: #fff
            }
            
            .bg_7 {
                background-color: #0987ab;
                color: #fff
            }
            
            .bg_8 {
                background-color: #238b8b;
                color: #fff
            }
            
            .bg_9 {
                background-color: #594cab;
                color: #fff
            }
            
            #On-going h2,
            #Initiation h2,
            #Contract h2,
            #Resource h2,
            #Interview h2,
            #Shortlist h2,
            #Proposal h2,
            #Analysis h2,
            #Gathering h2 {
                color: #fff
            }
            
            section#contactB p {
                display: none
            }
            
            .copyright_wrap_inner {
                background-color: #4b4b4b;
                padding: 0 0 1em;
                color: #fff;
                margin-top: 20px;
                font-size: 16px
            }
            
            .sc_socials,
            .top_sc_socials {
                float: right
            }
            
            .top_sc_socials {
                margin-top: 7px
            }
            
            *.top_panel_wrap_fixed .top_sc_socials {
                margin-top: 21px
            }
            
            .top_sc_socials .fa {
                margin: 0 1.25px
            }
            
            .top_panel_wrap_fixed .top_sc_socials .fa {
                color: #28262b
            }
            
            .top_sc_socials .fa:hover,
            .top_panel_wrap_fixed .top_sc_socials .fa:hover {
                color: #f8844e
            }
            
            .copyright_wrap_inner .fa {
                padding: 0 5px
            }
            
            .post-categories {
                padding-left: 0;
                list-style: none;
                margin-top: 10px
            }
            
            .post-categories li {
                display: inline-block;
                margin-right: 15px;
                color: #f8844e
            }
            
            .navbar-toggle {
                background-color: #f8844e;
                float: none;
                margin-top: 0;
                margin-right: 0
            }
            
            .blog-list-page .widget {
                background: #fff;
                padding: 25px 15px;
                margin: 0 15px 15px
            }
            
            .widget .widget-title {
                letter-spacing: .04em;
                margin: 0 0 1.1em;
                padding: 0 21px 19px;
                border-bottom: 1px solid #e0e0e0;
                font-size: 1.5em;
                color: #f8844e
            }
            
            input[type=search],
            button.search-submit {
                background: 0 0;
                border: 1px solid #f8844e;
                padding: 5px 15px
            }
            
            input[type=search] {
                border-right: 0;
                padding-right: 0;
                padding-left: 5px
            }
            
            button.search-submit {
                border-left: 0;
                margin-left: -4px;
                padding: 5px 0 3px
            }
            
            button.search-submit:before {
                content: "\f002";
                font-family: fontawesome;
                font-size: 11px;
                left: 40px;
                position: relative;
                color: #000
            }
            
            .cat-item a:before {
                content: "\f061";
                font-family: fontawesome;
                margin-right: 15px
            }
            
            .widget_categories ul {
                list-style: none;
                padding: 0 0 0 21px
            }
            
            .widget_categories ul li {
                padding: 10px 0;
                border-bottom: 1px solid #e9e9e9
            }
            
            .rpwwt-post-date {
                color: #f8844e
            }
            
            .screen-reader-text {
                visibility: hidden
            }
            
            .page-numbers {
                position: relative;
                display: inline-block;
                padding: .5rem .75rem;
                margin-left: -1px;
                line-height: 1.25;
                color: #000;
                background-color: #fff;
                border: 1px solid #ddd
            }
            
            .meta-nav.screen-reader-text {
                display: none
            }
            
            .page-numbers .screen-reader-text {
                visibility: visible
            }
            
            .page-numbers.current {
                color: #f8844e;
                border-color: #f8844e
            }
            
            .offcanvas-toggle .icon-bar {
                background: #fff
            }
            
            #wp-calendar {
                width: 100%
            }
            
            #wp-calendar,
            #wp-calendar th,
            #wp-calendar caption {
                text-align: center
            }
            
            #wp-calendar #prev {
                text-align: left
            }
            
            #wp-calendar #next {
                text-align: right
            }
            
            #wp-calendar td {
                padding: 10px
            }
            
            #today {
                background-color: #f8844e;
                color: #fff;
                border-radius: 50%
            }
            
            .page-title {
                color: #fff;
                text-transform: uppercase
            }
            
            .st-custom-button[data-network] {
                background-color: #9eec46;
                display: inline-block;
                padding: 4px 25px;
                cursor: pointer;
                font-weight: 700;
                color: #fff;
                border-radius: 20px
            }
            
            .sharethis {
                margin: 15px 0
            }
            
            .case-studies h2 {
                color: #fff;
                padding-bottom: 15px
            }
            
            .case-studies h2:after,
            .stats h2:after {
                content: "";
                width: 100px;
                height: 2px;
                display: block;
                margin-top: 10px;
                background: #fff
            }
            
            .prettyphoto {
                width: 600px;
                height: 600px;
                overflow: hidden;
                border-radius: 50%;
                display: block;
                margin: 0 auto;
                position: absolute;
                top: 0;
                left: 15%
            }
            
            .pretprettyphoto-wrap {
                height: 600px
            }
            
            .case-challange,
            .case-solution,
            .case-conclusion {
                color: #fff
            }
            
            .case-challange {
                background: url(../images/affinity-challange-bg.jpg) no-repeat #fff;
                padding: 70px 0 40px;
                margin-top: -150px
            }
            
            .case-solution {
                background: url(../images/case-solution-bg.jpg) right center no-repeat #fff;
                padding: 70px 0 40px
            }
            
            .case-conclusion {
                background: url(../images/case-conclusion-bg.jpg) left center no-repeat #fff;
                padding: 70px 0 40px
            }
            
            .tsa-challenge-bg {
                background: url(../images/tsa-challenge-bg.jpg) left center no-repeat #fff
            }
            
            .tsa-conclusion-bg {
                background: url(../images/tsa-conclusion-bg.jpg) left center no-repeat #fff
            }
            
            .hge-challenge-bg {
                background: url(../images/hge-challenge-bg.jpg) left center no-repeat #fff
            }
            
            .hge-solution-bg {
                background: url(../images/hge-solution-bg.jpg) right center no-repeat #fff
            }
            
            .hge-conclusion-bg {
                background: url(../images/hge-conclusion-bg.jpg) left center no-repeat #fff
            }
            
            .dow-challenge-bg {
                background: url(../images/dow-challenge-bg.jpg) left center no-repeat #fff
            }
            
            .dow-solution-bg {
                background: url(../images/dow-solution-bg.jpg) right center no-repeat #fff
            }
            
            .dow-conclusion-bg {
                background: url(../images/dow-conclusion-bg.jpg) left center no-repeat #fff
            }
            
            .phu-challenge-bg {
                background: url(../images/phu-challenge-bg.jpg) left center no-repeat #fff
            }
            
            .phu-conclusion-bg {
                background: url(../images/phu-conclusion-bg.jpg) left center no-repeat #fff
            }
            
            .jis-challenge-bg {
                background: url(../images/jis-challenge-bg.jpg) left center no-repeat #fff
            }
            
            .jis-conclusion-bg {
                background: url(../images/jis-conclusion-bg.jpg) left center no-repeat #fff
            }
            
            .stats {
                padding: 100px 0;
                background: #fff
            }
            
            .stats h2:after {
                margin: 10px auto 0;
                background: #000;
                height: 4px
            }
            
            .stats-feature {
                background: #000;
                width: 150px;
                height: 150px;
                border-radius: 50%;
                padding-top: 25px;
                margin: 100px auto 15px
            }
            
            .stats-feature img {
                transform: scale(.7);
                filter: grayscale(1)
            }
            
            .stats-feature:hover {
                transform: scale(1);
                filter: grayscale(0)
            }
            
            .stats h4,
            .stats h5 {
                color: #000;
                font-weight: 600
            }
            
            .stats h5 {
                line-height: 25px
            }
            
            .case-img {
                height: 100%
            }
            
            .case-testimonial {
                padding: 50px 0;
                background: #000
            }
            
            .testimonialcase {
                background: #fff;
                border-radius: 10px;
                padding: 50px 100px
            }
            
            .testimonial-img {
                width: 250px;
                margin: 50px auto
            }
            
            .testimonialcase .sc_item_descr {
                padding-bottom: 1em
            }
            
            .testimonialcase .sc_item_descr:before,
            .testimonialcase .sc_item_descr:after {
                background: #8dc901
            }
            
            .testimonialcase .sc_testimonial_author:before {
                color: #8dc901
            }
            
            .letstalk {
                padding: 50px 0;
                background: #fff
            }
            
            .letstalk h2 {
                color: #000
            }
            
            .no-right-pad {
                padding-right: 0
            }
            
            span.wpcf7-not-valid-tip {
                text-align: left;
                text-shadow: none
            }
            
            .wpcf7-form-control-wrap.terms {
                position: static
            }
            
            .wpcf7-form-control-wrap.terms .wpcf7-not-valid-tip {
                position: absolute;
                bottom: -20px;
                left: 40px
            }
            
            div.wpcf7-validation-errors {
                border: 0;
                position: relative;
                top: -125px;
                color: red;
                display: none !important
            }
            
            div.wpcf7-mail-sent-ok {
                display: none !important
            }
            
            .cost-save-page {
                display: table;
                width: 100%
            }
            
            .cost-save {
                background: url(../images/cost-saving-right-bg.png) right top no-repeat #252526;
                background-size: contain;
                display: table-cell;
                vertical-align: middle;
                color: #b4b4b5;
                font-size: 20px
            }
            
            .total-cost-save {
                background: url(../images/total-cost-saving-bg.jpg) right top no-repeat;
                background-size: cover;
                padding-top: 100px
            }
            
            .cost-save .sc_title,
            .total-cost-save .sc_title,
            .cost-contact .sc_title {
                color: #fff
            }
            
            #choose-workslot div.sc_title,
            #choose-workslot .text-uppercase {
                margin-bottom: 50px
            }
            
            #choose-workslot select {
                background: 0 0;
                padding: 10px;
                border: 1px solid #7a766f;
                border-radius: 5px;
                color: #000
            }
            
            .workslot {
                background: #fff;
                border-radius: 10px;
                padding: 50px 0
            }
            
            .workslot h4 {
                font-size: 32px;
                color: #000;
                margin-top: 25px
            }
            
            .total-cost-save-wrap {
                box-shadow: 0 0 5px rgba(0, 0, 0, .5);
                margin: 0 0 50px
            }
            
            .map-location {
                margin: 0 0 0
            }
            
            .cost-filter {
                background: #fff;
                padding: 35px;
                border-right: 2px solid #efefef
            }
            
            .cost-filter select {
                border: 1px solid #efefef;
                border-radius: 5px;
                padding: 5px 10px;
                width: 100%
            }
            
            .total-saving {
                background: #fde5c2;
                padding: 45px 0;
                font-size: 60px;
                margin: 0 0 0 -30px;
                color: #282728
            }
            
            .total-saving span.saveval {
                display: block;
                font-size: 15px;
                margin: 15px 0 0
            }
            
            .saving-img {
                position: relative;
                top: 20px;
                z-index: 999
            }
            
            .saving-graph {
                background: #fff;
                padding: 41px 25px;
                margin: 0 0 0 -30px
            }
            
            .action-saving {
                background: #fcb44d;
                font-size: 20px;
                color: #fff;
                padding: 19px 0;
                margin-left: -30px;
                cursor: pointer
            }
            
            .cost-contact {
                background: url(../images/cost-contact.jpg) right center no-repeat
            }
            
            .cost-total-title {
                padding: 100px 0 30px
            }
            
            .cost-contact-wrap {
                background: #fff;
                padding: 20px 0 0;
                margin: 0 0 50px
            }
            
            #cost-contact .cost-contact-wrap {
                padding: 20px 0
            }
            
            .cost-contact-wrap input[type=tel],
            .cost-contact-wrap input[type=text],
            .cost-contact-wrap textarea,
            .cost-contact-wrap input[type=number],
            .cost-contact-wrap input[type=email] {
                background: 0 0;
                border-bottom: 1px solid #8a8a8a;
                border-radius: 0
            }
            
            .cost-cal-back {
                margin: 25px auto 10px
            }
            
            .home .contact-widget {
                display: none
            }
            
            .contact-widget-btn {
                position: absolute;
                top: 30%;
                left: -50px;
                width: 50px;
                height: 50px;
                line-height: 57px;
                vertical-align: middle;
                text-align: center;
                color: #fff;
                cursor: pointer;
                transition: all .2s ease;
                background: #f18808;
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px
            }
            
            .contact-widget {
                position: fixed;
                top: 20%;
                right: -340px;
                z-index: 1030;
                width: 340px;
                -webkit-transition: all .2s ease;
                -moz-transition: all .2s ease;
                -ms-transition: all .2s ease;
                -o-transition: all .2s ease;
                transition: all .2s ease
            }
            
            .contact-widget .contact-widget-form {
                width: 100%
            }
            
            textarea {
                height: 100px;
                resize: none
            }
            
            .contact-widget textarea {
                height: 65px
            }
            
            .columnform7marginbottom.margin-0 {
                margin: 0
            }
            
            .contact-widget .sc_button_style_filled {
                position: relative;
                top: -10px;
                padding: .35em 2em
            }
            
            .contact-widget div.wpcf7-response-output {
                margin: 0
            }
            
            .contact-widget .columnform7marginbottom {
                margin-bottom: 10px
            }
            
            .contact-widget .company-field {
                display: none
            }
            
            .contact-widget input[type=tel],
            .contact-widget input[type=text],
            .contact-widget textarea,
            .contact-widget input[type=number],
            .contact-widget input[type=email] {
                padding: .7em 1.65em;
                width: 100%;
                background: 0 0;
                border-bottom: 1px solid rgba(138, 138, 138, .5);
                border-radius: 0
            }
            
            .contact-widget.expand {
                right: 0
            }
            
            .contact-widget .panel {
                background: #333;
                border: 0;
                border-radius: 0
            }
            
            .contact-widget .panel-default>.panel-heading {
                color: #fff;
                border-color: #ddd;
                margin-bottom: 10px;
                background: 0 0
            }
            
            input[type=search] {
                width: 65%;
                border-radius: 0;
                -webkit-border-radius: 0
            }
            
            .page-template-contact-page .contact-widget {
                display: none
            }
            
            .resourcifi-work-process {
                background: #fff;
                box-shadow: inset 0 -10px 20px -10px grey;
                padding: 50px
            }
            
            .svg-grapics {
                float: left;
                width: 60px
            }
            
            .resourci-chart-point.resourci-chart-point {
                float: left;
                margin: 20px 0 0 10px;
                font-size: 16px;
                font-weight: 600;
                color: #4b4a4d
            }
            
            .process-chart-wrap {
                margin: 75px 0
            }
            
            .services-tab-icon {
                margin: 40px 0
            }
            
            .font_48 {
                font-size: 38px
            }
            
            .font_30 {
                font-size: 26px
            }
            
            .com_pd_bt {
                padding-bottom: 15px
            }
            
            .wht_col,
            .wht_txt {
                color: #fff
            }
            
            .below_cont_ul li:first-child {
                margin-left: 0
            }
            
            .below_cont_ul {
                padding: 0;
                text-align: left
            }
            
            .below_cont_ul li {
                display: inline-block;
                font-size: 18px;
                margin: 10px
            }
            
            .lrg_service_btn {
                background: #f8844e;
                border-radius: 25px;
                padding: 15px 25px;
                margin-top: 25px;
                display: inline-block;
                color: #fff;
                font-size: 22px
            }
            
            .lrg_service_btn:hover {
                color: #000
            }
            
            .com_pd_tp_60 {
                line-height: 1.2
            }
            
            .font_42 {
                color: #f8844e;
                font-size: 42px;
                font-weight: 700
            }
            
            .vertical-align {
                display: flex;
                align-items: center
            }
            
            .web-dev-warp {
                margin-top: -40px;
                background: #fff
            }
            
            .web-dev-text {
                position: relative;
                z-index: 999;
                background: #f8844e;
                text-align: center;
                padding: 15px;
                font-size: 26px;
                border-radius: 10px;
                line-height: 1.5
            }
            
            .web-dev-text p:after {
                content: "";
                border-right: 20px solid transparent;
                border-left: 20px solid transparent;
                border-top: 20px solid #f8844e;
                bottom: -20px;
                position: absolute;
                transform: translate(50%);
                left: 45%
            }
            
            .web-dev-text strong {
                display: block
            }
            
            .web-dev-service-bg {
                background: url(../images/web-dev-service-bg.jpg) center top no-repeat #fff;
                padding: 50px 0
            }
            
            body.error404 {
                background: #eef3f9
            }
            
            .error-404 {
                background: #fff url(../images/404-bg.jpg) right top no-repeat;
                padding: 5vw
            }
            
            .menu-error-menu-container>ul {
                padding: 0;
                list-style: none
            }
            
            .menu-error-menu-container>ul li:before {
                content: "\f0c8";
                color: #f4d9bf;
                font: normal normal normal 14px/1 FontAwesome;
                display: inline-block;
                margin-right: 10px
            }
            
            .btn-ios,
            .btn-apply-job {
                background: #fc8d45;
                background: -moz-linear-gradient(to left, #f66a61 50%, #fc8d45 100%);
                background: -webkit-linear-gradient(to left, #f66a61 50%, #fc8d45 100%);
                background: linear-gradient(to left, #f66a61 50%, #fc8d45 100%)
            }
            
            .button {
                display: inline-block;
                padding: 20px 40px;
                margin: 0 auto;
                cursor: pointer;
                text-transform: uppercase;
                color: #447adb;
                -webkit-transition: all .2s ease-in-out, background-color .05s, color .05s;
                transition: all .2s ease-in-out, background-color .05s, color .05s;
                font-size: .95rem
            }
            
            .button:hover {
                background-color: #447adb;
                color: #fff
            }
            
            .button .text {
                line-height: 34px
            }
            
            .button .plotlybars-wrapper {
                display: none;
                -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg)
            }
            
            .button.pending {
                border-radius: 50%;
                height: 85px;
                padding: 40px;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                background-color: #447adb;
                cursor: auto
            }
            
            .button.pending .plotlybars-bar {
                background-color: #fff
            }
            
            .button.pending .text {
                opacity: 0;
                display: none
            }
            
            .button.pending .plotlybars-wrapper {
                display: block
            }
            
            .plotlybars {
                padding: 0 10px;
                vertical-align: bottom;
                width: 100%;
                height: 100%;
                overflow: hidden;
                position: relative;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }
            
            .plotlybars-wrapper {
                position: relative;
                width: 85px;
                height: 34px;
                padding-bottom: 17px;
                margin: auto
            }
            
            .plotlybars-bar {
                background-color: #fff;
                height: 100%;
                width: 12%;
                position: absolute;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                animation-duration: 1.5s;
                animation-iteration-count: infinite;
                animation-direction: normal;
                animation-timing-function: linear;
                -webkit-animation-duration: 1.5s;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-direction: normal;
                -webkit-animation-timing-function: linear
            }
            
            .b1 {
                left: 0%;
                top: 88%;
                animation-name: b1;
                -webkit-animation-name: b1
            }
            
            .b2 {
                left: 14.3%;
                top: 76%;
                animation-name: b2;
                -webkit-animation-name: b2
            }
            
            .b3 {
                left: 28.6%;
                top: 16%;
                animation-name: b3;
                -webkit-animation-name: b3
            }
            
            .b4 {
                left: 42.9%;
                top: 40%;
                animation-name: b4;
                -webkit-animation-name: b4
            }
            
            .b5 {
                left: 57.2%;
                top: 26%;
                animation-name: b5;
                -webkit-animation-name: b5
            }
            
            .b6 {
                left: 71.5%;
                top: 67%;
                animation-name: b6;
                -webkit-animation-name: b6
            }
            
            .b7 {
                left: 85.8%;
                top: 89%;
                animation-name: b7;
                -webkit-animation-name: b7
            }
            
            @keyframes b1 {
                0% {
                    top: 88%
                }
                44% {
                    top: 0%
                }
                94% {
                    top: 100%
                }
                100% {
                    top: 88%
                }
            }
            
            @-webkit-keyframes b1 {
                0% {
                    top: 88%
                }
                44% {
                    top: 0%
                }
                94% {
                    top: 100%
                }
                100% {
                    top: 88%
                }
            }
            
            @keyframes b2 {
                0% {
                    top: 76%
                }
                38% {
                    top: 0%
                }
                88% {
                    top: 100%
                }
                100% {
                    top: 76%
                }
            }
            
            @-webkit-keyframes b2 {
                0% {
                    top: 76%
                }
                38% {
                    top: 0%
                }
                88% {
                    top: 100%
                }
                100% {
                    top: 76%
                }
            }
            
            @keyframes b3 {
                0% {
                    top: 16%
                }
                8% {
                    top: 0%
                }
                58% {
                    top: 100%
                }
                100% {
                    top: 16%
                }
            }
            
            @-webkit-keyframes b3 {
                0% {
                    top: 16%
                }
                8% {
                    top: 0%
                }
                58% {
                    top: 100%
                }
                100% {
                    top: 16%
                }
            }
            
            @keyframes b4 {
                0% {
                    top: 40%
                }
                20% {
                    top: 0%
                }
                70% {
                    top: 100%
                }
                100% {
                    top: 40%
                }
            }
            
            @-webkit-keyframes b4 {
                0% {
                    top: 40%
                }
                20% {
                    top: 0%
                }
                70% {
                    top: 100%
                }
                100% {
                    top: 40%
                }
            }
            
            @keyframes b5 {
                0% {
                    top: 26%
                }
                13% {
                    top: 0%
                }
                63% {
                    top: 100%
                }
                100% {
                    top: 26%
                }
            }
            
            @-webkit-keyframes b5 {
                0% {
                    top: 26%
                }
                13% {
                    top: 0%
                }
                63% {
                    top: 100%
                }
                100% {
                    top: 26%
                }
            }
            
            @keyframes b6 {
                0% {
                    top: 67%
                }
                33.5% {
                    top: 0%
                }
                83% {
                    top: 100%
                }
                100% {
                    top: 67%
                }
            }
            
            @-webkit-keyframes b6 {
                0% {
                    top: 67%
                }
                33.5% {
                    top: 0%
                }
                83% {
                    top: 100%
                }
                100% {
                    top: 67%
                }
            }
            
            @keyframes b7 {
                0% {
                    top: 89%
                }
                44.5% {
                    top: 0%
                }
                94.5% {
                    top: 100%
                }
                100% {
                    top: 89%
                }
            }
            
            @-webkit-keyframes b7 {
                0% {
                    top: 89%
                }
                44.5% {
                    top: 0%
                }
                94.5% {
                    top: 100%
                }
                100% {
                    top: 89%
                }
            }
            
            .case-carousel {
                background: rgba(61, 61, 61, .05);
                padding: 3.125em 0
            }
            
            .case-carousel h3 {
                text-align: center;
                padding: 0 0 30px;
                font-size: 2em;
                color: #000;
                margin-top: 0
            }
            
            .case-carousel .fa {
                margin: 0 10px;
                color: #2b2e87
            }
            
            .owl-item .item {
                margin: 0 5px
            }
            
            #home-blog-slide .owl-item .item {
                margin: 0 15px
            }
            
            .home-blog-box {
                box-shadow: none;
                border-radius: 10px
            }
            
            .owl-theme .owl-controls {
                margin-top: 10px;
                text-align: center
            }
            
            .owl-theme .owl-controls .owl-page {
                display: inline-block;
                zoom: 1
            }
            
            .owl-theme .owl-controls .owl-page {
                display: inline-block;
                zoom: 1
            }
            
            .owl-theme .owl-controls .owl-page span {
                display: block;
                width: 12px;
                height: 12px;
                margin: 5px 7px;
                filter: Alpha(Opacity=50);
                opacity: .5;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                background: #000
            }
            
            .owl-theme .owl-controls .owl-page.active span,
            .owl-theme .owl-controls.clickable .owl-page:hover span {
                filter: Alpha(Opacity=100);
                opacity: 1
            }
            
            #rpwwt-recent-posts-widget-with-thumbnails-2 img {
                height: auto !important
            }
            
            .competencies-box h4 {
                margin-top: 20px
            }
            
            @media screen and (min-width:1599px) {
                .left-chart {
                    padding-left: 90px
                }
                img.img-responsive.logo-fixed {
                    margin: 8px 0 0
                }
                .nav.navbar-nav>li>a {
                    font-size: 1.1em
                }
            }
            
            @media screen and (max-width:1599px) {
                .prettyphoto {
                    left: -100px
                }
            }
            
            @media screen and (min-width:1280px) {
                .site-footer .widget.widget_recent_entries {
                    margin: 0 70px 0 -70px
                }
                .case-conclusion,
                .case-solution,
                .case-challange {
                    background-size: 90%
                }
                .top_panel_image_title {
                    font-size: 36px
                }
                .page-template-contact-page .top_panel_image_title {
                    font-size: 5vw;
                    font-weight: 700
                }
                .social-links-foo {
                    padding-left: 95px;
                    margin-top: -10px
                }
            }
            
            @media screen and (min-width:1024px) {
                .Vtabs ul.nav-tabs {
                    min-height: 620px
                }
                .page-template-virtual-team-page .Vtabs ul.nav-tabs,
                .page-template-hybrid-development-page .Vtabs ul.nav-tabs {
                    min-height: initial
                }
                .footer-bar-link {
                    padding-left: 75px
                }
                .home-blog .row {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex
                }
                .home-blog .row>[class*=col-] {
                    display: flex;
                    flex-direction: column;
                    -moz-box-flex: 1
                }
            }
            
            @media screen and (min-width:768px) {
                .choose-experience div.sc_title {
                    font-size: 60px;
                    margin-bottom: 100px;
                    line-height: normal
                }
                .sc_title {
                    font-size: 38px
                }
                .key-difer-section {
                    padding: 60px 100px 25px 140px
                }
                .key-text-lft h2,
                .it-soltn-lft h2 {
                    font-size: 60px
                }
                .site-footer .menu li {
                    display: inline-block;
                    width: 48%
                }
                .cost-save .sc_title span {
                    font-size: 60px
                }
                .cost-save .sc_title span,
                .total-cost-save .sc_title span,
                .cost-contact .sc_title span {
                    display: block;
                    font-size: 60px
                }
                .single-post .nav.navbar-nav>li>a,
                .blog .nav.navbar-nav>li>a,
                .single-post .top_panel_wrap .fa,
                .single-resource .nav.navbar-nav>li>a,
                .single-resource .top_panel_wrap .fa,
                .blog .top_panel_wrap .fa,
                .page-template-faq-page .top_panel_wrap .fa,
                .page-template-faq-page .nav.navbar-nav>li>a {
                    color: #000
                }
                .why-resourcifi .col-sm-4 {
                    margin-top: 20px;
                    min-height: 260px
                }
                .over-lay .nav.navbar-nav>li>a {
                    color: #fff;
                    padding: 10px 9px
                }
                .over-lay .nav.navbar-nav>li>a:hover {
                    color: #fa702c
                }
                .trust-row .row {
                    display: flex;
                    justify-content: space-between
                }
            }
            
            @media screen and (min-width:568px) {
                .footer-bar-link a:after {
                    content: "|";
                    margin: 0;
                    position: relative;
                    left: 10px
                }
                .footer-bar-link a:last-child:after {
                    content: ""
                }
            }
            
            @media screen and (max-width:1024px) {
                .top_sc_socials {
                    display: none
                }
                .process-chart-wrap {
                    margin: 15px 0
                }
                .nav.navbar-nav>li>a {
                    padding: 10px 9px;
                    font-size: .9em
                }
                .svg-grapics {
                    float: none;
                    margin: 10px auto;
                    display: block
                }
                .resourci-chart-point {
                    float: none !important;
                    text-align: center;
                    display: block;
                    margin: 0
                }
                .md-hide {
                    display: none
                }
                .mega-nav {
                    display: none !important
                }
            }
            
            @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
                .nav.navbar-nav>li>a {
                    font-size: .7em;
                    padding: 2px 4px
                }
                input[type=search] {
                    width: 65%
                }
                .top_panel_wrap_fixed .navbar-nav {
                    margin: 12px 0 0
                }
                .why-indigo-box {
                    min-height: 215px
                }
            }
            
            @media screen and (max-width:768px) {
                .augment-text {
                    padding: 100px 50px
                }
                .augment-text h2 {
                    font-size: 40px
                }
                .tabs-container-list a {
                    padding: 25px;
                    font-size: 50px
                }
                .key-text-rgt>ul>li {
                    width: 100%;
                    padding: 10px 25px;
                    min-height: initial
                }
                .tech-details-box {
                    width: 100%
                }
                .prettyphoto {
                    left: 7.5%
                }
                .sc_socials {
                    float: none;
                    text-align: left
                }
                .cost-filter {
                    padding: 10px
                }
                .copyright_text,
                .footer-bar-link {
                    padding: 10px 0;
                    text-align: center
                }
                .copyright_wrap_inner [class^=col-] {
                    text-align: left;
                    margin: 15px 0
                }
                .center {
                    text-align: center;
                    padding-bottom: 10px
                }
            }
            
            @media screen and (max-width:1500px) {
                .nav.navbar-nav>li>a {
                    padding: 10px 6.5px;
                    font-size: .9em
                }
                .mega-nav li a {
                    font-size: 15px
                }
            }
            
            @media screen and (max-width:767px) {
                .navbar-offcanvas {
                    background: #28262b;
                    overflow: inherit;
                    top: 0;
                    overflow-y: auto
                }
                .nav.navbar-nav>li>a {
                    margin: 10px 0
                }
                .single p {
                    font-size: 18px
                }
                .single {
                    overflow-x: hidden
                }
                .resourcifi-work-process {
                    padding: 25px 15px
                }
                .page-template-virtual-team-page .top_panel_image_header {
                    width: 100%
                }
                .hw-v-wrk .tp-rightarrow,
                .hw-v-wrk .tp-leftarrow {
                    bottom: 55% !important
                }
                .hw-v-wrk .tp-rightarrow {
                    left: initial !important;
                    right: -70px !important
                }
                .hw-v-wrk .tp-leftarrow {
                    left: -40px !important
                }
                .widget {
                    margin-bottom: 20px
                }
                .text-right {
                    text-align: center
                }
                figure {
                    text-align: center
                }
                .solution-img-responsive {
                    max-width: 100%
                }
                .blog-list-page {
                    padding: 2em 0
                }
                .top_panel_wrap_fixed .nav.navbar-nav>li>a {
                    color: #fff
                }
                .tp-caption.tp-hidden-caption,
                .tp-forcenotvisible,
                .tp-hide-revslider,
                .tp-parallax-wrap.tp-hidden-caption {
                    visibility: visible !important;
                    display: block !important
                }
                .why-indigo-box {
                    min-height: inherit
                }
                .col-cust {
                    width: 50%;
                    margin: 0
                }
                .blue-box-img {
                    height: 100px;
                    width: 100px;
                    margin: auto;
                    line-height: 100px
                }
                .sc_title_icon {
                    display: block;
                    text-align: center
                }
                .sc_title {
                    text-align: center
                }
                .pretprettyphoto-wrap {
                    height: 420px
                }
                .prettyphoto {
                    width: 300px;
                    height: 300px;
                    left: 0
                }
                .testimonial-img {
                    width: 100%
                }
                .testimonialcase {
                    padding: 25px 15px
                }
                .stats-feature {
                    margin-top: 15px
                }
                .case-study-page img {
                    max-width: 100% !important
                }
                #hubspot-messages-iframe-container {
                    bottom: 70px !important
                }
                .sc_socials {
                    text-align: center
                }
                .tabs-container-list>ul>li {
                    float: none;
                    width: 100%
                }
                .tabs-container-list a {
                    font-size: 16px
                }
                .sc_client_image img {
                    display: block !important;
                    margin: auto
                }
                .cost-contact {
                    background-position: center center
                }
                #choose-workslot select {
                    width: 90%
                }
                .total-saving,
                .saving-graph {
                    margin: 0
                }
                .top_panel_wrap_fixed .navbar-toggle {
                    margin-top: 15px
                }
                .why-indigo-box h2 {
                    min-height: inherit
                }
                .why-resourcifi {
                    padding: 20px 0
                }
                .white-box {
                    padding-left: 0
                }
                .page-template-solution-page .site-main section {
                    padding: 20px 0
                }
                .center-align {
                    text-align: center
                }
                .widget_recent_entries,
                .home-tech-section {
                    display: none
                }
                .contact-left {
                    background-position: 10% 0;
                    display: none
                }
                .our-clients .sc_item_title,
                .home .sc_item_title {
                    font-size: 2.286em
                }
                .go-top {
                    bottom: 15px
                }
                .trust-padding-bottom {
                    padding-bottom: 15px
                }
                p {
                    font-size: 18px
                }
                .site {
                    overflow-x: hidden
                }
            }
            
            @media screen and (max-width:668px) {
                .navbar-collapse {
                    background: rgba(0, 0, 0, .5)
                }
                .blue-box-img {
                    float: none
                }
                .home-tech-section .home-clients li {
                    width: 24.5%
                }
                .footer-bar-link a {
                    display: block
                }
                .fa-stack {
                    margin-bottom: 20px
                }
                .copyright-resourcifi {
                    padding: 25px 0 15px
                }
                .consent {
                    margin-bottom: 25px
                }
                .wpcf7-form-control-wrap.terms .wpcf7-not-valid-tip {
                    bottom: -30px
                }
                .modal-open .modal {
                    transform: initial
                }
            }
            
            @media screen and (max-width:450px) {
                .navbar-offcanvas {
                    top: 0
                }
                .home-tech-section .home-clients li {
                    width: 32.5%
                }
                .top_panel_wrap_fixed .navbar-toggle {
                    margin-top: 8px
                }
                .home-tech-section .home-clients li {
                    display: block;
                    margin: auto
                }
                .sc_client_image {
                    min-height: 75px
                }
            }
            
            .scrolltop {
                width: 100%;
                margin: 0 auto;
                position: fixed;
                bottom: 20px;
                right: 10px
            }
            
            .scroll {
                position: absolute;
                right: 20px;
                bottom: 29px;
                background: #b2b2b2;
                background: rgb(14, 164, 122);
                text-align: center;
                margin: 0;
                cursor: pointer;
                transition: .5s;
                -moz-transition: .5s;
                -webkit-transition: .5s;
                -o-transition: .5s
            }
            
            .scroll:hover {
                background: #f87a54;
                transition: .5s;
                -moz-transition: .5s;
                -webkit-transition: .5s;
                -o-transition: .5s
            }
            
            .scroll:hover .fa {
                padding-top: -10px
            }
            
            .scroll .fa {
                font-size: 30px;
                margin-top: -5px;
                margin-left: 1px;
                transition: .5s;
                -moz-transition: .5s;
                -webkit-transition: .5s;
                -o-transition: .5s
            }
            
            .contact-from-wrap {
                border-radius: 10px;
                background: #fff;
                box-shadow: 0 0 10px rgba(0, 0, 0, .5)
            }
            
            .contact-wrap-from {
                position: relative;
                top: -50px;
                z-index: 9
            }
            
            .contact-from-wrap input[type=tel],
            .contact-from-wrap input[type=text],
            .contact-from-wrap input[type=number],
            .contact-from-wrap input[type=email] {
                background: 0 0;
                border-radius: 50px;
                padding: .75em 1em;
                border: 1px solid rgba(213, 213, 213, .5);
                box-shadow: 0 0 10px rgba(0, 0, 0, .2)
            }
            
            .contact-from-wrap .col-cust {
                padding: 0 15px;
                margin: 30px 0 10px
            }
            
            .contact-from-wrap .wpcf7 .sc_button_style_filled {
                padding: 0;
                width: 100%;
                height: 45px
            }
            
            .center {
                font-size: 13px;
                padding-right: 0
            }
            
            @media only screen and (max-width:48em) {
                .contact-from-wrap .col-cust {
                    width: 100%;
                    margin: 10px 0
                }
                .contact-from-wrap .columnform7marginbottom {
                    margin-bottom: 0
                }
            }
            
            .contact-wrap-from-scrol {
                position: fixed;
                top: 0;
                background: #000;
                z-index: 99;
                animation: slide-down .7s;
                width: 100%
            }
            
            .navbar-toggle.navbar-toggle-fixed {
                display: block;
                width: 80px;
                height: 85px;
                margin-right: -30px;
                border-radius: 0;
                text-align: center;
                background: #00efac;
                margin-bottom: 0
            }
            
            .navbar-toggle.navbar-toggle-fixed .icon-bar {
                transition: .5s
            }
            
            .navbar-toggle.navbar-toggle-fixed .icon-bar {
                width: 30px
            }
            
            .navbar-toggle-fixed .icon-bar {
                margin: auto;
                background: #fff
            }
            
            .from-scrol {
                display: flex;
                align-items: center;
                position: relative;
                width: 100%;
            }
            
            .contact-wrap-from-scrol .col-cust {
                padding: 0 5px;
                margin: 20px 0 10px;
            }
            
            .contact-wrap-from-scrol input[type=tel],
            .contact-wrap-from-scrol input[type=text],
            .contact-wrap-from-scrol input[type=number],
            .contact-wrap-from-scrol input[type=email] {
                background: #fff;
                border-radius: 50px;
                line-height: 1em;
                padding: .75em .5em;
                font-size: 14px
            }
            
            .contact-wrap-from-scrol .sc_button_style_filled {
                height: 40px;
                margin: 0
            }
            
            .is-opens .icon-bar:nth-child(1) {
                -webkit-transform: rotate(225deg) translate(-8px, 0px);
                transform: rotate(225deg) translate(-8px, 0px)
            }
            
            .is-opens .icon-bar:nth-child(3) {
                -webkit-transform: rotate(-225deg) translate(-8px, 4px);
                transform: rotate(-225deg) translate(-8px, 0px)
            }
            
            .is-opens .icon-bar:nth-child(2) {
                opacity: 0
            }
            
            .over-lay {
                position: fixed;
                top: 0;
                left: 100%;
                z-index: 9999;
                width: 67%;
                height: 85px;
                display: block;
                padding-top: 2rem
            }
            
            .hidden-form {
                transition: .75s
            }
            
            .over-lay .from-scrol {
                justify-content: center
            }
            
            .over-lay .navbar {
                float: none !important;
                margin-bottom: 0
            }
            
            .closing {
                transition: .75s;
                animation: slide-right .75s
            }
            
            .open {
                left: 50%;
                transform: translate(-43%, 0);
                transition: .75s;
                animation: slide-left .75s
            }
            
            @keyframes slide-left {
                0% {
                    z-index: 7
                }
                90% {
                    z-index: 9
                }
            }
            
            @keyframes slide-right {
                0% {
                    z-index: 9
                }
                95% {
                    z-index: 7
                }
            }
            
            .contact-wrap-from-scrol span.wpcf7-not-valid-tip {
                position: absolute;
                width: 100%;
                color: #fff;
                font-size: 13px
            }
            
            .overlay-row {
                display: flex;
                justify-content: space-between;
                margin: 2em 0
            }
            
            .overlay-row h3 {
                margin: 0
            }
            
            .navbar-toggler {
                display: block;
                background: #f87a54;
                border: 1px solid #f87a54;
                color: #fff
            }
            
            @media screen and (-ms-high-contrast:active),
            (-ms-high-contrast:none) {
                .resourcifi-service-icon svg {
                    margin: 0 10px
                }
                .resourcifi-service-icon {
                    display: -ms-flexbox;
                    -ms-flex-pack: center;
                    -ms-flex-align: center
                }
            }
            
            .menu-category-nav-container .nav.navbar-nav>li>a:hover,
            .nav.navbar-nav>li>a.catactive,
            .catactive:focus {
                color: #fff !important;
                background: #000 !important;
                border-radius: 5px
            }
            
            .blue-color {
                color: #0072bc;
                text-transform: uppercase;
            }
            
            .yellow-color {
                color: #f7941d;
                text-transform: uppercase;
            }
            
            .red-color {
                color: #f12244;
                text-transform: uppercase;
            }
            
            .green-color {
                color: #3cb878;
                text-transform: uppercase;
            }
            
            .text-left {
                text-align: left;
            }
            
            .new-padding {
                padding-left: 35px !important;
            }
            
            .shakeo:hover {
                animation: shake 1.5s;
                animation-iteration-count: 1;
            }
            
            @keyframes shake {
                0% {
                    transform: translate(1px, 1px) rotate(0deg);
                }
                10% {
                    transform: translate(-1px, -2px) rotate(-1deg);
                }
                20% {
                    transform: translate(-3px, 0px) rotate(1deg);
                }
                30% {
                    transform: translate(3px, 2px) rotate(0deg);
                }
                40% {
                    transform: translate(1px, -1px) rotate(1deg);
                }
            }
            
            h2 {
                text-transform: uppercase;
            }
            /*******/
            
            .floating {
                animation-name: floating;
                animation-duration: 3s;
                animation-iteration-count: 1;
                animation-timing-function: ease-in-out;
                margin-left: 0px;
                margin-top: 0px;
            }
            
            @keyframes floating {
                from {
                    transform: translate(0, 0px);
                }
                65% {
                    transform: translate(0, 15px);
                }
                to {
                    transform: translate(0, -0px);
                }
            }
            
            .card {
                box-shadow: 1px 1px 1px 1px #f6f6f6;
            }
            
            .our-text a {
                color: #fff;
                font-weight: bold;
                font-size: 16px;
            }
            
            .margni-top {
                margin-top: 150px;
            }
            
            @media(max-width:480px) {
                .margni-top {
                    margin-top: 50px;
                }
            }
            
            .contact-warp {
                background: linear-gradient(90deg, #fb6060 40%, #695bfd 100%) !important;
            }
            
            .cont-img {
                width: 100px;
                padding: 20px;
            }
            
            @keyframes hvr-wobble-top {
                16.65% {
                    -webkit-transform: skew(-12deg);
                    transform: skew(-12deg);
                }
                33.3% {
                    -webkit-transform: skew(10deg);
                    transform: skew(10deg);
                }
                49.95% {
                    -webkit-transform: skew(-6deg);
                    transform: skew(-6deg);
                }
                66.6% {
                    -webkit-transform: skew(4deg);
                    transform: skew(4deg);
                }
                83.25% {
                    -webkit-transform: skew(-2deg);
                    transform: skew(-2deg);
                }
                100% {
                    -webkit-transform: skew(0);
                    transform: skew(0);
                }
            }
            
            .hvr-wobble-top {
                display: inline-block;
                vertical-align: middle;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                box-shadow: 0 0 1px rgba(0, 0, 0, 0);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                -moz-osx-font-smoothing: grayscale;
                -webkit-transform-origin: 0 100%;
                transform-origin: 0 100%;
            }
            
            .hvr-wobble-top:hover,
            .hvr-wobble-top:focus,
            .hvr-wobble-top:active {
                -webkit-animation-name: hvr-wobble-top;
                animation-name: hvr-wobble-top;
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
            }
            
            .blog-warp {
                background-color: #499847 !important;
            }
            
            .blog-img {
                width: 100%;
            }
            
            .blog-titel {
                text-transform: uppercase;
                padding: 15px;
            }
            
            .fa-color {
                color: #000;
            }
            
            .article {
                margin-top: 25px;
                background-color: #fff;
            }
            
            .blog-img {
                width: 100%;
            }
            
            .navigation {
                margin-top: 25px;
                margin-bottom: 25px;
            }
            
            .post-image1 {
                width: 100px;
            }
            
            .why-resourcifi-wrap {
                padding: 2vw 0 3vw;
                background: url(../images/partner-bg-min.jpg) center top no-repeat;
                box-shadow: 0px 0px 20vw rgba(0, 0, 0, 0.1);
                border-radius: 10px;
                background-size: cover;
                color: #fff;
            }
            
            .go1 {
                margin-top: 90px;
            }
            
            .box-shadow-class {
                box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
                padding: 15px 10px;
                border-radius: 15px;
                background: rgb(255, 255, 255, 1);
            }
            
            .why-resourcifi h2 {
                color: #fff;
            }
            
            .why-resourcifi h2:after {
                background: #fff;
            }
            
            #contact-wrap input[type="tel"],
            #contact-wrap input[type="text"],
            #contact-wrap input[type="number"],
            #contact-wrap input[type="email"],
            #contact-wrap textarea {
                background: none;
                border: 0;
                border-bottom: 0.0625em solid rgba(138, 138, 138, 0.5) !important;
                border-radius: 0;
                padding: .75em 0;
                box-shadow: none;
            }
            
            .join-warp {
                background-image: url(../images/team.jpg);
                background-repeat: no-repeat;
                width: 100%;
                height: 350px !important;
            }
            
            .text-team {
                color: #000;
                font-size: 16px;
                text-align: justify;
            }
            
            .my-team {
                padding: 10px;
            }
            
            .row-margin {
                margin: 0px !important
            }
            
            .roe-bottom {
                padding-bottom: 25px;
            }
            
            .site-branding-text img {
                height: 70px;
            }
            
            @media(max-width:500px) {
                .col-md-1,
                .col-md-2,
                .col-md-3,
                .col-md-4,
                {
                    width: 50%;
                }
                .my-team {
                    padding: 10px;
                    width: 350px;
                }
                .flip-card {
                    margin-bottom: 20px;
                }
                .site-branding-text img {
                    width: 200px;
                }
            }
            
            @media(min-width:500px) {
                .my-team {
                    padding: 10px;
                    width: 100%;
                }
                .col-md-1,
                .col-md-2,
                .col-md-3,
                .col-md-4,
                {
                    width: 50%;
                }
            }
            
            @media (max-width:500px) {
                .mar-botm {
                    margin-bottom: 20px;
                }
                span.cookieBarText {
                    font-size: 15px !important;
                }
            }
            
            .top-cont {
                margin-top: 50px;
            }
            
            .nav {
                padding-left: 12px !important;
            }
            
            .our-service-text {
                color: #fff;
                font-size: 14px;
                line-height: 18px !important;
                letter-spacing: 0px;
            }
            
            .site-footer{    font-family: Roboto, sans-serif;
    font-weight: 300;}