@import "https://fonts.googleapis.com/css?family=Hind";
@import "http://netdna.bootstrapcdn.com/font-awesome/2.0/css/font-awesome.css";
@import "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css";
@import c;

ompass/css3;* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #424141;
    font-family: "Roboto-Reguler"
}

strong {
    color: #34485d;
    font-family: 'Roboto-Light'
}

p {
    color: #6d6e71
}

img {
    border: none;
    outline: none;
    max-width: 100%
}

a {
    outline: none;
    text-decoration: none;
    transition-duration: .4s;
    font-family: 'Hind',sans-serif;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    color: #034d87;
    text-decoration: none
}

input[type="submit"] {
    outline: none;
    text-decoration: none;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Hind',sans-serif !important;
    overflow-x: hidden
}

::select {
    color: #000
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none
}

header, footer, nav, section, article {
    display: block
}

    header:after, header:before, footer:after, footer:before, nav:after, nav:before, section:after, section:before, article:after, article:before {
        display: table;
        clear: both;
        content: ""
    }

.col_lg3 {
    display: block
}

textarea {
    font-family: 'Hind',sans-serif
}

.col_lg3:after, .col_lg3:before {
    display: table;
    clear: both;
    content: ""
}

.col_lg3 .col1 {
    float: left;
    width: 33.3%
}

.col_lg4 {
    display: block
}

    .col_lg4:after, .col_lg4:before {
        display: table;
        clear: both;
        content: ""
    }

    .col_lg4 .col1 {
        float: left;
        width: 25%
    }

.col_lg5:after, .col_lg5:before {
    display: table;
    clear: both;
    content: ""
}

.col_lg5 .col1 {
    float: left;
    width: 20%
}

.container {
    width: 1200px;
    margin: 0 auto
}

    .container:after, .container:before {
        display: table;
        clear: both;
        content: ""
    }

.clear {
    clear: both
}

hr {
    width: 100%;
    border: solid 1px #d9d9d9;
    margin: 22px 0
}

.no_margin {
    margin: 0 !important
}

.no_padding {
    padding: 0 !important
}

.float_left {
    float: left !important
}

.float_right {
    float: right !important
}

.site_content {
    width: 100%
}

    .site_content:after, .site_content:before {
        display: table;
        clear: both;
        content: ""
    }

.full_row {
    display: block
}

    .full_row:after, .full_row:before {
        display: table;
        clear: both;
        content: ""
    }

.text_align_center {
    text-align: center
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(../fonts/Roboto-Light_gdi.eot);
    src: url(../fonts/Roboto-Light_gdi.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Light_gdi.woff) format("woff"),url(../fonts/Roboto-Light_gdi.ttf) format("truetype"),url(../fonts/Roboto-Light_gdi.svg#Roboto-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA
}

@font-face {
    font-family: "Roboto-bold";
    src: url(../fonts/447387696-Roboto-Bold.eot);
    src: url(../fonts/447387696-Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/447387696-Roboto-Bold.svg#Roboto) format("svg"),url(../fonts/447387696-Roboto-Bold.woff) format("woff"),url(../fonts/447387696-Roboto-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Roboto-Reguler";
    src: url(../fonts/901367188-Roboto-Regular.eot);
    src: url(../fonts/901367188-Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/901367188-Roboto-Regular.svg#Roboto) format("svg"),url(../fonts/901367188-Roboto-Regular.woff) format("woff"),url(../fonts/901367188-Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'RobotoMedium';
    src: url(../fonts/roboto-medium.eot);
    src: url(../fonts/roboto-medium.eot) format("embedded-opentype"),url(../fonts/roboto-medium.woff2) format("woff2"),url(../fonts/roboto-medium.woff) format("woff"),url(../fonts/roboto-medium.ttf) format("truetype"),url(../fonts/roboto-medium.svg#RobotoMedium) format("svg")
}

@font-face {
    font-family: "Roboto Black";
    src: url(../fonts/477539063-Roboto-Black_1.eot);
    src: url(../fonts/477539063-Roboto-Black_1.eot?#iefix) format("embedded-opentype"),url('../fonts/477539063-Roboto-Black_1.svg#Roboto Black') format("svg"),url(../fonts/477539063-Roboto-Black_1.woff) format("woff"),url(../fonts/477539063-Roboto-Black_1.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'impact';
    src: local(☺),url(../fonts/impact_2.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-collapse: collapse;
    display: table;
    text-align: left;
    border: 1px solid #c9c9c9
}

    table th {
        padding: 15px;
        border-top: 1px solid #c9c9c9;
        text-transform: capitalize;
        border-right: 1px solid #c9c9c9
    }

    table td {
        padding: 15px;
        border-top: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        font-size: 14px;
        color: #1b1b1b
    }

header {
    position: relative;
    background: #fff
}

.page-id-117.services_top_banner.blog_banner {
    height: 410px !important
}

.top_header {
    display: block;
    border-bottom: none
}

    .top_header:after, .top_header:before {
        display: table;
        clear: both;
        content: ""
    }

.top_left {
    float: left
}

    .top_left ul li {
        float: left;
        padding-right: 20px
    }

        .top_left ul li:last-child {
            padding-right: 0
        }

        .top_left ul li a {
            font-size: 14px;
            color: #034d87;
            text-transform: uppercase;
            height: 40px;
            line-height: 40px
        }

            .top_left ul li a:hover {
                color: #4c4c4c
            }

.top_right {
    float: right;
    padding: 5px 0;
    position: relative;
    top: 2px;
    font-family: "Roboto-Reguler"
}

.blog_dev_sales {
    float: left;
    padding-left: 15px
}

    .blog_dev_sales li i {
        line-height: 23px
    }

    .blog_dev_sales ul li {
        float: left;
        padding-right: 15px;
        position: relative
    }

        .blog_dev_sales ul li a {
            display: block
        }

            .blog_dev_sales ul li a i {
                float: left;
                margin-right: 9px;
                position: relative;
                top: 0
            }

        .blog_dev_sales ul li:first-child a i {
            top: 2px
        }

        .blog_dev_sales ul li a span {
            float: left;
            font-size: 14px;
            color: #fff;
            font-weight: 700
        }

        .blog_dev_sales ul li a:hover span {
            color: #fff
        }

.phone_number {
    float: left;
    position: relative;
    z-index: 999999
}

.top_right i {
    color: #eee;
    font-size: 17px;
    padding-left: 4px
}

.phone_number a {
    display: block
}

    .phone_number a i {
        margin-right: 9px;
        float: left;
        margin-top: 2px;
        line-height: 23px
    }

    .phone_number a span {
        display: inline-block;
        font-size: 14px;
        color: #fff;
        font-family: 'Roboto-Light';
        font-weight: 700
    }

.bottom_header {
    display: block;
    padding: 0;
    background: #fff
}

    .bottom_header:after, .bottom_header:before {
        display: table;
        clear: both;
        content: ""
    }

.logo {
    float: left;
    position: relative;
    top: 6px !important;
    padding-bottom: 6px
}

    .logo a {
        display: block
    }

    .logo img {
        width: 135px !important
    }

.site_content .front_header .logo img.blogHeaderLogo {
    height: 45px;
    width: auto !important;
    margin: 8px 0
}

.desktop_menu {
    float: right
}

nav {
    float: left;
    margin-top: 0
}

    nav ul li.active a {
        color: #034d87
    }

    nav ul li:last-child {
        margin-right: 0;
        z-index: 999999;
        position: relative
    }

    nav ul li.menu_sub_box a {
        padding: 0 25px 0 12px;
        background: url(../images/menu_down_arrow.png) no-repeat right 37px
    }

    nav ul li.menu_sub_box:hover a {
        background: url(../images/menu_down_arrow_hover.png) no-repeat right 37px #03AA4B
    }

    nav ul li:last-child a {
        z-index: 999999
    }

    nav ul li ul li a {
        text-transform: capitalize
    }

    nav ul li.current_page_item a {
        color: #2a7bc1
    }

    nav ul li.current_page_item:hover a {
        color: #fff
    }

    nav ul li ul.sub-menu {
        position: absolute;
        left: 0;
        margin-top: 100px;
        z-index: 999;
        top: 0;
        width: 300px;
        display: none
    }

        nav ul li ul.sub-menu li {
            width: 100%;
            border-bottom: solid 1px #494949;
            background: #373636;
            transition-duration: .5s
        }

            nav ul li ul.sub-menu li a {
                width: 100%;
                height: auto;
                line-height: normal;
                padding: 12px;
                color: #fff
            }

                nav ul li ul.sub-menu li a:hover {
                    background: #494949
                }

.sub_menu_box {
    position: absolute;
    left: 0;
    background: url(../images/menu-bar.png) repeat-x center top #03AA4B;
    width: 100%;
    z-index: 9999;
    display: none;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.sub_menu_inner {
    display: block
}

    .sub_menu_inner:after, .sub_menu_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.nav_column_box {
    float: left;
    width: 60%;
    padding: 5px 0
}

.nav_inner_box {
    float: left;
    width: 50%
}

.nav_column_box h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin: 20px 0 10px;
    text-transform: uppercase
}

    .nav_column_box h2 a {
        color: #fff;
        font-size: 17px;
        padding: 0 !important;
        margin: 0;
        height: auto;
        line-height: normal
    }

.nav_column_box ul {
    display: block;
    margin-bottom: 25px
}

.sub-services-menu .nav_column_box ul {
    margin-bottom: 0
}

.nav_column_box ul:after, .nav_column_box ul:before {
    display: table;
    clear: both;
    content: ""
}

.nav_column_box ul li {
    display: block;
    float: none;
    width: 100%
}

    .nav_column_box ul li a {
        display: block;
        width: 100%;
        font-family: 'Roboto-Light';
        color: #fff;
        height: auto;
        line-height: normal;
        display: block;
        font-size: 17px;
        padding: 3px 0 !important
    }

        .nav_column_box ul li a:after, .nav_column_box ul li a:before {
            display: table;
            clear: both;
            content: ""
        }

        .nav_column_box ul li a i {
            float: left;
            width: 36px;
            line-height: 30px;
            font-size: 19px
        }

        .nav_column_box ul li a span {
            float: left;
            width: -webkit-calc(100% - 36px);
            width: -moz-calc(100% - 36px);
            width: calc(100% - 36px)
        }

.sub_menu_box.company_sub_menu .nav_column_box ul li {
    margin-bottom: 7px
}

.company_banner.menu_banner_box1 {
    position: relative;
    left: -115px;
    top: 30px
}

    .company_banner.menu_banner_box1 img {
        width: 600px;
        max-width: none
    }

.nav_column_box ul li a:before {
    content: none !important
}

.nav_column_box ul li:last-child a {
    background: url(../images/arrow-left.png) no-repeat left center
}

.nav_column_box ul li a:hover {
    background: url(../images/arrow-left.png) no-repeat left center;
    text-decoration: underline
}

.nav_column_box ul li.active a {
    background: url(../images/arrow-left.png) no-repeat left center;
    text-decoration: none
}

.nav_column_box .socail_menu_box li a {
    background: none;
    padding-left: 0
}

.nav_column_box .socail_menu_box li:last-child a {
    background: none
}

.nav_column_box .socail_menu_box li a:hover {
    background: none
}

.nav_column_box .socail_menu_box li.active a {
    background: none
}

.nav_column_box .socail_menu_box li a i {
    float: left;
    margin-right: 10px
}

.company_banner {
    float: left;
    padding-top: 20px;
    position: relative;
    text-align: right;
    top: 0;
    width: 40%
}

.bottom_sub_menu {
    display: block;
    background: #034d87;
    padding: 20px 0
}

    .bottom_sub_menu:after, .bottom_sub_menu:before {
        display: table;
        clear: both;
        content: ""
    }

.bottom_sub_menu_inner {
    display: block
}

    .bottom_sub_menu_inner:after, .bottom_sub_menu_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.bottom_sub_menu_left {
    float: left
}

    .bottom_sub_menu_left h1 {
        font-size: 30px;
        color: #f9f9f9;
        margin: 0;
        padding: 0 0 20px
    }

.dev_social_detail {
    display: block
}

    .dev_social_detail:after, .dev_social_detail:before {
        display: table;
        clear: both;
        content: ""
    }

.dev_social_box {
    float: left;
    margin-right: 90px
}

    .dev_social_box:last-child {
        margin-right: 0
    }

    .dev_social_box i {
        float: left;
        margin-right: 10px
    }

    .dev_social_box span {
        float: left;
        font-size: 17px;
        color: #f9f9f9
    }

    .dev_social_box.dev_email i {
        margin-top: 4px
    }

    .dev_social_box.dev_phone_number i {
        margin-top: -3px
    }

.hire_developer {
    float: right;
    padding-top: 12px
}

nav ul li .sub_menu_box .hire_developer a {
    display: block;
    height: 64px;
    line-height: 64px;
    border-radius: 4px;
    background: #fff;
    font-size: 20px;
    color: #034d87
}

    nav ul li .sub_menu_box .hire_developer a:hover {
        background: #2a7bc1;
        color: #fff
    }

    nav ul li .sub_menu_box .hire_developer a:before {
        content: none !important
    }

nav ul li ul.sub-menu ul.sub-menu {
    left: 300px;
    margin-top: 0;
    display: none;
    padding-left: 23px
}

    nav ul li ul.sub-menu ul.sub-menu:before {
        border-right: solid 10px #373636 !important;
        border-top: solid 10px #fff0;
        border-bottom: solid 10px #fff0;
        position: absolute;
        left: 14px;
        top: 13px;
        content: ""
    }

nav ul li ul.sub-menu li:hover ul.sub-menu {
    display: block
}

.company_sub_menu .nav_column_box ul li a {
    background: none;
    padding-left: 0
}

.hire_devloper .nav_column_box ul li a {
    background: none;
    padding-left: 0
}

.hire_devloper .nav_column_box {
    padding-top: 50px
}

.request_button {
    position: fixed;
    top: -45px;
    right: 15px;
    z-index: 99999;
    transition-duration: .7s;
    -moz-transition-duration: .7s;
    -ms-transition-duration: .7s;
    -o-transition-duration: .7s;
    -webkit-transition-duration: .7s
}

    .request_button a {
        display: block
    }

    .request_button:hover {
        top: -25px
    }

    .request_button img {
        width: 120px;
        height: auto
    }

.nav_column_box.service_sub_menu_box .nav_inner_box:nth-child(1) {
    min-height: 270px
}

.nav_column_box.service_sub_menu_box .nav_inner_box:nth-child(2) {
    min-height: 270px
}

.nav_column_box.service_sub_menu_box {
    margin-bottom: 15px
}

.slider_section {
    position: relative
}

.slide_content {
    position: absolute;
    left: 0;
    top: 39%;
    width: 100%
}

    .slide_content h1 {
        font-size: 38px !important;
        color: #fff;
        font-weight: 400;
        margin-bottom: 11px !important
    }

    .slide_content p {
        font-size: 20px !important;
        color: #fff;
        padding: 15px 0;
        text-transform: capitalize;
        line-height: 28px !important;
        font-weight: 400 !important;
        font-family: "Roboto-Reguler";
        margin-bottom: 11px
    }

    .slide_content .quick_button {
        display: block;
        padding-top: 15px
    }

        .slide_content .quick_button:after, .slide_content .quick_button:before {
            display: table;
            clear: both;
            content: ""
        }

.tp-bullets.simplebullets.round.hidebullets {
    display: none
}

.quick_button a {
    float: left;
    background: #034d87;
    font-size: 18px;
    color: #fff !important;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    border-radius: 5px;
    position: relative;
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: color;
    vertical-align: middle;
    backface-visibility: hidden
}

    .quick_button a:before {
        background: #2a7bc1;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: scaleX(1);
        transform-origin: 50% 50% 0;
        transition-duration: .3s;
        transition-property: transform;
        transition-timing-function: ease-out;
        z-index: -1;
        border-radius: 4px
    }

    .quick_button a:hover:before {
        transform: scaleX(0)
    }

.web_devlopment_section {
    position: relative;
    background: #fff
}

.section_head {
    display: block;
    padding: 55px 0 60px;
    text-align: center
}

    .section_head .textwidget h1 {
        font-size: 38px;
        color: #373636
    }

    .section_head h1 span {
        color: #02589c
    }

    .section_head .textwidget h2 {
        font-size: 34px;
        padding-bottom: 12px;
        margin: 6px 0 10px;
        background: url(../images/footer-line.gif) no-repeat bottom;
        text-align: center
    }

    .section_head .pro-hd {
        font-size: 32px;
        padding-bottom: 15px;
        margin: 20px 0 10px !important;
        background: url(../images/footer-line.gif) no-repeat bottom;
        text-align: center
    }

    .section_head h2 span {
        color: #02589c
    }

    .section_head .textwidget p {
        font-size: 18px;
        color: #6d6e71;
        padding-top: 6px
    }

.section_head {
    display: block;
    padding: 12px 0 17px !important;
    text-align: center
}

    .section_head h1 {
        font-size: 38px;
        color: #373636
    }

        .section_head h1 span {
            color: #02589c
        }

    .section_head p {
        font-size: 18px;
        color: #6d6e71;
        padding-top: 12px
    }

.section_content {
    display: block
}

    .section_content:after, .section_content:before {
        display: table;
        clear: both;
        content: ""
    }

.devlopment_cat_box {
    display: block
}

    .devlopment_cat_box:after, .devlopment_cat_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .devlopment_cat_box ul li {
        float: left;
        padding: 0 10px;
        width: 33.3%;
        margin-bottom: 56px
    }

        .devlopment_cat_box ul li .cat_icon {
            float: left;
            width: 50px
        }

            .devlopment_cat_box ul li .cat_icon a {
                display: block;
                width: 50px;
                height: 50px;
                background: #034d87;
                border-radius: 100%
            }

        .devlopment_cat_box ul li:hover .cat_icon a {
            background: #292929;
            transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg)
        }

        .devlopment_cat_box ul li .cat_icon a img {
            width: 100%;
            border-radius: 100%
        }

.cat_des_box {
    float: left;
    width: 85%;
    padding-left: 15px
}

    .cat_des_box h3 {
        font-size: 22px;
        color: #373636;
        padding-bottom: 5px
    }

.devlopment_cat_box ul li:hover .cat_des_box h3 {
    color: #034d87
}

.cat_des_box p {
    font-size: 14px;
    color: #6d6e71;
    line-height: 24px;
    min-height: 96px
}

.read_more {
    display: block;
    margin-top: 20px
}

    .read_more a {
        display: inline-block;
        height: 35px;
        line-height: 32px;
        padding: 0 40px 0 15px;
        font-size: 15px;
        color: #0f0f0f;
        background: url(../images/arrow.png) no-repeat 87% center #fff;
        border: solid 1px #cecece;
        border-radius: 20px;
        position: relative
    }

        .read_more a:hover {
            background: url(../images/arrow_hover.png) no-repeat 87% center #fff;
            color: #034d87;
            border: solid 1px #034d87
        }

.devlopment_cat_box ul li:hover .read_more a {
    background: url(../images/arrow_hover.png) no-repeat 87% center #fff;
    color: #034d87
}

.count_section {
    position: relative;
    background: #fff;
    padding: 30px 0;
    display: none
}

.count_list {
    display: block
}

    .count_list:after, .count_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .count_list ul li {
        float: left;
        width: 25%;
        text-align: center;
        border-right: solid 1px #fff;
        border-left: solid 1px #c8c8c8
    }

        .count_list ul li:first-child {
            border-left: none
        }

        .count_list ul li:last-child {
            border-right: none
        }

        .count_list ul li h4 {
            font-family: "Roboto Black";
            font-size: 50px;
            color: #373636;
            margin-top: -4px
        }

        .count_list ul li span {
            display: block;
            font-size: 24px;
            color: #373636
        }

.portofolio_section {
    position: relative;
    padding: 25px 0 55px
}

.portofolio_list {
    display: block;
    height: 275px;
    overflow: hidden
}

    .portofolio_list:after, .portofolio_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .portofolio_list ul li {
        float: left;
        margin: 0 20px 0 0 !important;
        width: 386px !important;
        border: none
    }

        .portofolio_list ul li .portofolio_image {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: auto;
            text-align: center
        }

        .portofolio_list ul li:last-child .portofolio_image {
            border-right: none
        }

        .portofolio_list ul li .portofolio_image img {
            width: 100%;
            height: auto;
            transition-duration: .7s;
            -moz-transition-duration: .7s;
            -ms-transition-duration: .7s;
            -o-transition-duration: .7s;
            -webkit-transition-duration: .7s
        }

.overlow_box {
    position: absolute;
    border: solid 1px #213f52;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 15px;
    opacity: 0;
    overflow: visible;
    background: url(../images/black_tr_new.png) repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: flex;
    align-items: center
}

.overlow_box_inner {
    width: 100%
}

.overlow_box h1 {
    font-size: 22px;
    color: #fff;
    padding-bottom: 10px
}

.overlow_box p {
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    position: relative;
    top: -106px;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.overlow_box .view_more a {
    display: inline-block;
    color: #fff;
    border: solid 1px #fff;
    height: 42px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 2px;
    margin-top: 20px;
    font-size: 17px;
    background: #fff0;
    color: #fff;
    text-transform: capitalize;
    position: relative;
    bottom: -90px;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

    .overlow_box .view_more a:hover {
        background: #fff;
        color: #292929;
        box-shadow: none
    }

.portofolio_list ul li:hover .overlow_box {
    opacity: 1
}

.portofolio_list ul li:hover .portofolio_image a img {
    transform: scale(1.5)
}

.portofolio_list ul li:hover .overlow_box p {
    top: 0
}

.portofolio_list ul li:hover .overlow_box .view_more a {
    bottom: 0
}

.browse_portofolio_button {
    display: block;
    text-align: center;
    padding: 60px 0
}

    .browse_portofolio_button a {
        display: inline-block;
        height: 72px;
        line-height: 72px;
        background: #034d87;
        padding: 0 25px;
        border-radius: 4px;
        font-size: 20px;
        color: #fff;
        backface-visibility: hidden;
        position: relative;
        transform: translateZ(0);
        transition-duration: .3s;
        transition-property: color;
        vertical-align: middle
    }

        .browse_portofolio_button a:hover {
            background: #333
        }

        .browse_portofolio_button a:before {
            background: #034d87;
            bottom: 0;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform: scaleX(1);
            transform-origin: 50% 50% 0;
            transition-duration: .5s;
            transition-property: transform;
            transition-timing-function: ease-out;
            z-index: -1;
            border-radius: 4px
        }

        .browse_portofolio_button a:hover:before, .browse_portofolio_button a:focus:before {
            transform: scaleX(0)
        }

.testimonial_section {
    position: relative;
    background: url(../images/testimonial_bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 472px
}

.testimonial_content {
    display: block;
    text-align: center;
    padding: 45px 0
}

    .testimonial_content h1 {
        font-size: 38px;
        color: #fff;
        text-transform: capitalize;
        padding: 20px 0 30px
    }

.testimonial_user_pic {
    display: block;
    text-align: center;
    padding-top: 10px
}

    .testimonial_user_pic:after, .testimonial_user_pic:before {
        display: table;
        clear: both;
        content: ""
    }

    .testimonial_user_pic a {
        display: inline-block;
        width: 133px;
        height: 133px;
        border-radius: 100%;
        border: solid 5px #fff;
        overflow: hidden;
        border-radius: 100%
    }

        .testimonial_user_pic a img {
            width: 100%;
            height: 133px;
            border-radius: 100%;
            transition-duration: .4s;
            -moz-transition-duration: .4s;
            -ms-transition-duration: .4s;
            -o-transition-duration: .4s;
            -webkit-transition-duration: .4s
        }

        .testimonial_user_pic a:hover img {
            transform: scale(1.2)
        }

        .testimonial_user_pic a:hover {
            border: solid 5px #fff0
        }

.testimonial_inner {
    display: block;
    padding: 0 160px;
    position: relative;
    padding-top: 35px
}

    .testimonial_inner:before {
        width: 30px;
        height: 27px;
        background: url(../images/tes_arrow_left.png) no-repeat;
        content: "";
        position: absolute;
        left: 100px;
        top: 0
    }

    .testimonial_inner:after {
        width: 30px;
        height: 27px;
        background: url(../images/tes_arrow_right.png) no-repeat;
        content: "";
        position: absolute;
        right: 100px;
        bottom: 0
    }

    .testimonial_inner p {
        font-size: 20px;
        color: #fff
    }

.clients_application_section {
    position: relative;
    padding: 45px 0;
    background: #fff
}

.clients_application_inner {
    display: block
}

    .clients_application_inner:after, .clients_application_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.clients_box {
    display: block;
    width: 100%;
    padding-top: 20px
}

.clients_application_inner h3 {
    font-size: 30px;
    color: #2d2d2e;
    text-transform: capitalize;
    padding-bottom: 25px
}

.clients_application_inner h2 {
    font-size: 30px;
    color: #2d2d2e;
    text-transform: capitalize;
    padding-bottom: 15px
}

.application_box {
    float: left;
    width: 50%;
    padding-right: 23px;
    border-right: 1px solid #ddd;
    padding-left: 9px
}

    .application_box.last {
        padding-right: 0;
        border-right: none
    }

    .application_box li {
        color: #6a6a6a;
        font-size: 17px;
        margin-bottom: 16px;
        padding: 15px;
        transform: translateZ(0);
        font-family: "Roboto-Reguler"
    }

        .application_box li img {
            float: right;
            padding-left: 14px
        }

    .application_box .why_image {
        float: left !important;
        padding-right: 14px !important
    }

    .application_box li:hover {
        cursor: pointer
    }

.color_blue {
    font-size: 17px !important;
    color: #02589c !important
}

.textwidget {
    display: block
}

    .textwidget:after, .textwidget:before {
        display: table;
        clear: both;
        content: ""
    }

    .textwidget p {
        font-size: 14px;
        color: #2d2d2e;
        padding-bottom: 20px;
        line-height: 25px
    }

        .textwidget p:last-child {
            padding-bottom: 0
        }

.clients_list {
    display: block;
    border: solid 1px #dbdbdb
}

    .clients_list:after, .clients_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .clients_list ul li {
        float: left;
        width: 33.3%;
        border-right: solid 1px #dbdbdb;
        border-bottom: none
    }

        .clients_list ul li:nth-child(3) {
            border-right: none
        }

        .clients_list ul li:nth-child(6) {
            border-right: none
        }

        .clients_list ul li:nth-child(4), .clients_list ul li:nth-child(5), .clients_list ul li:nth-child(6) {
            border-bottom: none
        }

        .clients_list ul li a {
            display: block
        }

.testimonial_content .flexslider {
    background: #fff0;
    border-radius: 0
}

.clients_list ul li {
    text-align: center
}

    .clients_list ul li img {
        height: 111px
    }

.entry-header {
    display: block;
    background: #034d87;
    padding: 15px 0
}

    .entry-header .container {
        padding: 0 0 15px;
        background: url(../images/head_gra.png) no-repeat right center
    }

    .entry-header:after, .entry-header:before {
        display: table;
        clear: both;
        content: ""
    }

.page_head_left {
    float: left;
    width: 50%
}

    .page_head_left h1.entry-title {
        font-size: 36px;
        color: #fff;
        text-transform: capitalize;
        padding-bottom: 5px
    }

    .page_head_left p {
        font-size: 14px;
        color: #fff
    }

.-filters {
    display: block;
    background: #909090
}

    .-filters:after, .-filters:before {
        display: table;
        clear: both;
        content: ""
    }

    .-filters a {
        float: left;
        position: relative;
        font-size: 16px;
        color: #fff;
        height: 51px;
        line-height: 51px;
        margin: 0 !important;
        padding: 0 30px !important;
        border: none !important;
        background: url(../images/sap01.png) no-repeat right center
    }

        .-filters a:last-child {
            background: none
        }

        .-filters a.-filter.active {
            background: url(../images/sap01.png) no-repeat right center #ababab !important;
            position: relative
        }

            .-filters a.-filter.active:after {
                border-top: solid 10px #ababab;
                border-left: solid 8px #fff0;
                border-right: solid 8px #fff0;
                position: absolute;
                bottom: -10px;
                left: 44%;
                content: ""
            }

        .-filters a:hover {
            background: url(../images/sap01.png) no-repeat right center #ababab !important
        }

            .-filters a:hover:after {
                border-top: solid 10px #ababab;
                border-left: solid 8px #fff0;
                border-right: solid 8px #fff0;
                position: absolute;
                bottom: -10px;
                left: 44%;
                content: ""
            }

.filter_head {
    display: block;
    background: #909090
}

    .filter_head:after, .filter_head:before {
        display: table;
        clear: both;
        content: ""
    }

.-skin-default.-skin-default-round .-items .-item .itembox {
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    height: 225px;
    width: 100%
}

.portfolio_content {
    display: block;
    padding: 30px 0
}

    .portfolio_content:after, .portfolio_content:before {
        display: table;
        clear: both;
        content: ""
    }

.itembox_des {
    display: block;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: solid 1px #c7c7c7;
    margin-bottom: 15px;
    padding-top: 10px
}

    .itembox_des:after, .itembox_des:before {
        display: table;
        clear: both;
        content: ""
    }

.-skin-default .-item .title {
    text-align: left;
    font-size: 19px;
    color: #373636;
    font-weight: 400
}

.-skin-default .-items .-item .-links .-link {
    text-align: left
}

.sort_details p {
    font-size: 14px;
    color: #6d6e71;
    height: 35px;
    overflow: hidden
}

.-skin-default .-items .-item .-links .-link a {
    font-size: 14px;
    color: #034d87
}

.blog_content {
    display: block;
    padding: 30px 0 0
}

    .blog_content:after, .blog_content:before {
        display: table;
        clear: both;
        content: ""
    }

.blog_list {
    display: block
}

    .blog_list h2 {
        font-size: 30px;
        color: #131516;
        padding-bottom: 15px;
        margin-bottom: 50px;
        background: url(../images/footer-line.gif) no-repeat bottom;
        text-align: center
    }

    .blog_list:after, .blog_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .blog_list ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .blog_list ul li.blog_row {
            display: block;
            padding-bottom: 25px;
            margin-bottom: 35px;
            border-bottom: solid 1px #ddd
        }

            .blog_list ul li.blog_row:last-child {
                border-bottom: none
            }

            .blog_list ul li.blog_row:after, .blog_list ul li.blog_row:before {
                display: table;
                clear: both;
                content: ""
            }

        .blog_list ul li .blog_left_image {
            float: left;
            width: 155px;
            margin-right: 50px
        }

            .blog_list ul li .blog_left_image.last {
                margin-right: 0
            }

            .blog_list ul li .blog_left_image img:hover {
                transform: rotateY(-190deg)
            }

            .blog_list ul li .blog_left_image img {
                width: 100%;
                height: auto;
                transition: transform .4s
            }

        .blog_list ul li .blog_right_des {
            float: left;
            width: -webkit-calc(100% - 444px);
            width: -moz-calc(100% - 444px);
            width: calc(100% - 444px);
            padding-left: 40px
        }

        .blog_list ul li .blog_right_media {
            float: left;
            padding-left: 40px;
            width: 100%;
            max-width: 80%
        }

            .blog_list ul li .blog_right_media p {
                padding: 10px 0
            }

.blog_right_des .blog_date {
    float: left;
    width: 85px;
    border: solid 1px #ccc;
    text-align: center;
    padding: 15px 0;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s
}

    .blog_right_des .blog_date:hover {
        border: solid 1px #034d87
    }

    .blog_right_des .blog_date p {
        display: block;
        text-align: center;
        padding-top: 10px
    }

        .blog_right_des .blog_date p span {
            display: block;
            width: 100%
        }

    .blog_right_des .blog_date span.date {
        font-size: 32px;
        color: #034d87
    }

    .blog_right_des .blog_date span.month {
        font-size: 16px;
        color: #585b60
    }

.bolg_date_right_box {
    float: left;
    width: -webkit-calc(100% - 85px);
    width: -moz-calc(100% - 85px);
    width: calc(100% - 85px);
    padding-left: 30px
}

    .bolg_date_right_box h2 {
        font-size: 24px;
        color: #3e404e;
        text-transform: capitalize;
        position: relative;
        top: -5px;
        text-align: left;
        background-image: none;
        padding: 0;
        margin: 0;
        font-family: 'Roboto',sans-serif !important
    }

.blog_comment_list {
    display: block;
    padding: 20px 0;
    position: relative
}

    .blog_comment_list:after, .blog_comment_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .blog_comment_list:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 70px;
        height: 1px;
        background: #034d87
    }

    .blog_comment_list ul li {
        float: left;
        margin-right: 15px
    }

        .blog_comment_list ul li a {
            display: block
        }

        .blog_comment_list ul li i {
            float: left;
            margin-right: 4px
        }

        .blog_comment_list ul li span {
            float: left;
            font-size: 14px;
            color: #777
        }

        .blog_comment_list ul li a:hover span {
            color: #034d87
        }

.blog_des {
    padding: 20px 0
}

    .blog_des p {
        padding: 0;
        margin: 0;
        font-size: 16px;
        color: #6d6e71;
        line-height: 24px
    }

.blog_read_more {
    display: block
}

    .blog_read_more:after, .blog_read_more:before {
        display: table;
        clear: both;
        content: ""
    }

    .blog_read_more a {
        float: left;
        height: 36px;
        line-height: 34px;
        padding: 0 25px;
        border-radius: 3px;
        background: #034d87;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        border: solid 1px #fff0
    }

        .blog_read_more a:hover {
            background: #333;
            color: #fff;
            border: solid 1px #333
        }

div.pagination a, div.pagination span.pages, div.pagination span.dots {
    background: #12181a;
    border: solid 1px #12181a;
    color: #fff !important;
    text-shadow: none;
    font-size: 14px !important;
    padding: 7px 14px !important;
    border: none !important;
    box-shadow: none !important;
    font-family: 'RobotoMedium' !important
}

div.pagination span.current {
    background: #034d87;
    border: solid 1px #034d87;
    font-size: 14px !important;
    padding: 7px 14px !important
}

div.pagination a:hover, div.pagination a:focus {
    background: #034d87;
    border: solid 1px #034d87
}

.blog_detail_bg {
    display: block
}

    .blog_detail_bg:after, .blog_detail_bg:before {
        display: table;
        clear: both;
        content: ""
    }

.blog_detail_content {
    display: block;
    padding: 30px 0
}

    .blog_detail_content:after, .blog_detail_content:before {
        display: table;
        clear: both;
        content: ""
    }

.blog_detail_left {
    float: left;
    width: -webkit-calc(100% - 360px);
    width: -moz-calc(100% - 360px);
    width: calc(100% - 360px)
}

    .blog_detail_left h1 {
        font-size: 24px;
        color: #585b60;
        text-transform: capitalize
    }

    .blog_detail_left h2 {
        font-size: 24px;
        color: #585b60;
        text-transform: capitalize
    }

.blog_detail_image {
    display: block;
    width: 100%
}

    .blog_detail_image img {
        width: 100%;
        height: auto
    }

.blog_detail_des {
    display: block;
    padding: 20px 0
}

    .blog_detail_des:after, .blog_detail_des:before {
        display: table;
        clear: both;
        content: ""
    }

    .blog_detail_des p {
        font-size: 14px;
        color: #6d6e71;
        padding-bottom: 15px;
        line-height: 28px
    }

    .blog_detail_des ul {
        font-size: 14px;
        padding-bottom: 15px
    }

        .blog_detail_des ul li {
            font-size: 14px;
            color: #6d6e71;
            line-height: 28px
        }

.blog_detail_left .blog_comment_list:before {
    content: none
}

.blog_detail_right {
    float: left;
    width: 360px;
    padding-left: 40px
}

.recent_post {
    border: solid 1px #d5d5d5;
    border-radius: 5px
}

    .recent_post h1 {
        font-size: 22px;
        color: #fff;
        background: #034d87;
        border-radius: 5px 5px 0 0;
        padding: 10px 15px
    }

    .recent_post h2 {
        font-size: 24px;
        color: #fff;
        background: #034d87;
        border-radius: 5px 5px 0 0;
        padding: 10px 15px
    }

    .recent_post ul {
        display: block;
        padding: 20px
    }

        .recent_post ul:after, .recent_post ul:before {
            display: table;
            clear: both;
            content: ""
        }

        .recent_post ul li {
            display: block;
            width: 100%;
            border-bottom: solid 1px #d5d5d5;
            padding-bottom: 20px;
            margin-bottom: 20px
        }

            .recent_post ul li:after, .recent_post ul li:before {
                display: table;
                clear: both;
                content: ""
            }

            .recent_post ul li:last-child {
                margin-bottom: 0;
                border-bottom: none
            }

            .recent_post ul li .recent_image {
                float: left;
                width: 88px;
                height: 83px;
                overflow: hidden;
                border-radius: 5px
            }

                .recent_post ul li .recent_image img {
                    width: 100%;
                    border-radius: 5px
                }

            .recent_post ul li .recent_right {
                width: -webkit-calc(100% - 88px);
                width: -moz-calc(100% - 88px);
                width: calc(100% - 88px);
                float: left;
                padding-left: 15px
            }

                .recent_post ul li .recent_right p {
                    font-size: 15px;
                    color: #6d6e71;
                    position: relative;
                    top: -4px
                }

                .recent_post ul li .recent_right .recent_date {
                    font-size: 15px;
                    color: #034d87;
                    font-style: italic
                }

.comments-area {
    display: block;
    padding: 25px;
    border: solid 1px #d5d5d5;
    border-radius: 4px
}

    .comments-area:after, .comments-area:before {
        display: table;
        clear: both;
        content: ""
    }

.comment-reply-title {
    text-transform: capitalize;
    font-size: 22px;
    color: #333;
    padding-bottom: 10px
}

.comment-notes {
    font-size: 14px;
    color: #333
}

.comment-reply-title small a {
    color: #034d87;
    text-transform: capitalize
}

.logged-in-as {
    display: block;
    font-size: 16px;
    color: #333;
    padding-bottom: 10px
}

    .logged-in-as a {
        color: #034d87
    }

.comment-form-comment {
    display: block
}

    .comment-form-comment:after, .comment-form-comment:before {
        display: table;
        clear: both;
        content: ""
    }

    .comment-form-comment label {
        width: 100%;
        display: block;
        font-size: 14px;
        color: #333;
        padding-bottom: 10px
    }

    .comment-form-comment textarea {
        border: solid 1px #ccc;
        width: 100%;
        font-size: 14px;
        color: #333;
        background: #fff;
        border-radius: 4px;
        padding: 10px;
        font-family: "Roboto-Reguler"
    }

.form-submit {
    display: block;
    padding-top: 15px
}

    .form-submit:after, .form-submit:before {
        display: table;
        clear: both;
        content: ""
    }

    .form-submit input {
        float: left;
        height: 35px;
        padding: 0 10px;
        border: none;
        background: #034d87;
        color: #fff;
        font-size: 15px;
        border-radius: 4px;
        cursor: pointer
    }

        .form-submit input:hover {
            background: #12181a
        }

.portfolio_detail_inner {
    display: block;
    padding: 30px 0
}

.portfolio_detail_head {
    display: block;
    padding-bottom: 30px
}

    .portfolio_detail_head:after, .portfolio_detail_head:before {
        display: table;
        clear: both;
        content: ""
    }

.portfolio_detail_bg .entry-thumbnail img {
    width: 100%;
    height: auto
}

.portfolio_detail_head h1 {
    font-size: 18px;
    color: #333;
    padding-bottom: 5px
}

.portfolio_detail_head .entry-content p {
    font-size: 14px;
    color: #6d6e71;
    line-height: 24px
}

.page_url {
    display: block;
    padding-top: 10px
}

    .page_url a {
        font-size: 14px;
        color: #034d87;
        display: block;
        padding-bottom: 10px
    }

        .page_url a:after, .page_url a:before {
            display: table;
            clear: both;
            content: ""
        }

        .page_url a:last-child {
            padding-bottom: 0
        }

    .page_url span {
        font-size: 14px;
        color: #6d6e71;
        text-transform: uppercase
    }

.reply_fild_top {
    display: block;
    padding: 15px 0
}

    .reply_fild_top:after, .reply_fild_top:before {
        display: table;
        clear: both;
        content: ""
    }

    .reply_fild_top p {
        float: left;
        width: 130px;
        margin-right: 10px
    }

    .reply_fild_top input {
        width: 100%;
        padding: 10px;
        font-size: 14px;
        color: #333;
        border: solid 1px #ccc;
        border-radius: 4px
    }

.portfolio_tab {
    display: block;
    background: #909090
}

    .portfolio_tab li {
        float: left;
        position: relative;
        font-size: 16px;
        color: #fff;
        height: 51px;
        line-height: 51px;
        margin: 0 !important;
        padding: 0 30px !important;
        border: none !important;
        background: url(../images/sap01.png) no-repeat right center;
        text-transform: uppercase;
        cursor: pointer
    }

        .portfolio_tab li a {
            font-size: 16px;
            color: #fff
        }

        .portfolio_tab li:last-child {
            background: none
        }

        .portfolio_tab li.active {
            background: url(../images/sap01.png) no-repeat right center #ababab !important;
            position: relative
        }

            .portfolio_tab li.active:after {
                border-top: solid 10px #ababab;
                border-left: solid 8px #fff0;
                border-right: solid 8px #fff0;
                position: absolute;
                bottom: -10px;
                left: 44%;
                content: ""
            }

        .portfolio_tab li:hover {
            background: url(../images/sap01.png) no-repeat right center #ababab !important
        }

            .portfolio_tab li:hover:after {
                border-top: solid 10px #ababab;
                border-left: solid 8px #fff0;
                border-right: solid 8px #fff0;
                position: absolute;
                bottom: -10px;
                left: 44%;
                content: ""
            }

.rewuest_quote_content {
    display: block;
    padding-bottom: 70px
}

    .rewuest_quote_content:after, .rewuest_quote_content:before {
        display: table;
        clear: both;
        content: ""
    }

.request_quote_top_head {
    display: block;
    padding: 60px 0
}

    .request_quote_top_head p {
        font-size: 18px;
        color: #6d6e71;
        text-align: center;
        line-height: 24px
    }

.rewuest_quote_form_content {
    display: block
}

.request_quote_form_content:after, .request_quote_form_content:before {
    display: table;
    clear: both;
    content: ""
}

.request_image_graphic {
    float: left;
    padding-left: 70px
}

.request_form {
    float: right;
    width: 489px
}

.comments-area h2.comments-title {
    color: #333;
    font-size: 18px;
    padding: 0 0 25px
}

footer.comment-meta {
    background: #fff
}

.comment-meta .comment-author {
    display: block;
    padding-bottom: 15px
}

    .comment-meta .comment-author:after, .comment-meta .comment-author:before {
        display: table;
        clear: both;
        content: ""
    }

    .comment-meta .comment-author img {
        float: left;
        margin-right: 10px
    }

.comment-metadata {
    display: block
}

    .comment-metadata:after, .comment-metadata:before {
        display: table;
        clear: both;
        content: ""
    }

    .comment-metadata a {
        font-size: 14px;
        color: #333
    }

    .comment-metadata .edit-link a {
        color: #034d87
    }

.comment-content {
    display: block;
    padding: 10px 0
}

    .comment-content p {
        font-size: 14px;
        color: #333
    }

.reply {
    display: block;
    margin-bottom: 15px
}

    .reply:after, .reply:before {
        display: table;
        clear: both;
        content: ""
    }

    .reply a {
        float: left;
        height: 35px;
        padding: 0 10px;
        border: none;
        background: #034d87;
        color: #fff;
        font-size: 15px;
        border-radius: 4px;
        cursor: pointer;
        line-height: 35px
    }

        .reply a:hover {
            background: #12181a
        }

.comment-list {
    list-style: none
}

.contact_us_content {
    display: block
}

    .contact_us_content:after, .contact_us_content:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_map {
    display: block
}

    .contact_map img {
        width: 100%
    }

.contact_inner_content {
    display: block;
    padding: 50px 0
}

    .contact_inner_content:after, .contact_inner_content:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_top {
    display: block
}

    .contact_top h2 {
        font-size: 18px;
        color: #333;
        padding-bottom: 12px
    }

    .contact_top p {
        font-size: 14px;
        color: #6d6e71
    }

.information_drop_box {
    display: block;
    padding-top: 45px;
    width: 100%
}

    .information_drop_box:after, .information_drop_box:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_information_box {
    float: left;
    width: 430px
}

.information_drop_box h2 {
    font-size: 18px;
    color: #333;
    padding-bottom: 20px
}

.contact_information_list {
    display: block
}

    .contact_information_list:after, .contact_information_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .contact_information_list ul li {
        display: block;
        padding-bottom: 15px
    }

        .contact_information_list ul li:after, .contact_information_list ul li:before {
            display: table;
            clear: both;
            content: ""
        }

        .contact_information_list ul li i {
            float: left;
            margin-right: 10px
        }

        .contact_information_list ul li:first-child {
            padding-top: 0
        }

        .contact_information_list ul li span {
            float: left;
            font-size: 14px;
            color: #6d6e71;
            padding-top: 6px
        }

        .contact_information_list ul li a {
            color: #6d6e71
        }

.drop_line_box {
    float: left;
    width: -webkit-calc(100% - 430px);
    width: -moz-calc(100% - 430px);
    width: calc(100% - 430px)
}

.drop_line_content {
    display: block
}

    .drop_line_content:after, .drop_line_content:before {
        display: table;
        clear: both;
        content: ""
    }

.drop_left_box {
    float: left;
    width: 260px
}

.form_fild_box {
    display: block;
    margin-bottom: 20px;
    position: relative
}

    .form_fild_box input {
        width: 100%;
        height: 40px;
        padding: 10px;
        border: solid 1px #c9c9c9;
        font-size: 14px;
        color: #999;
        border-radius: 4px
    }

    .form_fild_box span.err {
        position: absolute;
        left: 0;
        bottom: -18px;
        width: 100%;
        text-align: left;
        color: red;
        font-size: 13px
    }

.form_submit_button {
    display: block;
    width: 100%
}

    .form_submit_button input {
        width: 100%;
        height: 45px;
        border-radius: 4px;
        background: #034d87;
        font-size: 14px;
        color: #fff;
        border: none;
        cursor: pointer
    }

        .form_submit_button input:hover {
            background: #12181a
        }

.drop_right_box {
    width: -webkit-calc(100% - 260px);
    width: -moz-calc(100% - 260px);
    width: calc(100% - 260px);
    padding-left: 20px;
    float: left
}

    .drop_right_box .form_fild_box {
        margin: 0;
        padding: 0
    }

.form_fild_box textarea {
    width: 100%;
    height: 165px;
    padding: 10px;
    border: solid 1px #c9c9c9;
    font-size: 14px;
    color: #999;
    border-radius: 4px;
    font-family: "Roboto-Reguler";
    resize: none
}

.inner_pages_content {
    display: block;
    padding: 30px 0
}

    .inner_pages_content:after, .inner_pages_content:before {
        display: table;
        clear: both;
        content: ""
    }

    .inner_pages_content p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px;
        padding-bottom: 20px
    }

    .inner_pages_content h4 {
        color: #034d87;
        padding-bottom: 15px
    }

    .inner_pages_content h2 {
        color: #034d87;
        font-size: 22px;
        padding-bottom: 15px
    }

    .inner_pages_content ul li {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px;
        padding-bottom: 10px;
        position: relative;
        background: url(../images/arrow01.png) no-repeat left 7px;
        background-size: 7px 13px;
        padding-left: 20px
    }

.technologies_cat_content {
    display: block
}

    .technologies_cat_content:after, .technologies_cat_content:before {
        display: table;
        clear: both;
        content: ""
    }

.inner_top_head {
    display: block;
    text-align: center;
    padding-bottom: 50px
}

    .inner_top_head h2 {
        font-size: 38px;
        color: #373636;
        padding-bottom: 25px
    }

    .inner_top_head p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px;
        padding-bottom: 15px
    }

.technologies_cat_box {
    display: block
}

    .technologies_cat_box:after, .technologies_cat_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .technologies_cat_box ul li {
        margin: 20px;
        float: left;
        width: 30%;
        border: solid 1px #d5d5d5;
        transition-duration: .4s;
        -moz-transition-duration: .4s;
        -ms-transition-duration: .4s;
        -o-transition-duration: .4s;
        -webkit-transition-duration: .4s
    }

        .technologies_cat_box ul li:hover {
            border: solid 1px #034d87
        }

.technologies_cat_head {
    display: block;
    padding: 10px 20px
}

    .technologies_cat_head:after, .technologies_cat_head:before {
        display: table;
        clear: both;
        content: ""
    }

    .technologies_cat_head h3 {
        float: left;
        width: -webkit-calc(100% - 58px);
        width: -moz-calc(100% - 58px);
        width: calc(100% - 58px);
        padding-right: 15px;
        font-size: 24px;
        color: #585b60;
        padding-top: 10px
    }

    .technologies_cat_head .cat_icon {
        float: right;
        width: 52px;
        height: 52px;
        border-radius: 100%
    }

        .technologies_cat_head .cat_icon a {
            display: block;
            width: 100%;
            height: 52px;
            background: #034d87;
            border-radius: 100%;
            padding: 10px
        }

            .technologies_cat_head .cat_icon a img {
                display: block;
                border-radius: 100%;
                max-height: 100%;
                max-width: 100%
            }

.technologies_cat_box .cat_des_box {
    width: 100%;
    padding: 10px 15px 15px
}

.tech_read_more {
    display: block;
    margin-top: 25px
}

    .tech_read_more:after, .tech_read_more:before {
        display: table;
        clear: both;
        content: ""
    }

    .tech_read_more a {
        float: left;
        height: 36px;
        line-height: 32px;
        border-radius: 3px;
        font-size: 16px;
        color: #fff;
        padding: 0 22px;
        background: #034d87
    }

        .tech_read_more a:hover {
            background: #292929
        }

.technologies_cat_box ul li:hover .technologies_cat_head .cat_icon a {
    background: #292929;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg)
}

.technologies_cat_box ul li:hover .technologies_cat_head h3 {
    color: #034d87
}

.technology_content {
    display: block;
    padding-bottom: 40px
}

    .technology_content:after, .technology_content:before {
        display: table;
        clear: both;
        content: ""
    }

.technology_top {
    display: block;
    text-align: center;
    padding: 25px 0 30px
}

    .technology_top h1 {
        font-size: 38px;
        color: #373636;
        padding: 25px 0 15px
    }

    .technology_top p {
        font-size: 14px;
        text-align: left
    }

.related_post_cat {
    display: block
}

    .related_post_cat:after, .related_post_cat:before {
        display: table;
        clear: both;
        content: ""
    }

    .related_post_cat ul li {
        display: block;
        border: solid 1px #d5d5d5;
        padding: 30px;
        border-radius: 5px;
        margin-bottom: 20px
    }

        .related_post_cat ul li:after, .related_post_cat ul li:before {
            display: table;
            clear: both;
            content: ""
        }

.technology_title_des {
    display: block
}

.related_post_cat ul li h2 {
    font-size: 24px;
    color: #585b60;
    padding-bottom: 20px
}

.related_post_cat ul li p {
    font-size: 15px;
    color: #6d6e71;
    line-height: 24px;
    word-wrap: break-word
}

.technology_detail_bg {
    display: block;
    padding: 30px
}

.technology_detail_content {
    display: block;
    border: solid 1px #d5d5d5;
    padding: 30px;
    border-radius: 5px
}

    .technology_detail_content h1 {
        font-size: 24px;
        color: #585b60;
        padding-bottom: 20px
    }

    .technology_detail_content p {
        font-size: 15px;
        color: #6d6e71;
        line-height: 24px;
        word-wrap: break-word
    }

.services_top_content {
    display: block
}

    .services_top_content:after, .services_top_content:before {
        display: table;
        clear: both;
        content: ""
    }

.services_categories {
    display: block;
    position: relative
}

    .services_categories:after, .services_categories:before {
        display: table;
        clear: both;
        content: ""
    }

    .services_categories ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .services_categories ul li {
            float: left;
            width: 25%;
            padding: 0 25px;
            border-right: dotted 1px #999
        }

            .services_categories ul li:last-child {
                border-right: none
            }

            .services_categories ul li a {
                font-size: 17px;
                color: #464646;
                text-transform: capitalize
            }

            .services_categories ul li ul {
                display: block;
                padding-top: 15px;
                font-family: "Roboto-Reguler"
            }

                .services_categories ul li ul:after, .services_categories ul li ul:before {
                    display: table;
                    clear: both;
                    content: ""
                }

                .services_categories ul li ul li {
                    width: 100%;
                    padding: 0;
                    border-right: none;
                    padding-bottom: 12px;
                    background: none
                }

                    .services_categories ul li ul li a {
                        position: relative;
                        font-size: 14px;
                        color: #464646;
                        padding-left: 15px
                    }

                        .services_categories ul li ul li a:before {
                            position: absolute;
                            left: 0;
                            top: 5px;
                            border-left: solid 5px #666;
                            border-top: solid 5px #fff0;
                            border-bottom: solid 5px #fff0;
                            content: ""
                        }

                        .services_categories ul li ul li a:hover {
                            color: #034d87;
                            left: 0
                        }

                    .services_categories ul li ul li:hover a:before {
                        position: absolute;
                        left: 0;
                        top: 5px;
                        border-left: solid 5px #034d87;
                        border-top: solid 5px #fff0;
                        border-bottom: solid 5px #fff0;
                        content: ""
                    }

#menu-services_menu li#menu-item-340 {
    background: url(../images/services_icon1.png) no-repeat 70px top;
    padding-top: 100px;
    position: relative
}

#menu-services_menu li#menu-item-341 {
    background: url(../images/services_icon2.png) no-repeat 60px top;
    padding-top: 100px;
    position: relative
}

#menu-services_menu li#menu-item-342 {
    background: url(../images/services_icon3.png) no-repeat 60px top;
    padding-top: 100px;
    position: relative
}

#menu-services_menu li#menu-item-345 {
    background: url(../images/services_icon2.png) no-repeat 50px top;
    padding-top: 100px;
    position: relative
}

    #menu-services_menu li#menu-item-340:after, #menu-services_menu li#menu-item-341:after, #menu-services_menu li#menu-item-342:after, #menu-services_menu li#menu-item-345:after {
        content: "";
        height: 100px;
        width: 10px;
        background: #fff;
        position: absolute;
        right: -10px;
        top: 0
    }

.menu-services_menu-container {
    display: block;
    position: relative
}

    .menu-services_menu-container:before {
        width: 62px;
        height: 64px;
        background: url(../images/left_border_top.png) no-repeat left top;
        content: "";
        position: absolute;
        left: 0;
        top: 0
    }

    .menu-services_menu-container:after {
        width: 62px;
        height: 64px;
        background: url(../images/right_border_top.png) no-repeat left top;
        content: "";
        position: absolute;
        right: 0;
        top: 0
    }

#menu-services_menu {
    position: relative;
    padding: 15px
}

    #menu-services_menu:after {
        display: table;
        clear: both;
        content: ""
    }

.services_categories:before {
    width: 62px;
    height: 64px;
    background: url(../images/left_border_bottom.png) no-repeat left top;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0
}

#menu-services_menu:before {
    width: 62px;
    height: 64px;
    background: url(../images/right_border_bottom.png) no-repeat left top;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0
}

.service_bottom_content {
    display: block;
    background: #e1e1e1;
    padding: 20px;
    text-align: center;
    margin-top: 50px
}

    .service_bottom_content h2 {
        font-size: 30px;
        color: #272424;
        text-transform: capitalize;
        padding-bottom: 15px
    }

    .service_bottom_content p {
        padding-bottom: 0;
        font-size: 14px;
        color: #272424
    }

.site_map_menu {
    display: block;
    padding: 30px 0
}

    .site_map_menu:after, .site_map_menu:before {
        display: table;
        clear: both;
        content: ""
    }

    .site_map_menu ul li {
        float: left;
        width: 33.3%;
        padding-bottom: 15px
    }

        .site_map_menu ul li a {
            display: block;
            width: 100%;
            font-size: 14px;
            color: #333;
            position: relative;
            padding-left: 0
        }

    .site_map_menu li a:hover {
        color: #034d87
    }

.inner_two_box {
    display: block
}

    .inner_two_box:after, .inner_two_box:before {
        display: table;
        clear: both;
        content: ""
    }

.inner_page_left {
    float: left;
    idth: -webkit-calc(100% - 330px);
    width: -moz-calc(100% - 330px);
    width: calc(100% - 330px);
    padding-right: 25px
}

.inner_page_right {
    float: right;
    width: 300px;
    margin-left: 30px;
    background: #f0f0f0;
    border-radius: 4px
}

    .inner_page_right .request_form {
        width: 100%
    }

.request_quote_form_content .request_form_head {
    display: none
}

.request_form_head {
    display: block;
    padding: 10px 15px;
    background: #034d87;
    border-radius: 5px 5px 0 0
}

    .request_form_head h1 {
        color: #fff
    }

.inner_page_right .request_form_content {
    padding: 15px
}

.inner_page_right .form_fild_box textarea {
    height: 130px
}

.inner_page_right p {
    padding-bottom: 0
}

footer {
    background: #222
}

.top_footer {
    display: block;
    padding: 55px 0 40px
}

    .top_footer h5 {
        font-size: 20px;
        color: #fff;
        text-transform: capitalize;
        padding-bottom: 25px
    }

    .top_footer h3 {
        font-size: 21px;
        color: #fcfcfc;
        text-transform: uppercase;
        padding-bottom: 25px;
        background: url(../images/footer-line.gif) no-repeat left 34px;
        margin-bottom: 20px
    }

.footer_menu {
    float: left;
    width: 50%
}

s.footer_menu ul li {
    float: none;
    display: block;
    width: 100%;
    padding-bottom: 10px
}

.footer_menu ul li a {
    display: block;
    width: 100%;
    color: #CFCCCC;
    font-size: 16px;
    background: url(../images/bullet-2.gif) no-repeat left center;
    padding-left: 20px;
    margin-bottom: 11px;
    font-family: 'Roboto-Light'
}

    .footer_menu ul li a:hover {
        color: #01B64F
    }

.contact_information {
    display: block
}

    .contact_information:after, .contact_information:before {
        display: table;
        clear: both;
        content: ""
    }

    .contact_information ul li {
        display: block;
        width: 100%;
        padding-bottom: 12px
    }

        .contact_information ul li img {
            padding-right: 17px
        }

        .contact_information ul li:after, .contact_information ul li:before {
            display: table;
            clear: both;
            content: ""
        }

        .contact_information ul li a {
            display: block;
            width: 100%;
            color: #fff;
            font-size: 16px
        }

        .contact_information ul li i {
            float: left;
            width: 35px;
            margin-top: 4px
        }

        .contact_information ul li span {
            float: left;
            width: 100%;
            font-size: 14px !important;
            color: #fff;
            line-height: 15px;
            font-family: 'Roboto-Light'
        }

            .contact_information ul li span.last {
                color: #848383;
                font-size: 20px !important;
                font-family: "Roboto-Reguler"
            }

            .contact_information ul li span b {
                font-weight: 400;
                color: #CFCCCC;
                font-size: 16px
            }

.newsletter_content {
    display: block
}

    .newsletter_content:after, .newsletter_content:before {
        display: table;
        clear: both;
        content: ""
    }

.newsletter_inner {
    display: block;
    width: 100%
}

    .newsletter_inner p {
        font-size: 14px;
        color: #a5a5a5
    }

.newsletter_form {
    display: block;
    padding-top: 24px
}

    .newsletter_form input[type="text"] {
        width: 100%;
        height: 38px;
        text-align: center;
        background: url(../images/email_icon.png) no-repeat 10px center #fff;
        padding-left: 30px;
        padding-right: 10px;
        border: none;
        border-radius: 4px;
        font-size: 14px;
        color: #999;
        margin-bottom: 5px
    }

    .newsletter_form input[type="email"] {
        width: 100%;
        height: 38px;
        text-align: center;
        background: url(../images/email_icon.png) no-repeat 10px center #2f2f2f;
        padding-left: 30px;
        padding-right: 10px;
        border: none;
        border-radius: 4px;
        font-size: 14px;
        color: #999;
        margin-bottom: 5px
    }

    .newsletter_form input[type="submit"] {
        width: 100%;
        height: 38px;
        text-align: center;
        border: none;
        border-radius: 4px;
        background: #595959;
        font-size: 14px;
        color: #fff;
        cursor: pointer
    }

        .newsletter_form input[type="submit"]:hover {
            background: #034d87;
            color: #fff
        }

.bottom_footer {
    display: block;
    background: #222;
    padding: 15px 0;
    text-align: center;
    border-top: 2px solid #343434
}

    .bottom_footer:after, .bottom_footer:before {
        display: table;
        clear: both;
        content: ""
    }

.foot_socail {
    float: left
}

    .foot_socail ul li {
        float: left;
        margin-right: 13px
    }

        .foot_socail ul li a {
            display: block;
            opacity: .7
        }

            .foot_socail ul li a:hover {
                opacity: 1
            }

            .foot_socail ul li a img {
                filter: grayscale(1);
                transition-property: filter;
                transition-duration: .6s;
                -moz-transition-duration: .6s;
                -ms-transition-duration: .6s;
                -o-transition-duration: .6s;
                -webkit-transition-duration: .6s
            }

            .foot_socail ul li a:hover img {
                filter: grayscale(0);
                transition-property: filter
            }

.copyright {
    text-align: center
}

    .copyright p {
        font-size: 16px;
        color: #999;
        padding-top: 7px;
        text-align: center
    }

.newsletter_form .epm-form-field label {
    display: none
}

.epm-message.epm-success.message.success {
    position: absolute;
    left: 0;
    bottom: 30px;
    display: block;
    margin-bottom: 25px;
    text-align: left;
    padding: 10px;
    color: green;
    background: #fff
}

    .epm-message.epm-success.message.success:before {
        position: absolute;
        bottom: -10px;
        left: 10px;
        border-top: solid 10px #fff;
        border-left: solid 10px #fff0;
        border-right: solid 10px #fff0;
        content: ""
    }

    .epm-message.epm-success.message.success p {
        font-size: 14px
    }

.epm-message.epm-error.message.error {
    position: absolute;
    left: 0;
    bottom: 30px;
    display: block;
    margin-bottom: 25px;
    text-align: left;
    padding: 10px;
    color: red;
    background: #fff
}

    .epm-message.epm-error.message.error:before {
        position: absolute;
        bottom: -10px;
        left: 10px;
        border-top: solid 10px #fff;
        border-left: solid 10px #fff0;
        border-right: solid 10px #fff0;
        content: ""
    }

.company_banner.menu_banner_box1 {
    margin: 0 0 25px
}

.company_banner.menu_banner_box2 {
    position: relative;
    margin: 33px 0
}

.company_banner.menu_banner_box3 {
    margin-top: 20px
}

.company_banner.menu_banner_box4 {
    margin: 10px 0 25px
}

.company_banner.menu_banner_box5 {
    margin: 45px 0 0
}

.inner_page_bg {
    display: block
}

    .inner_page_bg:after, .inner_page_bg:before {
        display: table;
        clear: both;
        content: ""
    }

.services_top_banner {
    display: block;
    background: url(../images/service_bannerhead.png) no-repeat;
    background-size: cover;
    min-height: 340px;
    width: 100%;
    position: relative
}

    .services_top_banner:after, .services_top_banner:before {
        display: table;
        clear: both;
        content: ""
    }

.service_inner a:hover {
    text-decoration: none
}

.service_inner_content {
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 80px
}

.service_top_head h1 {
    font-size: 34px;
    color: #fff
}

.service_top_head p {
    font-size: 20px;
    color: #fff;
    padding-top: 30px
}

.portfolio_quote_button {
    display: block;
    text-align: center;
    margin: 35px 0
}

    .portfolio_quote_button:after, .portfolio_quote_button:before {
        display: table;
        clear: both;
        content: ""
    }

    .portfolio_quote_button ul {
        display: inline-block
    }

    .portfolio_quote_button li {
        float: left;
        margin-right: 30px
    }

        .portfolio_quote_button li:last-child {
            float: right;
            margin-right: 0
        }

        .portfolio_quote_button li a {
            display: block;
            height: 86px;
            line-height: 86px;
            padding: 0 45px;
            background: #2a7bc1;
            font-size: 26px;
            color: #fff;
            border-radius: 5px
        }

            .portfolio_quote_button li a:hover {
                background: #ee5315;
                color: #fff
            }

        .portfolio_quote_button li:last-child a {
            background: #ee5315
        }

            .portfolio_quote_button li:last-child a:hover {
                background: #2a7bc1
            }

.services_list_section {
    position: relative;
    padding: 50px 0;
    text-decoration: none
}

.services_list {
    display: block
}

    .services_list:after, .services_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .services_list ul li {
        float: left;
        margin: 0 20px 20px;
        width: 45%;
        text-decoration: none
    }

.services_box {
    display: block;
    height: 370px;
    width: 100%;
    background: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}

.services_box_product {
    background: #f4f4f4
}

.services_box:after, .services_box:before {
    display: table;
    clear: both;
    content: ""
}

.service_inner {
    display: block;
    position: relative;
    z-index: 99
}

    .service_inner:after, .service_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.services_icon {
    display: block;
    text-align: center;
    padding: 40px 0 20px
}

    .services_icon span {
        display: inline-block;
        width: 85px;
        height: 90px;
        background: url(../images/icon/service_icon2.png) no-repeat center center
    }

.services_icon_des {
    display: block;
    text-align: center;
    padding: 0 17px
}

    .services_icon_des h3 {
        font-size: 26px;
        color: #2a3b4d;
        text-transform: uppercase;
        padding-bottom: 25px;
        transition-duration: .5s;
        -moz-transition-duration: .5s;
        -ms-transition-duration: .5s;
        -o-transition-duration: .5s;
        -webkit-transition-duration: .5s
    }

.services_list ul li {
    float: left;
    margin: 0 20px 20px;
    width: 45%;
    text-decoration: none
}

.services_list ul li {
    float: left;
    margin: 0 20px 20px;
    width: 45%;
    text-decoration: none
}

.services_inner_list ul li {
    float: left;
    margin: 0 19px 20px;
    width: 30%;
    text-decoration: none
}

.services_list_section h2 {
    background: #fff0 url(../images/footer-line.gif) no-repeat scroll center bottom;
    color: #131516;
    font-size: 30px;
    text-align: center;
    margin-bottom: 12px;
    padding-bottom: 15px
}

.services_icon_des p {
    font-size: 16px;
    color: #373636;
    line-height: 26px;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.service_image {
    position: absolute;
    left: 0;
    top: -437px;
    width: 100%;
    background-color: #1FCA6C;
    height: 100%;
    opacity: 0;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-duration: .5s
}

.services_list ul li:hover .service_image {
    top: 0
}

.service_image img {
    width: 100%;
    height: auto !important
}

.services_list ul li:hover .service_image {
    opacity: 1
}

.services_list ul li:hover .services_icon a {
    text-decoration: none;
    background: url(../images/service_icon1_active.png) no-repeat center center
}

.services_list ul li:hover .services_icon span {
    text-decoration: none;
    background: url(../images/icon/service_icon4.png) no-repeat center center
}

.services_list ul li:hover .services_icon_des h3 {
    color: #fff
}

.services_list ul li:hover .services_icon_des p {
    color: #fff
}

.services_list ul li:nth-child(2) .services_icon span {
    background: url(../images/icon/service_icon1.png) no-repeat center center
}

.services_list ul li:nth-child(2):hover .services_icon span {
    background: url(../images/icon/service_icon3.png) no-repeat center center
}

.services_list ul li:nth-child(3) .services_icon span {
    background: url(../images/service_icon3.png) no-repeat center center
}

.services_list ul li:nth-child(3):hover .services_icon span {
    background: url(../images/service_icon3_active.png) no-repeat center center
}

.services_list ul li:nth-child(4) .services_icon span {
    background: url(../images/service_icon4.png) no-repeat center center
}

.services_list ul li:nth-child(4):hover .services_icon span {
    background: url(../images/service_icon4_active.png) no-repeat center center
}

.services_list ul li:nth-child(5) .services_icon span {
    background: url(../images/service_icon5.png) no-repeat center center
}

.services_list ul li:nth-child(5):hover .services_icon span {
    background: url(../images/service_icon5_active.png) no-repeat center center
}

.services_list ul li:nth-child(6) .services_icon span {
    background: url(../images/service_icon6.png) no-repeat center center
}

.services_list ul li:nth-child(6):hover .services_icon span {
    background: url(../images/service_icon6_active.png) no-repeat center center
}

.start_project_head {
    display: block
}

.start_project_section {
    position: relative;
    background: url(../images/contact_map.png) no-repeat #1bb6bd bottom;
    padding: 50px 0 60px;
    background-size: 700px;
    text-align: center
}

.start_project_head h1 {
    font-size: 42px;
    color: #fff;
    padding-bottom: 30px;
    text-transform: uppercase
}

.start_project_head h2 {
    font-size: 32px;
    color: #fff;
    padding-bottom: 14px;
    text-transform: uppercase
}

.start_project_head span {
    font-size: 20px;
    color: #fff;
    font-family: "Roboto-Reguler"
}

.contact_button {
    display: block;
    text-align: center;
    margin-top: 38px
}

    .contact_button a {
        display: inline-block;
        font-size: 22px;
        color: #fff;
        height: 69px;
        line-height: 70px;
        padding: 0 55px;
        border: solid 1px #fff;
        border-radius: 5px;
        font-family: "Roboto-Reguler"
    }

        .contact_button a:hover {
            background: #fff;
            color: #2a7bc1
        }

.approach_content_section {
    display: block
}

    .approach_content_section:after, .approach_content_section:before {
        display: table;
        clear: both;
        content: ""
    }

.approach_head {
    text-align: center;
    padding: 65px 0
}

    .approach_head h1 {
        font-size: 28px;
        color: #6a6a6a;
        text-transform: uppercase;
        text-align: center;
        padding-bottom: 10px
    }

    .approach_head h2 {
        font-size: 30px;
        color: #6a6a6a;
        text-transform: uppercase;
        text-align: center;
        padding-bottom: 10px;
        font-weight: 600
    }

    .approach_head p {
        font-size: 18px;
        color: #999
    }

.approach_inner_section_content {
    display: block;
    padding: 20px 0;
    margin-bottom: 500px;
    position: relative
}

    .approach_inner_section_content:before {
        content: "";
        width: 1324px;
        position: absolute;
        left: -42px;
        top: 44px;
        background: url(../images/approach_geraphic.png) no-repeat;
        height: 4017px;
        z-index: 9
    }

    .approach_inner_section_content:after, .approach_inner_section_content:before {
        display: table;
        clear: both;
        content: ""
    }

.approach_list {
    display: block
}

    .approach_list:after, .approach_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .approach_list ul {
        display: block;
        position: relative
    }

        .approach_list ul li {
            position: relative;
            display: block;
            padding-bottom: 30px
        }

            .approach_list ul li:after, .approach_list ul li:before {
                display: table;
                clear: both;
                content: ""
            }

        .approach_list ul:before {
            width: 4px;
            background: #a2a2a2;
            height: 100%;
            position: absolute;
            left: 50.5%;
            content: "";
            top: 0
        }

.approach_des {
    float: left;
    position: relative;
    width: 525px;
    padding: 25px;
    border-radius: 5px;
    margin-right: 70px;
    box-shadow: 4px 10px 34px #DDD
}

    .approach_des:before {
        border-left: solid 15px #e1e1e1;
        border-top: solid 15px #fff0;
        border-bottom: solid 15px #fff0;
        position: absolute
    }

    .approach_des h2 {
        font-size: 21px;
        color: #000;
        padding-bottom: 15px;
        position: relative;
        z-index: 999;
        text-transform: uppercase
    }

    .approach_des p {
        font-size: 17px;
        color: #5a5a5a;
        line-height: 28px;
        position: relative;
        z-index: 999
    }

.approach_image {
    float: left;
    padding-left: 85px;
    width: 500px
}

.approach_image_box {
    display: inline-block;
    position: relative;
    width: 372px;
    height: 372px;
    border-radius: 100%;
    z-index: 999;
    border-radius: 100%;
    position: relative;
    opacity: 1;
    transform: scale(1);
    transition: all .35s ease-in-out 0;
    transition: all .35s ease-in-out 0;
    -moz-transition: all .35s ease-in-out 0;
    -webkit-transition: all .35s ease-in-out 0;
    -o-transition: all .35s ease-in-out 0;
    -ms-transition: all .35s ease-in-out 0
}

    .approach_image_box:before {
        border-radius: 50%;
        box-shadow: 0 0 0 16px rgb(255 255 255 / .6) inset,0 1px 2px rgb(0 0 0 / .3);
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        transition: all .35s ease-in-out 0;
        -moz-transition: all .35s ease-in-out 0;
        -webkit-transition: all .35s ease-in-out 0;
        -o-transition: all .35s ease-in-out 0;
        -ms-transition: all .35s ease-in-out 0;
        width: 100%;
        cursor: pointer
    }

    .approach_image_box a {
        display: block;
        width: 100%;
        border-radius: 100%
    }

        .approach_image_box a img {
            border-radius: 100%;
            width: 100%;
            height: auto
        }

.approach_count {
    position: absolute;
    left: 47.6%;
    top: -10px;
    z-index: 9
}

    .approach_count span {
        background: #ffd48b;
        display: inline-block;
        width: 75px;
        height: 75px;
        line-height: 57px;
        text-align: center;
        border: solid 5px #fff;
        border-radius: 100%;
        font-size: 40px;
        color: #fff;
        font-family: 'impact'
    }

.approach_list ul li:nth-child(even) .approach_des {
    float: right;
    margin-right: 0;
    margin-left: 140px;
    margin-top: 40px
}

.approach_list ul li:nth-child(even) .approach_count {
    top: 36px
}

.approach_info {
    background: rgb(0 0 0 / .6);
    opacity: 0;
    pointer-events: none;
    transition: all .35s ease-in-out 0;
    -moz-transition: all .35s ease-in-out 0;
    -webkit-transition: all .35s ease-in-out 0;
    -ms-transition: all .35s ease-in-out 0;
    -o-transition: all .35s ease-in-out 0;
    transform: translateY(-100%);
    backface-visibility: hidden;
    border-radius: 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

    .approach_info h3 {
        color: #fff;
        font-size: 22px;
        height: 110px;
        letter-spacing: 2px;
        margin: 87px 30px 0;
        padding: 55px 0 0;
        position: relative;
        text-shadow: 0 0 1px white,0 1px 2px rgb(0 0 0 / .3);
        text-transform: uppercase
    }

    .approach_info p {
        border-top: 1px solid rgb(255 255 255 / .5);
        color: #bbb;
        font-size: 12px;
        font-style: italic;
        margin: 0 30px;
        padding: 10px 5px
    }

.approach_image_box:hover .approach_info {
    transform: translateY(0);
    opacity: 1
}

.approach_list ul li:nth-child(2) .approach_count span {
    background: #92ddbb
}

.approach_list ul li:nth-child(3) .approach_count span {
    background: #ff977d
}

.approach_list ul li:nth-child(4) .approach_count span {
    background: #fbc76b
}

.approach_list ul li:nth-child(5) .approach_count span {
    background: #a5e0e3
}

.approach_list ul li:nth-child(6) .approach_count span {
    background: #ffb607
}

.approach_list ul li:nth-child(7) .approach_count span {
    background: #ffd48b
}

.approach_list ul li:nth-child(8) .approach_count span {
    background: #92ddbb
}

.approach_list ul li:nth-child(9) .approach_count span {
    background: #ff977d
}

@font-face {
    font-family: 'OpenSans-Extrabold';
    src: url(../fonts/OpenSans-Extrabold_gdi.eot);
    src: url(../fonts/OpenSans-Extrabold_gdid41d.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Extrabold_gdi.woff) format("woff"),url(../fonts/OpenSans-Extrabold_gdi.ttf) format("truetype"),url(../fonts/OpenSans-Extrabold_gdi.svg#OpenSans-Extrabold) format("svg");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA
}

.approach_section {
    background-size: cover;
    min-height: 815px;
    background-attachment: fixed;
    width: 100%;
    position: relative;
    display: none
}

.approach_inner_content {
    display: block;
    margin: 110px 0;
    position: relative
}

    .approach_inner_content:after, .approach_inner_content:before {
        display: table;
        clear: both;
        content: ""
    }

.approach_home_head {
    position: absolute;
    left: 0;
    top: -18px;
    width: 545px
}

    .approach_home_head h1 {
        font-size: 52px;
        color: #fff;
        font-family: 'OpenSans-Extrabold';
        padding-bottom: 15px
    }

    .approach_home_head h2 {
        font-size: 52px;
        color: #fff;
        font-family: 'OpenSans-Extrabold';
        padding-bottom: 15px
    }

    .approach_home_head p {
        font-size: 17px;
        color: #fff;
        line-height: 25px
    }

.approach_home_list {
    display: block
}

    .approach_home_list ul li {
        float: right;
        width: 205px;
        height: 205px;
        overflow: hidden
    }

        .approach_home_list ul li:nth-child(3) {
            overflow: inherit;
            z-index: 99
        }

            .approach_home_list ul li:nth-child(3) img {
                width: 113%
            }

        .approach_home_list ul li img {
            display: block;
            width: 101%;
            max-width: none
        }

        .approach_home_list ul li:nth-child(4) {
            clear: both
        }

        .approach_home_list ul li:nth-child(9) {
            clear: both
        }

body .tp-bullets.simplebullets.round .bullet {
    background: #fff;
    opacity: .8;
    border-radius: 100%;
    width: 15px;
    height: 15px
}

.tp-bullets.simplebullets.round .bullet.selected {
    background: #a8a8a8
}

.competitive_edge_section {
    position: relative;
    background: #fff
}

    .competitive_edge_section.competitive_parlex {
        position: relative;
        background: url(../images/hire_devloper_banner.jpg) no-repeat;
        background-attachment: fixed;
        background-size: cover
    }

.competitive_head {
    display: block;
    padding: 60px 0;
    text-align: center
}

    .competitive_head h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 30px
    }

    .competitive_head h2 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 30px
    }

    .competitive_head p {
        font-size: 14px;
        color: #6d6e71
    }

.competitive_list {
    display: block;
    text-align: center
}

.loans_list {
    display: block;
    text-align: center
}

.competitive_list:after, .competitive_list:before {
    display: table;
    clear: both;
    content: ""
}

.competitive_list ul li {
    float: left;
    width: 33.3%;
    padding-right: 30px;
    padding-bottom: 45px;
    background-image: none
}

    .competitive_list ul li.last {
        padding-bottom: 40px
    }

.loans_list ul li {
    float: left;
    width: 30%;
    background-image: none;
    margin-left: 35px;
    padding: 0 0 20px !important
}

.competitive_list_2 ul li {
    float: left;
    width: 33.3%;
    background-image: none;
    border-bottom: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
    min-height: 105px;
    text-align: center;
    padding: 25px 0 30px;
    transition: all .4s ease-in-out
}

    .competitive_list_2 ul li.last {
        border-right: none
    }

    .competitive_list_2 ul li.space-bottom {
        border-bottom: none
    }

    .competitive_list_2 ul li:hover {
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        box-shadow: 6px 20px 25px #e3e3e3
    }

.competitive_list ul li:nth-child(3) {
    padding-right: 0
}

.competitive_list ul li:nth-child(6) {
    padding-right: 0
}

.competitive_icon {
    float: left;
    width: 70px;
    height: 70px;
    margin-top: 0;
    text-align: center
}

    .competitive_icon.competitive_icon_2 {
        float: left;
        width: 65px;
        height: 65px;
        margin-top: 0;
        text-align: center;
        transform: translateZ(0)
    }

.competitive_icon_2 i {
    color: #555 !important;
    font-size: 30px !important
}

.competitive_icon i {
    color: #fff;
    padding-top: 19px;
    font-weight: 400;
    font-size: 35px;
    text-align: center
}

.loans_list i {
    color: #3e546c !important;
    padding-top: 17px;
    font-weight: 400;
    font-size: 35px;
    text-align: center
}

.competitive_icon a {
    display: block;
    background: #555;
    border-radius: 100%;
    height: 70px
}

.competitive_icon_2 a {
    display: block;
    background-color: transparent !important;
    border-radius: 100%;
    border: 2px solid #ddd;
    height: 65px
}

.competitive_icon_2:hover {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    color: #64bb5d !important
}

.competitive_icon a:hover {
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s
}

.competitive_icon a img {
    width: 100%;
    height: 70px;
    border-radius: 100%
}

.competitive_des {
    float: left;
    width: -webkit-calc(100% - 72px);
    width: -moz-calc(100% - 72px);
    width: calc(100% - 72px);
    padding-left: 24px
}

.benefit_section {
    float: left;
    width: -webkit-calc(100% - 72px);
    width: -moz-calc(100% - 72px);
    width: calc(100% - 72px);
    padding-left: 24px
}

    .benefit_section h3 {
        text-align: center !important;
        transform: translateZ(0)
    }

    .benefit_section p {
        font-size: 17px !important;
        text-align: center !important
    }

    .benefit_section img {
        text-align: center !important
    }

    .benefit_section h3:hover {
        -webkit-animation-name: hvr-pulse-shrink;
        animation-name: hvr-pulse-shrink;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }

.loan_des {
    float: left;
    width: -webkit-calc(100% - 72px);
    width: -moz-calc(100% - 72px);
    width: calc(100% - 72px);
    padding-left: 21px;
    margin-top: 7px;
    position: relative;
    left: -11px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.call {
    float: left;
    width: -webkit-calc(100% - 72px);
    width: -moz-calc(100% - 72px);
    width: calc(100% - 72px)
}

.competitive_des h3 {
    font-size: 20px;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 0;
    padding-top: 21px;
    display: inline-block
}

.loan_des h3 {
    font-size: 16px;
    text-align: left;
    color: #6c6c6c;
    padding-top: 13px
}

    .loan_des h3:hover {
        color: #09b85a;
        transition: all .4s ease-in-out
    }

.competitive_list_2 h3 {
    font-size: 18px;
    text-align: center;
    color: #333;
    padding-bottom: 0
}

.postid-1137 .competitive_des h3 {
    min-height: 56px
}

.competitive_des p {
    font-size: 17px;
    color: #757575;
    line-height: 26px;
    text-align: left
}

.qa_testing_section .competitive_des p {
    color: #fff
}

.qa_testing_section .competitive_des h3 {
    color: #fff
}

.postid-963 .competitive_des p {
    min-height: 121px
}

.competitive_list ul li:hover .competitive_icon a {
    background: #2a7bc1
}

.dedicated_developer_section {
    position: relative;
    background: #2a7bc1
}

.dedicated_developer_head {
    display: block;
    text-align: center;
    padding: 45px 0
}

    .dedicated_developer_head h1 {
        font-size: 30px;
        color: #fff
    }

    .dedicated_developer_head h2 {
        font-size: 30px;
        color: #fff
    }

.dedicated_list {
    display: block;
    padding: 20px 0;
    margin-bottom: 50px
}

    .dedicated_list:after, .dedicated_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .dedicated_list ul li {
        float: left;
        width: 25%;
        background: #2a7bc1;
        text-align: center;
        border-bottom: solid 1px #5595cd;
        border-right: solid 1px #5595cd;
        position: relative;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .dedicated_list ul li:nth-child(4) {
            border-right: none
        }

        .dedicated_list ul li:nth-child(5) {
            border-bottom: none
        }

        .dedicated_list ul li:nth-child(6) {
            border-bottom: none
        }

        .dedicated_list ul li:nth-child(7) {
            border-bottom: none
        }

        .dedicated_list ul li:nth-child(8) {
            border-bottom: none;
            border-right: none
        }

.dedicated_icon {
    display: block;
    margin: 15px 0 0
}

.dedicated_des {
    display: block;
    padding: 5px 20px 35px
}

    .dedicated_des span {
        font-size: 18px;
        color: #fff
    }

.hire_developers_section {
    position: relative;
    background: url(../images/hire_developers_bg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 600px
}

.hire_developers_head {
    display: block;
    text-align: center;
    padding: 60px 0
}

    .hire_developers_head h1 {
        font-size: 36px;
        color: #fff
    }

    .hire_developers_head h2 {
        font-size: 36px;
        color: #fff
    }

.hire_developers_content {
    display: block;
    text-align: center
}

    .hire_developers_content:after, .hire_developers_content:before {
        display: table;
        clear: both;
        content: ""
    }

.hire_developers_inner {
    display: inline-block
}

.hire_box {
    float: left;
    text-align: center;
    width: 172px;
    height: 172px;
    border: solid 5px #fff;
    border-radius: 100%;
    padding-top: 34px;
    margin-top: 60px
}

    .hire_box h3 {
        font-size: 50px;
        color: #fff
    }

    .hire_box span {
        font-size: 19px;
        color: #fff;
        text-transform: uppercase
    }

.x_box {
    float: left;
    margin: 88px 28px
}

    .x_box span {
        font-size: 72px;
        color: #fff
    }

.hire_box_big {
    float: left;
    text-align: center;
    width: 268px;
    height: 268px;
    border: solid 5px #fff;
    border-radius: 100%;
    padding-top: 63px
}

    .hire_box_big h3 {
        font-size: 72px;
        color: #fff
    }

    .hire_box_big span {
        font-size: 31px;
        color: #fff;
        text-transform: uppercase
    }

.working_hour {
    display: block;
    text-align: center;
    padding-top: 40px
}

    .working_hour h4 {
        display: inline-block;
        background: url(../images/hour_bg.png) no-repeat;
        background-size: 100% 100%;
        min-width: 578px;
        min-height: 68px;
        text-align: center;
        font-size: 36px;
        color: #ee5315;
        padding-top: 8px
    }

.read_reviews_section {
    position: relative;
    background: #f4f4f4
}

.read_review_head {
    display: block;
    padding: 45px 0 60px
}

    .read_review_head h1 {
        font-size: 30px;
        color: #585b60;
        text-align: center
    }

    .read_review_head h2 {
        font-size: 30px;
        color: #585b60;
        text-align: center
    }

.testimonials_section_hire {
    position: relative;
    padding-bottom: 60px
}

    .testimonials_section_hire .col1 {
        overflow: hidden;
        background: #f4f4f4;
        padding: 0 55px;
        text-align: center
    }

        .testimonials_section_hire .col1:last-child {
            width: 33.4%
        }

.col1_inner {
    display: inline-block;
    width: 305px;
    text-align: left
}

.testimonial_head {
    display: block;
    text-align: center
}

    .testimonial_head:after, .testimonial_head:before {
        display: table;
        clear: both;
        content: ""
    }

.testimonials_section_hire .testimonial_user_pic {
    float: left;
    width: 80px;
    height: 80px
}

    .testimonials_section_hire .testimonial_user_pic a {
        display: block;
        width: 100%;
        overflow: hidden;
        height: 80px;
        border-radius: 100%;
        border: solid 3px #fff;
        border-radius: 100%
    }

        .testimonials_section_hire .testimonial_user_pic a img {
            width: 100%;
            height: 80px
        }

.testimonials_section_hire .testimonial_user_name {
    float: left;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    background: url(../images/sap01_h.png) no-repeat left bottom;
    padding-bottom: 25px;
    padding-left: 20px;
    text-align: left
}

    .testimonials_section_hire .testimonial_user_name h3 {
        font-size: 24px;
        color: #666;
        text-transform: capitalize;
        padding-bottom: 5px
    }

    .testimonials_section_hire .testimonial_user_name span {
        font-size: 14px;
        color: #999
    }

.testimonials_section_hire .testimonial_des {
    display: block;
    padding-top: 30px
}

    .testimonials_section_hire .testimonial_des p {
        padding-left: 60px;
        background: url(../images/t_arrow.png) no-repeat left top;
        font-size: 16px;
        color: #999;
        line-height: 28px
    }

.competitive_edge_section.competitive_edge_new {
    background: #fff
}

@font-face {
    font-family: 'Conv_compctab';
    src: url(../fonts/compctab.eot);
    src: local(?),url(../fonts/compctab.woff) format("woff"),url(../fonts/compctab.ttf) format("truetype"),url(../fonts/compctab.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.company_page_content {
    display: block
}

    .company_page_content:after, .company_page_content:before {
        display: table;
        clear: both;
        content: ""
    }

.internet_people_section {
    display: block;
    background: url(../images/internet_people_banner.png) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 550px
}

.internet_people_inner {
    display: block;
    text-align: center;
    padding-top: 135px
}

    .internet_people_inner h1 {
        font-family: 'Conv_compctab';
        font-size: 100px;
        color: #fff;
        padding-bottom: 20px
    }

    .internet_people_inner h3 {
        font-family: 'Conv_compctab';
        font-size: 100px;
        color: #fff;
        padding-bottom: 20px
    }

    .internet_people_inner h2 {
        display: inline-block;
        font-family: 'Conv_compctab';
        font-size: 100px;
        color: #fff;
        background: #2a7bc1;
        padding: 0 15px
    }

.satisfaction_section {
    position: relative;
    background: #2a7bc1;
    padding: 35px 0;
    text-align: center
}

    .satisfaction_section h1 {
        font-size: 40px;
        color: #eee
    }

    .satisfaction_section h2 {
        font-size: 40px;
        color: #eee
    }

    .satisfaction_section p {
        font-size: 18px;
        color: #eee;
        padding-top: 15px
    }

.get_results_section {
    position: relative;
    background: #eee;
    padding: 55px 0
}

.get_results_head {
    display: block;
    text-align: center
}

    .get_results_head h1 {
        font-size: 40px;
        color: #585b60
    }

        .get_results_head h1 span {
            text-transform: uppercase
        }

    .get_results_head h2 {
        font-size: 36px;
        color: #585b60
    }

        .get_results_head h2 span {
            text-transform: uppercase;
            font-family: "Roboto-Reguler"
        }

.result_content_box {
    display: block;
    text-align: center
}

    .result_content_box:after, .result_content_box:before {
        display: table;
        clear: both;
        content: ""
    }

.result_content_inner {
    display: inline-block
}

.result {
    float: left
}

    .result h2 {
        font-size: 80px;
        color: #313131;
        font-family: 'Conv_compctab';
        margin-top: 20px;
        padding-right: 75px
    }

.clients_typically {
    float: left;
    padding-left: 65px
}

    .clients_typically p {
        font-size: 21px;
        color: #585b60;
        text-align: left;
        padding-top: 24px
    }

.find_out_button {
    display: block;
    margin-top: 25px
}

    .find_out_button:after, .find_out_button:before {
        display: table;
        clear: both;
        content: ""
    }

    .find_out_button a {
        float: left;
        height: 75px;
        line-height: 75px;
        padding: 0 25px;
        background: #2a7bc1;
        font-size: 21px;
        color: #fff;
        background: #2a7bc1;
        border-radius: 4px
    }

        .find_out_button a:hover {
            background: #333
        }

.clients_section {
    position: relative;
    background: url(../images/clients_bg.png) no-repeat;
    background-size: cover;
    min-height: 356px;
    padding: 60px 0
}

.clients_section_list {
    display: block
}

    .clients_section_list:after, .clients_section_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .clients_section_list ul li {
        float: left;
        width: 25%;
        text-align: center
    }

        .clients_section_list ul li .clients_des {
            display: block;
            text-align: center
        }

            .clients_section_list ul li .clients_des h4 {
                font-size: 50px;
                color: #fff;
                font-family: "Roboto Black";
                padding-bottom: 10px
            }

            .clients_section_list ul li .clients_des span {
                font-size: 24px;
                color: #fff;
                text-transform: uppercase
            }

.company_service_section {
    position: relative
}

.service_tab {
    display: block;
    border-bottom: solid 3px #ccc
}

    .service_tab:after, .service_tab:before {
        display: table;
        clear: both;
        content: ""
    }

    .service_tab ul {
        display: block
    }

        .service_tab ul li {
            float: left;
            width: 20%;
            text-align: center;
            padding: 20px 0;
            border-bottom: solid 3px #fff0;
            position: relative;
            top: 3px;
            cursor: pointer
        }

            .service_tab ul li i {
                display: block;
                margin-bottom: 8px;
                height: 32px;
                width: 100%;
                background: url(../images/co_ta_icon01.png) no-repeat center center;
                text-indent: -9999px
            }

            .service_tab ul li:hover i {
                background: url(../images/co_ta_icon01_active.png) no-repeat center center
            }

            .service_tab ul li.active i {
                background: url(../images/co_ta_icon01_active.png) no-repeat center center
            }

            .service_tab ul li:nth-child(2) i {
                background: url(../images/co_ta_icon02.png) no-repeat center center
            }

            .service_tab ul li:nth-child(2):hover i {
                background: url(../images/co_ta_icon02_active.png) no-repeat center center
            }

            .service_tab ul li:nth-child(2).active i {
                background: url(../images/co_ta_icon02_active.png) no-repeat center center
            }

            .service_tab ul li:nth-child(3) i {
                background: url(../images/co_ta_icon03.png) no-repeat center center
            }

            .service_tab ul li:nth-child(3):hover i {
                background: url(../images/co_ta_icon03_active.png) no-repeat center center
            }

            .service_tab ul li:nth-child(3).active i {
                background: url(../images/co_ta_icon03_active.png) no-repeat center center
            }

            .service_tab ul li:nth-child(4) i {
                background: url(../images/co_ta_icon04.png) no-repeat center center
            }

            .service_tab ul li:nth-child(4):hover i {
                background: url(../images/co_ta_icon04_active.png) no-repeat center center
            }

            .service_tab ul li:nth-child(4).active i {
                background: url(../images/co_ta_icon04_active.png) no-repeat center center
            }

            .service_tab ul li:nth-child(5) i {
                background: url(../images/co_ta_icon05.png) no-repeat center center
            }

            .service_tab ul li:nth-child(5):hover i {
                background: url(../images/co_ta_icon05_active.png) no-repeat center center
            }

            .service_tab ul li:nth-child(5).active i {
                background: url(../images/co_ta_icon05_active.png) no-repeat center center
            }

            .service_tab ul li span {
                display: block;
                font-size: 22px;
                color: #585b60
            }

            .service_tab ul li:hover {
                border-bottom: solid 3px #2a7bc1
            }

                .service_tab ul li:hover span {
                    color: #2a7bc1
                }

            .service_tab ul li.active {
                border-bottom: solid 3px #2a7bc1
            }

                .service_tab ul li.active span {
                    color: #2a7bc1
                }

.tab_container {
    display: block;
    padding: 50px 0
}

    .tab_container:after, .tab_container:before {
        display: table;
        clear: both;
        content: ""
    }

.tab_content_inner {
    display: block
}

    .tab_content_inner:after, .tab_content_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.ecommerce_box {
    display: block
}

    .ecommerce_box:after, .ecommerce_box:before {
        display: table;
        clear: both;
        content: ""
    }

.ecommerce_box_left {
    float: left;
    width: 585px
}

    .ecommerce_box_left h1 {
        font-size: 25px;
        color: #585b60;
        padding-bottom: 20px
    }

    .ecommerce_box_left h2 {
        font-size: 25px;
        color: #585b60;
        padding-bottom: 20px
    }

    .ecommerce_box_left p {
        font-size: 14px;
        color: #585b60;
        padding-bottom: 10px;
        line-height: 30px
    }

.ecommerce_box_right {
    float: left;
    width: -webkit-calc(100% - 585px);
    width: -moz-calc(100% - 585px);
    width: calc(100% - 585px);
    text-align: right;
    padding-top: 50px;
    padding-left: 90px
}

    .ecommerce_box_right img {
        max-width: 100%;
        width: 100%
    }

    .ecommerce_box_right a {
        display: inline-block
    }

.expertles_section {
    position: relative
}

.expertles_box_list {
    display: block;
    background: #fff
}

    .expertles_box_list:after, .expertles_box_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .expertles_box_list ul li {
        float: left;
        width: 33.3%
    }

        .expertles_box_list ul li:hover .brand_banner_box_image img {
            transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1)
        }

        .expertles_box_list ul li:hover .branf_content {
            transform: scale(.9);
            -moz-transform: scale(.9);
            -webkit-transform: scale(.9);
            -ms-transform: scale(.9);
            -o-transform: scale(.9)
        }

        .expertles_box_list ul li h3 {
            display: block;
            font-size: 89px;
            font-family: "Roboto Black";
            color: #181c23;
            text-transform: uppercase;
            letter-spacing: 25px;
            text-align: center;
            transition-duration: .5s;
            -moz-transition-duration: .5s;
            -webkit-transition-duration: .5s;
            -ms-transition-duration: .5s;
            -o-transition-duration: .5s;
            padding-top: 50px
        }

            .expertles_box_list ul li h3 font {
                color: #2a7bc1
            }

        .expertles_box_list ul li .branf_content {
            display: block;
            padding: 50px;
            transition-duration: .5s;
            -moz-transition-duration: .5s;
            -webkit-transition-duration: .5s;
            -ms-transition-duration: .5s;
            -o-transition-duration: .5s
        }

            .expertles_box_list ul li .branf_content h5 {
                font-size: 40px;
                color: #f4f4f4;
                text-transform: uppercase
            }

            .expertles_box_list ul li .branf_content span {
                font-size: 24px;
                color: #f4f4f4;
                padding-top: 30px;
                display: block;
                font-family: "Roboto-Reguler"
            }

.our_strengths_section {
    position: relative;
    background: #efefef
}

.our_strengths_head {
    display: block;
    padding: 45px 0;
    text-align: center
}

    .our_strengths_head:after, .our_strengths_head:before {
        display: table;
        clear: both;
        content: ""
    }

    .our_strengths_head h1 {
        font-size: 36px;
        color: #585b60;
        text-transform: capitalize;
        padding-bottom: 15px
    }

    .our_strengths_head h2 {
        background: #fff0 url(../images/footer-line.gif) no-repeat scroll center bottom;
        color: #131516;
        font-size: 33px;
        margin-bottom: 12px;
        padding-bottom: 15px
    }

    .our_strengths_head span {
        font-size: 15px;
        color: #353c4a
    }

.our_strengths_list {
    display: block
}

    .our_strengths_list:after, .our_strengths_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .our_strengths_list ul li {
        float: left;
        padding: 0 20px;
        width: 33.3%;
        margin-bottom: 50px
    }

        .our_strengths_list ul li:hover .strengths_image_box a img {
            transform: scale(1.5)
        }

        .our_strengths_list ul li:hover .strengths_image_des {
            background: url(../images/blue_tr05.png) repeat;
            cursor: pointer
        }

.strengths_box {
    display: block;
    position: relative
}

.strengths_image_box {
    display: block;
    width: 100%;
    height: 255px;
    overflow: hidden
}

    .strengths_image_box a {
        display: block;
        width: 100%
    }

        .strengths_image_box a img {
            width: 100%;
            display: block;
            transition-duration: .4s;
            -moz-transition-duration: .4s;
            -ms-transition-duration: .4s;
            -o-transition-duration: .4s;
            -webkit-transition-duration: .4s
        }

.strengths_image_des {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s
}

    .strengths_image_des h3 {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 36px;
        color: #fff
    }

.passionate_section {
    position: relative;
    padding-bottom: 65px
}

.passionate_head {
    display: block;
    padding: 0 0 25px
}

    .passionate_head h1 {
        font-size: 36px;
        color: #585b60;
        text-transform: capitalize;
        text-align: center
    }

    .passionate_head h2 {
        font-size: 36px;
        color: #585b60;
        text-transform: capitalize;
        text-align: center
    }

.passionate_list {
    display: block
}

    .passionate_list:after, .passionate_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .passionate_list ul li {
        float: left;
        width: 33%;
        text-align: center;
        padding: 0 15px
    }

.passionate_des {
    display: block;
    text-align: center;
    padding-top: 20px
}

    .passionate_des h4 {
        font-size: 30px;
        color: #585b60;
        margin-bottom: 8px
    }

    .passionate_des span {
        font-size: 25px;
        color: #5d5d5d
    }

.web_devlopment_section .container {
    overflow: hidden
}

.services_list.technology_category_list ul li {
    margin: 0;
    margin-right: 25px;
    width: 23%
}

    .services_list.technology_category_list ul li:last-child {
        margin-right: 0
    }

    .services_list.technology_category_list ul li:nth-child(2) .services_icon a {
        background: url(../images/technology_icon_img02.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(2):hover .services_icon a {
        background: url(../images/technology_icon_img02_hover.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(3) .services_icon a {
        background: url(../images/technology_icon_img03.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(3):hover .services_icon a {
        background: url(../images/technology_icon_img03_hover.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(4) .services_icon a {
        background: url(../images/technology_icon_img04.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(4):hover .services_icon a {
        background: url(../images/technology_icon_img04_hover.png) no-repeat center center
    }

.services_list.technology_category_list .services_icon {
    padding-top: 25px
}

.services_list.technology_category_list .services_box {
    height: 410px
}

.services_list.services_inner_list .services_box {
    height: 310px
}

.services_list.services_inner_list .services_icon_des {
    padding-top: 55px;
    padding-bottom: 55px
}

.services_list.services_inner_list .services_box .service_image {
    bottom: -310px;
    left: 0
}

.services_list ul li:hover .service_image {
    bottom: 0 !important
}

.services_top_banner.portfolio_top {
    background: url(../images/portfolio_top.jpg) no-repeat;
    background-size: cover
}

.portfolio_box {
    display: block;
    padding: 30px 0;
    margin-bottom: 0;
    border-top: 1px solid #ddd
}

    .portfolio_box:after, .portfolio_box:before {
        display: table;
        clear: both;
        content: ""
    }

.portfolio_head {
    text-align: center;
    padding: 20px 0 15px
}

    .portfolio_head p {
        font-size: 17px;
        text-transform: capitalize
    }

.overlay_project_hover {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: rgb(0 0 0 / .7);
    transition: .5s ease
}

.portfolio_head h1 {
    font-size: 30px;
    color: #585b60;
    text-transform: capitalize
}

.portfolio_head h2 {
    font-size: 35px;
    color: #191C1F;
    padding-bottom: 12px;
    text-transform: capitalize;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.portfolio_box_list .col_lg3 .col1 {
    background: #e8e8e8;
    text-align: center;
    padding-bottom: 30px;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s
}

    .portfolio_box_list .col_lg3 .col1:hover {
        background: #2a7bc1
    }

        .portfolio_box_list .col_lg3 .col1:hover .portfolio_icon_des h3 {
            color: #fff
        }

        .portfolio_box_list .col_lg3 .col1:hover .portfolio_icon_des p {
            color: #fff
        }

    .portfolio_box_list .col_lg3 .col1 .portfolio_icon {
        display: block;
        margin: 50px 0
    }

    .portfolio_box_list .col_lg3 .col1 .portfolio_icon_des {
        display: block;
        text-align: center
    }

        .portfolio_box_list .col_lg3 .col1 .portfolio_icon_des h3 {
            font-size: 25px;
            color: #585b60;
            text-transform: uppercase;
            padding-bottom: 15px
        }

        .portfolio_box_list .col_lg3 .col1 .portfolio_icon_des p {
            font-size: 16px;
            color: #585b60
        }

.portfolio_box_list .col_lg3 .col1 {
    width: 31%;
    position: relative;
    overflow: hidden
}

    .portfolio_box_list .col_lg3 .col1:before {
        background: url(../images/shadow_image.png) no-repeat;
        position: absolute;
        left: 0;
        height: 38px;
        background-size: 100%;
        width: 100%;
        content: "";
        bottom: -38px
    }

    .portfolio_box_list .col_lg3 .col1:nth-child(2) {
        margin: 0 40px
    }

.webdesign_banner_section {
    display: block;
    width: 100%
}

    .webdesign_banner_section img {
        width: 100%;
        display: block;
        height: auto
    }

.portfolio_over_box {
    background: url(../images/portfolio_image.png) no-repeat;
    width: 100%;
    height: 223px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -223px;
    z-index: 9;
    opacity: 0;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s
}

.portfolio_box_list .col_lg3 .col1:hover .portfolio_over_box {
    top: 0;
    opacity: 1
}

.portfolio_over_box_top {
    display: block;
    text-align: center;
    padding: 30px
}

    .portfolio_over_box_top h3 {
        font-size: 24px;
        color: #fff;
        padding-bottom: 15px;
        text-transform: uppercase
    }

    .portfolio_over_box_top p {
        font-size: 14px;
        color: #fff
    }

.portfolio_expertise {
    display: block;
    text-align: center;
    padding: 10px 0;
    border-top: solid 1px #3e3b39;
    border-bottom: solid 1px #3e3b39
}

    .portfolio_expertise ul {
        display: inline-block
    }

        .portfolio_expertise ul li {
            float: left;
            padding: 0 8px;
            background: url(../images/dot01.png) no-repeat right center
        }

            .portfolio_expertise ul li:last-child {
                background: none
            }

            .portfolio_expertise ul li a {
                display: block;
                font-size: 14px;
                color: #fff;
                text-transform: uppercase
            }

                .portfolio_expertise ul li a:hover {
                    color: #2a7bc1
                }

.websoftware_mobile_apps {
    position: relative
}

    .websoftware_mobile_apps ul li {
        float: left;
        width: 50%
    }

        .websoftware_mobile_apps ul li a {
            display: block;
            width: 100%;
            text-align: center;
            height: 101px;
            line-height: 101px
        }

            .websoftware_mobile_apps ul li a:after, .websoftware_mobile_apps ul li a:before {
                display: table;
                clear: both;
                content: ""
            }

            .websoftware_mobile_apps ul li a i {
                display: inline-block;
                margin-right: 10px;
                position: relative;
                top: 4px
            }

            .websoftware_mobile_apps ul li a span {
                font-size: 22px;
                text-transform: uppercase;
                color: #fff
            }

        .websoftware_mobile_apps ul li:first-child a {
            background: #2a7bc1
        }

            .websoftware_mobile_apps ul li:first-child a:hover {
                background: #333
            }

        .websoftware_mobile_apps ul li:last-child a {
            background: #ee5315
        }

            .websoftware_mobile_apps ul li:last-child a:hover {
                background: #333
            }

.portfolio_listing_section {
    position: relative
}

.portfolio_tab_box {
    display: block;
    background: #474747;
    height: 51px;
    overflow: hidden
}

    .portfolio_tab_box ul {
        display: block;
        padding-left: 15px
    }

    .portfolio_tab_box:after, .portfolio_tab_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .portfolio_tab_box ul li {
        float: left;
        background: none;
        border-right: solid 1px #474747
    }

        .portfolio_tab_box ul li:last-child {
            background: none
        }

        .portfolio_tab_box ul li a {
            display: block;
            height: 51px;
            line-height: 51px;
            padding: 0 29px;
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            position: relative
        }

            .portfolio_tab_box ul li a:hover {
                background: #606060;
                color: #fff
            }

                .portfolio_tab_box ul li a:hover:before {
                    border-top: solid 8px #ababab;
                    border-left: solid 8px #fff0;
                    border-right: solid 8px #fff0;
                    position: absolute;
                    left: 45%;
                    bottom: -8px;
                    z-index: 9;
                    content: ""
                }

        .portfolio_tab_box ul li.active a {
            background: #606060;
            color: #fff
        }

            .portfolio_tab_box ul li.active a:before {
                border-top: solid 8px #ababab;
                border-left: solid 8px #fff0;
                border-right: solid 8px #fff0;
                position: absolute;
                left: 45%;
                bottom: -8px;
                z-index: 9;
                content: ""
            }

.portfolio_tab_content {
    display: block;
    position: relative;
    padding-bottom: 45px
}

    .portfolio_tab_content:after, .portfolio_tab_content:before {
        display: table;
        clear: both;
        content: ""
    }

.tab_title {
    display: block;
    padding: 30px 15px 15px;
    text-transform: uppercase;
    font-size: 30px;
    color: #373636
}

.project_list {
    display: block
}

    .project_list:after, .project_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .project_list ul li {
        float: left;
        margin: 15px;
        width: 30.5%;
        border-bottom: solid 1px #c7c7c7
    }

.project_image {
    display: block;
    position: relative
}

.portfolio_over_box01 {
    position: absolute;
    border: solid 1px #213f52;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 15px;
    opacity: 0;
    overflow: visible;
    background: url(../images/black_tr_new.png) repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: flex;
    align-items: center
}

    .portfolio_over_box01 .portfolio_over_inner {
        display: block;
        width: 100%;
        text-align: center
    }

        .portfolio_over_box01 .portfolio_over_inner a {
            display: block;
            width: 100%;
            text-align: center
        }

            .portfolio_over_box01 .portfolio_over_inner a h3 {
                font-size: 16px;
                color: #fff;
                padding-bottom: 8px
            }

            .portfolio_over_box01 .portfolio_over_inner a p {
                font-size: 14px;
                color: #fff
            }

.project_image:hover .portfolio_over_box01 {
    opacity: 1
}

.project_image a {
    display: block;
    width: 100%
}

    .project_image a img {
        width: 100%
    }

.project_image_des {
    padding: 15px 0
}

    .project_image_des h3 {
        font-size: 18px;
        color: #373636;
        padding-bottom: 5px
    }

    .project_image_des p {
        font-size: 14px;
        color: #6d6e71
    }

.pagination_box {
    display: block;
    text-align: center;
    margin: 40px 0 100px
}

    .pagination_box ul {
        display: inline-block
    }

        .pagination_box ul li {
            float: left;
            margin-right: 10px
        }

            .pagination_box ul li:last-child {
                margin-left: 0
            }

            .pagination_box ul li a {
                display: block;
                line-height: 35px;
                width: 35px;
                height: 35px;
                border-radius: 4px;
                color: #fff;
                font-size: 14px;
                background: #12181a
            }

            .pagination_box ul li.active a {
                background: #2a7bc1
            }

            .pagination_box ul li a:hover {
                background: #2a7bc1
            }

.project_name_box {
    display: block;
    background: #ebebeb;
    padding: 15px;
    border-radius: 4px;
    margin: 50px 0
}

    .project_name_box:after, .project_name_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .project_name_box h2 {
        float: left;
        font-size: 30px;
        color: #6d6e71
    }

.project_image_box {
    display: block;
    margin-bottom: 40px
}

    .project_image_box a {
        display: block;
        width: 100%
    }

        .project_image_box a img {
            width: 100%;
            height: auto
        }

.project_detail_bottom {
    display: block;
    margin-bottom: 70px
}

    .project_detail_bottom:after, .project_detail_bottom:before {
        display: table;
        clear: both;
        content: ""
    }

.project_detail_left {
    float: left;
    width: -webkit-calc(100% - 385px);
    width: -moz-calc(100% - 385px);
    width: calc(100% - 385px);
    padding-right: 50px
}

    .project_detail_left p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 26px
    }

.project_detail_right {
    float: right;
    width: 385px;
    background: #e7e7e7;
    border: solid 1px #d4d4d4;
    border-radius: 5px;
    padding: 20px
}

    .project_detail_right h1 {
        font-size: 30px;
        color: #6d6e71;
        padding-bottom: 25px
    }

.project_details01 {
    display: block
}

    .project_details01:after, .project_details01:before {
        display: table;
        clear: both;
        content: ""
    }

    .project_details01 ul li {
        display: block;
        font-size: 18px;
        color: #6d6e71;
        padding-bottom: 10px
    }

.view_project_button {
    display: block;
    margin-top: 10px
}

    .view_project_button:after, .view_project_button:before {
        display: table;
        clear: both;
        content: ""
    }

    .view_project_button a {
        float: left;
        padding: 0 15px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        background: #2a7bc1;
        border-radius: 4px;
        font-size: 20px;
        color: #fff
    }

        .view_project_button a:hover {
            background: #333
        }

.related_projects_section {
    position: relative;
    background: url(../images/portfolio_bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.related_head {
    display: block;
    text-align: center
}

    .related_head h1 {
        font-size: 30px;
        color: #fff;
        padding: 45px 0
    }

.related_product_list {
    display: block;
    margin-bottom: 60px
}

    .related_product_list:after, .related_product_list:before {
        display: table;
        clear: both;
        content: ""
    }

.related_product_list {
    display: block
}

    .related_product_list:after, .related_product_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .related_product_list ul li {
        float: left;
        width: 292px;
        margin-right: 0 !important;
        border-right: solid 1px #000
    }

        .related_product_list ul li:last-child {
            margin-right: 0;
            border-right: none
        }

.related_product_arrow {
    display: block;
    margin-bottom: 10px
}

    .related_product_arrow:after, .related_product_arrow:before {
        display: table;
        clear: both;
        content: ""
    }

.portofolio_section .section_head h1 {
    color: #373636;
    font-size: 40px;
    text-transform: uppercase
}

    .portofolio_section .section_head h1 span {
        color: #373636 !important
    }

.portofolio_section .section_head h2 {
    color: #373636;
    font-size: 35px !important
}

    .portofolio_section .section_head h2 span {
        color: #373636 !important
    }

.portofolio_section .section_head p {
    color: #6d6e71;
    font-family: 'Roboto-Light';
    font-size: 18px !important;
    margin-bottom: 20px
}

.why_love_section {
    position: relative;
    padding: 35px 0 !important;
    background-color: #5ec6D3;
    min-height: 290px !important;
    background-size: cover;
    background-attachment: fixed;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 25px
}

.love_icon i {
    color: #04D75F;
    padding-bottom: 25px;
    text-align: center
}

.why_love_section h1 {
    font-size: 38px;
    color: #fff;
    padding-bottom: 50px;
    text-align: center
}

.why_love_section h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 35px;
    text-align: center
}

.why_love_section .col_lg3 .col1 {
    padding: 0 25px;
    text-align: center
}

    .why_love_section .col_lg3 .col1:hover .love_icon a {
        opacity: .7
    }

    .why_love_section .col_lg3 .col1 h3 {
        font-size: 17px !important;
        color: #8B8B8B;
        text-transform: uppercase;
        padding: 0
    }

    .why_love_section .col_lg3 .col1 p {
        font-size: 25px;
        color: #fff;
        padding: 10px 0;
        font-family: "Roboto-Reguler"
    }

.related_product_list .bx-wrapper {
    max-width: 100% !important;
    margin: 30px 0 0
}

    .related_product_list .bx-wrapper .bx-prev {
        width: 59px;
        height: 59px;
        background: url(../images/portfolio_detail_arrow01.jpg) no-repeat;
        left: -28px
    }

        .related_product_list .bx-wrapper .bx-prev:hover {
            background: url(../images/portfolio_detail_arrow01_hover.jpg) no-repeat
        }

    .related_product_list .bx-wrapper .bx-next {
        width: 59px;
        height: 59px;
        background: url(../images/portfolio_detail_arrow02.jpg) no-repeat;
        right: -28px
    }

        .related_product_list .bx-wrapper .bx-next:hover {
            background: url(../images/portfolio_detail_arrow02_hover.jpg) no-repeat
        }

    .related_product_list .bx-wrapper .bx-controls-direction a {
        top: 42%
    }

    .related_product_list .bx-wrapper .bx-pager {
        display: none
    }

.showcase_header {
    display: block;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px 0 0
}

    .showcase_header:after, .showcase_header:before {
        display: table;
        clear: both;
        content: ""
    }

.all-port {
    text-align: center;
    padding-bottom: 49px
}

    .all-port .bgimg {
        width: auto !important;
        height: auto !important;
        margin: 0 !important
    }

.showcase_header ul li {
    float: left
}

    .showcase_header ul li:last-child {
        float: right
    }

    .showcase_header ul li a {
        display: block;
        height: 56px;
        padding: 0 14px;
        border-radius: 4px;
        background: #2a7bc1;
        line-height: 54px;
        border-radius: 0 4px 4px 0
    }

        .showcase_header ul li a:after, .showcase_header ul li a:before {
            display: table;
            clear: both;
            content: ""
        }

        .showcase_header ul li a i {
            float: left;
            margin-right: 10px;
            margin-top: 8px
        }

        .showcase_header ul li a span {
            float: left;
            display: block;
            font-size: 18px;
            color: #fff;
            text-transform: uppercase
        }

        .showcase_header ul li a:hover {
            background: #f15b29
        }

    .showcase_header ul li.active a {
        background: #f15b29
    }

    .showcase_header ul li:last-child a {
        background: #f15b29;
        border-radius: 4px 0 0 4px
    }

        .showcase_header ul li:last-child a:hover {
            background: #2a7bc1
        }

    .showcase_header ul li.active:last-child a {
        background: #2a7bc1
    }

#bg {
    position: fixed;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-top: 40px;
    padding-bottom: 53px
}

.web-port {
    text-align: center
}

    .web-port .bgimg {
        width: auto !important;
        height: auto !important;
        margin: 0 0 55px !important
    }

.mobile-port .bgimg {
    width: auto !important;
    height: auto !important;
    margin: 0 !important
}

.mobile-port {
    text-align: center
}

.prevImageBtn {
    position: fixed;
    left: 25px;
    top: 42%;
    width: 25px;
    height: 76px;
    background: url(../images/showcase_arrow01.png) no-repeat #fff0;
    background-size: 25px 76px;
    text-indent: -9999px
}

    .prevImageBtn:hover {
        opacity: .7
    }

.nextImageBtn {
    position: fixed;
    right: 42px;
    top: 42%;
    width: 25px;
    height: 76px;
    background: url(../images/showcase_arrow02.png) no-repeat #fff0;
    background-size: 25px 76px;
    text-indent: -9999px
}

    .nextImageBtn:hover {
        opacity: .7
    }

#outer_container .thumbScroller {
    position: relative;
    padding: 10px;
    width: 100%;
    background: url(../images/black_tr.png) repeat;
    border-top: solid 1px #2c2b2b
}

    #outer_container .thumbScroller:after, #outer_container .thumbScroller:before {
        display: table;
        clear: both;
        content: ""
    }

.thumbScroller .container {
    margin-left: 0 !important;
    width: 100% !important
}

.all-port-tab .content.allcontent {
    width: 195px;
    height: 175px;
    overflow: hidden;
    margin-right: 10px
}

    .all-port-tab .content.allcontent a {
        display: block;
        width: 100%
    }

        .all-port-tab .content.allcontent a img {
            width: 100%;
            height: auto !important;
            opacity: 1 !important
        }

.showcase_footer {
    display: block;
    background: #2a7bc1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    padding: 10px
}

    .showcase_footer:after, .showcase_footer:before {
        display: table;
        clear: both;
        content: ""
    }

    .showcase_footer .dev_social_detail {
        display: block;
        width: 100%;
        float: none;
        position: relative;
        top: 5px
    }

    .showcase_footer .dev_social_box.dev_email {
        float: right
    }

    .showcase_footer .dev_social_box.dev_skype {
        float: none;
        display: inline-block
    }

#thumbnails_wrapper {
    z-index: 2;
    position: fixed;
    bottom: 53px;
    left: 0;
    width: 100%;
    height: 204px;
    overflow: hidden
}

.portofolio_list .bx-wrapper {
    max-width: 100% !important;
    margin: 30px 0 0
}

    .portofolio_list .bx-wrapper .bx-prev {
        width: 59px;
        height: 59px;
        background: url(../images/portfolio_detail_arrow01.jpg) no-repeat;
        left: -28px
    }

        .portofolio_list .bx-wrapper .bx-prev:hover {
            background: url(../images/portfolio_detail_arrow01_hover.jpg) no-repeat
        }

    .portofolio_list .bx-wrapper .bx-next {
        width: 59px;
        height: 59px;
        background: url(../images/portfolio_detail_arrow02.jpg) no-repeat;
        right: -28px
    }

        .portofolio_list .bx-wrapper .bx-next:hover {
            background: url(../images/portfolio_detail_arrow02_hover.jpg) no-repeat
        }

    .portofolio_list .bx-wrapper .bx-controls-direction a {
        top: 48%
    }

    .portofolio_list .bx-wrapper .bx-pager {
        display: none
    }

.services_list.technology_category_list ul li {
    margin: 0;
    margin-right: 25px;
    width: 23%
}

    .services_list.technology_category_list ul li:last-child {
        margin-right: 0
    }

    .services_list.technology_category_list ul li:nth-child(2) .services_icon a {
        background: url(../images/technology_icon_img02.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(2):hover .services_icon a {
        background: url(../images/technology_icon_img02_hover.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(3) .services_icon a {
        background: url(../images/technology_icon_img03.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(3):hover .services_icon a {
        background: url(../images/technology_icon_img03_hover.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(4) .services_icon a {
        background: url(../images/technology_icon_img04.png) no-repeat center center
    }

    .services_list.technology_category_list ul li:nth-child(4):hover .services_icon a {
        background: url(../images/technology_icon_img04_hover.png) no-repeat center center
    }

.services_list.technology_category_list .services_icon {
    padding-top: 25px
}

.services_list.technology_category_list .services_box {
    height: 410px
}

.services_detail_content {
    display: block
}

    .services_detail_content:after, .services_detail_content:before {
        display: table;
        clear: both;
        content: ""
    }

.android_application_section {
    position: relative;
    background: url(../images/android_application_bg.png) no-repeat;
    background-size: 100%;
    min-height: 420px;
    background-size: cover
}

.android_application_inner {
    display: block;
    text-align: center;
    padding-top: 85px
}

.android_application_head h1 {
    font-size: 35px;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 0
}

.android_application_head span {
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Roboto-Light'
}

.work_discuss_button {
    display: block;
    text-align: center;
    margin-top: 70px
}

    .work_discuss_button:after, .work_discuss_button:before {
        display: table;
        clear: both;
        content: ""
    }

    .work_discuss_button ul {
        display: inline-block
    }

        .work_discuss_button ul li {
            float: left;
            margin-right: 30px
        }

            .work_discuss_button ul li:last-child {
                margin-right: 0
            }

            .work_discuss_button ul li a {
                display: block;
                height: 86px;
                line-height: 86px;
                padding: 0 40px;
                border-radius: 4px;
                font-size: 24px;
                color: #fff;
                background: #034d87;
                font-family: "Roboto-Reguler"
            }

            .work_discuss_button ul li:last-child a {
                background: #ee5315
            }

            .work_discuss_button ul li a:hover {
                background: #333
            }

.highly_quality_section {
    position: relative
}

.sms-content {
    background-color: #57a9f0;
    margin: 35px 0;
    padding: 25px 0 30px
}

    .sms-content h2 {
        color: #fff;
        font-size: 40px;
        line-height: 56px;
        margin: 0;
        text-align: center;
        margin: 10px 0 55px
    }

    .sms-content .left_part {
        width: 30%;
        float: left
    }

.inner_part3 img {
    right: -50px;
    top: -1px
}

.inner_part4 img {
    right: -57px;
    top: -50px
}

.sms-content .left_part .inner_part {
    background: #8ac3f5 none repeat scroll 0 0;
    display: inline-block;
    height: 86px;
    margin-bottom: 30px;
    padding: 10px;
    position: relative;
    width: 100%
}

.sms-content .mid_part {
    width: 30%;
    float: left
}

.sms-content .right_part {
    width: 30%;
    float: right
}

inner_part1 {
    left: 15%;
    margin: 0 auto;
    position: relative;
    right: 0;
    top: 133px
}

.inner_part1 > img {
    display: block;
    margin: 0 auto;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    cursor: pointer
}

    .inner_part1 > img:hover {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

.sms-content .left_part .inner_part > p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding: 21px 14px;
    transform: translateZ(0);
    text-align: center
}

    .sms-content .left_part .inner_part > p:hover {
        webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -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
    }

.inner_part > img {
    position: absolute;
    right: -48px;
    top: -3px
}

.right_part .inner_part2 {
    background: #8ac3f5 none repeat scroll 0 0;
    display: inline-block;
    height: 86px;
    margin-bottom: 28px;
    padding: 10px;
    position: relative;
    width: 100%
}

    .right_part .inner_part2 > p {
        color: #fff;
        font-size: 17px;
        line-height: 25px;
        padding: 11px 14px;
        transform: translateZ(0);
        text-align: center
    }

        .right_part .inner_part2 > p:hover {
            webkit-animation-name: hvr-wobble-horizontal;
            animation-name: hvr-wobble-horizontal;
            -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
        }

.inner_part2 > img {
    left: -50px;
    position: absolute;
    top: -3px
}

.highly_quality_head {
    display: block;
    text-align: center;
    padding: 45px 0
}

    .highly_quality_head.bottom_space {
        padding: 35px 0 0
    }

    .highly_quality_head.space-2 {
        padding: 25px 0 0
    }

    .highly_quality_head span img {
        text-align: center;
        margin: 25px 0 35px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform
    }

        .highly_quality_head span img:hover {
            -webkit-transform: scale(.9);
            transform: scale(.9)
        }

    .highly_quality_head.space {
        padding-bottom: 0
    }

    .highly_quality_head.space2 {
        padding: 0
    }

    .highly_quality_head h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 24px;
        margin-bottom: 20px;
        background: url(../images/footer-line.gif) no-repeat bottom
    }

.benefit-hd {
    font-size: 30px;
    color: #585b60;
    text-align: center;
    padding-bottom: 16px;
    background: #fff0 url(../images/footer-line.gif) no-repeat scroll center bottom;
    margin-bottom: 8px
}

.highly_quality_head h2 {
    font-size: 29px;
    color: #131516;
    padding-bottom: 15px;
    margin-bottom: 30px;
    background: url(../images/footer-line.gif) no-repeat bottom
}

.search_optimization_des h2 {
    font-size: 34px;
    color: #131516;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: center;
    background: url(../images/footer-line.gif) no-repeat bottom
}

    .search_optimization_des h2.last {
        margin-bottom: 14px
    }

.highly_quality_head .title {
    font-size: 30px;
    color: #131516;
    padding-bottom: 21px;
    margin-bottom: 30px;
    background: url(../images/footer-line.gif) no-repeat bottom
}

.highly_quality_head h2.why-hd {
    background-color: #F2F2F2;
    background-image: none;
    padding: 20px 0;
    margin: 50px 0
}

.sms-image {
    text-align: center
}

.highly_quality_head span {
    font-size: 14px;
    color: #373636
}

.highly_quality_head p {
    font-size: 17px;
    color: #6d6e71;
    text-align: left;
    padding: 3px 0;
    line-height: 27px
}

.nbfc_head p {
    font-size: 17px;
    color: #6d6e71;
    text-align: left;
    padding: 3px 0;
    line-height: 27px
}

.highly_quality_content {
    display: block;
    text-align: center;
    margin: 20px 0 25px
}

    .highly_quality_content img {
        margin-top: 15px;
        transition: all .4s ease;
        cursor: pointer
    }

        .highly_quality_content img:hover {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
            transform: translateY(-8px)
        }

.responsive_image {
    margin: 0 0 50px
}

.highly_quality_content.last {
    margin: 0
}

.panel-body li {
    font-size: 16px;
    text-align: left;
    padding: 5px 0;
    background: url(../images/bullet-4.gif) no-repeat left;
    padding-left: 24px
}

.agent_section {
    font-size: 17px;
    padding: 8px 0
}

.tab-pane-2 li {
    background: url(../images/bullet-3.gif) no-repeat left
}

.highly_quality_content div a {
    cursor: inherit
}

.design_develop_section {
    position: relative
}

.advantage_section {
    position: relative;
    background-color: #f1f4f5;
    padding: 40px 0 20px;
    margin: 0
}

.content_advantage {
    display: block
}

.space_right {
    margin-right: 70px;
    margin-bottom: 16px
}

    .space_right.last {
        margin-right: 0
    }

.advantage-hd {
    font-size: 27px;
    font-family: "Roboto-Reguler"
}

.content-advantage p {
    font-size: 17px;
    color: #6d6e71;
    text-align: justify;
    padding: 6px 0;
    line-height: 25px
}

.content-advantage span {
    display: block;
    text-align: left
}

.content-advantage h3 {
    font-size: 20px;
    color: #31333f;
    text-align: left;
    margin: 15px 0
}

.offer-hd {
    font-size: 27px;
    font-family: "Roboto-Reguler";
    margin-top: 10px;
    padding-bottom: 19px !important;
    background: url(../images/inner/advnatge-line-3.png) no-repeat bottom
}

.offer-section {
    display: block;
    text-align: center;
    margin: 30px
}

    .offer-section p {
        font-size: 20px;
        font-family: "Roboto-Reguler";
        color: #45494b;
        padding: 6px 0
    }

    .offer-section span img {
        margin: 14px 0
    }

.offer_develop_section {
    margin: 30px 0
}

.design_develop_head {
    display: block;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 0
}

.loan_head {
    padding-bottom: 30px
}

.design_develop_head h1 {
    font-size: 30px;
    color: #585b60;
    padding-bottom: 10px
}

    .design_develop_head h1.loans-hd {
        font-size: 28px;
        margin-bottom: 18px;
        padding-bottom: 15px;
        background: url(../images/footer-line.gif) no-repeat bottom
    }

.design_develop_head h2 {
    font-size: 27px;
    padding-bottom: 10px
}

.design_develop_head p {
    font-size: 14px;
    color: #6d6e71;
    line-height: 24px
}

.industries_served_section {
    position: relative;
    background: url(../images/industries_served_banner.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 375px
}

.industries_head {
    display: block;
    text-align: center;
    padding: 40px 0
}

    .industries_head h1 {
        font-size: 36px;
        color: #fff;
        background: url(../images/industries_served_sap01.png) no-repeat bottom center;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .industries_head h2 {
        font-size: 36px;
        color: #fff;
        background: url(../images/industries_served_sap01.png) no-repeat bottom center;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .industries_head span {
        font-size: 16px;
        color: #fff
    }

.industries_list {
    display: block;
    margin-top: 10px
}

    .industries_list:after, .industries_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .industries_list ul li {
        float: left;
        margin-right: 57px
    }

        .industries_list ul li:last-child {
            margin-right: 0
        }

.smart_easy_section {
    position: relative;
    padding: 50px 0 0
}

.smart_easy_head {
    display: block;
    text-align: center;
    padding-bottom: 40px
}

    .smart_easy_head h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 15px
    }

    .smart_easy_head h2 {
        font-size: 25px;
        color: #585b60;
        padding-bottom: 20px;
        margin-bottom: 25px;
        background: url(../images/footer-line.gif) no-repeat center bottom
    }

    .smart_easy_head span {
        font-size: 14px;
        color: #6d6e71
    }

.smart_easy_content {
    display: block;
    padding-top: 30px
}

    .smart_easy_content:after, .smart_easy_content:before {
        display: table;
        clear: both;
        content: ""
    }

.smart_easy_left {
    float: left;
    width: 666px
}

    .smart_easy_left a {
        cursor: inherit
    }

.request_quote_form {
    float: right;
    width: 395px;
    background: #fff;
    border: solid 1px #bebebe;
    border-radius: 4px;
    position: relative
}

    .request_quote_form:before {
        background: url(../images/form_base.png) no-repeat;
        width: 100% height:11px;
        position: absolute;
        left: 0;
        bottom: -8px;
        content: "";
        z-index: 99;
        width: 100%;
        height: 11px
    }

.request_quote_head {
    display: block;
    padding: 25px 30px;
    border-bottom: solid 1px #e4e4e4
}

    .request_quote_head h1 {
        font-size: 24px;
        color: #464646
    }

.request_quote_form_box {
    display: block;
    padding: 15px 30px
}

.request_fild_box {
    display: block;
    margin-bottom: 25px;
    position: relative
}

    .request_fild_box input {
        border: solid 1px #e2e2e2;
        background: #fff;
        font-size: 14px;
        color: #888;
        height: 47px;
        padding: 10px;
        width: 100%;
        border-radius: 4px
    }

    .request_fild_box select {
        border: solid 1px #e2e2e2;
        background: #fff;
        font-size: 14px;
        color: #888;
        height: 47px;
        padding: 10px;
        width: 100%;
        border-radius: 4px
    }

    .request_fild_box span.wpcf7-not-valid-tip {
        font-size: 14px;
        color: red
    }

    .request_fild_box textarea {
        border: solid 1px #e2e2e2;
        background: #fff;
        font-size: 14px;
        color: #888;
        height: 75px;
        resize: none;
        padding: 10px;
        width: 100%;
        border-radius: 4px;
        font-family: "Roboto-Reguler"
    }

.send_button {
    display: block
}

    .send_button input {
        width: 100%;
        font-size: 18px;
        border: none;
        height: 55px;
        color: #fff;
        background: #2a7bc1;
        border-radius: 4px;
        cursor: pointer
    }

        .send_button input:hover {
            background: #333
        }

.related_services_section {
    position: relative;
    background: url(../images/related_services_banner.png) no-repeat;
    background-size: cover;
    padding: 50px 0;
    min-height: 60px
}

.related_services_head {
    display: block;
    text-align: center
}

    .related_services_head h1 {
        font-size: 30px;
        color: #fff
    }

    .related_services_head h2 {
        font-size: 30px;
        color: #fff
    }

.related_services_list {
    display: block;
    padding-top: 50px
}

    .related_services_list:after, .related_services_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .related_services_list ul li {
        float: left;
        width: 20%;
        padding: 0 10px;
        text-align: center
    }

        .related_services_list ul li .related_services_image {
            display: block
        }

            .related_services_list ul li .related_services_image a {
                display: inline-block;
                width: 140px;
                height: 140px;
                background: #fff;
                border-radius: 100%;
                position: relative;
                z-index: 1;
                background: rgb(255 255 255 / .1) none repeat scroll 0 0;
                transition: transform .1s ease-out 0s,background .2s ease 0
            }

                .related_services_list ul li .related_services_image a:after {
                    background: #fff;
                    border-radius: 50%;
                    box-sizing: content-box;
                    color: #fff;
                    content: "";
                    height: 100%;
                    pointer-events: none;
                    position: absolute;
                    width: 100%;
                    box-shadow: 0 0 0 2px rgb(255 255 255 / .1);
                    left: 0;
                    opacity: 0;
                    padding: 0;
                    top: 0;
                    transform: scale(1);
                    z-index: -1
                }

                .related_services_list ul li .related_services_image a:before {
                    display: block;
                    font-family: "ecoicon";
                    font-size: 48px;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    line-height: 90px;
                    text-transform: none
                }

@font-face {
    font-family: 'ecoicon';
    src: url(http://tympanus.net/Development/IconHoverEffects/fonts/ecoicons/ecoicon.eot);
    src: url(http://tympanus.net/Development/IconHoverEffects/fonts/ecoicons/ecoicon.eot?#iefix) format("embedded-opentype"),url(http://tympanus.net/Development/IconHoverEffects/fonts/ecoicons/ecoicon.woff) format("woff"),url(http://tympanus.net/Development/IconHoverEffects/fonts/ecoicons/ecoicon.ttf) format("truetype"),url(http://tympanus.net/Development/IconHoverEffects/fonts/ecoicons/ecoicon.svg#ecoicon) format("svg");
    font-weight: 400;
    font-style: normal
}

.related_services_list ul li .related_services_image a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.related_services_list ul li .related_services_image a:before {
    font-family: 'ecoicon';
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased
}

.hi-icon-archive:before {
    content: "\e00f"
}

.hi-icon-chat:before {
    content: "\e010"
}

.hi-icon-bookmark:before {
    content: "\e011"
}

.hi-icon-user:before {
    content: "\e012"
}

.hi-icon-contract:before {
    content: "\e013"
}

.related_services_list ul li .related_services_image a {
    background: #fff;
    -webkit-transition: -webkit-transform ease-out 0.1s,background .2s;
    -moz-transition: -moz-transform ease-out 0.1s,background .2s;
    transition: transform ease-out 0.1s,background .2s
}

    .related_services_list ul li .related_services_image a:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1);
        opacity: 0;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .related_services_list ul li .related_services_image a:hover {
        background: #fff;
        -webkit-transform: scale(.93);
        -moz-transform: scale(.93);
        -ms-transform: scale(.93);
        transform: scale(.93);
        color: #fff
    }

.related_services_list ul li.active .related_services_image a {
    background: #fff;
    -webkit-transform: scale(.93);
    -moz-transform: scale(.93);
    -ms-transform: scale(.93);
    transform: scale(.93);
    color: #fff
}

.related_services_list ul li .related_services_image a:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms
}

.related_services_list ul li.active .related_services_image a:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms
}

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

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

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

@-moz-keyframes sonarEffect {
    0% {
        opacity: .3
    }

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

    100% {
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1),0 0 10px 10px #2a7bc1,0 0 0 10px rgb(255 255 255 / .5);
        -moz-transform: scale(1.5);
        opacity: 0
    }
}

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

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

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

.related_services_list ul li .related_services_image a img {
    width: 100%;
    height: 140px;
    border-radius: 100%
}

.postid-1090 .competitive_des p {
    min-height: 120px
}

.related_services_list ul li h5 {
    font-size: 18px;
    color: #fff;
    padding-top: 23px
}

.business_grow_section {
    position: relative;
    padding-bottom: 35px
}

    .business_grow_section.bottom-space {
        padding-bottom: 0
    }

    .business_grow_section.last {
        padding-bottom: 65px
    }

.business_grow_head {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px
}

    .business_grow_head h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 20px
    }

    .business_grow_head h2 {
        font-size: 29px;
        color: #585b60;
        padding-bottom: 17px;
        margin-bottom: 0;
        background: url(../images/footer-line-2.gif) no-repeat bottom
    }

    .business_grow_head span {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px
    }

    .business_grow_head .sub-headng {
        font-size: 18px;
        color: #6d6e71;
        display: block;
        margin-top: 15px;
        margin-bottom: 7px
    }

    .business_grow_head .features {
        font-size: 20px;
        color: #6d6e71;
        margin-top: 13px;
        display: block;
        font-family: 'Roboto-Light'
    }

.business_grow_content {
    display: block;
    margin-top: 20px
}

.advantage_content {
    margin-top: 10px
}

.business_grow_content.why_section li {
    padding-left: 25px;
    background: url(../images/bullet-3.gif) no-repeat left;
    font-size: 17px;
    line-height: 40px;
    transform: perspective(1px) translateZ(0)
}

    .business_grow_content.why_section li:hover {
        -webkit-animation-name: hvr-wobble-vertical;
        animation-name: hvr-wobble-vertical;
        -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
    }

.business_grow_content.project_content li {
    border: 1px dashed #ddd;
    margin-bottom: 14px;
    padding: 10px 0 10px 25px;
    background: url(../images/bullet-6.gif) no-repeat left;
    width: 85%;
    transform: translateZ(0);
    font-size: 17px
}

.emoney_mode_section {
    border: 1px dotted #1e1c1c;
    padding: 20px;
    margin-bottom: 60px
}

    .emoney_mode_section p {
        font-size: 17px !important;
        margin-top: 15px;
        line-height: 27px;
        text-align: left !important
    }

    .emoney_mode_section strong {
        font-size: 21px !important
    }

    .emoney_mode_section i {
        background-color: #49d155;
        border-radius: 50%;
        height: 88px;
        left: 37px;
        position: absolute;
        top: 22px;
        width: 88px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

        .emoney_mode_section i:hover {
            webkit-animation-name: hvr-pulse-shrink;
            animation-name: hvr-pulse-shrink;
            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            animation-direction: alternate;
            border: 2px solid #36a740
        }

    .emoney_mode_section img {
        text-align: center;
        margin-top: 25px;
        margin-left: 22px;
        max-width: 100%
    }

.ref-box-text {
    padding-left: 110px
}

.advantage_software_section p {
    padding: 10px;
    margin: 20px 0;
    color: #fff !important;
    font-size: 17px !important;
    min-height: 130px;
    text-align: left;
    max-width: 890px;
    padding: 50px 20px 0 155px;
    background: url(../images/product/advan.gif) no-repeat left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.featurewrap li {
    background: #fff;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: -5px 12px 5px -13px #e8e8e8;
    border: 1px solid #ccc;
    font-size: 18px
}

    .featurewrap li img {
        border-right: 1px solid #ccc;
        margin-right: 20px;
        transition: all ease .5s;
        cursor: pointer
    }

        .featurewrap li img:hover {
            transform: translate(-15px,0)
        }

.paragraph_align {
    text-align: center !important
}

.business_grow_content.project_content li:hover {
    webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -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
}

.business_grow_content:after, .business_grow_content:before {
    display: table;
    clear: both;
    content: ""
}

.business_grow_left {
    float: left;
    width: 550px;
    position: relative;
    text-align: center
}

    .business_grow_left img {
        transform: translateZ(0)
    }

        .business_grow_left img:hover {
            webkit-animation-name: hvr-pulse-shrink;
            animation-name: hvr-pulse-shrink;
            -webkit-animation-duration: .5s;
            animation-duration: .5s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            animation-direction: alternate
        }

    .business_grow_left.business_grow_left-2 {
        float: left;
        width: 500px;
        position: relative
    }

    .business_grow_left ul li {
        display: block;
        width: 100%
    }

        .business_grow_left ul li img {
            width: 100%;
            box-shadow: 10px 13px 12px #bcbcbc
        }

.grow_prev_arrow {
    position: absolute;
    left: 25px;
    top: 45%
}

.grow_next_arrow {
    position: absolute;
    right: 25px;
    top: 45%
}

.business_grow_right {
    float: right;
    width: 550px
}

    .business_grow_right.business_grow_right-2 {
        float: right;
        width: 650px
    }

    .business_grow_right ul li {
        display: block;
        background: url(../images/bullet-2.gif) no-repeat 0 6px;
        font-size: 17px;
        color: #6d6e71;
        padding-left: 25px;
        margin-bottom: 14px
    }

.api_right ul li {
    font-size: 18px;
    line-height: 28px
}

.industry_knowledge_left ul li {
    display: block;
    background: url(../images/bullet-2.gif) no-repeat 0 10px;
    font-size: 17px;
    color: #6d6e71;
    padding-left: 25px;
    margin-bottom: 6px;
    text-align: left
}

.php_developer_button {
    display: block;
    margin-top: 35px
}

    .php_developer_button:after, .php_developer_button:before {
        display: table;
        clear: both;
        content: ""
    }

    .php_developer_button a {
        height: 85px;
        line-height: 85px;
        float: left;
        padding: 0 20px;
        border-radius: 4px;
        font-size: 24px;
        color: #fff;
        padding: 0 35px;
        border-radius: 4px;
        background: #2a7bc1
    }

        .php_developer_button a:hover {
            background: #333
        }

.contact_button a {
    margin-right: 45px
}

    .contact_button a:last-child {
        margin-right: 0
    }

.android_application_section.php_platform {
    background: url(../images/php_bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.android_application_section.wedesign_devlopment {
    background: url(../images/webdesign_bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.android_application_section.iphone_devlopment {
    background: url(../images/iphone_banner.jpg) no-repeat;
    background-size: cover
}

.users_easier_content {
    display: block;
    padding-bottom: 60px
}

    .users_easier_content:after, .users_easier_content:before {
        display: table;
        clear: both;
        content: ""
    }

.users_easier_left {
    float: left;
    width: 516px
}

    .users_easier_left a {
        cursor: inherit
    }

.users_easier_right {
    width: -webkit-calc(100% - 516px);
    width: -moz-calc(100% - 516px);
    width: calc(100% - 516px);
    float: left;
    padding-left: 40px;
    padding-top: 40px
}

    .users_easier_right h1 {
        font-size: 24px;
        color: #585b60;
        padding-bottom: 25px
    }

    .users_easier_right h2 {
        font-size: 24px;
        color: #585b60;
        padding-bottom: 25px
    }

    .users_easier_right .following_list {
        display: block
    }

        .users_easier_right .following_list li {
            display: block;
            font-size: 14px;
            color: #6d6e71;
            position: relative;
            margin-bottom: 20px;
            padding-left: 17px
        }

            .users_easier_right .following_list li:before {
                width: 7px;
                height: 7px;
                border-radius: 100%;
                content: "";
                position: absolute;
                left: 0;
                top: 8px;
                background: #585b60
            }

    .users_easier_right ul {
        display: block
    }

        .users_easier_right ul li {
            display: block;
            font-size: 14px;
            color: #6d6e71;
            position: relative;
            margin-bottom: 20px;
            padding-left: 17px
        }

            .users_easier_right ul li:before {
                width: 7px;
                height: 7px;
                border-radius: 100%;
                content: "";
                position: absolute;
                left: 0;
                top: 8px;
                background: #585b60
            }

.devtechnosys_iphone_section {
    position: relative
}

.iphone_devlopment_head {
    display: block;
    text-align: center;
    padding: 55px 0
}

    .iphone_devlopment_head:after, .iphone_devlopment_head:before {
        display: table;
        clear: both;
        content: ""
    }

    .iphone_devlopment_head h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 15px
    }

    .iphone_devlopment_head h2 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 15px
    }

    .iphone_devlopment_head span {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px
    }

.ios_application_development {
    display: block;
    position: relative
}

    .ios_application_development:after, .ios_application_development:before {
        display: table;
        clear: both;
        content: ""
    }

.ios_application_head {
    display: block;
    text-align: center
}

    .ios_application_head h1 {
        font-size: 24px;
        color: #6d6e71;
        padding-bottom: 20px
    }

.ios_application_list {
    display: block;
    position: relative;
    min-height: 757px
}

    .ios_application_list:after, .ios_application_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .ios_application_list li {
        float: left;
        width: 39.5%;
        text-align: right;
        margin-bottom: 40px;
        position: relative;
        z-index: 99
    }

        .ios_application_list li:nth-child(even) {
            float: right;
            text-align: left
        }

        .ios_application_list li h2 {
            font-size: 24px;
            color: #6d6e71;
            padding-bottom: 10px
        }

        .ios_application_list li p {
            font-size: 14px;
            color: #6d6e71;
            line-height: 24px
        }

.ios_application_ger {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center
}

.ios_application_list li:nth-child(3) {
    padding-right: 115px
}

.ios_application_list li:nth-child(4) {
    padding-left: 115px
}

    .ios_application_list li:nth-child(4) p {
        min-height: 100px
    }

.ios_application_list li:nth-child(5) {
    padding-right: 220px
}

.ios_application_list li:nth-child(6) {
    padding-left: 200px
}

.iphone_devlopment_services {
    display: block
}

    .iphone_devlopment_services h2 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 25px
    }

.iphone_dev_service_list {
    display: block
}

    .iphone_dev_service_list ul li {
        display: block;
        padding-bottom: 40px
    }

        .iphone_dev_service_list ul li:last-child {
            padding-bottom: 0
        }

        .iphone_dev_service_list ul li:after, .iphone_dev_service_list ul li:before {
            display: table;
            clear: both;
            content: ""
        }

        .iphone_dev_service_list ul li .iphone_service_icon {
            float: left;
            width: 54px
        }

        .iphone_dev_service_list ul li .iphone_service_des {
            float: left;
            width: -webkit-calc(100% - 54px);
            width: -moz-calc(100% - 54px);
            width: calc(100% - 54px);
            padding-left: 14px
        }

            .iphone_dev_service_list ul li .iphone_service_des h4 {
                font-size: 18px;
                color: #777;
                padding-bottom: 10px
            }

            .iphone_dev_service_list ul li .iphone_service_des p {
                font-size: 14px;
                color: #999;
                line-height: 24px
            }

.experience_iphone_devloping {
    display: block;
    position: relative
}

.experience_iphone_head {
    display: block;
    text-align: center
}

    .experience_iphone_head h1 {
        font-size: 30px;
        color: #585b60
    }

    .experience_iphone_head h2 {
        font-size: 30px;
        color: #585b60
    }

.unique_process_content {
    display: block;
    padding-top: 65px
}

    .unique_process_content:after, .unique_process_content:before {
        display: table;
        clear: both;
        content: ""
    }

.unique_process_left {
    float: left;
    width: 572px
}

.unique_process_right {
    float: left;
    width: -webkit-calc(100% - 572px);
    width: -moz-calc(100% - 572px);
    width: calc(100% - 572px);
    padding-left: 40px
}

.unique_process_head {
    display: block
}

    .unique_process_head h2 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 10px
    }

    .unique_process_head span {
        font-size: 14px;
        color: #999;
        line-height: 24px
    }

.unique_process_list {
    display: block;
    margin-top: 35px
}

    .unique_process_list ul li {
        display: block;
        margin-bottom: 20px
    }

        .unique_process_list ul li:after, .unique_process_list ul li:before {
            display: table;
            clear: both;
            content: ""
        }

        .unique_process_list ul li .unique_process_icon {
            float: left;
            width: 114px
        }

.unique_process_des {
    float: left;
    width: -webkit-calc(100% - 114px);
    width: -moz-calc(100% - 114px);
    width: calc(100% - 114px);
    padding-left: 15px
}

    .unique_process_des h3 {
        font-size: 18px;
        color: #999;
        padding-bottom: 7px
    }

    .unique_process_des p {
        font-size: 14px;
        color: #999;
        line-height: 24px
    }

.services_list.technology_list .services_icon a {
    background: none !important
}

.android_application_section.php_framework {
    background: url(../images/php_frameworks_bg.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    background-attachment: fixed
}

.php_framework_box .users_easier_right {
    padding-top: 33px
}

.users_easier_content.php_framework_box {
    padding-bottom: 45px;
    padding-top: 20px
}

.development_language_content {
    display: block
}

    .development_language_content:after, .development_language_content:before {
        display: table;
        clear: both;
        content: ""
    }

    .development_language_content ul li {
        display: block;
        padding-bottom: 45px
    }

        .development_language_content ul li:last-child {
            padding-bottom: 0
        }

        .development_language_content ul li:after, .development_language_content ul li:before {
            display: table;
            clear: both;
            content: ""
        }

.development_language_image {
    float: left;
    width: 50%
}

.development_language_des {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 60px;
    padding-left: 125px
}

    .development_language_des h2 {
        font-size: 24px;
        color: #6d6e71;
        padding-bottom: 10px
    }

    .development_language_des p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 26px
    }

.development_language_content ul li:nth-child(even) .development_language_des {
    float: right;
    text-align: left;
    padding: 55px 200px 0 0
}

.development_language_content ul li:nth-child(even) .development_language_image {
    float: left
}

.iphone_dev_service_list.web_technologies_list li .iphone_service_des {
    padding-left: 0
}

.web_devlopment_section {
    position: relative;
    margin: 35px 0
}

    .web_devlopment_section img {
        width: 100%;
        height: auto
    }

.android_application_section.web_technology {
    background: url(../images/open_source_development_banner.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    background-attachment: fixed
}

.design_develop_section.key_features {
    margin-top: 25px
}

.demo_form {
    width: 55%;
    margin: auto;
    display: inline-block
}

.demo_iframe {
    float: right
}

.quality_assurance_list {
    display: block;
    margin-top: 40px
}

    .quality_assurance_list:after, .quality_assurance_list:before {
        display: table;
        clear: both;
        content: ""
    }

.quality_assurance_row {
    display: block;
    margin-bottom: 80px
}

    .quality_assurance_row:after, .quality_assurance_row:before {
        display: table;
        clear: both;
        content: ""
    }

.quality_assurance_left {
    float: left;
    width: 50%
}

.quality_assurance_left_head {
    display: block;
    padding-bottom: 30px
}

    .quality_assurance_left_head h2 {
        font-size: 20px;
        color: #585b60;
        padding-bottom: 15px
    }

    .quality_assurance_left_head span {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px
    }

.quality_assurance_ul {
    display: block
}

    .quality_assurance_ul:after, .quality_assurance_ul:before {
        display: table;
        clear: both;
        content: ""
    }

    .quality_assurance_ul ul li {
        display: block;
        margin-bottom: 25px;
        font-size: 14px;
        color: #6d6e71;
        padding-left: 15px;
        position: relative
    }

        .quality_assurance_ul ul li:before {
            width: 5px;
            height: 5px;
            background: #034d87;
            content: "";
            position: absolute;
            left: 0;
            top: 8px
        }

.quality_assurance_right {
    float: left;
    width: 50%;
    padding-left: 50px
}

.quality_assurance_list .quality_assurance_row:last-child {
    margin-bottom: 0
}

.qa_bug_image a {
    float: right
}

.android_application_section.maintenance_support {
    background: url(../images/maintenance_banner.png) no-repeat;
    background-size: cover
}

.support_maintenace_section {
    position: relative;
    padding: 60px 0
}

.maintenace_banner {
    display: block
}

.maintenace_banner_des {
    display: block;
    text-align: center;
    padding-top: 60px
}

    .maintenace_banner_des p {
        font-size: 14px;
        line-height: 24px;
        color: #6d6e71
    }

.website_maintenance h3 {
    min-height: 65px
}

.maintenance_services_box {
    display: block;
    width: 100%
}

    .maintenance_services_box h2 {
        font-size: 30px;
        padding-bottom: 30px;
        color: #585b60
    }

    .maintenance_services_box ul li {
        display: block;
        position: relative;
        font-size: 18px;
        color: #6d6e71;
        padding-bottom: 20px;
        padding-left: 15px
    }

        .maintenance_services_box ul li:before {
            content: "";
            width: 5px;
            height: 5px;
            background: #2a7bc1;
            position: absolute;
            left: 0;
            top: 10px
        }

.industry_solutions_head p {
    padding-bottom: 20px
}

    .industry_solutions_head p:last-child {
        padding-bottom: 0
    }

.service_offerings_content {
    position: relative;
    margin-bottom: 60px
}

.service_offerings_head {
    display: block;
    text-align: center;
    padding: 50px 0 55px
}

    .service_offerings_head h1 {
        font-size: 30px;
        color: #585b60
    }

.industry_detail_list {
    display: block;
    border: solid 1px #dbdbdb;
    border-bottom: none
}

    .industry_detail_list:after, .industry_detail_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .industry_detail_list ul li {
        float: left;
        width: 33.3%;
        border-bottom: solid 1px #dbdbdb;
        border-right: solid 1px #dbdbdb;
        text-align: center;
        padding: 0 25px 25px;
        background: #dbdbdb
    }

        .industry_detail_list ul li:nth-child(3) {
            border-right: none;
            float: right;
            width: 33.4%
        }

        .industry_detail_list ul li:nth-child(6) {
            border-right: none;
            float: right;
            width: 33.4%
        }

        .industry_detail_list ul li:nth-child(9) {
            border-right: none;
            float: right;
            width: 33.4%
        }

        .industry_detail_list ul li:nth-child(12) {
            border-right: none;
            float: right;
            width: 33.4%
        }

        .industry_detail_list ul li .industry_service_icon {
            display: block;
            margin: 35px 0 25px
        }

        .industry_detail_list ul li:hover {
            background: #034d87
        }

            .industry_detail_list ul li:hover .industry_service_des h3 {
                color: #fff
            }

            .industry_detail_list ul li:hover .industry_service_des p {
                color: #fff
            }

        .industry_detail_list ul li.active {
            background: #034d87
        }

            .industry_detail_list ul li.active .industry_service_des h3 {
                color: #fff
            }

            .industry_detail_list ul li.active .industry_service_des p {
                color: #fff
            }

        .industry_detail_list ul li .industry_service_icon a {
            display: inline-block;
            width: 70px;
            height: 70px;
            background: url(../images/service_offerings_icon01.png) no-repeat
        }

        .industry_detail_list ul li:hover .industry_service_icon a {
            background: url(../images/service_offerings_icon01_active.png) no-repeat
        }

        .industry_detail_list ul li.active .industry_service_icon a {
            background: url(../images/service_offerings_icon01_active.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(2) .industry_service_icon a {
            background: url(../images/service_offerings_icon02.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(2):hover .industry_service_icon a {
            background: url(../images/service_offerings_icon02_active.png) no-repeat
        }

        .industry_detail_list ul li.active:nth-child(2) .industry_service_icon a {
            background: url(../images/service_offerings_icon02_active.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(3) .industry_service_icon a {
            background: url(../images/service_offerings_icon03.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(3):hover .industry_service_icon a {
            background: url(../images/service_offerings_icon03_active.png) no-repeat
        }

        .industry_detail_list ul li.active:nth-child(3) .industry_service_icon a {
            background: url(../images/service_offerings_icon03_active.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(4) .industry_service_icon a {
            background: url(../images/service_offerings_icon04.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(4):hover .industry_service_icon a {
            background: url(../images/service_offerings_icon04_active.png) no-repeat
        }

        .industry_detail_list ul li.active:nth-child(4) .industry_service_icon a {
            background: url(../images/service_offerings_icon04_active.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(5) .industry_service_icon a {
            background: url(../images/service_offerings_icon05.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(5):hover .industry_service_icon a {
            background: url(../images/service_offerings_icon05_active.png) no-repeat
        }

        .industry_detail_list ul li.active:nth-child(5) .industry_service_icon a {
            background: url(../images/service_offerings_icon05_active.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(6) .industry_service_icon a {
            background: url(../images/service_offerings_icon06.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(6):hover .industry_service_icon a {
            background: url(../images/service_offerings_icon06_active.png) no-repeat
        }

        .industry_detail_list ul li.active:nth-child(6) .industry_service_icon a {
            background: url(../images/service_offerings_icon06_active.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(7) .industry_service_icon a {
            background: url(../images/service_offerings_icon07.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(7):hover .industry_service_icon a {
            background: url(../images/service_offerings_icon07_active.png) no-repeat
        }

        .industry_detail_list ul li.active:nth-child(7) .industry_service_icon a {
            background: url(../images/service_offerings_icon07_active.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(8) .industry_service_icon a {
            background: url(../images/service_offerings_icon08.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(8):hover .industry_service_icon a {
            background: url(../images/service_offerings_icon08_active.png) no-repeat
        }

        .industry_detail_list ul li.active:nth-child(8) .industry_service_icon a {
            background: url(../images/service_offerings_icon08_active.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(9) .industry_service_icon a {
            background: url(../images/service_offerings_icon09.png) no-repeat
        }

        .industry_detail_list ul li:nth-child(9):hover .industry_service_icon a {
            background: url(../images/service_offerings_icon09_active.png) no-repeat
        }

        .industry_detail_list ul li.active:nth-child(9) .industry_service_icon a {
            background: url(../images/service_offerings_icon09_active.png) no-repeat
        }

        .industry_detail_list ul li .industry_service_des {
            display: block;
            padding-bottom: 20px
        }

            .industry_detail_list ul li .industry_service_des h3 {
                font-size: 21px;
                color: #665f60;
                text-transform: uppercase;
                padding-bottom: 20px
            }

            .industry_detail_list ul li .industry_service_des p {
                font-size: 14px;
                color: #6d6e71;
                line-height: 26px
            }

        .industry_detail_list ul li:nth-child(even) {
            background: #fff
        }

            .industry_detail_list ul li:nth-child(even):hover {
                background: #034d87
            }

.automobile_sector_section {
    position: relative
}

.industry_knowledge_section {
    display: block;
    padding: 40px 0
}

    .industry_knowledge_section.last {
        padding-bottom: 0
    }

    .industry_knowledge_section:after, .industry_knowledge_section:before {
        display: table;
        clear: both;
        content: ""
    }

.industry_knowledge_head {
    display: block;
    text-align: center
}

    .industry_knowledge_head h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 10px
    }

    .industry_knowledge_head h2 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 20px;
        margin-bottom: 15px;
        background: url(../images/footer-line-2.gif) no-repeat bottom
    }

    .industry_knowledge_head p {
        font-size: 14px;
        color: #585b60;
        line-height: 24px
    }

.industry_knowledge_content {
    display: block;
    padding-top: 35px
}

    .industry_knowledge_content:after, .industry_knowledge_content:before {
        display: table;
        clear: both;
        content: ""
    }

.industry_knowledge_left {
    float: left;
    width: 50%
}

    .industry_knowledge_left.travel_left {
        float: left;
        width: 50%;
        margin-top: 75px
    }

.industry_knowledge_right.travel_right {
    float: left;
    width: 40%;
    text-align: center
}

.industry_knowledge_des {
    display: block;
    padding-bottom: 30px
}

    .industry_knowledge_des h2 {
        font-size: 24px;
        color: #585b60;
        text-align: left;
        background: url(../images/footer-line.gif) no-repeat left bottom;
        margin-bottom: 20px !important;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
    }

    .industry_knowledge_des p {
        font-size: 17px;
        color: #6d6e71;
        line-height: 26px;
        font-style: normal;
        line-height: 31px
    }

.industry_knowledge_right {
    float: right;
    width: 45%
}

    .industry_knowledge_right.image_section {
        float: left;
        width: 45%
    }

.industry_knowledge_des.p_text {
    margin-top: 30px
}

.automobile_companies_right.booking_section_right {
    margin-top: 50px
}

.automobile_companies_left.booking_section_left {
    width: 40%
}

.industry_knowledge_ger_box {
    float: right
}

.industry_knowledge_change {
    display: block
}

    .industry_knowledge_change a {
        display: block;
        width: 100%
    }

    .industry_knowledge_change img {
        width: 100%;
        display: block
    }

.automobile_companies {
    display: block
}

    .automobile_companies.last_2 {
        margin-top: 60px
    }

    .automobile_companies:after, .automobile_companies:before {
        display: table;
        clear: both;
        content: ""
    }

.automobile_companies_head {
    display: block;
    text-align: center;
    padding: 40px 0
}

    .automobile_companies_head h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 10px
    }

    .automobile_companies_head h2 {
        font-size: 27px;
        color: #585b60;
        padding-bottom: 20px;
        font-family: 'Hind',sans-serif !important;
        margin-bottom: 20px;
        background: url(../images/footer-line-2.gif) no-repeat bottom;
        margin-bottom: 0
    }

    .automobile_companies_head p {
        font-size: 14px;
        color: #585b60;
        line-height: 24px
    }

.automobile_companies_content {
    display: block;
    padding-bottom: 30px
}

    .automobile_companies_content p {
        font-size: 16px;
        color: #6d6e71;
        line-height: 24px;
        padding-bottom: 8px
    }

    .automobile_companies_content h2 {
        font-size: 23px;
        color: #6d6e71;
        padding-bottom: 15px
    }

.automobile_companies_content {
    padding-bottom: 0
}

    .automobile_companies_content:after, .automobile_companies_content:before {
        display: table;
        clear: both;
        content: ""
    }

.automobile_companies_left {
    float: left;
    width: 45%
}

    .automobile_companies_left img {
        transform: translateZ(0);
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        cursor: pointer
    }

        .automobile_companies_left img:hover {
            transform: translateY(-8px)
        }

.image_space {
    margin-top: 20px;
    padding-right: 35px
}

.automobile_companies_left_2 {
    float: left;
    width: 45%;
    margin-right: 35px
}

.automobile_companies_right {
    float: left;
    width: 50%;
    padding-left: 0;
    padding-top: 0
}

    .automobile_companies_right.space_section {
        margin-top: 80px
    }

    .automobile_companies_right.last {
        padding-left: 40px
    }

    .automobile_companies_right p.last {
        padding-bottom: 0
    }

    .automobile_companies_right.space-rght {
        padding-left: 35px
    }

    .automobile_companies_right ul li {
        display: block;
        background: url(../images/bullet-2.gif) no-repeat 0 5px;
        font-size: 17px;
        color: #6d6e71;
        padding-left: 25px;
        margin-bottom: 14px
    }

    .automobile_companies_right h2.last {
        background-image: none
    }

.tab-content {
    width: 100%
}

.automobile_companies_right h1 {
    font-size: 20px;
    color: #585b60;
    padding-bottom: 10px
}

.automobile_companies_right h2 {
    font-size: 25px;
    padding-bottom: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left;
    background: url(../images/footer-line.gif) no-repeat left bottom
}

.automobile_companies_right p {
    font-size: 16px;
    color: #6d6e71;
    line-height: 26px;
    padding-bottom: 8px
}

.reliantekk_services_section {
    position: relative;
    padding: 0;
    margin-top: 28px
}

.ivr_services_section {
    margin-top: 30px
}

.mlm_section {
    margin-top: 0
}

.reliantekk_services_section.last {
    padding-bottom: 60px
}

.reliantekk_services_section.last_2 {
    border-top: none
}

.reliantekk_services_section.line_last {
    position: relative;
    border-top: none;
    padding: 0
}

.reliantekk_services_head {
    display: block;
    text-align: center;
    color: #6d6e71;
    font-size: 17px;
    margin-bottom: 30px
}

.mlm_headng {
    display: block;
    text-align: center;
    color: #6d6e71;
    font-size: 17px;
    margin-bottom: 30px;
    background: url(../images/facts-line.gif) no-repeat bottom
}

.reliantekk_services_head h1 {
    font-size: 27px;
    color: #34485d;
    font-weight: 400;
    padding-bottom: 19px;
    margin-top: 3px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.reliantekk_services_head h2 {
    font-size: 32px;
    color: #fff;
    padding-bottom: 20px
}

.reliantekk_services_head span {
    font-size: 16px;
    color: #fff
}

.reliantekk_services_list {
    display: block;
    margin-top: 45px
}

    .reliantekk_services_list ul li {
        width: 100%;
        max-width: 25%;
        margin-bottom: 30px;
        padding-left: 0;
        text-align: center
    }

.business_grow_top_text_box {
    display: block;
    padding-bottom: 20px;
    position: relative;
    top: -7px
}

    .business_grow_top_text_box p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 26px
    }

.prestashop_box {
    margin-bottom: 50px
}

    .prestashop_box a img {
        margin: 0 auto;
        display: block
    }

    .prestashop_box p {
        font-size: 16px;
        text-align: center;
        margin-top: 13px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
    }

        .prestashop_box p:hover {
            color: #2f7096
        }

.heterogeneous_environment_section {
    position: relative;
    background: #0099da;
    padding: 40px 0
}

.heterogeneous_environment_inner {
    display: block
}

    .heterogeneous_environment_inner:after, .heterogeneous_environment_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.heterogeneous_image_box {
    float: left;
    width: 35%
}

.heterogeneous_image_des {
    float: left;
    width: 65%;
    padding-top: 55px;
    padding-left: 55px
}

    .heterogeneous_image_des h1 {
        font-size: 24px;
        color: #fdfdfd;
        padding-bottom: 30px
    }

.heterogeneous_list {
    display: block
}

    .heterogeneous_list ul li {
        display: block;
        font-size: 16px;
        color: #fdfdfd;
        background: url(../images/tik_01.png) no-repeat left 2px;
        padding-left: 40px;
        margin-bottom: 15px
    }

        .heterogeneous_list ul li:after, .heterogeneous_list ul li:before {
            display: table;
            clear: both;
            content: ""
        }

.industry_solutions_section {
    position: relative
}

.industry_solutions_head {
    display: block;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px
}

    .industry_solutions_head h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 15px
    }

    .industry_solutions_head h2 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 15px
    }

    .industry_solutions_head p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px
    }

.industry_list {
    display: block;
    margin-bottom: 100px
}

    .industry_list:after, .industry_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .industry_list ul li {
        float: left;
        width: 31%;
        position: relative;
        margin-right: 40px;
        margin-bottom: 40px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .industry_list ul li:nth-child(3) {
            margin-right: 0
        }

        .industry_list ul li:nth-child(6) {
            margin-right: 0
        }

        .industry_list ul li:nth-child(9) {
            margin-right: 0
        }

        .industry_list ul li:nth-child(12) {
            margin-right: 0
        }

        .industry_list ul li:nth-child(15) {
            margin-right: 0
        }

        .industry_list ul li:nth-child(18) {
            margin-right: 0
        }

.industry_image_box {
    display: block;
    width: 100%;
    position: relative
}

.industry_image {
    display: block;
    width: 100%;
    height: 337px;
    overflow: hidden
}

    .industry_image a {
        display: block;
        width: 100%
    }

        .industry_image a img {
            width: 100%
        }

.industry_image_box h3 {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    font-size: 28px;
    color: #fff;
    text-align: center;
    padding: 10px
}

.industry_over_box {
    position: absolute;
    background: url(../images/blue_tr.png) repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    top: 0;
    left: 0;
    display: flex;
    align-items: center
}

.industry_over_inner {
    display: block;
    width: 100%;
    padding: 30px
}

    .industry_over_inner h2 {
        font-size: 28px;
        color: #fff;
        padding-bottom: 15px;
        text-align: center;
        width: 100%
    }

    .industry_over_inner p {
        font-size: 14px;
        color: #fff;
        line-height: 24px;
        width: 100%;
        text-align: center
    }

.industry_list ul li:hover .industry_over_box {
    opacity: 1;
    transform: scale(1)
}

.industry_list ul li:hover .industry_image h3 {
    display: none
}

.android_application_section.iphone_developer {
    background: url(../images/iPhone_developer.png) no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.design_develop_section.iphone_developer_hire {
    padding-top: 40px
}

    .design_develop_section.iphone_developer_hire .design_develop_head h1 {
        padding-bottom: 15px
    }

    .design_develop_section.iphone_developer_hire .design_develop_head h2 {
        padding-bottom: 15px
    }

.mobile_apptelligence_sction {
    position: relative;
    background: url(../images/mobile_apptelligence_bg.jpg);
    min-height: 798px
}

.mobile_apptelligence_head {
    display: block;
    text-align: center;
    padding: 55px 0
}

    .mobile_apptelligence_head h1 {
        font-size: 30px;
        color: #585b60
    }

    .mobile_apptelligence_head h2 {
        font-size: 30px;
        color: #585b60
    }

.mobile_apptelligence_content {
    display: block;
    margin-top: 10px
}

    .mobile_apptelligence_content:after, .mobile_apptelligence_content:before {
        display: table;
        clear: both;
        content: ""
    }

.mobile_apptelligence_content {
    display: block
}

    .mobile_apptelligence_content:after, .mobile_apptelligence_content:before {
        display: table;
        clear: both;
        content: ""
    }

.mobile_apptelligence_left {
    float: left;
    width: 485px
}

    .mobile_apptelligence_left ul li {
        display: block;
        text-align: center;
        padding-bottom: 70px
    }

        .mobile_apptelligence_left ul li:last-child {
            padding-bottom: 0
        }

        .mobile_apptelligence_left ul li .apptelligence_icon {
            display: block
        }

            .mobile_apptelligence_left ul li .apptelligence_icon a {
                display: inline-block
            }

        .mobile_apptelligence_left ul li .apptelligence_title {
            display: block;
            text-align: center;
            margin-top: 25px
        }

            .mobile_apptelligence_left ul li .apptelligence_title h4 {
                font-size: 22px;
                color: #585b60
            }

.apptelligence_count {
    float: left;
    padding: 0 85px
}

.hire_app_developers {
    display: block;
    text-align: center;
    margin-top: 70px
}

    .hire_app_developers a {
        display: inline-block;
        font-size: 24px;
        color: #fff;
        height: 88px;
        line-height: 88px;
        background: #2a7bc1;
        padding: 0 35px;
        border-radius: 4px
    }

        .hire_app_developers a:hover {
            background: #333
        }

.find_php_devloper_section {
    position: relative;
    background: #fff;
    padding: 75px 0
}

.find_php_devloper_inner {
    display: block
}

    .find_php_devloper_inner:after, .find_php_devloper_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.find_php_devloper_left {
    float: left;
    width: 65%;
    padding-right: 40px
}

    .find_php_devloper_left h1 {
        font-size: 36px;
        color: #585b60;
        padding-bottom: 40px
    }

    .find_php_devloper_left h2 {
        font-size: 36px;
        color: #585b60;
        padding-bottom: 40px
    }

.find_php_list {
    display: block
}

    .find_php_list:after, .find_php_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .find_php_list p {
        display: block;
        font-size: 14px;
        color: #999;
        font-size: 14px;
        color: #999;
        position: relative
    }

    .find_php_list ul li {
        display: block;
        font-size: 14px;
        color: #999;
        font-size: 14px;
        color: #999;
        line-height: 22px;
        padding-bottom: 25px;
        position: relative;
        padding-left: 25px
    }

        .find_php_list ul li:before {
            width: 7px;
            height: 7px;
            position: absolute;
            left: 0;
            top: 8px;
            content: "";
            border-radius: 100%;
            background: #585b60
        }

.find_php_devloper_right {
    float: right;
    width: 35%;
    padding-top: 30px
}

.find_php_devloper_ger {
    float: right
}

.our_services_section {
    position: relative;
    background: url(../images/our_services_bg.png) repeat;
    padding-bottom: 15px
}

.our_services_head {
    display: block;
    text-align: center;
    padding: 60px 0
}

    .our_services_head h1 {
        font-size: 36px;
        color: #f4f4f4
    }

.our_services_list {
    display: block
}

    .our_services_list:after, .our_services_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .our_services_list ul li {
        float: left;
        width: 33.3%;
        text-align: center;
        margin-bottom: 60px
    }

        .our_services_list ul li .services_icon_box {
            display: block;
            width: 100%
        }

            .our_services_list ul li .services_icon_box a {
                display: inline-block
            }

        .our_services_list ul li .services_icon_des01 {
            display: block
        }

            .our_services_list ul li .services_icon_des01 h3 {
                font-size: 18px;
                color: #f4f4f4
            }

.competitive_edge_section.competitive_parlex .competitive_head h1 {
    color: #fff
}

.competitive_edge_section.competitive_parlex .competitive_head p {
    color: #fff
}

.competitive_edge_section.competitive_head {
    padding: 60px 0 70px
}

.competitive_edge_section.competitive_parlex .competitive_des h3 {
    color: #fff
}

.competitive_edge_section.competitive_parlex .competitive_des p {
    color: #fff;
    min-height: 121px
}

.dedicated_list ul li .dedicated_over_box {
    position: absolute;
    background: #034d87;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    top: 0;
    left: 0
}

.dedicated_list ul li:hover .dedicated_over_box {
    opacity: 1;
    transform: scale(1)
}

.nav_inner_box.nav_inner_box_new {
    width: 100%
}

    .nav_inner_box.nav_inner_box_new ul li {
        float: left;
        width: 50%;
        min-height: 47px
    }

.contact_content {
    display: block
}

    .contact_content:after, .contact_content:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_map_section {
    position: relative
}

    .contact_map_section img {
        display: block
    }

.contactinfo_box_section {
    position: relative;
    z-index: 99;
    display: block;
    margin: 60px 0
}

.contactinfo_box_inner {
    display: block;
    padding: 0
}

    .contactinfo_box_inner:after, .contactinfo_box_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.contactinfo_box {
    display: block;
    background: #fff;
    padding: 30px
}

    .contactinfo_box:after, .contactinfo_box:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_left_box {
    float: left;
    width: 510px
}

.contact_fild_box {
    display: block;
    margin-bottom: 20px
}

    .contact_fild_box:after, .contact_fild_box:before {
        display: table;
        clear: both;
        content: ""
    }

.label_required_box {
    display: block;
    padding-bottom: 10px
}

    .label_required_box:after, .label_required_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .label_required_box label {
        float: left;
        font-size: 14px;
        color: #303030
    }

    .label_required_box span {
        float: right;
        font-size: 12px;
        color: #034d87
    }

.contact_fild_box input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: solid 1px #d9d9d9
}

.contact_fild_box textarea {
    display: block;
    width: 100%;
    height: 200px;
    padding: 10px;
    font-size: 14px;
    color: #333;
    border: solid 1px #d9d9d9
}

.contact_submit {
    display: block;
    width: 100%
}

    .contact_submit input {
        display: block;
        width: 100%;
        height: 70px;
        border: none;
        background: #034d87;
        font-size: 24px;
        color: #fff;
        cursor: pointer
    }

        .contact_submit input:hover {
            background: #333
        }

.contact_right_box {
    float: left;
    width: -moz-calc(100% - 510px);
    width: -webkit-calc(100% - 510px);
    width: -o-calc(100% - 510px);
    width: calc(100% - 510px);
    padding-left: 115px
}

.contactinfo {
    display: block
}

    .contactinfo h2 {
        font-size: 23px;
        color: #303030;
        padding-bottom: 25px
    }

    .contactinfo p {
        font-size: 14px;
        color: #898989;
        padding-bottom: 20px
    }

.contact_addr {
    display: block;
    margin-top: 30px
}

.contact_devtechnosys {
    display: block
}

    .contact_devtechnosys h2 {
        font-size: 18px;
        color: #333;
        padding-bottom: 10px
    }

    .contact_devtechnosys p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px
    }

.contact_information_box {
    display: block;
    padding-top: 25px
}

    .contact_information_box:after, .contact_information_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .contact_information_box h2 {
        font-size: 18px;
        color: #333;
        padding-bottom: 24px
    }

    .contact_information_box ul li {
        display: block;
        margin-bottom: 15px
    }

        .contact_information_box ul li:after, .contact_information_box ul li:before {
            display: table;
            clear: both;
            content: ""
        }

        .contact_information_box ul li i {
            float: left;
            width: 45px
        }

        .contact_information_box ul li span {
            float: left;
            font-size: 14px;
            color: #6d6e71;
            width: 75%
        }

.contact_banner_section {
    display: block;
    background: url(../images/contact_banner.png) no-repeat;
    background-size: cover;
    min-height: 496px
}

.contact_title {
    font-size: 80px;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 1px 1px #697a73
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url(../fonts/Roboto-Thin_gdi.eot);
    src: url(../fonts/Roboto-Thin_gdid41d.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Thin_gdi.woff) format("woff"),url(../fonts/Roboto-Thin_gdi.ttf) format("truetype"),url(../fonts/Roboto-Thin_gdi.svg#Roboto-Thin) format("svg");
    font-weight: 250;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA
}

.get_quote_content {
    display: block
}

    .get_quote_content:after, .get_quote_content:before {
        display: table;
        clear: both;
        content: ""
    }

.get_quote_banner {
    display: block;
    width: 100%;
    background: url(../images/get_a_quote_banner.jpg) no-repeat;
    background-size: cover;
    min-height: 432px
}

.get_quote_inner {
    display: block;
    text-align: center;
    padding-top: 110px
}

    .get_quote_inner h1 {
        color: #fff;
        font-family: 'Roboto-Thin';
        font-size: 85px;
        padding-bottom: 10px
    }

    .get_quote_inner span {
        color: #fff;
        font-size: 36px
    }

.get_quote_form {
    display: block
}

    .get_quote_form:after, .get_quote_form:before {
        display: table;
        clear: both;
        content: ""
    }

.get_form_box {
    display: block
}

    .get_form_box h2 {
        font-size: 20px;
        color: #333;
        padding: 40px 0
    }

.form_two_box {
    display: block
}

    .form_two_box:after, .form_two_box:before {
        display: table;
        clear: both;
        content: ""
    }

.form_two_fild_box {
    float: left;
    width: 48%;
    margin-bottom: 20px
}

    .form_two_fild_box label {
        display: block;
        font-weight: 400;
        font-size: 14px;
        color: #303030;
        padding-bottom: 10px
    }

    .form_two_fild_box input {
        width: 100%;
        height: 46px;
        padding: 10px;
        font-size: 14px;
        color: #333;
        border: solid 1px #d9d9d9
    }

    .form_two_fild_box textarea {
        width: 100%;
        height: 155px;
        padding: 10px;
        font-size: 14px;
        color: #333;
        border: solid 1px #d9d9d9;
        resize: none
    }

    .form_two_fild_box input[type="file"] {
        height: auto
    }

.form_submit_button {
    display: block;
    margin: 30px 0 50px
}

    .form_submit_button:after, .form_submit_button:before {
        display: table;
        clear: both;
        content: ""
    }

    .form_submit_button input {
        float: left;
        font-size: 20px;
        color: #fff;
        background: #2a7bc1;
        border: none;
        height: 75px;
        padding: 0 30px;
        border-radius: 4px;
        cursor: pointer
    }

        .form_submit_button input:hover {
            background: #333
        }

.contact_form_project {
    display: block;
    background: #2a7bc1
}

    .contact_form_project:after, .contact_form_project:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_form_head {
    display: block;
    text-align: center;
    padding: 30px 0 50px
}

    .contact_form_head h1 {
        font-size: 48px;
        color: #fff;
        padding-bottom: 20px
    }

    .contact_form_head span {
        font-size: 16px;
        color: #fff
    }

.contact_form_inner {
    display: block
}

    .contact_form_inner:after, .contact_form_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_form_two_fild {
    display: block
}

    .contact_form_two_fild:after, .contact_form_two_fild:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_form_fild {
    width: 48%;
    margin-bottom: 25px
}

    .contact_form_fild input {
        font-size: 14px;
        color: #fff;
        height: 60px;
        padding: 10px;
        width: 100%;
        border: solid 1px #fff;
        background: #fff0
    }

    .contact_form_fild select {
        font-size: 14px;
        color: #fff;
        height: 60px;
        padding: 10px;
        width: 100%;
        border: solid 1px #fff;
        background: #fff0
    }

    .contact_form_fild input[type="file"] {
        height: auto
    }

.select_requirement_box {
    display: block;
    padding-top: 45px
}

    .select_requirement_box:after, .select_requirement_box:before {
        display: table;
        clear: both;
        content: ""
    }

.contact_form_top {
    display: block
}

    .contact_form_top:after, .contact_form_top:before {
        display: table;
        clear: both;
        content: ""
    }

.select_requirement_box h2 {
    font-size: 20px;
    color: #fff;
    padding-bottom: 35px;
    text-align: center
}

.select_check_list {
    display: block;
    margin-bottom: 25px
}

    .select_check_list:after, .select_check_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .select_check_list ul li {
        float: left;
        width: 33.3%;
        padding-bottom: 20px
    }

        .select_check_list ul li input {
            float: left;
            margin-top: 3px;
            margin-right: 7px
        }

        .select_check_list ul li label {
            float: left;
            font-size: 14px;
            color: #fff;
            font-weight: 400
        }

.contact_form_fild textarea {
    font-size: 14px;
    color: #fff;
    height: 110px;
    padding: 10px;
    width: 100%;
    border: solid 1px #fff;
    background: #fff0;
    font-family: "Roboto-Reguler";
    resize: none
}

.contact_form_fild.comments_message {
    float: none;
    width: 100%
}

.united_states_box {
    display: block
}

    .united_states_box:after, .united_states_box:before {
        display: table;
        clear: both;
        content: ""
    }

.united_code_box {
    float: left;
    margin-left: 20px
}

.united_code_image {
    float: left
}

.loader_image {
    float: left;
    margin-left: 20px;
    margin-top: 10px
}

.your_privacy_box {
    display: block;
    padding-bottom: 60px
}

    .your_privacy_box p {
        background: url(../images/lock_icon.png) no-repeat left center;
        padding-left: 35px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
        color: #fff
    }

.contact_submit01 {
    display: block;
    margin-bottom: 80px;
    margin-top: 10px;
    text-align: center
}

    .contact_submit01:after, .contact_submit01:before {
        display: table;
        clear: both;
        content: ""
    }

    .contact_submit01 input {
        display: inline-block;
        height: 75px;
        text-transform: uppercase;
        border: none;
        border-radius: 4px;
        padding: 0 55px;
        background: #fff;
        cursor: pointer;
        font-size: 24px;
        color: #000
    }

        .contact_submit01 input:hover {
            background: #12181a;
            color: #fff
        }

.get_quote_form_content {
    display: block;
    margin-bottom: 16px
}

    .get_quote_form_content:after, .get_quote_form_content:before {
        display: table;
        clear: both;
        content: ""
    }

.get_quote_form_banner {
    display: block;
    background: url(../images/business_banner01.png);
    min-height: 432px;
    background-size: cover;
    width: 100%
}

    .get_quote_form_banner:after, .get_quote_form_banner:before {
        display: table;
        clear: both;
        content: ""
    }

.get_quote_form_inner {
    display: block;
    text-align: center;
    padding: 60px 0
}

.get_quote_banner_head {
    display: block
}

    .get_quote_banner_head h1 {
        font-size: 55px;
        color: #fff;
        font-weight: 400;
        padding-bottom: 10px
    }

    .get_quote_banner_head span {
        font-size: 20px;
        font-family: 'Roboto-Light';
        color: #fff;
        text-transform: capitalize
    }

.quote_email_phone {
    display: block;
    text-align: center;
    padding-top: 45px
}

.quote_email_inner {
    display: inline-block;
    padding: 30px 0;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1
}

    .quote_email_inner ul li {
        float: left;
        padding-right: 80px
    }

        .quote_email_inner ul li a {
            display: block
        }

            .quote_email_inner ul li a:after, .quote_email_inner ul li a:before {
                display: table;
                clear: both;
                content: ""
            }

        .quote_email_inner ul li i {
            float: left;
            margin-right: 10px;
            position: relative;
            top: 4px
        }

        .quote_email_inner ul li span {
            float: left;
            font-size: 24px;
            color: #fff
        }

.request_quote_form_box {
    display: block;
    padding: 20px 15px
}

.requestform .request_quote_form_box {
    padding: 50px 0
}

.request_quote_form_box h1 {
    font-size: 36px;
    color: #333
}

.request_quote_form_box h2 {
    font-size: 35px;
    color: #333
}

.quote_form_box_inner {
    display: block
}

    .quote_form_box_inner:after, .quote_form_box_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.quote_form_box_left {
    float: none;
    width: 100%;
    padding: 0;
    display: block
}

    .quote_form_box_left:after, .quote_form_box_left:before {
        display: table;
        clear: both;
        content: ""
    }

.quote_form_box_head {
    display: block;
    text-align: center;
    padding-bottom: 50px
}

.quote_form_box_inner h2 {
    font-size: 20px;
    color: #2a7bc1;
    padding-bottom: 20px
}

.quote_form_box_head h4 {
    font-size: 16px;
    color: #676767;
    line-height: 28px;
    padding-top: 10px;
    display: block
}

.personal_details_box {
    display: block
}

    .personal_details_box:after, .personal_details_box:before {
        display: table;
        clear: both;
        content: ""
    }

.personal_fild_row {
    display: block;
    position: relative;
    margin-bottom: 7px
}

    .personal_fild_row:after, .personal_fild_row:before {
        display: table;
        clear: both;
        content: ""
    }

    .personal_fild_row label {
        font-weight: 400;
        font-size: 14px;
        color: #303030;
        display: block;
        padding-bottom: 0
    }

    .personal_fild_row input {
        width: 100%;
        height: 46px;
        padding: 10px;
        border: solid 1px #d9d9d9;
        background: #fff;
        font-size: 14px;
        color: #333
    }

        .personal_fild_row input[type="file"] {
            height: auto
        }

    .personal_fild_row select {
        width: 100%;
        height: 46px;
        padding: 10px;
        border: solid 1px #d9d9d9 !important;
        background: #fff;
        font-size: 14px;
        color: #333
    }

    .personal_fild_row textarea {
        width: 100%;
        height: 104px;
        padding: 10px;
        border: solid 1px #d9d9d9 !important;
        background: #fff;
        font-size: 14px;
        color: #333;
        resize: none
    }

.maximum_files {
    display: block
}

    .maximum_files p {
        font-size: 14px;
        color: red;
        font-style: italic;
        padding-bottom: 5px
    }

.personal_fild_row.upload_attachment input {
    float: left;
    width: 65%
}

    .personal_fild_row.upload_attachment input[type="submit"] {
        float: left;
        width: 35%;
        background: #2a7bc1;
        font-size: 20px;
        color: #fff;
        border: none;
        cursor: pointer
    }

        .personal_fild_row.upload_attachment input[type="submit"]:hover {
            background: #333
        }

.quote_form_box_right {
    float: left;
    width: 50%;
    padding-left: 30px;
    display: none
}

    .quote_form_box_right h2 {
        text-align: center
    }

.check_list_box {
    display: block;
    margin: 29px 0 50px
}

    .check_list_box:after, .check_list_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .check_list_box ul li {
        float: left;
        margin-right: 20px;
        width: 31%;
        position: relative
    }

        .check_list_box ul li input {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 99;
            opacity: 0;
            cursor: pointer
        }

        .check_list_box ul li:last-child {
            margin-right: 0
        }

        .check_list_box ul li a {
            display: block;
            background: url(../images/check_icon01.png) no-repeat #c5c5c5 right center;
            height: 46px;
            line-height: 46px;
            position: relative;
            font-size: 14px;
            color: #fff;
            display: block;
            width: 100%;
            border-radius: 4px;
            padding-right: 40px;
            padding-left: 15px
        }

        .check_list_box ul li.active a {
            display: block;
            background: url(../images/check_icon01.png) no-repeat #2a7bc1 right center
        }

        .check_list_box ul li:hover a {
            background: url(../images/check_icon01.png) no-repeat #2a7bc1 right center
        }

        .check_list_box ul li.active.remove_check a {
            display: block;
            background: url(../images/check_remove.png) no-repeat #2a7bc1 right center
        }

    .check_list_box.check_list_interested ul li {
        margin-bottom: 20px
    }

        .check_list_box.check_list_interested ul li:nth-child(3) {
            margin-right: 0
        }

        .check_list_box.check_list_interested ul li:nth-child(6) {
            margin-right: 0
        }

        .check_list_box.check_list_interested ul li:nth-child(9) {
            margin-right: 0
        }

.otherbutton_div {
    display: block
}

    .otherbutton_div:after, .check_list_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .otherbutton_div ul li {
        margin: auto;
        width: 31%;
        position: relative
    }

        .otherbutton_div ul li a {
            display: block;
            background: #2a7bc1;
            text-align: left;
            height: 46px;
            line-height: 46px;
            position: relative;
            font-size: 16px;
            color: #fff;
            display: block;
            width: 100%;
            border-radius: 4px;
            padding-right: 40px;
            text-transform: uppercase;
            padding-left: 15px
        }

            .otherbutton_div ul li a:before {
                content: "";
                border-top: solid 7px #fff;
                border-left: solid 7px #fff0;
                border-right: solid 7px #fff0;
                position: absolute;
                right: 10px;
                top: 20px
            }

        .otherbutton_div ul li.active a {
            display: block;
            background: #333
        }

        .otherbutton_div ul li:hover a {
            background: #333
        }

        .otherbutton_div ul li.active.remove_check a {
            display: block;
            background: #2a7bc1
        }

.resultshow_div {
    display: block
}

    .resultshow_div:after, .check_list_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .resultshow_div ul li {
        float: left;
        margin-right: 20px;
        width: 31%;
        position: relative
    }

        .resultshow_div ul li input {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 99;
            opacity: 0;
            cursor: pointer
        }

        .resultshow_div ul li:last-child {
            margin-right: 0
        }

        .resultshow_div ul li a {
            display: block;
            background: url(../images/check_icon01.png) no-repeat #c5c5c5 right center;
            height: 46px;
            line-height: 46px;
            position: relative;
            font-size: 14px;
            color: #fff;
            display: block;
            width: 100%;
            border-radius: 4px;
            padding-right: 40px;
            padding-left: 15px
        }

        .resultshow_div ul li.active a {
            display: block;
            background: url(../images/check_icon01.png) no-repeat #2a7bc1 right center
        }

        .resultshow_div ul li:hover a {
            background: url(../images/check_icon01.png) no-repeat #2a7bc1 right center
        }

        .resultshow_div ul li.active.remove_check a {
            display: block;
            background: url(../images/check_remove.png) no-repeat #2a7bc1 right center;
            background-color: #34a853 !important
        }

    .resultshow_div.check_list_interested ul li {
        margin-bottom: 20px
    }

        .resultshow_div.check_list_interested ul li:nth-child(3) {
            margin-right: 0
        }

        .resultshow_div.check_list_interested ul li:nth-child(6) {
            margin-right: 0
        }

        .resultshow_div.check_list_interested ul li:nth-child(9) {
            margin-right: 0
        }

.budget_timeline_box {
    display: block;
    background: #e2e2e2;
    padding: 0 20px 20px;
    border: solid 1px #d9d9d9;
    border-radius: 4px
}

    .budget_timeline_box h3 {
        font-size: 20px;
        color: #000;
        padding: 20px 0;
        text-align: center;
        margin: 0
    }

.progress_box {
    position: relative;
    margin-bottom: 40px
}

.filter_price {
    position: absolute;
    left: 261px;
    bottom: -19px;
    font-size: 12px;
    color: #2a7bc1
}

.send_it_button {
    float: right;
    margin-top: 12px;
    width: auto
}

    .send_it_button input {
        display: block;
        width: 100%;
        font-size: 22px;
        color: #fff;
        background: #2a7bc1;
        border-radius: 4px;
        border: none;
        height: 60px;
        text-transform: uppercase;
        cursor: pointer
    }

        .send_it_button input:hover {
            background: #333
        }

    .send_it_button a {
        display: block;
        width: 100%;
        font-size: 14px;
        color: #fff;
        background: #2a7bc1;
        border-radius: 0;
        border: none;
        text-align: center;
        height: 46px;
        line-height: 46px;
        text-transform: uppercase;
        cursor: pointer;
        padding: 0 15px
    }

        .send_it_button a:hover {
            background: #333;
            color: #fff
        }

.work_section {
    position: relative;
    background: #f1f1f1;
    padding: 30px 0
}

.work_list {
    display: block
}

    .work_list ul li {
        float: left;
        margin-right: 73px
    }

        .work_list ul li:last-child {
            margin-right: 0
        }

    .work_list a {
        display: block;
        height: 68px;
        line-height: 68px
    }

        .work_list a:hover {
            transform: scale(.9);
            -moz-transform: scale(.9);
            -webkit-transform: scale(.9);
            -o-transform: scale(.9);
            -ms-transform: scale(.9)
        }

.testimonial_section .flex-direction-nav {
    display: none
}

.testimonial_section .flex-control-nav {
    display: none
}

.company_profile_content {
    display: block
}

    .company_profile_content:after, .company_profile_content:before {
        display: table;
        clear: both;
        content: ""
    }

.company_about_section {
    position: relative;
    background: url(../images/inner/portfolio_top.jpg) repeat;
    min-height: 502px;
    background-size: cover;
    background-attachment: fixed;
    width: 100%
}

body .sjb-wrap #sjb-contain-bg {
    background: #fff !important;
    padding: 15px;
    border: solid 1px #ccc;
    background: #fff
}

body .sjb-wrap #sjb-form-padding {
    margin-bottom: 0;
    margin-top: 0;
    margin-bottom: 15px !important
}

.sjb-lead.job-description p {
    font-size: 14px;
    color: #333
}

.career_top_banner .android_application_inner {
    padding-top: 135px
}

.career_page_conent {
    display: block;
    padding: 50px 0
}

    .career_page_conent:after, .career_page_conent:before {
        display: table;
        clear: both;
        content: ""
    }

.sjb-wrap #sjb_company-logo {
    margin: 0;
    padding: 0;
    width: auto
}

.sjb-wrap #sjb_job-visiable {
    padding: 0
}

.sjb-wrap .sjb-row {
    margin: 0
}

.sjb-wrap .sjb-col-md-12 {
    margin: 0;
    padding: 0
}

.sjb-wrap #sjb-grid-view-heading {
    margin-left: 0;
    width: 100%
}

.sjb-wrap #sjb_job-heading a, .sjb-wrap #sjb-job-heading a {
    font-size: 15px;
    color: #333
}

.sjb_grid_des {
    display: block
}

    .sjb_grid_des:after, .sjb_grid_des:before {
        display: table;
        clear: both;
        content: ""
    }

.career_list_content {
    display: block
}

    .career_list_content:after, .career_list_content:before {
        display: table;
        clear: both;
        content: ""
    }

.sjb-wrap #sjb_job-heading, .sjb-wrap #sjb-job-heading {
    margin: 0
}

.career_list_content .career_image_box {
    float: left;
    width: 200px
}

.career_list_content .sjb_grid_des {
    float: left;
    width: 64%;
    padding-left: 25px;
    padding-top: 18px
}

.permanent_list_content {
    display: block
}

    .permanent_list_content:after, .permanent_list_content:before {
        display: table;
        clear: both;
        content: ""
    }

    .permanent_list_content .sjb-col-md-12 {
        float: left;
        width: auto;
        padding-right: 14px
    }

body .sjb-wrap #sjb_job-bolits {
    color: #333 !important
}

    body .sjb-wrap #sjb_job-bolits i {
        color: #164e91 !important
    }

body .sjb-wrap .sjb-lead {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    color: #333
}

.career_list_box {
    display: block
}

    .career_list_box:after, .career_list_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .career_list_box .sjb-col-md-6 {
        padding-left: 0
    }

        .career_list_box .sjb-col-md-6:nth-child(even) {
            padding-right: 0
        }

.sjb-form-inline .sjb-col-md-4 {
    padding-left: 0
}

.sjb-form-inline .sjb-col-md-2 {
    padding-right: 0
}

.sjb-wrap .sjb-form-control {
    height: 46px
}

.career_list_content .career_image_box img {
    width: 100%;
    height: auto
}

.single_job_inner {
    display: block
}

    .single_job_inner:after, .single_job_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.single_job_left_box {
    float: left;
    width: 280px;
    padding: 15px;
    border: solid 1px #ccc
}

.single_job_right_box {
    float: left;
    width: 76%;
    padding-left: 30px
}

.single_job_left_box .sjb-col-md-6 {
    padding: 0;
    width: 100%;
    margin-bottom: 20px
}

.sjb-wrap .single_job_left_box .sjb-company-logo {
    width: 100%;
    margin: 0 0 15px;
    padding: 0
}

.single_job_left_box .sjb-row > #sjb-heading {
    padding-left: 0;
    width: 100%
}

.sjb-wrap .single_job_left_box .sjb-company-tagline {
    padding: 7px 0 0;
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #333
}

.sjb-wrap .single_job_left_box .sjb-col-md-2 {
    display: block;
    width: 100%;
    padding: 0
}

.sjb-wrap .single_job_left_box #sjb_job-heading, .sjb-wrap .single_job_left_box #sjb-job-heading {
    font-size: 15px;
    color: #333
}

.single_job_right_box .sjb-col-md-10 {
    width: 100%;
    padding: 10px 15px
}

    .single_job_right_box .sjb-col-md-10 table {
        border: none;
        background: none;
        border: none !important
    }

        .single_job_right_box .sjb-col-md-10 table tr th {
            padding: 0;
            background: none;
            border: none !important;
            padding-left: 0 !important
        }

        .single_job_right_box .sjb-col-md-10 table tr td {
            padding: 0;
            background: none;
            border: none !important
        }

.sjb-job-features {
    display: block;
    border: solid 1px #ccc
}

    .sjb-job-features:after, .sjb-job-features:before {
        display: table;
        clear: both;
        content: ""
    }

    .sjb-job-features h3 {
        margin-top: 0;
        padding: 15px;
        background: #f8f8f8;
        border-bottom: solid 1px #ccc
    }

body .sjb-wrap #sjb_job-detail-heading h3 {
    font-size: 18px;
    color: #2a7bc1;
    margin: 0
}

article header {
    background: none
}

.sjb-job-features {
    display: block;
    margin-bottom: 15px
}

.sjb-job-application {
    display: block;
    border: solid 1px #ccc
}

    .sjb-job-application h3 {
        margin-top: 0;
        padding: 15px;
        background: #f8f8f8;
        border-bottom: solid 1px #ccc
    }

body .sjb-wrap #sjb_job-detail-heading label {
    display: block;
    padding-bottom: 5px;
    font-size: 15px;
    color: #333
}

.sjb-wrap .sjb-form-group {
    margin-bottom: 15px
}

body .sjb-wrap #sjb_job-detail-heading input[type="file"] {
    border: solid 1px #ccc;
    padding: 10px;
    width: 100%
}

body .sjb-wrap #sjb-form-padding-button button {
    border-radius: 4px;
    padding: 15px 25px
}

    body .sjb-wrap #sjb-form-padding-button button:hover {
        background: #333 !important
    }

.single_job_right_box .sjb-job-details p:nth-child(2) {
    font-size: 24px;
    padding: 0 0 20px;
    color: #164e91
}

.single-job-listing {
    display: block;
    padding: 40px 0
}

.single_job_right_box .sjb-job-details p:empty {
    display: none
}

.company_profile_content {
    display: block
}

    .company_profile_content:after, .company_profile_content:before {
        display: table;
        clear: both;
        content: ""
    }

.company_about_section {
    position: relative;
    background: url(../images/inner/portfolio_top.jpg) no-repeat;
    min-height: 502px;
    background-size: cover;
    width: 100%
}

.company_profile_head {
    display: block;
    text-align: center;
    padding-top: 92px
}

    .company_profile_head h1 {
        font-size: 35px !important;
        color: #fff;
        padding-bottom: 20px;
        text-transform: capitalize
    }

    .company_profile_head span {
        font-size: 20px;
        color: #fff
    }

.see_work_buton {
    display: block;
    text-align: center;
    margin-top: 47px
}

    .see_work_buton a {
        text-decoration: none;
        display: inline-block;
        font-size: 24px;
        color: #fff;
        height: 75px;
        line-height: 75px;
        padding: 0 45px;
        border: solid 2px #fff;
        border-radius: 4px;
        text-transform: capitalize
    }

        .see_work_buton a:hover {
            background: #fff;
            color: #333
        }

.easier_within_section {
    position: reltive;
    background: #fff
}

    .easier_within_section.ivr_section {
        position: relative;
        background: url(../images/inner/companies_bg.jpg) repeat;
        padding: 6px 0 70px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        margin-bottom: 10px
    }

        .easier_within_section.ivr_section h2 {
            font-size: 34px;
            color: #fff;
            text-align: center;
            padding-bottom: 13px;
            background: url(../images/footer-line.gif) no-repeat center bottom;
            margin-bottom: 75px
        }

.solution_section {
    padding: 20px;
    box-shadow: 3px 4px 15px #1e2222;
    margin-right: 15px;
    background-color: #fff;
    min-height: 250px;
    transform: translateZ(0);
    width: 100%
}

    .solution_section:hover {
        background-color: #07de6a;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform
    }

    .solution_section.last {
        margin-right: 0
    }

    .solution_section p {
        margin-bottom: 0 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        text-align: center !important
    }

    .solution_section span {
        display: block;
        text-align: center !important;
        padding-bottom: 20px
    }

    .solution_section p:hover {
        color: #fff !important
    }

.easier_within_section.adress {
    background: url(../images/bg.jpg) repeat
}

.form-section input, select, textarea {
    border-bottom: 1px solid #ddd !important;
    border: none;
    border-top: none !important;
    border-left: none !important;
    margin-bottom: 30px;
    font-size: 17px
}

.form-section label {
    font-size: 17px;
    color: #999;
    padding: 0 10px;
    font-weight: 400;
    border: none !important
}

.form-section textarea {
    border-bottom: 1px solid #ddd !important;
    border: none;
    margin-bottom: 20px;
    font-size: 17px
}

.form-section .btn-primary {
    margin-bottom: 20px;
    padding: 14px 25px;
    background-color: #15c968;
    border-radius: 3px;
    border-color: #fff !important;
    color: #fff;
    font-size: 19px
}

.easier_within_head {
    display: block;
    padding: 45px 0
}

.apart.animated {
    font-size: 22px;
    margin: auto
}

.easier_within_head.img-hover-effects {
    display: inline-block;
    margin: 0;
    text-align: center
}

.benefits_heading {
    padding: 35px 0
}

.easier_within_head.last {
    padding-bottom: 20px
}

.easier_within_head.contact-hd h2 {
    font-size: 30px;
    color: #191C1F;
    padding-bottom: 19px;
    background: url(../images/footer-line.gif) no-repeat center bottom;
    margin-bottom: 30px
}

easier_within_head li span {
    font-size: 19px;
    display: block;
    color: #01AB50;
    text-align: left
}

.full-width-p {
    width: 48%;
    float: left
}

.easier_within_head li.last {
    background: none;
    margin: 10px 0
}

.easier_within_head.easier_table {
    padding: 0
}

.easier_within_head h1 {
    font-size: 30px;
    color: #585b60;
    padding-bottom: 15px
}

.easier_within_head h2 {
    font-size: 34px;
    text-align: center;
    padding-bottom: 19px;
    background: url(../images/footer-line.gif) no-repeat center bottom;
    margin-bottom: 20px
}

.milestone_within_head h2 {
    font-size: 38px;
    color: #191C1F;
    text-align: center;
    padding-bottom: 13px;
    background: url(../images/footer-line.gif) no-repeat center bottom;
    margin-bottom: 20px
}

.easier_within_head h2.last {
    padding-bottom: 30px;
    margin-top: 30px
}

.easier_within_head p {
    font-size: 17px;
    line-height: 25px;
    padding: 6px 16px;
    text-align: left
}

.align_section {
    line-height: 29px !important;
    text-align: center !important
}

.contact p {
    font-size: 18px;
    color: #525252;
    line-height: 25px;
    padding: 6px 0;
    text-align: center
}

.contact img {
    text-align: center;
    transition: transform .3s
}

    .contact img:hover {
        transform: rotateY(0);
        transform: rotateY(-180deg)
    }

.easier_within_head span {
    margin-top: 3px;
    font-size: 18px;
    color: #233a6a;
    text-align: left;
    font-family: 'Roboto-Light'
}

    .easier_within_head span.contact_hd {
        margin-top: 20px;
        font-size: 19px;
        color: #b2d9ff;
        text-align: center;
        display: block;
        margin-bottom: 110px
    }

iframe {
    margin-top: 0
}

.contact span {
    display: block;
    font-size: 25px;
    color: #141617;
    text-align: center
}

.location_text {
    font-size: 20px;
    color: #444;
    text-align: center;
    background-color: #16ca69;
    color: #fff;
    padding: 15px 0
}

    .location_text img {
        padding-right: 10px
    }

.easier_within_head ul {
    margin-left: 25px
}

.easier_within_head li {
    font-size: 16px;
    color: #6d6d6d;
    line-height: 20px;
    padding: 6px 0;
    text-align: left;
    background: url(../images/bullet-3.gif) no-repeat left;
    padding-left: 27px
}

.easier_within_head p.last {
    text-align: center;
    padding-bottom: 30px
}

.easier_within_head p strong {
    font-size: 17px
}

.easier_within_head p .color {
    color: #02C45C;
    transform: translateZ(0)
}

    .easier_within_head p .color:hover {
        webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -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
    }

.easier_within_head p last {
    text-align: center
}

.easier_within_content {
    display: block;
    margin-top: 40px
}

    .easier_within_content.form-section {
        margin: 0
    }

.form-group h2 {
    text-align: left;
    padding-bottom: 13px;
    background: url(../images/footer-line.gif) no-repeat left bottom !important;
    margin-bottom: 30px
}

.easier_within_content.line {
    border-bottom: 3px solid #EFEDED
}

.easier_within_content:after, .easier_within_content:before {
    display: table;
    clear: both;
    content: ""
}

.easier_within_left {
    float: left;
    width: 50%;
    padding: 0
}

    .easier_within_left.easier_within_left-2 {
        float: left;
        width: 50%;
        padding: 0
    }

.our_vision {
    float: left;
    width: 50%;
    padding: 40px;
    text-align: center
}

.easier_within_left.our_vision:hover {
    background-color: #9DCF4A;
    cursor: pointer
}

.easier_within_left.our_vision p {
    color: #6d6e71;
    font-size: 15px
}

.easier_within_right.our_mission {
    float: left;
    width: 50%;
    padding: 40px;
    text-align: center
}

.easier_within_left.our_mission:hover {
    background-color: #9DCF4A;
    cursor: pointer
}

.easier_within_left.easier_within_left_2 {
    background-color: #fff
}

    .easier_within_left.easier_within_left_2.last {
        background-color: #fff;
        padding: 0
    }

    .easier_within_left.easier_within_left_2 p {
        color: #6d6e71;
        font-size: 16px
    }

.easier_within_left h2 {
    font-size: 24px;
    color: #fff;
    padding-bottom: 15px
}

.easier_within_left span {
    color: #34485d
}

.easier_within_left h1 {
    font-size: 23px;
    color: #585b60;
    padding-bottom: 15px
}

.easier_within_left p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 0
}

    .easier_within_left p.space3 {
        padding: 4px 25px 4px 0
    }

.easier_within_left h2 {
    font-size: 26px;
    color: #191C1F;
    text-align: left;
    font-weight: 500;
    padding-bottom: 13px;
    background: url(../images/footer-line-2.gif) no-repeat left bottom
}

.about-heading {
    font-size: 32px !important;
    padding-bottom: 10px !important
}

    .about-heading span {
        font-size: 32px !important;
        margin-left: 0 !important;
        display: inline
    }

.easier_within_content .last {
    text-align: center;
    margin: 10px 0
}

.easier_within_right h2 {
    font-size: 26px;
    color: #191C1F;
    text-align: center;
    padding-bottom: 15px
}

.easier_within_right p {
    font-size: 15px;
    color: #6d6e71;
    line-height: 25px;
    padding-bottom: 15px
}

.easier_within_left ul {
    list-style: disc;
    padding-left: 15px;
    list-style-type: none
}

    .easier_within_left ul li {
        font-size: 17px;
        color: #6d6e71;
        background: url(../images/bullet-4.gif) no-repeat left 10px;
        line-height: 24px;
        padding-bottom: 7px
    }

.easier_within_content h1 {
    font-size: 31px;
    color: #262323;
    text-align: center;
    margin-bottom: 30px
}

.easier_within_right ul li {
    font-size: 17px;
    color: #6d6e71;
    background: url(../images/bullet-4.gif) no-repeat left 10px;
    line-height: 24px;
    padding-bottom: 7px
}

.easier_within_left p:empty {
    display: none
}

.easier_within_right {
    float: left;
    width: 50%
}

.contact_text_right {
    float: left;
    width: 30%;
    background-color: #36467c;
    padding: 33px 22px;
    opacity: .9
}

.contact_text_left {
    float: right;
    width: 70%;
    background-color: #fff;
    padding: 33px 20px 32px
}

.contact_text_right p {
    font-size: 17px;
    color: #fff;
    line-height: 25px;
    padding: 0 0 7px !important;
    text-align: center;
    font-family: "Roboto-Reguler"
}

.hvr-icon-wobble-horizontal {
    margin-top: 11px;
    font-size: 21px;
    color: #11d26a
}

.contact_text_right p a {
    font-size: 35px;
    color: #fff
}

.contact_text_right p strong {
    font-size: 17px
}

.easier_within_image {
    position: relative;
    top: 4px
}

    .easier_within_image.easier_within_image2 {
        position: relative;
        top: -42px
    }

    .easier_within_image a {
        cursor: inherit
    }

.safe_hands_section {
    position: relative
}

.safe_hands_inner {
    display: block
}

    .safe_hands_inner:after, .safe_hands_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.safe_hands_left {
    float: left;
    width: 50%;
    padding: 90px 0
}

.safe_hands_left_head {
    display: block
}

    .safe_hands_left_head h1 {
        font-size: 72px;
        color: #2a7bc1
    }

    .safe_hands_left_head span {
        font-size: 43px;
        color: #585b60;
        padding: 10px 0;
        display: block
    }

.safe_hands_left_content {
    display: block;
    padding-top: 20px
}

    .safe_hands_left_content p {
        font-size: 17px;
        color: #585b60
    }

    .safe_hands_left_content h4 {
        font-size: 32px;
        color: #585b60;
        padding-top: 20px
    }

.safe_hands_right {
    float: left;
    width: 50%
}

.safe_hands_image {
    position: relative;
    top: 4px
}

.remarkable_solutions_section {
    position: relative;
    background: url(../images/remarkable_solutions_bg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 500px
}

.remarkable_solutions_head {
    display: block;
    text-align: center;
    padding-top: 140px;
    padding-bottom: 45px
}

    .remarkable_solutions_head h1 {
        font-size: 36px;
        color: #fff;
        line-height: 50px
    }

.remarkable_solutions_list {
    display: block;
    text-align: center
}

    .remarkable_solutions_list:after, .remarkable_solutions_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .remarkable_solutions_list ul {
        display: inline-block
    }

        .remarkable_solutions_list ul li {
            float: left;
            padding: 0 30px
        }

            .remarkable_solutions_list ul li a {
                display: block;
                width: 100%
            }

                .remarkable_solutions_list ul li a:hover {
                    opacity: .7
                }

            .remarkable_solutions_list ul li i {
                display: block
            }

            .remarkable_solutions_list ul li span {
                font-size: 14px;
                color: #fff
            }

.about_devtechnosys_section {
    position: relative;
    padding-bottom: 30px
}

.about_devtechnosys_head {
    display: block;
    text-align: center;
    padding: 45px 0
}

    .about_devtechnosys_head h1 {
        font-size: 30px;
        color: #585b60;
        text-transform: capitalize
    }

.about_devtechnosys_inner {
    display: block
}

    .about_devtechnosys_inner:after, .about_devtechnosys_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.about_devtechnosys_box_row {
    display: block;
    padding-bottom: 35px
}

    .about_devtechnosys_box_row:after, .about_devtechnosys_box_row:before {
        display: table;
        clear: both;
        content: ""
    }

.about_devtechnosys_box {
    float: left;
    width: 50%
}

    .about_devtechnosys_box h4 {
        font-size: 24px;
        color: #2a7bc1;
        text-transform: capitalize;
        padding-bottom: 25px
    }

    .about_devtechnosys_box ul {
        display: block
    }

        .about_devtechnosys_box ul li {
            display: block;
            width: 100%;
            padding-bottom: 20px
        }

            .about_devtechnosys_box ul li a {
                display: block;
                width: 100%;
                font-size: 14px;
                color: #6d6e71;
                background: url(../images/arrow_list.png) no-repeat left 6px;
                padding-left: 18px
            }

                .about_devtechnosys_box ul li a:hover {
                    background: url(../images/arrow_list_active.png) no-repeat left 6px;
                    color: #2a7bc1
                }

.degital_marketing_content {
    display: block
}

    .degital_marketing_content:after, .degital_marketing_content:before {
        display: table;
        clear: both;
        content: ""
    }

.company_about_section.degital_marketing_banner {
    position: relative;
    background: url(../images/digital_marketing_banner.png) no-repeat;
    min-height: 502px;
    background-size: cover;
    background-attachment: fixed;
    width: 100%
}

.company_trust_section {
    position: relative
}

.company_trust_head {
    display: block;
    text-align: center;
    padding-bottom: 30px
}

    .company_trust_head h1 {
        font-size: 30px;
        color: #585b60;
        text-transform: uppercase;
        padding: 40px 0 15px
    }

        .company_trust_head h1:empty {
            display: none
        }

    .company_trust_head p {
        font-size: 14px;
        color: #333;
        line-height: 24px
    }

.company_trust_des {
    display: block
}

    .company_trust_des:after, .company_trust_des:before {
        display: table;
        clear: both;
        content: ""
    }

.company_trust_left {
    float: left;
    width: 450px
}

    .company_trust_left p {
        font-size: 16px;
        color: #6d6e71;
        line-height: 24px;
        padding-bottom: 10px
    }

    .company_trust_left h2 {
        font-size: 24px;
        color: #585b60;
        padding-top: 25px;
        padding-bottom: 15px
    }

    .company_trust_left ul {
        display: block
    }

        .company_trust_left ul li {
            display: block;
            font-size: 16px;
            color: #6d6e71;
            padding-bottom: 15px;
            position: relative;
            padding-left: 15px
        }

            .company_trust_left ul li:before {
                width: 5px;
                height: 5px;
                background: #2a7bc1;
                position: absolute;
                left: 0;
                top: 10px;
                content: ""
            }

.company_trust_right {
    float: left;
    width: 62%;
    position: relative;
    top: 4px
}

.potential_customers_section {
    position: relative;
    background: url(../images/potential_customers_banner.png) no-repeat;
    min-height: 502px;
    background-size: cover;
    background-attachment: fixed;
    width: 100%
}

.potential_customers_inner {
    display: block;
    padding-top: 65px
}

    .potential_customers_inner h1 {
        font-size: 48px;
        color: #fff;
        text-transform: uppercase;
        line-height: 55px;
        text-align: center
    }

.learn_button {
    display: block;
    text-align: center;
    margin-top: 60px
}

    .learn_button a {
        display: inline-block;
        font-size: 24px;
        color: #fff;
        text-transform: uppercase;
        height: 83px;
        line-height: 83px;
        border: solid 3px #fff;
        padding: 0 40px
    }

        .learn_button a:hover {
            background: #fff;
            color: #333
        }

.our_services_section_degital {
    position: relative;
    padding-bottom: 100px
}

.services_section_degital_head {
    display: block;
    padding: 50px 0;
    text-align: center
}

    .services_section_degital_head h1 {
        font-size: 30px;
        color: #585b60
    }

    .services_section_degital_head span {
        font-size: 20px;
        color: #585b60;
        padding-top: 15px;
        display: block
    }

.our_services_list_marketing {
    display: block
}

    .our_services_list_marketing:after, .our_services_list_marketing:before {
        display: table;
        clear: both;
        content: ""
    }

    .our_services_list_marketing ul li {
        float: left;
        width: 33.3%;
        text-align: center;
        padding: 0 45px
    }

.our_services_image {
    display: block;
    width: 100%
}

    .our_services_image a {
        display: inline-block
    }

.our_services_image_des_marketing {
    display: block;
    text-align: center
}

    .our_services_image_des_marketing h3 {
        font-size: 24px;
        color: #585b60;
        padding: 15px 0
    }

    .our_services_image_des_marketing p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px
    }

.learn_more_button {
    margin-top: 20px;
    text-align: center
}

    .learn_more_button a {
        display: inline-block;
        height: 43px;
        line-height: 43px;
        padding: 0 18px;
        border-radius: 4px;
        background: #575b5e;
        font-size: 16px;
        color: #fff;
        text-transform: capitalize
    }

        .learn_more_button a:hover {
            background: #2a7bc1;
            color: #fff
        }

.automation_priceing_section {
    position: relative;
    padding: 60px 0;
    height: 320px
}

    .automation_priceing_section:before {
        width: 50%;
        height: 320px;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        background: #2a7bc1
    }

    .automation_priceing_section:after {
        width: 50%;
        height: 320px;
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        background: #d63151
    }

.automation_priceing_inner {
    display: block;
    position: relative;
    z-index: 99
}

    .automation_priceing_inner:after, .automation_priceing_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.automation_priceing_box {
    float: left;
    width: 50%
}

    .automation_priceing_box h2 {
        font-size: 30px;
        color: #fff;
        padding-bottom: 15px
    }

    .automation_priceing_box p {
        font-size: 18px;
        color: #fff;
        line-height: 28px
    }

.learn_button04 {
    display: block;
    margin-top: 30px
}

    .learn_button04 a {
        float: left;
        height: 48px;
        line-height: 42px;
        padding: 0 20px;
        border: solid 2px #fff;
        font-size: 18px;
        color: #fff
    }

        .learn_button04 a:hover {
            background: #fff;
            color: #333
        }

.automation_priceing_box.automation_priceing2 {
    padding-left: 100px
}

.brand_section {
    position: relative;
    background: url(../images/brand_banner.png) no-repeat;
    min-height: 436px;
    background-size: cover;
    background-attachment: fixed;
    width: 100%
}

    .brand_section h1 {
        font-size: 60px;
        color: #fff;
        text-align: center;
        text-shadow: 0 2px 2px #464e50;
        padding-top: 100px
    }

body div.wpcf7-response-output {
    margin: 0 15px 15px;
    padding: 10px;
    font-size: 14px;
    color: #333
}

.company_profile_strip_section {
    position: relative;
    background: #f5f5f5;
    padding: 15px 0;
    border-top: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2
}

.profile_strip_list {
    display: block
}

    .profile_strip_list:after, .profile_strip_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .profile_strip_list ul li {
        float: left;
        text-align: center;
        margin-right: 48px
    }

        .profile_strip_list ul li:last-child {
            margin-right: 0
        }

        .profile_strip_list ul li a {
            display: block;
            width: 100%
        }

            .profile_strip_list ul li a:hover span {
                color: #2a7bc1
            }

            .profile_strip_list ul li a i {
                display: block
            }

            .profile_strip_list ul li a span {
                display: block;
                font-size: 14px;
                color: #020202;
                transition-duration: .4s;
                -moz-transition-duration: .4s;
                -ms-transition-duration: .4s;
                -o-transition-duration: .4s;
                -webkit-transition-duration: .4s
            }

.technology_expertise_section {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 0 10px;
    margin: 0 0 30px
}

.project_section {
    background-color: #EFEFEF !important;
    background-image: none !important;
    min-height: 300px;
    padding-bottom: 40px;
    margin-top: 30px
}

.technology_expertise_head {
    display: block;
    text-align: center;
    padding: 0;
    max-width: 40%;
    text-align: center;
    font-size: 17px;
    margin-left: 313px
}

    .technology_expertise_head h3 {
        font-size: 27px;
        color: #32364e;
        padding-bottom: 15px;
        font-weight: 500
    }

    .technology_expertise_head h1 {
        font-size: 26px;
        color: #fff;
        line-height: 40px
    }

    .technology_expertise_head h2 {
        font-size: 16px;
        color: #fff;
        line-height: 25px;
        margin: 10px 0
    }

.project_section h2 {
    font-size: 17px;
    color: #7E7E7E;
    line-height: 25px;
    margin: 0;
    background: url(../images/scope-line.gif) no-repeat bottom;
    padding-bottom: 17px
}

.technology_expertise_list {
    display: block;
    margin-top: 30px
}

    .technology_expertise_list:after, .technology_expertise_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .technology_expertise_list i {
        font-size: 40px;
        font-weight: 400;
        color: #fff
    }

    .technology_expertise_list ul li {
        float: left;
        width: 33.3%;
        padding-right: 50px
    }

        .technology_expertise_list ul li.last_2 {
            padding-left: 25px
        }

        .technology_expertise_list ul li.Features {
            text-align: right
        }

        .technology_expertise_list ul li.last {
            background: none;
            text-align: center;
            padding: 0
        }

.project_section ul li h3 {
    font-size: 18px !important;
    color: #2c3257 !important;
    padding-top: 15px;
    padding-bottom: 10px
}

.technology_expertise_list ul li h3 {
    font-size: 27px;
    color: #32364e;
    padding-bottom: 15px;
    margin-top: 73px;
    font-weight: 500
}

.technology_expertise_list ul li p {
    font-size: 17px;
    color: #6d6e71;
    line-height: 27px
}

.technology_expertise_list ul li img {
    background-position: top;
    transform: translateZ(0)
}

    .technology_expertise_list ul li img:hover {
        -webkit-animation-name: hvr-pulse-shrink;
        animation-name: hvr-pulse-shrink;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate
    }

.our_journey_section {
    position: reltive
}

.our_journey_head {
    display: block;
    text-align: center;
    padding: 45px 0 55px;
    text-align: center
}

    .our_journey_head h1 {
        font-size: 36px;
        color: #585b60
    }

    .our_journey_head h2 {
        font-size: 36px;
        color: #585b60
    }

.journey_list {
    display: block;
    padding-bottom: 70px
}

    .journey_list:after, .journey_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .journey_list ul li {
        float: left;
        width: 25%;
        text-align: center
    }

        .journey_list ul li .journey_icon a {
            cursor: inherit
        }

        .journey_list ul li h4 {
            font-size: 36px;
            color: #585b60;
            font-family: "Roboto Black";
            padding-bottom: 10px;
            padding-top: 5px
        }

        .journey_list ul li p {
            font-size: 18px;
            color: #585b60
        }

.vision_mission_section {
    position: relative;
    background: url(../images/vision_mission_bg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 590px
}

.vision_mission_head {
    display: block;
    text-align: center;
    padding: 40px 0
}

    .vision_mission_head a {
        cursor: inherit
    }

.vision_mission_list {
    display: block;
    padding-top: 20px
}

    .vision_mission_list:after, .vision_mission_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .vision_mission_list ul li {
        float: left;
        width: 47%;
        padding-bottom: 60px
    }

        .vision_mission_list ul li:nth-child(even) {
            float: right
        }

        .vision_mission_list ul li h4 {
            font-size: 24px;
            color: #fff;
            text-transform: capitalize;
            padding-bottom: 15px
        }

        .vision_mission_list ul li p {
            font-size: 14px;
            color: #fff;
            line-height: 24px
        }

.business_philosophy_section {
    position: relative;
    padding: 0 0 40px
}

    .business_philosophy_section.last {
        padding-bottom: 20px
    }

.business_philosophy_head {
    display: block;
    text-align: center;
    padding: 0
}

    .business_philosophy_head h1 {
        font-size: 36px;
        color: #585b60
    }

    .business_philosophy_head h2 {
        font-size: 29px;
        color: #585b60;
        margin-bottom: 40px
    }

.business_philosophy_inner {
    display: block
}

    .business_philosophy_inner.loan_philosophy_inner {
        display: block;
        margin-left: 150px
    }

    .business_philosophy_inner:after, .business_philosophy_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.business_philosophy_left {
    float: left;
    width: 50%
}

.business_philosophy_list {
    display: block;
    position: relative
}

.loan_philosophy_list {
    display: block;
    position: relative
}

.business_philosophy_list:before {
    content: "";
    position: absolute;
    left: 35px;
    top: 30px;
    width: 1px;
    height: 206px;
    background: url(../images/dot_sap.png) no-repeat left top
}

.business_philosophy_list ul li {
    display: block;
    width: 100%;
    background: url(../images/icon//philosophy_icon01.png) no-repeat left top;
    padding-left: 108px;
    position: relative;
    padding-bottom: 36px;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s
}

.loan_list ul li {
    display: block;
    width: 100%;
    padding-left: 100px;
    position: relative;
    padding-bottom: 40px;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s
}

.business_philosophy_list ul li:hover {
    background: url(../images/icon/philosophy_icon01_hover.png) no-repeat left top
}

.business_philosophy_list ul li h3 {
    font-size: 21px;
    color: #585b60;
    padding-bottom: 7px
}

.loan_list ul li h3 {
    font-size: 18px;
    color: #585b60;
    padding-top: 15px;
    padding-bottom: 0
}

.business_philosophy_list ul li p {
    font-size: 16px;
    color: #6d6e71;
    line-height: 23px;
    min-height: 37px
}

.loan_list ul li p {
    min-height: 28px;
    line-height: none
}

.business_philosophy_list ul li:nth-child(2) {
    background: url(../images/icon/philosophy_icon02.png) no-repeat left top
}

    .business_philosophy_list ul li:nth-child(2):hover {
        background: url(../images/icon//philosophy_icon02_hover.png) no-repeat left top
    }

.business_philosophy_list ul li:nth-child(3) {
    background: url(../images/icon/philosophy_icon03.png) no-repeat left top
}

    .business_philosophy_list ul li:nth-child(3):hover {
        background: url(../images/icon//philosophy_icon03_hover.png) no-repeat left top
    }

.business_philosophy_image {
    float: right;
    margin-top: -25px
}

    .business_philosophy_image a {
        display: block;
        position: relative
    }

        .business_philosophy_image a .methodology_ger {
            position: absolute;
            left: -13px;
            top: 0
        }

        .business_philosophy_image a img {
            transition-duration: .7s;
            -moz-transition-duration: .7s;
            -ms-transition-duration: .7s;
            -o-transition-duration: .7s;
            -webkit-transition-duration: .7s
        }

        .business_philosophy_image a:hover img {
            transform: rotate(380deg);
            -moz-transform: rotate(380deg);
            -webkit-transform: rotate(380deg);
            -ms-transform: rotate(380deg);
            -o-transform: rotate(380deg)
        }

            .business_philosophy_image a:hover img.methodology_ger {
                transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg)
            }

.android_application_section.tastimonial_bg {
    background: url(../images/tastimonial_top_banner.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 392px
}

    .android_application_section.tastimonial_bg .android_application_inner {
        padding-top: 65px
    }

.tastimonial_list {
    display: block
}

    .tastimonial_list i {
        color: #00D664
    }

    .tastimonial_list:after, .tastimonial_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .tastimonial_list ul li {
        float: left;
        width: 48%;
        background: #fff;
        padding: 25px;
        position: relative;
        border: solid 1px #fff0;
        transition-duration: .4s;
        -moz-transition-duration: .4s;
        -ms-transition-duration: .4s;
        -o-transition-duration: .4s;
        -webkit-transition-duration: .4s;
        margin-bottom: 45px
    }

        .tastimonial_list ul li:before {
            position: absolute;
            width: 31px;
            height: 30px;
            background: url(../images/tes_sap.png) no-repeat;
            content: "";
            bottom: -27px;
            right: 80px;
            box-shadow: 0 36px 64px 0 rgb(0 0 0 / .05)
        }

        .tastimonial_list ul li:nth-child(even) {
            float: right
        }

.tes_qu_box {
    display: block;
    text-align: center;
    margin-top: 5px
}

    .tes_qu_box a {
        display: inline-block
    }

.tastimonial_list ul li p {
    font-size: 17px;
    color: #4a545a;
    line-height: 26px;
    padding: 20px 0 0;
    min-height: 119px
}

.tastimonial_user_box05 {
    display: block
}

    .tastimonial_user_box05:after, .tastimonial_user_box05:before {
        display: table;
        clear: both;
        content: ""
    }

.tastimonial_user_inner {
    float: right
}

.tastimonial_user_pic {
    float: right
}

    .tastimonial_user_pic a {
        display: block;
        width: 67px;
        height: 67px;
        border-radius: 100%;
        overflow: hidden;
        border: solid 1px #e9e9e9
    }

        .tastimonial_user_pic a img {
            width: 100%;
            height: 67px
        }

.tastimonial_user_des {
    float: right;
    text-align: right;
    padding-right: 15px
}

    .tastimonial_user_des h2 {
        font-size: 22px;
        color: #4a545a;
        font-weight: 400;
        padding-bottom: 2px;
        padding-top: 10px
    }

    .tastimonial_user_des span {
        font-size: 15px;
        color: #929292
    }

.tastimonial_list ul li:hover .tastimonial_user_pic a {
    border: solid 1px #2a7bc1
}

.tastimonial_list ul li:hover .tastimonial_user_des h2 {
    color: #2a7bc1;
    transition: width 2s
}

.tastimonial_list ul li:hover .tastimonial_user_des span {
    color: #2a7bc1
}

.web_development_language_section {
    position: relative;
    background: #eee
}

.development_language_box {
    display: block;
    padding-bottom: 50px;
    position: relative
}

    .development_language_box:after, .development_language_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .development_language_box ul li {
        float: left;
        width: 50%;
        border-right: solid 1px #d9d9d9;
        border-bottom: solid 1px #d9d9d9;
        padding: 25px 0 50px;
        min-height: 335px
    }

.postid-1154 .development_language_box ul li {
    min-height: 415px
}

.postid-1157 .development_language_box ul li {
    min-height: 395px
}

.postid-1158 .development_language_box ul li {
    min-height: 390px
}

.postid-1150 .development_language_box ul li {
    min-height: 350px
}

.postid-1048 .development_language_box ul li {
    min-height: 365px
}

.postid-1149 .development_language_box ul li {
    min-height: 366px
}

.development_language_box ul li:nth-child(even) {
    border-right: none;
    border-left: solid 1px #fff
}

    .development_language_box ul li:nth-child(even) .development_language_inner {
        float: right
    }

.development_language_box ul li:nth-child(3) {
    border-bottom: none;
    border-top: solid 1px #fff
}

.development_language_box ul li:nth-child(4) {
    border-bottom: none;
    border-top: solid 1px #fff
}

.development_language_box ul li .development_language_inner {
    float: left;
    width: 460px
}

    .development_language_box ul li .development_language_inner h4 {
        font-size: 28px;
        color: #585b60;
        padding-bottom: 25px
    }

.development_language_two_box {
    display: block
}

    .development_language_two_box:after, .development_language_two_box:before {
        display: table;
        clear: both;
        content: ""
    }

.development_language_two_left {
    float: left;
    width: 115px
}

.development_language_two_right {
    float: left;
    width: 74%;
    padding-left: 20px
}

    .development_language_two_right a {
        display: block;
        background: url(../images/link_arrow.png) no-repeat left 7px;
        font-size: 14px;
        color: #595959;
        padding-left: 20px;
        margin-bottom: 15px
    }

        .development_language_two_right a:last-child {
            margin-bottom: 0
        }

        .development_language_two_right a:hover {
            background: url(../images/link_arrow_hover.png) no-repeat left 7px;
            color: #034d87
        }

.development_language_ger {
    position: absolute;
    left: 41.4%;
    top: 35%;
    z-index: 9
}

    .development_language_ger a {
        display: inline-block;
        width: 210px;
        height: 210px;
        border-radius: 100%;
        cursor: inherit
    }

        .development_language_ger a img {
            width: 100%;
            border-radius: 100%
        }

        .development_language_ger a:hover {
            transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg)
        }

.working_process_section {
    position: relative;
    background-image: url(../images/working_process_bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    min-height: 469px
}

.working_process_head {
    display: block;
    padding: 60px 0;
    text-align: center
}

    .working_process_head h1 {
        font-size: 38px;
        color: #fff;
        padding-bottom: 20px
    }

    .working_process_head h2 {
        font-size: 38px;
        color: #fff;
        padding-bottom: 20px
    }

    .working_process_head p {
        font-size: 16px;
        color: #fff;
        line-height: 22px
    }

.working_process_section .col_lg5 .col1 {
    position: relative;
    padding: 0 15px;
    text-align: center;
    position: relative;
    text-align: center
}

    .working_process_section .col_lg5 .col1:after {
        content: "";
        width: 135px;
        height: 18px;
        background: url(../images/arrow01_pro.png) no-repeat;
        position: absolute;
        left: 162px;
        top: 24px
    }

    .working_process_section .col_lg5 .col1:last-child:after {
        content: none
    }

    .working_process_section .col_lg5 .col1 .work_icon {
        margin-bottom: 10px
    }

        .working_process_section .col_lg5 .col1 .work_icon a {
            cursor: inherit
        }

    .working_process_section .col_lg5 .col1 .work_icon_des {
        display: block;
        transition-duration: .5s;
        -moz-transition-duration: .5s;
        -ms-transition-duration: .5s;
        -o-transition-duration: .5s;
        -webkit-transition-duration: .5s
    }

        .working_process_section .col_lg5 .col1 .work_icon_des h5 {
            font-size: 21px;
            color: #fff;
            padding-bottom: 20px
        }

        .working_process_section .col_lg5 .col1 .work_icon_des p {
            font-size: 16px;
            color: #fff
        }

    .working_process_section .col_lg5 .col1:hover .work_icon a {
        opacity: .5
    }

    .working_process_section .col_lg5 .col1:hover .work_icon_des {
        opacity: .5
    }

.search_optimization_section {
    position: relative;
    padding-bottom: 50px
}

.search_optimization_head {
    display: block;
    padding: 50px 0
}

    .search_optimization_head:after, .search_optimization_head:before {
        display: table;
        clear: both;
        content: ""
    }

    .search_optimization_head h1 {
        font-size: 36px;
        color: #2a7bc1;
        text-align: center
    }

    .search_optimization_head h2 {
        font-size: 30px;
        color: #0E1011;
        text-align: center;
        padding-bottom: 15px;
        background: url(../images/footer-line.gif) no-repeat center bottom;
        margin-bottom: 4px
    }

.optimization_des_left h2 {
    font-size: 20px;
    color: #0E1011;
    text-align: left;
    margin: 10px 0
}

.optimization_des_left {
    float: left;
    width: 60%;
    padding-right: 30px
}

.use_software_section li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px !important;
    line-height: 28px !important;
    padding-bottom: 11px !important;
    background: #fff0 url(../images/bullet-6.gif) no-repeat scroll left 7px !important
}

.optimization_des_left.optimization_des_left-2 {
    margin: 50px 0;
    width: 45%;
    margin-left: 30px
}

    .optimization_des_left.optimization_des_left-2 li {
        line-height: 35px;
        transform: perspective(1px) translateZ(0)
    }

        .optimization_des_left.optimization_des_left-2 li:hover {
            -webkit-animation-name: hvr-wobble-vertical;
            animation-name: hvr-wobble-vertical;
            -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
        }

.optimization_des_left.last {
    padding-right: 0;
    padding-left: 15px;
    margin-top: 30px
}

.optimization_des_left.last_2 {
    padding-right: 0;
    padding-left: 15px;
    margin-bottom: 0;
    margin-top: 35px !important
}

.optimization_des_left.optimization_des_left-2 .hd {
    font-size: 26px;
    color: #303233;
    margin-bottom: 20px;
    background: url(../images/footer-line-2.gif) no-repeat left bottom
}

.optimization_des_left.optimization_des_left-2 p {
    font-size: 17px;
    line-height: 26px
}

.color_content {
    font-family: "Roboto-Reguler";
    font-size: 28px !important;
    color: #1dd4eb !important
}

.optimization_des_left p {
    font-size: 17px;
    line-height: 24px;
    color: #6d6e71;
    padding-bottom: 7px
}

.domain_features {
    margin: 50px 0 0 !important;
    width: 48% !important;
    margin-left: 30px
}

    .domain_features li {
        padding: 4px 0;
        padding-left: 22px;
        background: url(../images/bullet-5.gif) no-repeat left 11px !important
    }

.optimization_des_left li {
    font-size: 17px;
    line-height: 27px;
    color: #6d6e71;
    background: url(../images/bullet-3.gif) no-repeat left 9px;
    padding-left: 22px
}

.domain_section li {
    font-size: 20px;
    line-height: 33px;
    color: #fff;
    padding: 5px 0;
    font-family: "Roboto-Reguler"
}

.domain_section ul {
    margin-top: 20px
}

.se_section {
    margin-left: 60px
}

.domain_section h2 {
    font-size: 29px;
    line-height: 29px;
    margin: 20px 0;
    color: #75c7fa
}

.domain_section {
    padding: 20px 0 15px;
    margin: 40px 0;
    width: 100%;
    background-color: #eee;
    background: url(../images/inner/domain-bg.gif) repeat-x bottom scroll
}

.optimization_des_left.last_2 {
    width: 47%;
    padding: 4px 0;
    background-image: none !important
}

.optimization_des_left p:last-child {
    padding-bottom: 0
}

.google_seo_image {
    float: left;
    width: 40%
}

    .google_seo_image.google_seo_image-2 {
        width: 50%;
        margin-top: 30px;
        padding-left: 15px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        margin-bottom: 65px;
        width: 50%;
        margin-top: 30px;
        padding-left: 15px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

        .google_seo_image.google_seo_image-2:hover {
            -webkit-animation-name: hvr-pulse-shrink;
            animation-name: hvr-pulse-shrink;
            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-direction: alternate;
            animation-direction: alternate
        }

        .google_seo_image.google_seo_image-2.last {
            margin-top: 20px
        }

.seo_service_banner {
    display: block;
    width: 100%
}

    .seo_service_banner img {
        width: 100%
    }

.snip1489 {
    position: relative;
    font-size: 40px;
    color: #e6e6e6;
    width: 75px;
    margin: 40px;
    height: 75px;
    line-height: 75px;
    display: inline-block;
    text-align: center;
    -webkit-perspective: 50em;
    perspective: 50em;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .snip1489:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border: 2px solid #e6e6e6;
        content: '';
        z-index: -1;
        border-radius: 50%
    }

    .snip1489:before {
        color: #fff
    }

    .snip1489:before, .snip1489:after {
        -webkit-transition: all .45s ease-in-out;
        transition: all .45s ease-in-out
    }

    .snip1489:hover, .snip1489:active, .snip1489.hover {
        color: #c0392b
    }

        .snip1489:hover:after, .snip1489:active:after, .snip1489.hover:after {
            border-color: #fff0 #c0392b;
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }

.wrapper {
    margin: 30px auto;
    max-width: 930px;
    width: 100%
}

    .wrapper::before, .wrapper::after {
        content: "";
        display: table;
        clear: both
    }

    .wrapper .panel {
        position: relative;
        margin: 20px 15px 0;
        padding: 0 20px 20px;
        overflow: hidden;
        float: left;
        max-width: 280px;
        min-height: 396px;
        text-align: center;
        background-color: #30bb57;
        box-sizing: border-box;
        transition: border 200ms ease;
        cursor: pointer
    }

        .wrapper .panel ul {
            margin-left: 5px
        }

        .wrapper .panel img {
            display: block;
            margin: 20px auto;
            text-align: center
        }

        .wrapper .panel h3 {
            display: block;
            margin-bottom: 15px;
            color: #fff;
            font-size: 21px;
            text-align: center
        }

        .wrapper .panel p {
            font-size: 17px;
            color: #fff;
            text-align: center
        }

        .wrapper .panel .slide {
            position: absolute;
            bottom: -450px;
            left: 0;
            z-index: 100;
            padding: 20px;
            height: 100%;
            width: 100%;
            text-align: left;
            background: rgb(1 61 71 / .95);
            box-sizing: border-box;
            transition: all 300ms 500ms cubic-bezier(.645,.045,.355,1)
        }

            .wrapper .panel .slide h4 {
                margin-bottom: 20px;
                text-align: left;
                text-shadow: none;
                font-size: 20px;
                color: #39cc62
            }

            .wrapper .panel .slide ul li {
                padding: 5px 5px 5px 0;
                line-height: 24px;
                font-size: 16px;
                color: #F0F0F0;
                background-image: none;
                border-bottom: 1px solid #3e737b;
                padding: 11px 0
            }

                .wrapper .panel .slide ul li:last-child {
                    border: 0
                }

                .wrapper .panel .slide ul li .fa {
                    padding-right: 5px;
                    color: #39cc62
                }

.panel:hover {
    border: 1px solid #30bb57
}

    .panel:hover .slide {
        bottom: 0;
        cursor: pointer
    }

.animated {
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-delay: 1s
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-120%);
        -ms-transform: translateY(-120%);
        transform: translateY(-120%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

p.title {
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    height: 36px;
    width: 890px;
    background: #013d47;
    border: 1px solid #2ba74e;
    color: #FFF;
    text-align: center;
    border-radius: 5px
}

.qa_testing_section {
    display: block;
    background: url(../images/qa_testing_banner01.png) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 615px;
    margin-top: 50px
}

.qa_testing_inner {
    display: block
}

    .qa_testing_inner:after, .qa_testing_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.qa_testing_list_box {
    float: right;
    width: 70%;
    padding: 80px 0
}

    .qa_testing_list_box .competitive_list ul li {
        width: 50%;
        border-bottom: solid 1px #777;
        border-right: solid 1px #777;
        padding-bottom: 70px;
        padding-top: 70px
    }

        .qa_testing_list_box .competitive_list ul li:nth-child(even) {
            border-right: none;
            padding-right: 0;
            padding-left: 35px
        }

        .qa_testing_list_box .competitive_list ul li:nth-child(3) {
            border-bottom: none;
            padding-right: 35px
        }

        .qa_testing_list_box .competitive_list ul li:nth-child(4) {
            border-bottom: none
        }

.quality_result_section {
    position: reltive;
    background: url(../images/quality_result_banner.png) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 411px
}

.quality_result_inner {
    display: block;
    padding: 45px 0
}

    .quality_result_inner:after, .quality_result_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.quality_result_left {
    float: left;
    width: 55%;
    padding-top: 30px;
    padding-right: 100px
}

    .quality_result_left h1 {
        font-size: 48px;
        color: #fff;
        line-height: 75px
    }

.quality_result_right {
    float: left;
    width: 45%
}

.quality_result_ger {
    float: right
}

.android_application_section.ui_ux_design {
    background: url(../images/ux_design_banner.png) no-repeat;
    background-attachment: fixed;
    min-height: 420px;
    width: 100%;
    background-size: cover
}

.ul_ux_development_section {
    display: block;
    position: relative;
    background: #f5f6f8;
    padding-bottom: 40px
}

.ui_ux_head {
    display: block;
    text-align: center;
    padding: 50px 0
}

    .ui_ux_head h1 {
        font-size: 30px;
        color: #585b60
    }

    .ui_ux_head h2 {
        font-size: 30px;
        color: #585b60
    }

.ui_ux_content {
    display: block
}

    .ui_ux_content:after, .ui_ux_content:before {
        display: table;
        clear: both;
        content: ""
    }

.ui_ux_left {
    float: left;
    width: 425px
}

    .ui_ux_left a {
        cursor: inherit
    }

.ui_ux_des {
    float: left;
    width: -webkit-calc(100% - 425px);
    width: -moz-calc(100% - 425px);
    width: calc(100% - 425px)
}

    .ui_ux_des p {
        font-size: 14px;
        color: #6d6e71;
        line-height: 24px;
        padding-bottom: 25px
    }

        .ui_ux_des p:last-child {
            padding-bottom: 0
        }

.design_tools_web_section {
    position: reltive;
    position: reltive;
    padding: 50px 0
}

.design_tools_web_left {
    float: left;
    width: -webkit-calc(100% - 452px);
    width: -moz-calc(100% - 452px);
    width: calc(100% - 452px);
    padding-right: 40px
}

    .design_tools_web_left h1 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 25px
    }

    .design_tools_web_left h2 {
        font-size: 30px;
        color: #585b60;
        padding-bottom: 25px
    }

    .design_tools_web_left p {
        font-size: 14px;
        color: #6d6e71;
        padding-bottom: 25px;
        line-height: 24px
    }

        .design_tools_web_left p:last-child {
            padding-bottom: 0
        }

.design_tools_web_ger {
    float: right;
    width: 425px;
    text-align: right;
    margin-top: 25px
}

    .design_tools_web_ger a {
        cursor: inherit
    }

.skills_speciality_section {
    position: reltive;
    background: url(../images/skills_speciality_banner.png) no-repeat;
    background-attachment: fixed;
    min-height: 490px;
    width: 100%;
    background-size: cover;
    padding-bottom: 50px
}

.skills_speciality_head {
    display: block;
    text-align: center;
    padding: 55px 0 60px
}

    .skills_speciality_head h1 {
        font-size: 30px;
        color: #fff
    }

    .skills_speciality_head h2 {
        font-size: 30px;
        color: #fff
    }

.skills_speciality_list {
    display: block
}

    .skills_speciality_list:after, .skills_speciality_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .skills_speciality_list ul li {
        float: left;
        width: 25%;
        padding: 0 30px;
        text-align: center
    }

.skills_speciality_icon {
    display: block;
    width: 100%
}

    .skills_speciality_icon a {
        display: inline-block;
        width: 90px;
        height: 90px;
        border-radius: 100%;
        border-radius: 100%;
        border: solid 2px #fff
    }

        .skills_speciality_icon a:hover {
            border: solid 2px #2a7bc1;
            background: #2a7bc1
        }

.skills_speciality_des {
    display: block
}

    .skills_speciality_des h4 {
        font-size: 24px;
        color: #fff;
        text-transform: capitalize;
        padding: 22px 0
    }

    .skills_speciality_des p {
        font-size: 14px;
        color: #fff;
        line-height: 24px
    }

        .skills_speciality_des p a {
            color: #fff
        }

.design_process_title {
    display: block;
    padding-bottom: 50px
}

    .design_process_title h2 {
        font-size: 30px;
        color: #585b60
    }

.business_values_section {
    position: relative;
    background: url(../images/business_values_bg.png) no-repeat;
    background-attachment: fixed;
    min-height: 445px;
    width: 100%;
    background-size: cover
}

.business_values_head {
    display: block;
    text-align: center;
    padding: 50px 0 15px
}

    .business_values_head h1 {
        font-size: 36px;
        color: #f4f4f4
    }

    .business_values_head h2 {
        font-size: 36px;
        color: #f4f4f4
    }

.business_values_list {
    display: block;
    padding-top: 15px
}

    .business_values_list:after, .business_values_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .business_values_list ul li {
        float: left;
        width: 16.5%;
        text-align: center;
        padding: 0 12px
    }

.business_values_icon {
    display: block;
    text-align: center
}

    .business_values_icon a {
        display: inline-block
    }

.business_values_list ul li h4 {
    font-size: 22px;
    color: #f4f4f4;
    padding-top: 15px
}

.brand_banner_box {
    display: block;
    position: relative;
    height: 462px;
    overflow: hidden;
    cursor: pointer
}

.brand_banner_box_image {
    display: block;
    width: 100%
}

    .brand_banner_box_image a {
        display: block;
        width: 100%
    }

        .brand_banner_box_image a img {
            width: 100%;
            transition-duration: .4s;
            -moz-transition-duration: .4s;
            -ms-transition-duration: .4s;
            -o-transition-duration: .4s;
            -webkit-transition-duration: .4s
        }

.expertles_box_list ul li .branf_content {
    position: absolute;
    width: 100%;
    left: 0;
    align-items: center;
    display: flex;
    height: 100%;
    top: 0
}

.our_partners_section {
    position: reltive;
    background: url(../images/our_partners_banner.jpg) no-repeat;
    background-attachment: fixed;
    min-height: 550px;
    background-size: 100%
}

.our_partners_title {
    font-size: 80px;
    color: #fff;
    text-shadow: 0 2px 1px #6b7176;
    padding-top: 40px
}

.our_partners_content {
    display: block
}

    .our_partners_content:after, .our_partners_content:before {
        display: table;
        clear: both;
        content: ""
    }

.our_partners_list {
    display: block;
    padding: 40px 0
}

    .our_partners_list:after, .our_partners_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .our_partners_list ul li {
        float: left;
        margin: 21px;
        width: 21%;
        border: solid 1px #e8e8e8;
        box-shadow: 0 3px 3px #e4e4e4
    }

.our_partners_logo {
    display: block
}

    .our_partners_logo a {
        display: block
    }

        .our_partners_logo a img {
            display: block;
            margin: 0 auto
        }

.our_partners_des {
    display: block
}

    .our_partners_des:after, .our_partners_des:before {
        display: table;
        clear: both;
        content: ""
    }

.our_partners_des {
    display: block;
    background: #ececec
}

    .our_partners_des a {
        display: block;
        width: 100%;
        text-align: center;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        font-size: 16px;
        color: #534e4b;
        text-transform: uppercase;
        font-family: "Roboto-Reguler" !important
    }

        .our_partners_des a:last-child {
            border-left: solid 1px #fff
        }

.about_work_section {
    position: relative;
    background-image: url(../images/fun-facts.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 0
}

    .about_work_section h1 {
        font-size: 38px;
        color: #fff;
        text-align: center;
        padding: 70px 0
    }

    .about_work_section h2 {
        font-size: 41px;
        color: #fff;
        text-align: center;
        padding: 0 0 40px
    }

    .about_work_section span {
        display: block;
        font-size: 17px;
        color: #05E76E;
        text-align: center
    }

    .about_work_section .col_lg3 .col1 {
        text-align: center;
        padding: 0 30px
    }

.testimonal_icon a {
    display: inline-block;
    width: 136px;
    height: 136px;
    border-radius: 100%;
    background: #fff
}

    .testimonal_icon a img {
        width: 100%
    }

    .testimonal_icon a:hover {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }

.testimonal_des_box {
    padding: 30px 0;
    display: block
}

    .testimonal_des_box p {
        font-size: 15px;
        color: #fff;
        line-height: 26px
    }

    .testimonal_des_box h3 {
        font-size: 18px;
        padding: 20px 0;
        color: #fff
    }

.work_section {
    position: relative;
    background: #e8e8e8;
    padding: 30px 0
}

.work_list {
    display: block
}

    .work_list ul li {
        float: left;
        margin-right: 54px
    }

        .work_list ul li:last-child {
            margin-right: 0
        }

    .work_list a {
        display: block;
        height: 68px;
        line-height: 68px
    }

        .work_list a:hover {
            transform: scale(.9);
            -moz-transform: scale(.9);
            -webkit-transform: scale(.9);
            -o-transform: scale(.9);
            -ms-transform: scale(.9)
        }

.foot_socail_section {
    display: block;
    margin-bottom: 20px
}

.social_box {
    display: block;
    width: 100%
}

    .social_box:after, .social_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .social_box ul li {
        float: left;
        width: 12.5%;
        text-align: center;
        background: #007bb6
    }

        .social_box ul li a {
            display: block;
            width: 100%
        }

            .social_box ul li a img {
                display: inline-block
            }

        .social_box ul li:nth-child(2) {
            background: #cb2027
        }

        .social_box ul li:nth-child(3) {
            background: #3b5998
        }

        .social_box ul li:nth-child(4) {
            background: #dd4b39
        }

        .social_box ul li:nth-child(5) {
            background: #00aced
        }

        .social_box ul li:nth-child(6) {
            background: #b00
        }

        .social_box ul li:nth-child(7) {
            background: #dc8e04
        }

        .social_box ul li:nth-child(8) {
            background: #07f
        }

.our_strengths_list ul li .strengths_image_box.strengths_image_box_over_box {
    position: absolute;
    background: url(../images/tr_blue.png) repeat #fff0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    top: 0;
    left: 0
}

.our_strengths_list ul li:hover .strengths_image_box.strengths_image_box_over_box {
    opacity: 1;
    transform: scale(1)
}

.our_strengths_list ul li:hover .strengths_image_box .strengths_image_des01 {
    opacity: 0
}

.our_strengths_list ul li:hover .strengths_image_box.strengths_image_box_over_box .strengths_image_des01 {
    opacity: 1
}

.strengths_box {
    display: block
}

    .strengths_box .strengths_image_box {
        position: relative
    }

.strengths_image_des01 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 20px;
    padding: 0;
    z-index: 1000;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    font-weight: 700;
    align-items: center;
    display: flex
}

    .strengths_image_des01 h3 {
        color: #fff;
        display: block;
        font-size: 21px;
        margin-bottom: 15px;
        text-align: center;
        width: 100%;
        display: block;
        width: 100%;
        padding: 0 30px
    }

    .strengths_image_des01 p {
        font-size: 17px;
        color: #333;
        color: #fff;
        font-weight: 400;
        text-transform: none;
        line-height: 25px
    }

.blog_box {
    float: left;
    width: 100%;
    text-align: center;
    padding-right: 25px
}

.blog_box_2 {
    float: left;
    width: 35%;
    padding-right: 25px
}

.clients_application_section h2 {
    color: #2d3e50;
    text-align: center;
    margin: 0 0 50px;
    background: #fff0 url(../images/footer-line.gif) no-repeat scroll center bottom;
    font-size: 40px;
    padding-bottom: 15px;
    text-align: center
}

.clients_application_section span {
    color: #2d3e50
}

.blog_list_bg {
    display: block
}

.blog_list_row {
    display: block;
    padding-bottom: 8px
}

    .blog_list_row:after, .blog_list_row:before {
        display: table;
        clear: both;
        content: ""
    }

    .blog_list_row .blog_date {
        float: left
    }

        .blog_list_row .blog_date a {
            display: block;
            width: 85px;
            height: 85px;
            text-align: center;
            font-size: 15px;
            color: #505050;
            background: url(../images/date_bg.png) no-repeat;
            padding: 22px 0
        }

            .blog_list_row .blog_date a:hover {
                color: #034a84
            }

.blog_des_box {
    padding-left: 15px
}

    .blog_des_box h3 {
        font-size: 17px;
        color: #2d2d2e
    }

    .blog_des_box p {
        font-size: 15px;
        color: #2d2d2e;
        line-height: 22px;
        padding: 9px 0;
        padding-left: 30px;
        background: url(../images/bullet.png) no-repeat left
    }

        .blog_des_box p.last {
            background: none;
            padding: 0;
            font-size: 16px;
            margin-bottom: 30px
        }

    .blog_des_box a {
        font-size: 14px;
        color: #034d87
    }

        .blog_des_box a img {
            transition: all 1s ease;
            -moz-transition: all 1s ease
        }

            .blog_des_box a img:hover {
                transform: rotate(180deg);
                -moz-transform: rotate(180deg)
            }

        .blog_des_box a:hover {
            color: #292929
        }

.top_footer .col_lg4 .col1:nth-child(1) {
    width: 18%
}

.top_footer .col_lg4 .col1:nth-child(2) {
    margin-right: 3.5%
}

.social_connect .fb_like, .social_connect .in_connect, .social_connect .tw_follow {
    clear: both;
    display: block;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 8px;
    text-align: center;
    transition: background 300ms ease-out 0;
    width: 249px
}

.social_connect a:hover span {
    display: none
}

.tw_follow {
    background: #fff0 url(../images/btn_social.png) no-repeat scroll 0 0
}

    .tw_follow:hover {
        background-position: -258px 0
    }

.fb_like {
    background: #fff0 url(../images/btn_social.png) no-repeat scroll 0 -71px
}

    .fb_like:hover {
        background-position: -258px -71px
    }

.in_connect {
    background: #fff0 url(../images/btn_social.png) no-repeat scroll 0 -141px
}

    .in_connect:hover {
        background-position: -258px -141px
    }

.social_connect a span {
    color: #6e6e6e;
    display: block;
    font-size: 30px;
    text-indent: 25px;
    font-family: "Roboto-Reguler"
}

.easier_within_section.easier_within_section_new {
    margin-bottom: 0
}

    .easier_within_section.easier_within_section_new.bg {
        background: url(../images/hr_line.png) repeat #2f3238
    }

    .easier_within_section.easier_within_section_new h1 {
        color: #676767;
        font-size: 27px;
        margin-bottom: 10px;
        text-align: center
    }

        .easier_within_section.easier_within_section_new h1.last {
            margin-bottom: 60px
        }

.slide_content .svgdivwithatagbanner a {
    margin: 0 !important
}

.web_devlopment_section.web_devlopment_section_support_page {
    opacity: 1;
    margin-top: 0
}

.strengths_image_des01_inner {
    display: block;
    width: 100%;
    padding: 0 25px
}

.company_sub_menu .nav_column_box ul li a {
    background: none !important
}

    .company_sub_menu .nav_column_box ul li a span {
        padding-top: 2px
    }

.hire_devloper .nav_column_box ul li a {
    background: none !important
}

    .hire_devloper .nav_column_box ul li a span {
        padding-top: 4px
    }

.services_top_banner.blog_banner {
    background: url(../images/blog_banner.png) no-repeat;
    min-height: 550px;
    background-attachment: fixed;
    background-size: cover
}

.engine_optimization_section {
    background: url(../images/seo-bg.jpg) repeat center;
    background-size: cover;
    min-height: 300px
}

    .engine_optimization_section i {
        font-size: 20px;
        margin-right: 10px;
        color: #fff
    }

.engine_optimization_head {
    display: block;
    text-align: center;
    padding: 35px 0 15px;
    font-size: 28px;
    color: #005829;
    font-family: "Roboto-Reguler"
}

    .engine_optimization_head.feature-2 {
        text-align: center;
        padding: 30px 0 10px;
        font-size: 35px;
        color: #005829
    }

    .engine_optimization_head h1 {
        font-size: 48px;
        color: #4f5ba3;
        text-transform: uppercase;
        padding-bottom: 10px
    }

        .engine_optimization_head h1 span {
            color: #6ab036
        }

    .engine_optimization_head h2 {
        font-size: 48px;
        color: #4f5ba3;
        text-transform: uppercase;
        padding-bottom: 10px
    }

        .engine_optimization_head h2 span {
            color: #6ab036
        }

    .engine_optimization_head p {
        font-size: 24px;
        color: #5a5a5c
    }

.engine_optimization_list {
    display: block;
    padding: 35px 0
}

.code_list {
    display: block;
    padding: 25px 0
}

.engine_optimization_list:after, .engine_optimization_list:before {
    display: table;
    clear: both;
    content: ""
}

.engine_optimization_list ul li {
    float: left;
    width: 50%;
    padding-left: 7px;
    margin-bottom: 18px;
    font-size: 18px;
    color: #fff;
    transform: translateZ(0)
}

    .engine_optimization_list ul li:hover {
        webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -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
    }

.engine_optimization_list ul {
    margin-left: 30px
}

    .engine_optimization_list ul.points_content {
        margin-left: 150px
    }

.software_list ul.points_content {
    margin-left: 150px
}

.engine_optimization_ger {
    display: block;
    text-align: center;
    position: relative;
    bottom: -5px
}

body #progress_bar_timeline span {
    height: 30px
}

.testimonials_project {
    display: block;
    padding-bottom: 20px
}

    .testimonials_project:after, .testimonials_project:before {
        display: table;
        clear: both;
        content: ""
    }

    .testimonials_project span {
        float: left;
        color: #4a545a;
        font-size: 15px;
        padding-right: 8px
    }

    .testimonials_project a {
        float: left;
        font-size: 14px;
        color: #2a7bc1
    }

#back-top {
    bottom: 30px;
    right: 30px;
    position: fixed;
    display: none
}

    #back-top a {
        display: block;
        border-radius: 100%;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: url(../images/back_top.png) no-repeat;
        background-size: 50px 50px
    }

        #back-top a:hover {
            background: url(../images/back_top_hover.png) no-repeat;
            background-size: 50px 50px
        }

    #back-top img {
        width: 50px;
        height: auto
    }

.showcase_visit {
    position: absolute;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    top: -45px;
    opacity: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center
}

    .showcase_visit a {
        display: inline-block;
        background: #fff;
        font-size: 14px;
        color: #2a7bc1;
        padding: 10px;
        border-radius: 3px;
        position: reltive;
        box-shadow: 0 2px 2px #ccc
    }

        .showcase_visit a:before {
            position: absolute;
            left: 50%;
            top: -6px;
            border-bottom: solid 6px #fff;
            border-left: solid 6px #fff0;
            border-right: solid 6px #fff0;
            content: ""
        }

.page:hover .showcase_visit {
    top: 5px;
    opacity: 1
}

.overlay_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black_tr.png) repeat #fff0;
    z-index: 1.0E+24;
    display: none
}

.popup_box_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.popup_bg_box {
    display: block;
    text-align: center;
    width: 100%
}

    .popup_bg_box .popup_inner {
        background: #fff;
        width: 500px;
        display: inline-block;
        padding: 15px;
        position: relative
    }

.closepop {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    right: 14px;
    top: 5px;
    color: #ccc
}

#preloader {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 48%;
    text-align: center;
    width: 100%
}

    #preloader img {
        width: auto;
        height: auto;
        display: inline-block;
        float: none
    }

.postid-1066 .smart_easy_head {
    padding: 0
}

.postid-1066 .smart_easy_content {
    padding-top: 0
}

.read_reviews_section .bx-controls.bx-has-pager {
    display: none
}

.read_reviews_section .bx-wrapper {
    margin: 0;
    padding: 0
}

.showcase_footer .dev_social_detail ul li {
    float: left;
    width: 25%
}

.showcase_footer .hire_developer {
    padding-top: 0;
    position: relative;
    top: -4px
}

    .showcase_footer .hire_developer a {
        display: block;
        padding: 10px;
        border-radius: 4px;
        color: #2a7bc1;
        background: #fff
    }

.showcase_footer .dev_social_box {
    margin-top: 5px
}

.showcase_footer .hire_developer a:hover {
    background: #f15b29;
    color: #fff
}

.postid-1153 .development_language_box ul li {
    min-height: 387px
}

body .clients_list ul li {
    border-right: none !important
}

    body .clients_list ul li:first-child img {
        padding: 8px
    }

.clients_list ul li:last-child {
    border: solid 1px #dbdbdb !important
}

.error_page_content {
    display: block;
    background: url(../images/pettern01.png) repeat;
    padding: 155px 0
}

    .error_page_content:after, .error_page_content:before {
        display: table;
        clear: both;
        content: ""
    }

.error_text_box {
    display: block;
    text-align: center
}

    .error_text_box a {
        display: inline-block
    }

.page_not_found {
    display: block;
    text-align: center;
    padding-top: 55px
}

    .page_not_found h2 {
        font-size: 36px;
        color: #525252;
        text-shadow: 0 2px 2px #fff
    }

.web-port-tab .webcontent.content {
    height: 175px;
    margin-right: 10px;
    overflow: hidden;
    width: 195px
}

    .web-port-tab .webcontent.content div {
        height: 100%
    }

    .web-port-tab .webcontent.content a {
        display: block;
        width: 100%;
        height: auto !important;
        opacity: 1 !important;
        width: 100%
    }

.mobile-port-tab .mobilecontent.content {
    height: 175px;
    margin-right: 10px;
    overflow: hidden;
    width: 195px
}

    .mobile-port-tab .mobilecontent.content div {
        height: 100%
    }

    .mobile-port-tab .mobilecontent.content a {
        display: block;
        width: 100%;
        height: auto !important;
        opacity: 1 !important;
        width: 100%
    }

.results_driven_seo {
    background: url(../images/seo_banner.png) no-repeat;
    background-size: cover;
    min-height: 355px;
    padding-bottom: 45px
}

.results_driven_head {
    display: block;
    padding: 40px 0;
    text-align: left
}

    .results_driven_head h1 {
        font-size: 30px;
        color: #fff
    }

.results_driven_list {
    display: block;
    margin-top: 15px
}

    .results_driven_list:after, .results_driven_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .results_driven_list ul li {
        float: left;
        width: 47%;
        background: url(../images/white_tr.png) repeat;
        margin-bottom: 10px
    }

        .results_driven_list ul li:nth-child(even) {
            float: right
        }

        .results_driven_list ul li a {
            display: block;
            background: url(../images/check_arrow01.png) no-repeat 15px center;
            min-height: 41px;
            padding: 10px 10px 10px 57px;
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            background-size: 25px 24px
        }

.maintenance_support_banner {
    background: url(../images/maintenance_support_bg.jpg) no-repeat;
    background-size: cover;
    min-height: 501px;
    background-attachment: fixed;
    text-align: center;
    padding-top: 85px
}

    .maintenance_support_banner img {
        width: auto;
        height: auto
    }

.postid-1096 .competitive_des p {
    min-height: 123px
}

.mobile_child_container .project_list ul li {
    width: 22.5%
}

    .mobile_child_container .project_list ul li .project_image {
        height: 453px
    }

.google_seo_image_box a {
    cursor: inherit
}

.unique_process_image a {
    cursor: inherit
}

.technologies_banner_section a {
    cursor: inherit
}

.web_lan_icon a {
    cursor: inherit
}

.clients_icon a {
    cursor: inherit
}

.ecommerce_box_right a {
    cursor: inherit
}

.request_services_bg {
    display: block;
    border: solid 1px #d9d9d9;
    margin-bottom: 30px
}

    .request_services_bg:after, .request_services_bg:before {
        display: table;
        clear: both;
        content: ""
    }

.request_services_head {
    display: block;
    border-bottom: solid 1px #d9d9d9
}

    .request_services_head:after, .request_services_head:before {
        display: table;
        clear: both;
        content: ""
    }

    .request_services_head ul li {
        float: left;
        width: 33.3%;
        position: relative;
        border-right: solid 1px #d9d9d9;
        transition-duration: .4s;
        -moz-transition-duration: .4s;
        -ms-transition-duration: .4s;
        -o-transition-duration: .4s;
        -webkit-transition-duration: .4s
    }

        .request_services_head ul li:last-child {
            border-right: none;
            width: 33.4%
        }

        .request_services_head ul li a {
            display: block;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            color: #333;
            text-transform: uppercase;
            text-align: center
        }

        .request_services_head ul li input {
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
            width: 100%;
            height: 100%;
            z-index: 9;
            opacity: 0
        }

        .request_services_head ul li:hover a {
            background: #2a7bc1;
            color: #fff
        }

        .request_services_head ul li.active a {
            background: #2a7bc1;
            color: #fff
        }

.request_services_content {
    display: block;
    padding: 20px
}

    .request_services_content:after, .request_services_content:before {
        display: table;
        clear: both;
        content: ""
    }

    .request_services_content .check_list_box {
        margin-top: 0
    }

.quote_form_box_inner .request_services_content h2 {
    padding-bottom: 40px
}

.postid-963 .smart_easy_left {
    text-align: center
}

    .postid-963 .smart_easy_left img {
        height: 525px;
        width: auto
    }

.postid-963 .smart_easy_left {
    width: 804px
}

.postid-1090 .smart_easy_left {
    text-align: center
}

    .postid-1090 .smart_easy_left img {
        height: 525px;
        width: auto
    }

.postid-1090 .smart_easy_left {
    width: 804px
}

.modal-box {
    display: none;
    position: fixed;
    z-index: 9999999;
    width: 650px;
    padding: 25px;
    border-radius: 4px;
    background: #fff;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgb(0 0 0 / .5);
    border: 1px solid rgb(0 0 0 / .1);
    background-clip: padding-box;
    max-height: 600px;
    overflow: auto
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .9) !important
}

.service_table_box {
    display: block;
    overflow: auto
}

    .service_table_box:after, .service_table_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .service_table_box table {
        width: 100%;
        border: solid 1px #d8d8d8
    }

        .service_table_box table tr th {
            font-size: 20px;
            color: #fff;
            text-align: center;
            border-right: solid 1px #6299c8;
            background: #2a7bc1;
            text-transform: capitalize
        }

        .service_table_box table tr td {
            font-size: 16px;
            color: #4e4e4e;
            border-right: solid 1px #d8d8d8;
            border-bottom: solid 1px #d8d8d8
        }

.note_tag_line {
    display: block;
    padding: 50px 0
}

    .note_tag_line p {
        font-size: 18px;
        color: #369000
    }

.edit_confirm_button {
    display: block;
    text-align: center
}

    .edit_confirm_button:after, .edit_confirm_button:before {
        display: table;
        clear: both;
        content: ""
    }

    .edit_confirm_button ul {
        display: inline-block
    }

        .edit_confirm_button ul li {
            float: left;
            margin-right: 40px
        }

            .edit_confirm_button ul li:last-child {
                margin-right: 0
            }

            .edit_confirm_button ul li a {
                display: block;
                height: 46px;
                line-height: 46px;
                min-width: 138px;
                border-radius: 4px;
                font-size: 20px;
                color: #fff;
                text-transform: uppercase;
                background: #2a7bc1
            }

                .edit_confirm_button ul li a:hover {
                    background: #333
                }

            .edit_confirm_button ul li:last-child a {
                background: #ee5215
            }

                .edit_confirm_button ul li:last-child a:hover {
                    background: #333
                }

.business_grow_head p {
    line-height: 24px
}

.smart_easy_head p {
    line-height: 25px
}

body .ui-widget-header {
    background: #fff
}

body #progress_bar_budget span {
    background: #2a7bc1;
    border: none;
    width: 23px;
    height: 23px;
    border: solid 2px #fff
}

body #progress_bar_timeline span {
    background: #2a7bc1;
    border: none;
    width: 23px;
    height: 23px;
    border: solid 2px #fff
}

body #progress_bar_budget {
    height: 15px
}

body #progress_bar_timeline {
    height: 15px
}

.captchai_box {
    float: left;
    padding-top: 12px
}

    .captchai_box .captchai_image {
        float: left;
        margin-top: 0
    }

    .captchai_box .captc_input {
        float: left;
        width: 175px;
        margin-top: 0;
        margin-left: 15px
    }

        .captchai_box .captc_input input {
            width: 100%;
            border: solid 1px #d9d9d9;
            border-radius: 0;
            height: 46px;
            padding: 10px;
            color: #333;
            font-size: 14px
        }

.captchai_image > span#equal {
    padding-left: 15px;
    padding-left: 15px
}

#inline-popups {
    display: none
}

.form_box_bg {
    background: #fff;
    width: 585px;
    border-radius: 4px
}

.form_head {
    display: block;
    text-align: center;
    padding: 15px
}

    .form_head h1 {
        font-size: 30px;
        color: #333;
        padding-bottom: 10px
    }

        .form_head h1 font {
            color: #02548b
        }

    .form_head span {
        font-size: 18px;
        color: #333;
        text-transform: capitalize
    }

.form_content {
    display: block;
    padding: 15px 40px
}

.fild_popup_box {
    display: block;
    margin-bottom: 20px
}

    .fild_popup_box input {
        background: #fff;
        height: 50px;
        width: 100%;
        padding: 15px;
        font-size: 14px;
        color: #000;
        border: solid 1px #ccc;
        border-radius: 4px
    }

    .fild_popup_box select {
        background: #fff;
        height: 50px;
        width: 100%;
        padding: 15px;
        font-size: 14px;
        color: #767676;
        border: solid 1px #ccc;
        border-radius: 4px
    }

    .fild_popup_box textarea {
        background: #fff;
        height: 100px;
        width: 100%;
        padding: 15px;
        font-size: 14px;
        color: #333;
        border: solid 1px #ccc;
        border-radius: 4px
    }

.popup_submit {
    display: block;
    margin-bottom: 15px
}

    .popup_submit input {
        border: none;
        height: 50px;
        border-radius: 4px;
        font-size: 18px;
        color: #fff;
        border-radius: 4px;
        display: block;
        width: 100%;
        background: #02548b;
        text-transform: capitalize;
        cursor: pointer
    }

        .popup_submit input:hover {
            background: #333
        }

.reliantekk_services_section .cat_des_box h3 {
    color: #6d6e71;
    font-size: 17px
}

.reliantekk_services_section .cat_des_box p {
    color: #fff
}

.reliantekk_services_section .devlopment_cat_box ul li:hover .cat_des_box h3 {
    color: #00ca57
}

.business_grow_top_text_box h1 {
    font-size: 24px;
    color: #585b60
}

.resultshow_div ul li {
    margin-right: 10px !important;
    width: auto
}

    .resultshow_div ul li a {
        font-size: 14px;
        padding-right: 25px;
        padding-left: 10px;
        height: 35px;
        line-height: 35px
    }

    .resultshow_div ul li.active.remove_check a {
        background-size: 20px 12px
    }

.otherbutton_div ul li.active.remove_check a {
    background-size: 20px 12px
}

.request_messgae_box {
    display: none
}

    .request_messgae_box textarea {
        border: solid 1px #d9d9d9;
        height: 95px;
        border-radius: 4px;
        padding: 10px;
        font-size: 14px;
        color: #333;
        width: 100%
    }

.intl-tel-input {
    display: inline-block;
    position: relative;
    width: 100%
}

.blog_dev_sales ul li:hover .call_chat_box {
    display: block
}

.call_chat_box {
    position: absolute;
    background: #2a7bc1;
    width: 170px;
    border-radius: 4px;
    z-index: 99999999;
    top: 22px;
    left: -5px;
    display: none
}

    .call_chat_box:before {
        border-bottom: solid 8px #2a7bc1;
        border-left: solid 8px #fff0;
        border-right: solid 8px #fff0;
        position: absolute;
        top: -8px;
        left: 10px;
        content: ""
    }

.blog_dev_sales .call_chat_box a {
    float: left;
    width: 50%;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    border-right: solid 1px #4293d9;
    text-align: center
}

.call_chat_box a:last-child {
    border-right: none
}

.call_chat_box a i {
    float: left
}

.blog_dev_sales .call_chat_box a span {
    color: #fff !important;
    float: left;
    padding-left: 5px
}

.web_slider_section {
    display: block
}

.mobile_silder_section {
    display: none
}

.responsive_menu {
    display: none
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    overflow-y: auto;
    transition: .5s;
    padding-top: 60px
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: .3s
    }

        .sidenav a:hover, .offcanvas a:focus {
            color: #f1f1f1
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px
    }

#main_mobile {
    transition: margin-left .5s;
    padding: 0
}

.mobile_nav_list {
    display: block
}

    .mobile_nav_list ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .mobile_nav_list li {
        display: block;
        border-bottom: solid 1px #1f1f1f
    }

    .mobile_nav_list a {
        display: block;
        font-size: 15px;
        color: #fff;
        padding: 12px 15px
    }

        .mobile_nav_list a:hover {
            background: #1f1f1f
        }

.call_toggel {
    position: absolute;
    right: 0;
    top: 8px
}

.mobile_quote_button {
    position: fixed;
    right: 0;
    top: 130px;
    z-index: 9999999;
    display: none
}

    .mobile_quote_button a {
        display: inline-block;
        padding: 10px;
        color: #fff;
        font-size: 15px;
        background: #034d87;
        text-transform: capitalize;
        border-radius: 4px 0 0 4px
    }

.protection_button {
    display: inline-block;
    padding-top: 5px
}

.looking_for {
    display: block;
    padding: 12px;
    border: solid 1px #b8b8b8;
    margin-bottom: 16px
}

    .looking_for:after, .looking_for:before {
        display: table;
        clear: both;
        content: ""
    }

    .looking_for h5 {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 5px;
        color: #333
    }

.looking_list {
    display: block
}

    .looking_list:after, .looking_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .looking_list ul li {
        float: left;
        width: 50%;
        padding: 5px 0
    }

        .looking_list ul li input {
            float: left;
            width: auto;
            margin-top: 3px
        }

        .looking_list ul li label {
            float: left;
            width: 85%;
            font-size: 14px;
            padding-left: 5px;
            font-weight: 400;
            color: #333
        }

.quote_message_box {
    display: block
}

    .quote_message_box h4 {
        color: #2a7bc1;
        font-size: 20px;
        padding-bottom: 20px
    }

    .quote_message_box p {
        font-size: 14px;
        color: #333;
        line-height: 22px;
        padding-bottom: 15px
    }

.footer_newsletter_box {
    display: block;
    background: #0e1314;
    padding: 15px 0
}

    .footer_newsletter_box:after, .footer_newsletter_box:before {
        display: table;
        clear: both;
        content: ""
    }

.newsletter_left {
    float: left;
    width: 66%
}

.newsletter_right {
    float: right;
    width: 32%;
    padding-top: 13px;
    position: relative
}

.top_footer .col1 {
    float: left;
    position: relative
}

    .top_footer .col1:before {
        content: "";
        right: 15px;
        position: absolute;
        top: 0;
        height: 100%
    }

    .top_footer .col1.quicklinks {
        width: 30%;
        padding-left: 2%
    }

    .top_footer .col1.follow_us {
        width: 30%;
        padding-left: 13px
    }

    .top_footer .col1.contact_information {
        width: 40%;
        padding-left: 3%
    }

.newsletter_left h3 {
    font-size: 16px;
    font-weight: 400;
    color: #898c8d;
    padding-bottom: 7px
}

.newsletter_left p {
    color: #afafaf;
    font-size: 14px
}

.newsletter_right .epm-form-field label {
    display: none
}

.newsletter_right .epm-form-field {
    float: left;
    width: 56%
}

    .newsletter_right .epm-form-field input {
        border: none;
        background-color: #122225;
        color: #7c7c7c;
        padding: 0 10px;
        width: 100%;
        display: block;
        height: 38px;
        border-radius: 2px 0 0 2px
    }

.newsletter_right .button {
    float: left;
    background: #2f3d42;
    color: #acb0b1;
    height: 38px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 0 2px 2px 0;
    border: none;
    cursor: pointer
}

    .newsletter_right .button:hover {
        background: #034d87;
        color: #fff
    }

.help_line_section {
    background: url(../images/call_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 20px 0
}

.help_line_inner {
    display: block
}

    .help_line_inner:after, .help_line_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.help_line_left {
    float: left;
    width: 65%;
    text-align: left
}

    .help_line_left h3 {
        color: #fff;
        font-size: 27px;
        margin: 0 0 20px
    }

    .help_line_left ul {
        display: block
    }

        .help_line_left ul:after, .help_line_left u:before {
            display: table;
            clear: both;
            content: ""
        }

        .help_line_left ul li {
            float: none;
            display: inline-block;
            padding-right: 15px
        }

            .help_line_left ul li:last-child {
                padding-right: 0;
                position: relative;
                top: -4px
            }

            .help_line_left ul li i {
                float: left
            }

            .help_line_left ul li:last-child i {
                float: left;
                margin-top: 0
            }

            .help_line_left ul li span {
                float: left;
                font-size: 14px;
                color: #d7d7d7;
                padding-left: 10px;
                padding-top: 5px
            }

            .help_line_left ul li:nth-child(3) i {
                margin-top: 2px
            }

            .help_line_left ul li:last-child span {
                padding-top: 0
            }

.request_button_bg {
    float: right;
    text-align: center;
    margin-top: 20px
}

    .request_button_bg a {
        border: none;
        box-shadow: 0 0 20px #fff0 inset;
        outline: 2px solid #fff;
        -moz-outline-radius: 4px;
        outline-offset: 0;
        text-shadow: none;
        background: none !important;
        color: #fff !important;
        transition: all 1250ms cubic-bezier(.19,1,.22,1) 0;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 22px;
        height: 55px;
        line-height: 55px;
        padding: 0 45px
    }

        .request_button_bg a:hover {
            border: none !important;
            box-shadow: 0 0 20px rgb(255 255 255 / .5) inset,0 0 20px rgb(255 255 255 / .2);
            outline-color: #fff0;
            outline-offset: 15px;
            background: #fff !important;
            color: #000 !important
        }

.contact_left_boxwrite {
    padding: 20px
}

    .contact_left_boxwrite .contact_submit input {
        height: 55px;
        font-size: 20px
    }

    .contact_left_boxwrite .contact_fild_box textarea {
        height: 130px
    }

    .contact_left_boxwrite .contact_fild_box {
        margin-bottom: 15px
    }

    .contact_left_boxwrite .label_required_box br {
        display: none
    }

.blog_sidebar_box {
    display: block;
    border: solid 1px #d5d5d5;
    border-radius: 4px;
    margin-bottom: 30px
}

    .blog_sidebar_box:after, .blog_sidebar_box:before {
        display: table;
        clear: both;
        content: ""
    }

.blog_sidebar_head {
    display: block
}

    .blog_sidebar_head h2 {
        display: block;
        width: 100%;
        font-size: 22px;
        color: #fff;
        background: #034d87;
        border-radius: 5px 5px 0 0;
        padding: 13px;
        text-transform: capitalize
    }

.blog_sidebar_inner {
    display: block;
    width: 100%;
    padding: 25px
}

.contact_form_blog .blog_sidebar_inner {
    display: block;
    width: 100%;
    padding: 25px 25px 5px
}

.blog_sidebar_inner .contact_fild_box input {
    border-radius: 4px
}

.blog_sidebar_inner .contact_fild_box textarea {
    border-radius: 4px;
    height: 100px
}

.blog_sidebar_inner .contact_submit input {
    font-size: 18px;
    height: 55px;
    border-radius: 4px
}

.categories_list {
    display: block
}

    .categories_list:after, .categories_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .categories_list ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .categories_list ul li {
            display: block;
            border-bottom: solid 1px #dedede
        }

            .categories_list ul li:last-child {
                border-bottom: none
            }

            .categories_list ul li a {
                display: block;
                padding: 15px 25px;
                font-size: 15px;
                color: #333
            }

.blog_sidebar_box .col1_inner {
    width: 100%
}

.blog_sidebar_box .testimonial_user_pic {
    padding-top: 0
}

    .blog_sidebar_box .testimonial_user_pic a {
        border: none;
        width: 120px;
        height: 120px
    }

        .blog_sidebar_box .testimonial_user_pic a img {
            border: solid 5px #dedede;
            width: 100%;
            height: 120px
        }

.blog_testimonal {
    margin-top: 30px
}

    .blog_testimonal .testimonial_user_name h3 {
        font-size: 18px;
        color: #333;
        padding-bottom: 2px
    }

    .blog_testimonal .testimonial_user_name span {
        font-size: 14px;
        color: #333
    }

    .blog_testimonal .testimonial_des {
        display: block;
        text-align: center;
        font-size: 14px;
        color: #333;
        line-height: 24px;
        padding-top: 10px
    }

    .blog_testimonal .bx-pager.bx-default-pager {
        display: none
    }

    .blog_testimonal .bx-wrapper {
        margin: 0
    }

.blog_social {
    display: block
}

    .blog_social:after, .blog_social:before {
        display: table;
        clear: both;
        content: ""
    }

    .blog_social ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block
    }

        .blog_social ul:after, .blog_social ul:before {
            display: table;
            clear: both;
            content: ""
        }

        .blog_social ul li {
            float: left;
            margin-right: 10px
        }

            .blog_social ul li:last-child {
                margin-right: 0
            }

            .blog_social ul li a {
                display: block;
                width: 100%;
                width: 45px
            }

.phone_number.usa_number {
    padding-right: 15px
}

.personal_left_box {
    float: left;
    width: 49.2%
}

.personal_right_box {
    float: right;
    width: 49.2%
}

.captch_send_button_box {
    display: block
}

    .captch_send_button_box:after, .captch_send_button_box:before {
        display: table;
        clear: both;
        content: ""
    }

.quote_button {
    float: left;
    margin-left: 15px;
    margin-top: 19px
}

    .quote_button a {
        font-family: "RobotoMedium";
        font-size: 14px;
        color: #fff;
        display: block;
        height: 42px;
        line-height: 42px;
        padding: 0 15px;
        border-radius: 4px;
        background: #2a7bc1;
        text-transform: uppercase
    }

        .quote_button a:hover {
            background: #333
        }

.site_content.sticky .sub_menu_box {
    top: 80px !important
}

.captch_count {
    float: left;
    height: 46px;
    border: solid 1px #d9d9d9;
    background: #fff;
    padding: 10px;
    font-size: 14px;
    color: #d9d9d9;
    text-align: center;
    width: 175px
}

    .captch_count span {
        color: #333
    }

body .ajax-upload-dragdrop {
    padding: 4px 8px 0
}

body .upload {
    border-radius: 0
}

.portfolio_count {
    position: absolute;
    height: 89px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/por_tr.png) repeat;
    display: block;
    text-align: center
}

.service_top_head.portfolio_page_head h1 {
    font-size: 36px
}

.portfolio_top .service_inner_content {
    padding-top: 35px
}

.portfolio_quote_button li a {
    height: 57px;
    line-height: 57px;
    font-size: 19px;
    padding: 0 20px
}

.portfolio_content_bg {
    display: block
}

    .portfolio_content_bg:after, .portfolio_content_bg:before {
        display: table;
        clear: both;
        content: ""
    }

.portfolio_tab_head {
    display: block;
    text-align: center;
    margin-bottom: 70px
}

    .portfolio_tab_head:after, .portfolio_tab:before {
        display: table;
        clear: both;
        content: ""
    }

    .portfolio_tab_head ul {
        display: inline-block;
        border: solid 1px #d5d5d5;
        border-radius: 0
    }

        .portfolio_tab_head ul li {
            float: left;
            border-right: solid 1px #d5d5d5;
            position: relative
        }

            .portfolio_tab_head ul li:last-child {
                border-right: none
            }

            .portfolio_tab_head ul li a {
                display: block;
                width: 100%;
                height: 82px;
                line-height: 82px;
                padding: 0 100px;
                background: url(../images/port_drop_arrow001.png) no-repeat right center
            }

                .portfolio_tab_head ul li a:after, .portfolio_tab ul li a:before {
                    display: table;
                    clear: both;
                    content: ""
                }

                .portfolio_tab_head ul li a:hover {
                    background: url(../images/port_drop_arrow001.png) no-repeat right center #d5d5d5
                }

            .portfolio_tab_head ul li.active a {
                background: url(../images/port_drop_arrow001_active.png) no-repeat right center #2a7bc1
            }

                .portfolio_tab_head ul li.active a span {
                    color: #fff
                }

            .portfolio_tab_head ul li .portfolio_sub_box {
                background: #eee;
                border: solid 1px #d0d0d0;
                position: absolute;
                left: 0;
                width: 100%;
                top: 80px;
                z-index: 9999;
                display: none
            }

            .portfolio_tab_head ul li:hover .portfolio_sub_box {
                display: block
            }

            .portfolio_tab_head ul li .portfolio_sub_box ul {
                display: block;
                width: 100%;
                border: none
            }

                .portfolio_tab_head ul li .portfolio_sub_box ul li {
                    float: none;
                    display: block;
                    width: 100%;
                    border: none;
                    border-bottom: solid 1px #d0d0d0
                }

                    .portfolio_tab_head ul li .portfolio_sub_box ul li:last-child {
                        border-bottom: none
                    }

                    .portfolio_tab_head ul li .portfolio_sub_box ul li a {
                        height: 43px;
                        line-height: 43px;
                        padding: 0 20px;
                        font-size: 14px;
                        color: #333;
                        background: #eee;
                        text-align: left;
                        text-transform: capitalize
                    }

                        .portfolio_tab_head ul li .portfolio_sub_box ul li a:hover {
                            background: #d0d0d0
                        }

            .portfolio_tab_head ul li a i {
                float: left;
                width: 33px;
                height: 82px;
                background: url(../images/port_icon01.png) left center no-repeat
            }

            .portfolio_tab_head ul li a span {
                float: left;
                font-size: 22px;
                color: #585b60;
                text-transform: capitalize;
                padding-left: 15px
            }

            .portfolio_tab_head ul li.active a i {
                background: url(../images/port_icon01_active.png) left center no-repeat
            }

            .portfolio_tab_head ul li:nth-child(2) a i {
                background: url(../images/port_icon02.png) left center no-repeat
            }

            .portfolio_tab_head ul li.active:nth-child(2) a i {
                background: url(../images/port_icon02_active.png) left center no-repeat
            }

            .portfolio_tab_head ul li:nth-child(3) a i {
                background: url(../images/port_icon03.png) left center no-repeat
            }

            .portfolio_tab_head ul li.active:nth-child(3) a i {
                background: url(../images/port_icon03_active.png) left center no-repeat
            }

.project_list_box {
    display: block
}

    .project_list_box:after, .project_list_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .project_list_box ul li {
        float: left;
        text-align: center;
        margin-bottom: 40px;
        width: 33.3%;
        position: relative
    }

        .project_list_box ul li.industr_mobile_image .project_image a img {
            width: 295px
        }

        .project_list_box ul li .project_image {
            display: block;
            width: 100%;
            overflow: hidden;
            min-height: 275px
        }

        .project_list_box ul li .project_title {
            display: block;
            padding-top: 15px
        }

            .project_list_box ul li .project_title a {
                font-size: 18px;
                color: #000;
                text-transform: capitalize
            }

.project_title {
    display: block;
    padding-top: 17px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center
}

    .project_title a {
        font-size: 18px;
        color: #000;
        text-decoration: none;
        text-transform: capitalize
    }

        .project_title a:hover {
            color: #06c55e
        }

.next_project_box {
    display: block;
    border-bottom: solid 1px #c4c4c4;
    text-align: center
}

    .next_project_box:after, .next_project_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .next_project_box a {
        display: inline-block;
        background: #2a7bc1;
        border-radius: 100%;
        width: 42px;
        height: 42px;
        position: relative;
        top: 23px;
        z-index: 999;
        margin-right: 10px
    }

        .next_project_box a:hover {
            background: #333
        }

.portfolio_detail_content {
    position: relative
}

.portfolio_detail_top {
    display: block
}

    .portfolio_detail_top:after, .portfolio_detail_top:before {
        display: table;
        clear: both;
        content: ""
    }

.back_prev_next_box {
    display: block;
    padding: 30px 0
}

    .back_prev_next_box:after, .back_prev_next_box:before {
        display: table;
        clear: both;
        content: ""
    }

.back_portfolio_button01 {
    float: left
}

    .back_portfolio_button01 a {
        background: url(../images/back_arrow.png) 8px center no-repeat #474747;
        border-radius: 4px;
        height: 40px;
        line-height: 38px;
        display: block;
        padding-left: 34px;
        padding-right: 15px;
        font-size: 15px;
        color: #fff
    }

        .back_portfolio_button01 a:hover {
            background: url(../images/back_arrow.png) 8px center no-repeat #2a7bc1
        }

.next_prev_button {
    float: right
}

    .next_prev_button .prev01 {
        float: left;
        background: url(../images/back_arrow.png) 8px center no-repeat #474747;
        border-radius: 4px;
        height: 40px;
        line-height: 38px;
        display: block;
        padding-left: 34px;
        padding-right: 15px;
        font-size: 17px;
        color: #fff;
        margin-right: 15px;
        cursor: pointer
    }

        .next_prev_button .prev01:hover {
            background: url(../images/back_arrow.png) 8px center no-repeat #2a7bc1
        }

    .next_prev_button .next01 {
        float: left;
        background: url(../images/next_arrow001.png) right center no-repeat #474747;
        border-radius: 4px;
        height: 40px;
        line-height: 38px;
        display: block;
        padding-right: 34px;
        padding-left: 15px;
        font-size: 17px;
        color: #fff;
        margin-right: 15px;
        cursor: pointer
    }

        .next_prev_button .next01:hover {
            background: url(../images/next_arrow001.png) right center no-repeat #2a7bc1
        }

.port_next_prev_button {
    float: right
}

    .port_next_prev_button a:nth-child(1) {
        float: left;
        background: url(../images/back_arrow.png) 8px center no-repeat #474747;
        border-radius: 4px;
        height: 40px;
        line-height: 38px;
        display: block;
        padding-left: 34px;
        padding-right: 15px;
        font-size: 15px;
        color: #fff;
        margin-right: 15px;
        cursor: pointer
    }

        .port_next_prev_button a:nth-child(1):hover {
            background: url(../images/back_arrow.png) 8px center no-repeat #2a7bc1
        }

    .port_next_prev_button a:nth-child(2) {
        float: left;
        background: url(../images/next_arrow001.png) right center no-repeat #474747;
        border-radius: 4px;
        height: 40px;
        line-height: 38px;
        display: block;
        padding-right: 34px;
        padding-left: 15px;
        font-size: 15px;
        color: #fff;
        margin-right: 15px;
        cursor: pointer
    }

.next_prev_button a:nth-child(2):hover {
    background: url(../images/next_arrow001.png) right center no-repeat #2a7bc1
}

.project_title_detail {
    display: block;
    text-align: center;
    padding: 30px 0 125px
}

    .project_title_detail h2 {
        font-size: 35px
    }

.project_big_image_bg {
    display: block;
    background: url(../images/project_bg.png) no-repeat;
    background-size: cover;
    height: 455px
}

.project_big_image_bg_inner {
    position: relative
}

    .project_big_image_bg_inner:after, .project_big_image_bg_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.project_big_pic {
    position: absolute;
    left: -30px;
    top: -55px
}

.project_detail_box {
    float: right;
    width: 390px;
    border-radius: 5px;
    background: #fff;
    padding: 25px;
    margin-top: 40px;
    height: 363px;
    position: relative
}

    .project_detail_box h3 {
        font-size: 24px;
        color: #000;
        padding-bottom: 10px
    }

    .project_detail_box p {
        font-size: 15px;
        color: #929292;
        line-height: 25px;
        padding-bottom: 15px
    }

    .project_detail_box span {
        font-size: 17px;
        color: #929292;
        display: block;
        width: 100%
    }

.live_web_url {
    display: block;
    text-align: center;
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%
}

    .live_web_url a {
        display: inline-block
    }

.related_portfolio_box {
    display: block;
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px
}

.related_portfolio_head {
    display: block;
    text-align: center;
    padding: 50px 0 65px
}

    .related_portfolio_head h2 {
        font-size: 35px;
        color: #000
    }

.related_portfolio_box .bx-controls {
    position: absolute;
    left: 0;
    bottom: -75px;
    width: 100%;
    z-index: 99;
    border-bottom: solid 1px #c4c4c4;
    text-align: center
}

    .related_portfolio_box .bx-controls .bx-controls-direction {
        display: inline-block;
        position: relative
    }

.portfolio_detail_requestform {
    display: block
}

    .portfolio_detail_requestform:after, .portfolio_detail_requestform:before {
        display: table;
        clear: both;
        content: ""
    }

.related_portfolio_box .bx-controls .bx-prev {
    background: url(../images/arrow_prev.png) no-repeat #2a7bc1;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    left: -50px;
    top: -3px
}

    .related_portfolio_box .bx-controls .bx-prev:hover {
        background: url(../images/arrow_prev.png) no-repeat #333
    }

.related_portfolio_box .bx-controls .bx-next {
    background: url(../images/arrow_next.png) no-repeat #2a7bc1;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    right: -50px;
    top: -3px
}

    .related_portfolio_box .bx-controls .bx-next:hover {
        background: url(../images/arrow_next.png) no-repeat #333
    }

.project_list_box ul li.mobile_project_list_box {
    width: 25%;
    padding: 0 30px
}

.project_list_box.mobile_project_list_box ul li {
    width: 25%;
    padding: 0 30px
}

.app_live_box {
    position: absolute;
    top: -30px;
    right: 38px
}

    .app_live_box a {
        float: left;
        margin-left: -15px
    }

        .app_live_box a:hover {
            opacity: .8
        }

.related_portfolio_box .project_list_box ul li {
    padding: 0 15px
}

    .related_portfolio_box .project_list_box ul li.single_portfolio_slider_mobile_image .project_image a img {
        width: 275px
    }

.singlPorMobile .project_big_pic {
    top: -115px
}

.site_map_box {
    display: block;
    width: 100%
}

    .site_map_box:after, .site_map_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .site_map_box .col_lg3 {
        display: block
    }

        .site_map_box .col_lg3 .col1 {
            display: #000;
            padding-right: 25px
        }

            .site_map_box .col_lg3 .col1:last-child {
                padding-right: 0
            }

            .site_map_box .col_lg3 .col1 h2 {
                font-size: 30px;
                margin: 15px 0;
                color: #2a7bc1;
                text-transform: uppercase;
                position: relative;
                padding-left: 15px;
                font-weight: 400;
                font-family: "Roboto-Reguler";
                padding-bottom: 0
            }

                .site_map_box .col_lg3 .col1 h2:before {
                    position: absolute;
                    left: 0;
                    top: 17px;
                    width: 6px;
                    height: 6px;
                    background: #2a7bc1;
                    content: ""
                }

            .site_map_box .col_lg3 .col1 h3 {
                font-size: 22px;
                margin: 0 0 15px 21px;
                color: #2a7bc1;
                text-transform: uppercase;
                position: relative;
                padding-left: 15px;
                font-weight: 400;
                padding-bottom: 0
            }

                .site_map_box .col_lg3 .col1 h3:before {
                    position: absolute;
                    left: 0;
                    top: 12px;
                    width: 6px;
                    height: 6px;
                    background: #2a7bc1;
                    content: ""
                }

            .site_map_box .col_lg3 .col1 ul {
                display: block;
                padding-left: 14px;
                padding-bottom: 25px
            }

                .site_map_box .col_lg3 .col1 ul li {
                    display: block;
                    background: none;
                    width: 100%;
                    padding-bottom: 8px
                }

                    .site_map_box .col_lg3 .col1 ul li:last-child {
                        padding-bottom: 0
                    }

                    .site_map_box .col_lg3 .col1 ul li a {
                        display: block;
                        width: 100%;
                        font-size: 14px;
                        color: #333;
                        position: relative;
                        padding-left: 15px;
                        background: none
                    }

                        .site_map_box .col_lg3 .col1 ul li a:before {
                            position: absolute;
                            left: 0;
                            top: 10px;
                            width: 6px;
                            height: 6px;
                            background: #333;
                            border-radius: 100%;
                            content: ""
                        }

                        .site_map_box .col_lg3 .col1 ul li a:hover {
                            color: #2a7bc1
                        }

.portofolio_list ul li.mobile_home .portofolio_image img {
    width: auto;
    height: 245px
}

.blog_detail_des ol {
    list-style: disc;
    padding-left: 15px
}

.blog_detail_des ul {
    list-style: disc;
    padding-left: 15px
}

.blog_detail_des ol li {
    font-size: 14px;
    color: #333;
    padding-bottom: 8px
}

    .blog_detail_des ol li strong {
        font-size: 14px;
        color: #333;
        font-weight: 400
    }

.industry_box {
    float: right;
    background: #f2f2f2 !important;
    width: 355px;
    min-height: 521px;
    font-family: "Hind Regular"
}

nav ul li .industry_box a {
    display: block;
    background: none !important;
    padding: 0 14px !important;
    min-height: 10px !important;
    height: 38px !important;
    line-height: 32px;
    border-bottom: solid 1px #dfdfdf
}

    nav ul li .industry_box a:after, nav ul li .industry_box a:before {
        display: table;
        clear: both;
        content: ""
    }

    nav ul li .industry_box a i {
        float: left;
        position: relative;
        top: 6px;
        width: 24px
    }

    nav ul li .industry_box a span {
        float: left;
        font-size: 14px;
        color: #333;
        padding-left: 10px;
        font-weight: 400;
        font-family: 'Hind',sans-serif;
        text-transform: capitalize;
        width: 75%
    }

.industry_box h2 {
    font-size: 20px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    color: #333;
    text-transform: capitalize
}

.home_count_section {
    background: url(../images/fun-facts.png) repeat;
    min-height: 357px;
    background-size: cover;
    background-attachment: fixed
}

.count_section_head {
    display: block;
    text-align: center;
    padding: 33px 0 40px
}

    .count_section_head h2 {
        font-size: 41px;
        color: #fff;
        padding-bottom: 14px
    }

    .count_section_head p {
        font-size: 20px !important;
        color: #C9C9C9;
        font-family: "Roboto-Reguler"
    }

.count_list_box {
    display: block;
    border-top: solid 1px #505050;
    padding: 45px 0
}

    .count_list_box:after, .count_list_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .count_list_box ul li {
        float: left;
        width: 25%;
        text-align: center
    }

        .count_list_box ul li:last-child {
            background: none
        }

        .count_list_box ul li h4 {
            font-size: 50px;
            color: #fff;
            font-weight: 600;
            padding-bottom: 0
        }

            .count_list_box ul li h4 sup {
                font-size: 36px;
                color: red
            }

        .count_list_box ul li span {
            font-size: 22px;
            color: #d9d8d8;
            font-style: normal;
            font-family: "Roboto-Reguler";
            width: 100%;
            text-align: center
        }

.development_methodology_section {
    padding: 40px 0 60px;
    background: url(../images/services-bg-2.png) no-repeat top center #fff scroll
}

.development_methodology_head {
    display: block;
    text-align: center;
    padding: 7px 0 50px
}

    .development_methodology_head h2 {
        font-size: 42px;
        color: #141617;
        padding-bottom: 8px
    }

    .development_methodology_head span {
        font-size: 18px;
        line-height: 21px;
        color: #6d6e71;
        font-family: 'Roboto-Light'
    }

.development_methodology_content {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 34px
}

    .development_methodology_content:after, .development_methodology_content:before {
        display: table;
        clear: both;
        content: ""
    }

.development_slide_content {
    display: block;
    margin-bottom: 50px
}

    .development_slide_content:after, .development_slide_content:before {
        display: table;
        clear: both;
        content: ""
    }

.development_slide_des {
    float: left;
    width: 50%;
    padding-right: 15px
}

    .development_slide_des h4 {
        font-size: 24px;
        color: #161616;
        padding-bottom: 15px
    }

    .development_slide_des p {
        font-size: 16px;
        color: #6d6e71;
        line-height: 28px;
        padding-bottom: 15px
    }

.development_point {
    display: block
}

    .development_point a {
        display: block;
        font-size: 16px;
        color: #6d6e71;
        position: relative;
        padding-left: 20px;
        margin-bottom: 5px
    }

        .development_point a:before {
            width: 10px;
            height: 10px;
            background: #034d87;
            position: absolute;
            left: 0;
            top: 7px;
            border-radius: 100%;
            content: ""
        }

.development_methodology_section .flexslider {
    background: #f4f4f4
}

.development_slide_image {
    float: left;
    width: 50%;
    text-align: right;
    padding-left: 70px
}

    .development_slide_image a img {
        width: auto !important;
        height: auto !important
    }

.development_methodology_content li:nth-child(even) .development_slide_image {
    padding-left: 0;
    padding-right: 70px
}

.development_methodology_content li:nth-child(even) .development_slide_des {
    padding-right: 0;
    padding-left: 15px
}

.development_methodology_content .flex-control-nav {
    width: 100%;
    right: 0;
    left: 0;
    bottom: 35px
}

    .development_methodology_content .flex-control-nav li a {
        background: #034d87
    }

        .development_methodology_content .flex-control-nav li a.active {
            background: #2d2d2e
        }

        .development_methodology_content .flex-control-nav li a:hover {
            background: #2d2d2e
        }

.client_logo_inner {
    position: relative
}

.client_logo_section {
    background: #fafafa;
    padding: 55px 0
}

.client_logo_list {
    display: block
}

    .client_logo_list:after, .client_logo_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .client_logo_list ul li {
        float: left;
        width: 200px;
        border: dotted 1px #dfe0e1;
        margin-right: 19px;
        transition-duration: .4s;
        -moz-transition-duration: .4s;
        -ms-transition-duration: .4s;
        -o-transition-duration: .4s;
        -webkit-transition-duration: .4s
    }

        .client_logo_list ul li:hover {
            border: dotted 1px #45A90E
        }

        .client_logo_list ul li:last-child {
            margin-right: 0
        }

.client_prev {
    position: absolute;
    left: -15px;
    top: 50px
}

.client_next {
    position: absolute;
    right: -15px;
    top: 50px
}

.testimonal_facts_box {
    display: block;
    background: #fafafa;
    position: relative;
    margin-top: 50px
}

    .testimonal_facts_box:after, .testimonal_facts_box:before {
        display: table;
        clear: both;
        content: ""
    }

    .testimonal_facts_box:before {
        position: absolute;
        right: 0;
        top: 0;
        width: 45%;
        height: 507px;
        background: #2a7bc1;
        content: ""
    }

.request_testimonal {
    float: left;
    width: 45%;
    padding: 90px 0
}

.testimonal_message_box {
    display: block
}

    .testimonal_message_box:after, .testimonal_message_box:before {
        display: table;
        clear: both;
        content: ""
    }

.testimonal_message_inner {
    float: left;
    width: 428px;
    background: #fff;
    padding: 30px;
    position: relative
}

    .testimonal_message_inner p {
        font-size: 14px;
        color: #999;
        line-height: 24px;
        padding-top: 15px
    }

    .testimonal_message_inner:before {
        width: 40px;
        height: 35px;
        background: url(../images/request_quote.png) no-repeat;
        content: "";
        position: absolute;
        left: 30px;
        top: 0;
        background-size: 40px 35px
    }

.request_userimage_name {
    display: block;
    padding: 20px 0;
    position: relative
}

    .request_userimage_name:after, .request_userimage_name:before {
        display: table;
        clear: both;
        content: ""
    }

.request_userimage_inner {
    float: right
}

.request_name {
    float: left;
    text-align: right;
    padding-right: 50px;
    padding-top: 33px
}

    .request_name h5 {
        font-size: 14px;
        color: #777;
        padding-bottom: 5px
    }

    .request_name span {
        font-size: 12px;
        color: #777
    }

.request_testimonal_pic {
    float: left;
    width: 93px
}

    .request_testimonal_pic a {
        display: block;
        width: 100%;
        height: 93px;
        border-radius: 100%
    }

        .request_testimonal_pic a img {
            width: 100%;
            height: 93px;
            border-radius: 100%
        }

.request_prev_next {
    position: absolute;
    left: 0;
    top: 111px
}

    .request_prev_next a {
        float: left;
        margin-right: 5px
    }

        .request_prev_next a:last-child {
            margin-right: 0
        }

.interesting_facts {
    float: right;
    width: 44%;
    background: #2a7bc1;
    padding-top: 30px;
    position: relative;
    min-height: 507px
}

    .interesting_facts:before {
        width: 133px;
        height: 507px;
        background: url(../images/facts_sap.png) no-repeat;
        position: absolute;
        left: -129px;
        top: 0;
        content: "";
        float: left
    }

.interesting_facts_head {
    display: block;
    padding: 30px
}

    .interesting_facts_head h2 {
        font-size: 30px;
        color: #fff
    }

.interesting_facts_list {
    display: block;
    padding-left: 30px;
    padding-bottom: 50px
}

    .interesting_facts_list ul li {
        display: block;
        padding-bottom: 5px
    }

        .interesting_facts_list ul li a {
            display: block;
            width: 100%;
            font-size: 18px;
            color: #fff;
            background: url(../images/list_arrow.png) no-repeat left 2px;
            padding-left: 50px;
            padding-bottom: 15px
        }

        .interesting_facts_list ul li:last-child {
            padding-bottom: 0
        }

.testimonal_facts_box_inner {
    display: block
}

    .testimonal_facts_box_inner:after, .testimonal_facts_box_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.client_logo_section .bx-controls .bx-controls-direction .bx-prev {
    width: 31px;
    height: 31px;
    background: url(../images/client_slide_arrow_left.png) no-repeat;
    left: -17px
}

.client_logo_section .bx-controls .bx-controls-direction .bx-next {
    width: 31px;
    height: 31px;
    background: url(../images/client_slide_arrow_right.png) no-repeat;
    right: -17px
}

.testimonal_facts_box_inner .bx-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90px
}

.testimonal_facts_box_inner .bx-wrapper .bx-prev {
    width: 35px;
    height: 35px;
    background: url(../images/req_tes_left_arrow.png) no-repeat #555;
    border-radius: 100%
}

    .testimonal_facts_box_inner .bx-wrapper .bx-prev:hover {
        background: url(../images/req_tes_left_arrow.png) no-repeat #2a7bc1
    }

.testimonal_facts_box_inner .bx-wrapper .bx-next {
    width: 35px;
    height: 35px;
    background: url(../images/req_tes_right_arrow.png) no-repeat #555;
    border-radius: 100%;
    right: 0
}

    .testimonal_facts_box_inner .bx-wrapper .bx-next:hover {
        background: url(../images/req_tes_right_arrow.png) no-repeat #2a7bc1
    }

.quick-form {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    height: auto;
    padding: 7px 0 0;
    position: fixed;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 20%;
    vertical-align: middle;
    width: 331px;
    z-index: 999
}

.quick-form-sub {
    position: relative;
    background: #fff
}

.enq-btn {
    display: none;
    position: fixed;
    top: 23%;
    z-index: 10000000;
    right: 0
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

a.enq-close-btn {
    background: #fff;
    border-left: 1px solid #ddd;
    border-radius: 6px 5px 0 6;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    display: inline-block;
    height: 40px;
    left: -1px;
    padding: 6px 2px 2px;
    position: absolute;
    top: -47px;
    width: 45px
}

.enq-close-btn i {
    color: #363839;
    font-size: 29px
}

.quick-form h2 {
    color: #000;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.form_footer .form-group {
    margin-bottom: 15px
}

.input-group {
    border-collapse: separate;
    display: block;
    position: relative
}

.quick-form .input-group-addon {
    font-size: 17px
}

.form_footer .input-group-addon {
    background: #fff;
    border-radius: 0;
    border-right: none;
    color: #2c3e50;
    font-size: 21px
}

.quick-form .form-group input {
    font-size: 14px;
    padding: 7px 12px
}

.form_footer .form-group input {
    background-color: #fff;
    border-radius: 0;
    color: #999;
    display: block;
    font-size: 14px;
    height: auto;
    padding: 11px 12px;
    width: 100%;
    border: solid 1px #ccc
}

.form_footer .form-group select, option {
    background-color: #fff;
    border-radius: 0;
    color: #999;
    display: block;
    font-size: 14px;
    height: auto;
    padding: 11px 12px;
    width: 100%;
    border: solid 1px #ccc
}

.form_textarea_quick textarea {
    height: 100px;
    min-height: 100px
}

.form_footer textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #999;
    display: block;
    font-size: 16px;
    height: auto;
    line-height: 1.42857;
    min: 100px;
    padding: 15px 12px;
    resize: none;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0;
    width: 100%
}

.bot_sub {
    float: none;
    display: block;
    width: 100%;
    margin-top: 15px
}

    .bot_sub:after, .bot_sub:before {
        display: table;
        clear: both;
        content: ""
    }

.form_capcha-quick {
    color: #363839;
    padding: 4px 10px 9px;
    width: 45%
}

.form_capcha {
    background: #fff;
    border: 1px solid #d1d1d0;
    float: left;
    padding: 11px 10px;
    text-align: center;
    width: 40%;
    font-size: 11px;
    color: #818181
}

.equal_dd {
    color: #000;
    margin-left: 10px;
    margin-top: 8px;
    font-size: 18px;
    margin-left: 25px;
    margin-top: 17px;
    float: left
}

.input_ask_quick {
    color: #000;
    padding: 4px 10px 9px;
    width: 43%
}

.form_capcha-quick .icon-lock.icons {
    font-size: 14px;
    margin-top: 6px
}

.icon-close {
    display: block;
    width: 36px;
    height: 33px;
    background: url(../images/close004.png) no-repeat
}

.code_box {
    float: right;
    width: 40%
}

    .code_box input {
        border: 1px solid #d1d1d0;
        padding: 11px 10px;
        display: block;
        color: #363839;
        background: #fff;
        width: 100%
    }

.submit_button_bg {
    display: block;
    width: 100%;
    margin: 15px 0
}

    .submit_button_bg a {
        display: block;
        width: 100%;
        height: 53px;
        background: #2a7bc1;
        font-size: 18px;
        color: #fff;
        line-height: 53px
    }

        .submit_button_bg a:hover {
            background: #333
        }

    .submit_button_bg input {
        display: block;
        width: 100%;
        height: 53px;
        background: #2a7bc1;
        font-size: 18px;
        color: #fff;
        border: none;
        cursor: pointer
    }

        .submit_button_bg input:hover {
            background: #333
        }

.skype_input_box {
    display: block
}

    .skype_input_box:after, .skype_input_box:before {
        display: table;
        clear: both;
        content: ""
    }

.skype_input_left {
    float: left;
    width: 48%
}

.skype_input_right {
    float: right;
    width: 48%
}

.box {
    margin-bottom: 30px
}

    .box > .icon {
        text-align: center;
        position: relative
    }

        .box > .icon > .image {
            position: relative;
            z-index: 2;
            margin: auto;
            width: 88px;
            height: 88px;
            border: 8px solid #fff;
            line-height: 88px;
            border-radius: 50%;
            background: #3db4e1;
            vertical-align: middle
        }

            .box > .icon > .image.image2 {
                background-color: #0cc5cc
            }

            .box > .icon > .image.image3 {
                background-color: #ff8515
            }

            .box > .icon > .image.image4 {
                background-color: #00af90
            }

        .box > .icon:hover > .image {
            background: #333
        }

        .box > .icon > .image > i {
            font-size: 36px !important;
            color: #fff !important
        }

        .box > .icon:hover > .image > i {
            color: #fff !important
        }

        .box > .icon > .info {
            margin-top: -24px;
            background: rgb(0 0 0 / .04);
            border: 1px solid #e0e0e0;
            padding: 15px 0 10px
        }

        .box > .icon:hover > .info {
            background: rgb(0 0 0 / .04);
            border-color: #e0e0e0;
            color: #fff
        }

        .box > .icon > .info > h3.title {
            font-size: 16px;
            color: #222;
            font-weight: 500
        }

        .box > .icon > .info > p {
            font-size: 13px;
            color: #666;
            line-height: 1.5em;
            margin: 20px
        }

        .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
            color: #222
        }

        .box > .icon > .info > .more a {
            font-size: 12px;
            color: #222;
            line-height: 12px;
            text-transform: uppercase;
            text-decoration: none
        }

        .box > .icon:hover > .info > .more > a {
            color: #fff;
            padding: 6px 8px;
            background-color: #63B76C
        }

        .box > .icon > .inforound {
            margin-top: -17px;
            background: rgb(0 0 0 / .04);
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            padding: 15px 0 10px;
            min-height: 470px
        }

            .box > .icon > .inforound li a {
                font-size: 16px;
                color: #6d6e71;
                line-height: 28px;
                text-transform: capitalize
            }

            .box > .icon > .inforound li {
                padding: 5px 3px
            }

        .box > .icon:hover > .inforound {
            background: rgb(0 0 0 / .04);
            border-color: #e0e0e0;
            color: #fff
        }

        .box > .icon > .inforound > h3.title {
            font-size: 18px;
            text-transform: uppercase;
            margin: 15px 0 20px
        }

        .box > .icon > .inforound > p {
            font-size: 13px;
            color: #666;
            line-height: 1.5em;
            margin: 20px
        }

        .box > .icon:hover > .inforound > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
            color: #222
        }

        .box > .icon > .inforound > .more a {
            font-size: 12px;
            color: #222;
            line-height: 12px;
            text-transform: uppercase;
            text-decoration: none
        }

        .box > .icon:hover > .inforound > .more > a {
            color: #fff;
            padding: 6px 8px;
            background-color: #63B76C
        }

    .box .space {
        height: 30px
    }

.gradient {
    background-color: #02a419;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwLjcxMDY3ODExODY1NDc2JSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwYmIzMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDM4ZDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwLjcxMDY3ODExODY1NDc2JSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwYmIzMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDM4ZDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==),-webkit-gradient(radial,center center,0,center center,186,color-stop(0,#00bb32),color-stop(1,#038d00));
    background-image: -webkit-repeating-radial-gradient(center center,ellipse farthest-corner,#00bb32 0%,#038d00 100%);
    background-image: repeating-radial-gradient(ellipse farthest-corner at center center,#00bb32 0%,#038d00 100%);
    background-image: -ms-repeating-radial-gradient(center center,ellipse farthest-corner,#00bb32 0%,#038d00 100%)
}

@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00bb32",endColorstr="#ff038d00",GradientType=0)
    }
}

.case_study_banner .service_inner_content {
    padding-top: 105px
}

.case_study_box {
    display: block
}

.case_study_listing {
    display: block
}

    .case_study_listing:after, .case_study_listing:before {
        display: table;
        clear: both;
        content: ""
    }

.case_study_head {
    display: block;
    padding: 50px 0;
    text-align: center
}

    .case_study_head h2 {
        font-size: 40px;
        color: #000
    }

.case_study_listing ul li {
    float: left;
    width: 23%;
    margin: 0 12px;
    background: #f5f5f5;
    border: solid 1px #dfdfdf;
    border-radius: 15px;
    margin-bottom: 30px
}

.case_study_image {
    display: block;
    border-bottom: solid 5px #2a7bc1;
    position: relative;
    height: 273px;
    overflow: hidden
}

    .case_study_image a {
        display: block
    }

        .case_study_image a img {
            border-radius: 5px 5px 0 0
        }

.case_study_des {
    display: block;
    padding: 15px
}

    .case_study_des h4 {
        font-size: 20px;
        color: #000;
        padding-bottom: 8px
    }

    .case_study_des p {
        font-size: 14px;
        color: #565656;
        line-height: 24px
    }

.case_study_cat_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px
}

    .case_study_cat_box a:first-child {
        float: left
    }

    .case_study_cat_box a:last-child {
        float: right
    }

    .case_study_cat_box a {
        width: 69px;
        height: 71px;
        background: url(../images/case_cat_bg.html) no-repeat
    }

        .case_study_cat_box a:hover {
            background: url(../images/case_cat_bg_hover.html) no-repeat
        }

.view_more_button {
    display: block;
    text-align: center;
    margin: 40px 0 60px
}

    .view_more_button a {
        display: inline-block;
        height: 80px;
        line-height: 80px;
        padding: 0 80px;
        border-radius: 5px;
        text-align: center;
        background: #2a7bc1;
        color: #fff;
        font-size: 30px;
        text-transform: capitalize
    }

        .view_more_button a:hover {
            background: #333
        }

.features_product_box .case_study_listing ul li {
    float: left;
    margin-right: 20px;
    width: 23.7%;
    border: solid 1px #ccc;
    border-radius: 10px
}

    .features_product_box .case_study_listing ul li:last-child {
        margin-right: 0
    }

.case_study_detail_head {
    display: block;
    background: url(../images/case_study_banner.png) no-repeat;
    background-size: cover;
    min-height: 318px;
    width: 100%
}

.case_study_banner_inner {
    display: block
}

    .case_study_banner_inner:after, .case_study_banner_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.case_study_banner_left {
    float: left;
    margin-top: 60px
}

.case_study_banner_title {
    float: left;
    padding-left: 117px;
    padding-top: 120px
}

    .case_study_banner_title h1 {
        font-size: 48px;
        color: #fff
    }

.case_study_banner_right {
    float: right;
    margin-top: 10px
}

.about_project_section {
    display: block
}

.about_project_top {
    display: block;
    text-align: center;
    padding: 50px 0
}

    .about_project_top h2 {
        font-size: 36px;
        color: #000;
        padding-bottom: 40px
    }

    .about_project_top p {
        font-size: 16px;
        color: #8e8e8e;
        line-height: 30px;
        padding-bottom: 25px
    }

.about_ger_image_box {
    display: block;
    text-align: center;
    padding-bottom: 60px
}

.objectives_section {
    display: block;
    padding: 100px 0;
    background: url(../images/objectives_banner.png) no-repeat;
    background-size: cover;
    min-height: 611px;
    background-attachment: fixed
}

    .objectives_section:after, .objectives_section:before {
        display: table;
        clear: both;
        content: ""
    }

.objectives_inner {
    display: block
}

    .objectives_inner:after, .objectives_inner:before {
        display: table;
        clear: both;
        content: ""
    }

.objectives_box {
    float: left;
    width: 50%;
    padding-right: 50px
}

    .objectives_box h2 {
        font-size: 30px;
        color: #fff
    }

    .objectives_box ul {
        display: block;
        padding-top: 30px
    }

        .objectives_box ul li {
            display: block;
            font-size: 16px;
            color: #fff;
            padding-bottom: 25px;
            position: relative;
            padding-left: 15px
        }

            .objectives_box ul li:before {
                width: 5px;
                height: 5px;
                border-radius: 100%;
                background: #fff;
                content: "";
                position: absolute;
                left: 0;
                top: 9px
            }

.client_object_box {
    float: left;
    width: 50%;
    padding-left: 50px
}

.client_object_row {
    margin-bottom: 40px
}

    .client_object_row h3 {
        display: block;
        padding-bottom: 10px
    }

        .client_object_row h3:after, .client_object_row h3:before {
            display: table;
            clear: both;
            content: ""
        }

        .client_object_row h3 i {
            float: left;
            margin-top: 2px
        }

        .client_object_row h3 span {
            float: left;
            font-size: 24px;
            color: #fff;
            padding-left: 4px
        }

    .client_object_row p {
        font-size: 16px;
        color: #fff
    }

.features_head {
    display: block;
    text-align: center;
    padding: 50px 0
}

    .features_head h2 {
        font-size: 36px;
        color: #000
    }

.features_list {
    display: block;
    padding-bottom: 85px
}

    .features_list:after, .features_list:before {
        display: table;
        clear: both;
        content: ""
    }

    .features_list ul li {
        float: left;
        width: 15%;
        text-align: center;
        margin-bottom: 35px
    }

        .features_list ul li a {
            display: block;
            width: 100%
        }

            .features_list ul li a i {
                display: block
            }

            .features_list ul li a span {
                display: block;
                font-size: 14px;
                color: #585858
            }

.features_product_box {
    background: #f6f6f6
}

.features_product_head {
    display: block;
    text-align: center;
    padding: 40px 0
}

    .features_product_head h2 {
        font-size: 36px;
        color: #000
    }

.case_study_listing {
    display: block;
    padding-bottom: 50px
}

    .case_study_listing:after, .case_study_listing:before {
        display: table;
        clear: both;
        content: ""
    }

.case_study_image {
    display: block;
    border-bottom: solid 5px #2a7bc1;
    position: relative;
    height: 273px;
    overflow: hidden
}

    .case_study_image a {
        display: block
    }

        .case_study_image a img {
            border-radius: 5px 5px 0 0
        }

.case_study_des {
    display: block;
    padding: 15px
}

    .case_study_des h4 {
        font-size: 20px;
        color: #000;
        padding-bottom: 8px
    }

    .case_study_des p {
        font-size: 14px;
        color: #565656;
        line-height: 24px
    }

.case_study_cat_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px
}

    .case_study_cat_box a:first-child {
        float: left
    }

    .case_study_cat_box a:last-child {
        float: right
    }

    .case_study_cat_box a {
        width: 69px;
        height: 71px;
        background: url(../images/case_cat_bg.html) no-repeat
    }

        .case_study_cat_box a:hover {
            background: url(../images/case_cat_bg_hover.html) no-repeat
        }

.blog_detail_des p a img {
    margin: 15px
}

.core-services-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

    .core-services-list li {
        float: left;
        max-width: 25%;
        width: 100%;
        text-align: center;
        border: 1px solid #e8e8e8;
        box-shadow: 0 3px 3px #e4e4e4;
        text-transform: uppercase;
        background-color: #fff;
        color: #404040;
        font-family: "Roboto-Reguler";
        padding: 65px 0;
        font-size: 16px;
        position: relative;
        transition: all .3s;
        color: #262626
    }

        .core-services-list li.last {
            margin-right: 0
        }

        .core-services-list li.last2 {
            border-bottom: none;
            border-right: none
        }

        .core-services-list li.last3 {
            border-right: none
        }

        .core-services-list li span, .core-services-list li a {
            display: block;
            color: #131516
        }

        .core-services-list li a {
            padding: 0;
            font-size: 16px;
            font-weight: 500
        }

            .core-services-list li a:hover {
                color: #333
            }

.service-icon {
    min-height: 94px
}

.core-services-list li:hover {
    background-color: #000;
    color: #fff;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

.testimonial-bg {
    padding: 80px 70px 50px;
    text-align: center;
    position: relative;
    background: url(../images/icon/testi.png) no-repeat top center
}

    .testimonial-bg:before {
        text-align: center;
        margin-top: 30px;
        color: #02D15B;
        position: absolute;
        top: -40px;
        right: 567px
    }

.testimonial {
    padding: 0 15px
}

    .testimonial .description {
        font-size: 21px;
        color: #fff;
        padding-bottom: 21px;
        line-height: 34px;
        position: relative;
        font-family: 'Hind',sans-serif
    }

        .testimonial .description:before {
            content: "";
            font-family: "fontawesome";
            width: 75%;
            margin: 0 auto;
            position: absolute;
            bottom: -10px;
            left: 0;
            right: 0
        }

        .testimonial .description:after {
            width: 20px;
            height: 20px;
            background: #fff;
            position: absolute;
            bottom: -10px;
            left: 50%;
            border-bottom: 1px solid #ddd;
            border-right: 1px solid #ddd;
            transform: translateX(-50%) rotate(45deg)
        }

    .testimonial .pic {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: 25px auto;
        overflow: hidden
    }

        .testimonial .pic img {
            width: 100%;
            height: auto
        }

    .testimonial .title {
        display: inline-block;
        font-size: 23px;
        color: #05E76E;
        text-transform: capitalize;
        margin: 0;
        padding-bottom: 50px
    }

    .testimonial .post {
        display: inline-block;
        font-size: 20px;
        color: #848484
    }

.owl-theme .owl-controls {
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0
}

    .owl-theme .owl-controls .owl-buttons div {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        background: #32323A;
        opacity: 1;
        padding: 0
    }

.owl-prev:before, .owl-next:before {
    content: "\f060";
    font-family: "fontawesome";
    font-size: 15px;
    font-weight: 700;
    color: #fff
}

.owl-next:before {
    content: "\f061"
}

@media only screen and (max-width:767px) {
    .testimonial-bg {
        padding: 50px 40px
    }

    .owl-theme .owl-controls {
        bottom: 0
    }
}

@media only screen and (max-width:480px) {
    .core-services-list li {
        float: left;
        max-width: 100% !important;
        width: 100%;
        text-align: center;
        border: 1px solid #e8e8e8;
        box-shadow: 0 3px 3px #e4e4e4;
        text-transform: uppercase;
        background-color: #fff;
        color: #404040;
        font-family: "Roboto-Reguler";
        padding: 65px 0;
        font-size: 16px;
        position: relative;
        transition: all .3s;
        color: #262626
    }

    .testimonial-bg:before {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 40px
    }

    .testimonial-bg {
        padding: 30px 10px
    }

    .owl-theme .owl-controls {
        bottom: 0
    }
}

@media only screen and (max-width:360px) {
    .testimonial .title, .testimonial .post {
        font-size: 16px
    }

    .owl-theme .owl-controls {
        bottom: 0
    }
}

.section_content h2 {
    font-size: 23px;
    color: #3c5167
}

.section_content span {
    color: #2d3e50
}

.section_content li {
    font-size: 17px;
    color: #676767 !important;
    padding: 5px 0
}

.section_content p {
    margin-top: 10px;
    font-size: 17px;
    color: #676767;
    margin-top: 9px;
    line-height: 29px
}

.section_content ul {
    margin: 10px 0 20px
}

#owl-demo .item {
    margin: 3px
}

    #owl-demo .item img {
        float: left;
        margin-right: 50px;
        display: block;
        width: 40%;
        height: auto
    }

.span12 {
    width: 100%
}

.popup_box_first {
    display: none
}

.popup_box_second {
    display: none
}

.popup_overlow {
    display: none
}

.popup_box_second {
    opacity: 0
}

.company_about_section {
    background: url(../images/inner/about.jpg) repeat;
    background-size: cover;
    position: relative;
    min-height: 400px
}

.overlay_box_banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.company_profile_head, .see_work_buton {
    position: relative;
    z-index: 2
}

marquee {
    margin: 10px 0 50px
}

.well {
    margin-top: 50px;
    font-family: 'Hind',sans-serif !important
}

.tab-content > .tab-pane.last {
    margin-bottom: 0
}

#portfolio {
    margin: 1rem 0;
    font-family: 'Roboto',sans-serif !important;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.333333333333%;
    -moz-column-width: 33.333333333333%;
    column-width: 33.333333333333%
}

.tile {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease
}

.scale-anm {
    transform: scale(1)
}

.toolbar {
    background-color: #3c4047;
    margin: 10px 0 70px;
    opacity: .8
}

.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 1rem
}

.p-btn {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: 10px 20px;
    margin: 0;
    text-align: center;
    border-right: 1px solid #484c55 !important;
    border: none;
    -webkit-appearance: none;
    color: #fff;
    border-radius: 5px;
    background-color: #fff0;
    text-transform: uppercase
}

    .p-btn img {
        padding-right: 12px
    }

    .p-btn:hover {
        text-decoration: none;
        color: #16e876
    }

.contact {
    display: block;
    margin: 60px 0
}

.first {
    float: left;
    width: 100%;
    text-align: right
}

.third {
    float: left;
    width: 100%;
    text-align: left
}

.second {
    float: left;
    width: 100%;
    text-align: center
}

.third p {
    margin-bottom: 13px;
    font-size: 19px;
    color: #3a403c;
    font-family: "Roboto-Reguler"
}

.first p {
    margin-bottom: 13px;
    font-size: 19px;
    color: #3a403c;
    font-family: "Roboto-Reguler"
}

    .first p.color_section {
        color: #00ad4b;
        font-size: 19px;
        margin-bottom: 0
    }

.third p.color_section {
    color: #00ad4b;
    font-size: 19px;
    margin-bottom: 0
}

.first span {
    float: right;
    width: 50px;
    height: 1px;
    background: #414844;
    margin-bottom: 20px
}

.third span {
    float: left;
    width: 50px;
    height: 1px;
    background: #414844;
    margin-bottom: 20px
}

.table-bordered {
    font-size: 17px
}

.table td {
    font-size: 17px;
    padding: 13px !important
}

.table th {
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    padding: 13px !important
}

    .table th.last {
        text-align: left
    }

.table tr.color {
    background-color: #eee
}

.table tr.color_headng {
    color: #fff;
    background: url(../images/hr_line.png) repeat #292b2c
}

.green-box {
    box-shadow: 5px 5px 35px #ddd;
    border-left: 9px solid #59cb62;
    padding: 30px;
    margin-bottom: 40px
}

    .green-box h2 {
        font-size: 25px;
        margin-bottom: 20px
    }

    .green-box ul {
        display: inline-block;
        margin-right: 130px
    }

        .green-box ul.right-space {
            margin-right: 0
        }

        .green-box ul.box_1 {
            margin-right: 76px
        }

        .green-box ul.box_3 {
            margin-right: 88px
        }

    .green-box li {
        padding: 7px 0;
        background: url(../images/bullet-4.gif) no-repeat left;
        padding-left: 25px;
        color: #6d6e71;
        font-size: 17px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
    }

    .green-box.last {
        margin-bottom: 0
    }

    .green-box a img {
        text-align: center;
        margin-top: 25px
    }

.blue_box {
    border: 1px solid #d7dce0;
    border-left: 10px solid #3f566e;
    padding: 15px 25px;
    width: 100%;
    max-width: 45%;
    float: left;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    margin: 25px 50px 20px 0
}

    .blue_box p {
        color: #6d6e71;
        font-size: 17px;
        text-align: left
    }

    .blue_box span {
        color: #cfcfcf;
        font-size: 40px;
        display: block;
        text-align: left;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 600
    }

.infras_content {
    width: 100%;
    max-width: 40%;
    float: left;
    text-align: right;
    position: relative;
    top: -86px
}

    .infras_content p {
        font-size: 17px;
        line-height: 26px;
        padding: 2px 0
    }

.infras_content_second p {
    font-size: 17px;
    line-height: 26px;
    padding: 2px 0
}

.infras_content h2 {
    font-size: 27px;
    color: #191C1F;
    text-align: left;
    padding-bottom: 14px;
    background: url(../images/footer-line.gif) no-repeat left bottom;
    margin-bottom: 20px
}

.infras_content_second h2 {
    font-size: 27px;
    color: #191C1F;
    text-align: left;
    padding-bottom: 14px;
    background: url(../images/footer-line.gif) no-repeat left bottom;
    margin-bottom: 20px
}

.infras_content_second {
    width: 100%;
    max-width: 40%;
    float: right;
    text-align: left;
    position: relative;
    top: -86px
}

.green_box_content {
    width: 100%;
    margin-top: 55px
}

    .green_box_content p {
        font-size: 17px;
        line-height: 25px;
        padding: 20px
    }

    .green_box_content .green-title {
        background-color: #00c45a;
        font-size: 20px;
        color: #fff;
        text-align: left;
        padding: 9px 0 9px 25px;
        font-family: 'Source Sans Pro',sans-serif
    }

.green_stand {
    text-align: center;
    margin-top: 35px
}

.one_conetnt {
    width: 30%;
    float: left;
    background-color: #e8e7e7;
    min-height: 196px
}

.two_conetnt {
    width: 30%;
    text-align: center;
    float: left;
    background-color: #e8e7e7;
    margin-left: 56px;
    min-height: 196px
}

.third_conetnt {
    width: 30%;
    float: right;
    background-color: #e8e7e7;
    min-height: 196px
}

.gallery_btn {
    color: #333;
    font-size: 19px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    padding: 11px 20px;
    margin: 20px 5px 40px
}

    .gallery_btn:hover {
        background-color: #435d79;
        color: #fff
    }

    .gallery_btn.active {
        background-color: #435d79;
        color: #fff
    }

.gallery_head h2 {
    font-size: 31px;
    color: #6d6e71;
    padding-bottom: 14px;
    font-family: 'Hind',sans-serif !important
}

.gallery_head {
    padding: 40px 0
}

.gallery_bg {
    margin-top: 15px;
    background: #fff0 url(../images/pattern.png) repeat scroll 0 0
}

.img-bg {
    background-color: #fff;
    border-radius: 3px;
    margin-left: 3%;
    max-width: 22%;
    padding: 9px;
    width: 100%;
    height: 70%;
    margin-bottom: 35px;
    box-shadow: 0 8px 25px 0 rgb(0 0 0 / .3)
}

.img-content {
    text-align: center;
    padding-top: 15px
}

    .img-content > h2 {
        color: #06d666;
        font-size: 15px
    }

    .img-content > p {
        color: #505050;
        font-size: 13px;
        padding-top: 5px;
        min-height: 42px
    }

.team-sec {
    width: 100%;
    background-color: #505050;
    padding: 50px 0 35px
}

.frame img {
    display: block
}

.frame:hover {
    background-color: #d74858;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all
}

.portfolio_list {
    display: block;
    background: url(../images/portbg.png) repeat
}

.portfolbx1 {
    overflow: hidden;
    position: relative;
    width: 97%
}

.portfol1 {
    overflow: hidden;
    margin: 30px 0 20px;
    position: relative
}

.portfolio_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .8);
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease
}

.portfolbx1 {
    position: relative
}

    .portfolbx1 img {
        display: block
    }

    .portfolbx1:hover .portfolio_overlay {
        width: 100%;
        cursor: pointer
    }

text-2 {
    white-space: nowrap;
    color: #fff;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 70%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.extra_point_section > li {
    background: #fff0 url(../images/bullet-2.gif) no-repeat scroll 0 6px;
    border: medium none;
    padding-left: 19px;
    text-align: left;
    padding-bottom: 10px;
    font-size: 17px
}

.extra_point_section {
    margin: 10px 0 20px
}

.career_box p {
    padding: 0 !important;
    line-height: 23px !important
}

.career_box span {
    margin-bottom: 8px
}

.it_product_section ul li {
    padding-right: 0 !important;
    font-size: 16px !important;
    text-align: center !important;
    line-height: 25px !important
}

.it_product_section i {
    font-size: 50px !important;
    color: #405973;
    text-align: center
}

.it_product_section p {
    margin-bottom: 9px
}

.technical_image {
    margin: 37px 0;
    background: url(../images/technical-line.png) repeat-y;
    height: 550px
}

.first_form_success {
    border: none !important
}

.personal_fild_row {
    margin-bottom: 15px
}

.personal_left_box p {
    padding: 0
}

    .personal_left_box p span {
        font-size: 15px !important;
        color: #4e6783
    }

.personal_left_box h3 {
    margin-bottom: 14px
}

.seo_section {
    background-color: #465761;
    padding: 35px 0
}

    .seo_section p {
        font-size: 18px;
        padding: 13px;
        color: #fff;
        margin: 0 47px 0 25px;
        line-height: 31px !important
    }

.fb_section {
    margin: 60px 0
}

    .fb_section h2 {
        font-size: 20px;
        margin: 25px 0 10px
    }

    .fb_section p {
        font-size: 16px;
        line-height: 26px
    }

    .fb_section img {
        transition: all 1s ease-in-out 0
    }

        .fb_section img:hover {
            webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2)
        }

.search_optimization_des p {
    font-size: 17px;
    line-height: 28px
}

.search_optimization_head.last {
    padding-bottom: 30px
}

.milestone_within_head {
    display: block;
    text-align: center;
    padding: 45px 0 8px
}

.techno_sec {
    font-size: 29px !important;
    font-weight: 400
}

.technical_section {
    margin-bottom: 50px
}

.row .block {
    float: left;
    width: 25%
}

.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    margin: 35px 20px 18px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
    padding-top: 15px
}

    .hovicon.small {
        font-size: 20px;
        line-height: 45px;
        width: 45px;
        height: 45px;
        margin: 7px
    }

    .hovicon.mini {
        font-size: 15px;
        line-height: 32px;
        width: 30px;
        height: 30px;
        margin: 7px
    }

    .hovicon.auto-width {
        width: auto;
        height: auto;
        padding: 15px
    }

    .hovicon:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .hovicon:before {
        speak: none;
        font-size: 48px;
        line-height: 90px;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        display: block;
        -webkit-font-smoothing: antialiased
    }

.left-sidebar-recharge-panel {
    padding: 10px 0
}

.recharge-panel-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 20px;
    margin-top: 20px
}

    .recharge-panel-list li {
        display: block;
        padding: 14px 0;
        cursor: pointer;
        color: #fff;
        font-size: 18px;
        text-align: center;
        background: #303036;
        border-bottom: #414141 1px solid
    }

        .recharge-panel-list li.active {
            border-left: 2px solid #C00;
            font-weight: 700;
            background: #59cb62
        }

        .recharge-panel-list li span {
            display: inline-block;
            margin-right: 10px
        }

        .recharge-panel-list li .icon-recharge-title:hover {
            box-shadow: 0 0 3px #000
        }

        .recharge-panel-list li:hover {
            border-left: 2px solid #C00;
            background: #0099CE
        }

.inner-panel {
    padding: 40px;
    background: rgb(230 230 230 / .66)
}

.individual-column-recharge-panel {
    border-radius: 10px;
    background: #fff;
    padding: 5px 10px
}

    .individual-column-recharge-panel .field-box {
        margin-bottom: 6px
    }

    .individual-column-recharge-panel .field {
        max-width: 100%;
        width: 100%;
        border: 1px solid #f1f1f1;
        padding: 5px;
        border-radius: 5px
    }

        .individual-column-recharge-panel .field:focus {
            border: 1px solid #000
        }

.submit-button {
    background: #690;
    color: #fff;
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 20px
}

.individual-column-recharge-panel {
    display: none
}

#mobile {
    display: block
}

.recharge-form {
    margin-top: 30px
}

.hovicon.effect-1 {
    background: rgb(255 255 255 / .1);
    -webkit-transition: background 0.2s,color .2s;
    -moz-transition: background 0.2s,color .2s;
    transition: background 0.2s,color .2s
}

    .hovicon.effect-1:after {
        top: -7px;
        left: -7px;
        padding: 7px;
        box-shadow: 0 0 0 4px #fff;
        -webkit-transition: -webkit-transform 0.2s,opacity .2s;
        -webkit-transform: scale(.8);
        -moz-transition: -moz-transform 0.2s,opacity .2s;
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transition: transform 0.2s,opacity .2s;
        transform: scale(.8);
        opacity: 0
    }

    .hovicon.effect-1.sub-a:hover {
        background: #fff;
        color: #41ab6b
    }

        .hovicon.effect-1.sub-a:hover i {
            color: #41ab6b
        }

        .hovicon.effect-1.sub-a:hover:after {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

    .hovicon.effect-1.sub-b:hover {
        background: #fff;
        color: #41ab6b
    }

        .hovicon.effect-1.sub-b:hover i {
            color: #41ab6b
        }

    .hovicon.effect-1.sub-b:after {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    .hovicon.effect-1.sub-b:hover:after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.hovicon.effect-2 {
    color: #eea303;
    box-shadow: 0 0 0 3px #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

    .hovicon.effect-2:after {
        top: -2px;
        left: -2px;
        padding: 2px;
        z-index: -1;
        background: #fff;
        -webkit-transition: -webkit-transform 0.2s,opacity .2s;
        -moz-transition: -moz-transform 0.2s,opacity .2s;
        transition: transform 0.2s,opacity .2s
    }

    .hovicon.effect-2.sub-a:hover, .hovicon.effect-2.sub-a:hover i {
        color: #eea303
    }

        .hovicon.effect-2.sub-a:hover:after {
            -webkit-transform: scale(.85);
            -moz-transform: scale(.85);
            -ms-transform: scale(.85);
            transform: scale(.85)
        }

    .hovicon.effect-2.sub-b:hover:after {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        -webkit-transition: -webkit-transform 0.4s,opacity .2s;
        -moz-transition: -moz-transform 0.4s,opacity .2s;
        transition: transform 0.4s,opacity .2s
    }

    .hovicon.effect-2.sub-b:hover, .hovicon.effect-2.sub-b:hover i {
        color: #fff
    }

.hovicon.effect-3 {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

    .hovicon.effect-3:after {
        top: -2px;
        left: -2px;
        padding: 2px;
        z-index: -1;
        background: #fff;
        -webkit-transition: -webkit-transform 0.2s,opacity .3s;
        -moz-transition: -moz-transform 0.2s,opacity .3s;
        transition: transform 0.2s,opacity .3s
    }

    .hovicon.effect-3.sub-a, .hovicon.effect-3.sub-a i {
        color: #f06060
    }

        .hovicon.effect-3.sub-a:hover, .hovicon.effect-3.sub-a:hover i {
            color: #fff
        }

            .hovicon.effect-3.sub-a:hover:after {
                -webkit-transform: scale(1.3);
                -moz-transform: scale(1.3);
                -ms-transform: scale(1.3);
                transform: scale(1.3);
                opacity: 0
            }

    .hovicon.effect-3.sub-b, .hovicon.effect-3.sub-b i {
        color: #fff
    }

        .hovicon.effect-3.sub-b:hover, .hovicon.effect-3.sub-b:hover i {
            color: #f06060
        }

        .hovicon.effect-3.sub-b:after {
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            transform: scale(1.3);
            opacity: 0
        }

        .hovicon.effect-3.sub-b:hover:after {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

.hovicon.effect-4 {
    width: 123px;
    height: 124px;
    box-shadow: 0 0 0 4px #e8e8e8
}

    .hovicon.effect-4.small {
        width: 45px;
        height: 45px
    }

    .hovicon.effect-4.mini {
        width: 30px;
        height: 30px
    }

    .hovicon.effect-4.sub-a {
        -webkit-transition: box-shadow .2s;
        -moz-transition: box-shadow .2s;
        transition: box-shadow .2s
    }

    .hovicon.effect-4:before {
        line-height: 92px
    }

    .hovicon.effect-4:after {
        top: -4px;
        left: -4px;
        padding: 0;
        z-index: 10;
        border: 4px dashed #e8e8e8
    }

    .hovicon.effect-4:hover {
        box-shadow: 0 0 0 0 #fff0
    }

    .hovicon.effect-4.sub-b:hover {
        -webkit-transition: box-shadow .2s;
        -moz-transition: box-shadow .2s;
        transition: box-shadow .2s
    }

        .hovicon.effect-4.sub-b:hover:after {
            -webkit-animation: spinAround 9s linear infinite;
            -moz-animation: spinAround 9s linear infinite;
            animation: spinAround 9s linear infinite
        }

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.hovicon.effect-5 {
    box-shadow: 0 0 0 4px #fff;
    overflow: hidden;
    -webkit-transition: background 0.3s,color 0.3s,box-shadow .3s;
    -moz-transition: background 0.3s,color 0.3s,box-shadow .3s;
    transition: background 0.3s,color 0.3s,box-shadow .3s
}

    .hovicon.effect-5:after {
        display: none
    }

    .hovicon.effect-5:hover {
        background: #fff;
        color: #702fa8;
        box-shadow: 0 0 0 8px rgb(255 255 255 / .3)
    }

        .hovicon.effect-5:hover i {
            color: #702fa8
        }

    .hovicon.effect-5.sub-a:hover:before {
        -webkit-animation: toRightFromLeft .3s forwards;
        -moz-animation: toRightFromLeft .3s forwards;
        animation: toRightFromLeft .3s forwards
    }

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

.hovicon.effect-5.sub-b:hover:before {
    -webkit-animation: toLeftFromRight .3s forwards;
    -moz-animation: toLeftFromRight .3s forwards;
    animation: toLeftFromRight .3s forwards
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

.hovicon.effect-5.sub-c:hover:before {
    -webkit-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

.hovicon.effect-5.sub-d:hover:before {
    -webkit-animation: toBottomFromTop .3s forwards;
    -moz-animation: toBottomFromTop .3s forwards;
    animation: toBottomFromTop .3s forwards
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%)
    }

    50% {
        opacity: 0;
        transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

.hovicon.effect-6 {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: background 0.2s,color .2s;
    -moz-transition: background 0.2s,color .2s;
    transition: background 0.2s,color .2s
}

    .hovicon.effect-6:hover {
        background: #fff;
        color: #64bb5d
    }

        .hovicon.effect-6:hover i {
            color: #64bb5d
        }

        .hovicon.effect-6:hover:before {
            -webkit-animation: spinAround 2s linear infinite;
            -moz-animation: spinAround 2s linear infinite;
            animation: spinAround 2s linear infinite
        }

.hovicon.effect-7 {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: background 0.2s,color .2s;
    -moz-transition: background 0.2s,color .2s;
    transition: background 0.2s,color .2s
}

    .hovicon.effect-7:hover, .hovicon.effect-7:hover i {
        color: #fff
    }

    .hovicon.effect-7:after {
        top: -8px;
        left: -8px;
        padding: 8px;
        z-index: -1;
        opacity: 0
    }

    .hovicon.effect-7.sub-a:after {
        box-shadow: 0 0 0 #fff;
        -webkit-transition: opacity 0.2s,box-shadow .2s;
        -moz-transition: opacity 0.2s,box-shadow .2s;
        transition: opacity 0.2s,box-shadow .2s
    }

    .hovicon.effect-7.sub-a:hover:after {
        opacity: 1;
        box-shadow: 3px 3px 0 #fff
    }

    .hovicon.effect-7.sub-a:before {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        opacity: .7;
        -webkit-transition: -webkit-transform 0.2s,opacity .2s;
        -moz-transition: -moz-transform 0.2s,opacity .2s;
        transition: transform 0.2s,opacity .2s
    }

    .hovicon.effect-7.sub-a:hover:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    .hovicon.effect-7.sub-b:after {
        box-shadow: 3px 3px #fff;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: opacity 0.2s,-webkit-transform .2s;
        -moz-transition: opacity 0.2s,-moz-transform .2s;
        transition: opacity 0.2s,transform .2s
    }

    .hovicon.effect-7.sub-b:hover:after {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .hovicon.effect-7.sub-b:before {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        opacity: .7;
        -webkit-transition: -webkit-transform 0.2s,opacity .2s;
        -moz-transition: -moz-transform 0.2s,opacity .2s;
        transition: transform 0.2s,opacity .2s
    }

    .hovicon.effect-7.sub-b:hover:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.hovicon.effect-8 {
    background: rgb(255 255 255 / .1);
    -webkit-transition: -webkit-transform ease-out 0.1s,background .2s;
    -moz-transition: -moz-transform ease-out 0.1s,background .2s;
    transition: transform ease-out 0.1s,background .2s
}

    .hovicon.effect-8:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1);
        opacity: 0;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .hovicon.effect-8:hover {
        background: rgb(255 255 255 / .05);
        -webkit-transform: scale(.93);
        -moz-transform: scale(.93);
        -ms-transform: scale(.93);
        transform: scale(.93);
        color: #fff
    }

        .hovicon.effect-8:hover i {
            color: #fff
        }

        .hovicon.effect-8:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms
        }

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

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1),0 0 10px 10px #3851bc,0 0 0 10px rgb(255 255 255 / .5)
    }

    100% {
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1),0 0 10px 10px #3851bc,0 0 0 10px rgb(255 255 255 / .5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1),0 0 10px 10px #3851bc,0 0 0 10px rgb(255 255 255 / .5)
    }

    100% {
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1),0 0 10px 10px #3851bc,0 0 0 10px rgb(255 255 255 / .5);
        -moz-transform: scale(1.5);
        opacity: 0
    }
}

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

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1),0 0 10px 10px #3851bc,0 0 0 10px rgb(255 255 255 / .5)
    }

    100% {
        box-shadow: 0 0 0 2px rgb(255 255 255 / .1),0 0 10px 10px #3851bc,0 0 0 10px rgb(255 255 255 / .5);
        transform: scale(1.5);
        opacity: 0
    }
}

.hovicon.effect-9 {
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s
}

    .hovicon.effect-9:after {
        top: 0;
        left: 0;
        padding: 0;
        box-shadow: 0 0 0 3px #fff;
        -webkit-transition: -webkit-transform 0.2s,opacity .2s;
        -moz-transition: -moz-transform 0.2s,opacity .2s;
        transition: transform 0.2s,opacity .2s
    }

    .hovicon.effect-9.sub-a:hover:after {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85);
        opacity: .5
    }

    .hovicon.effect-9.sub-a:hover {
        box-shadow: 0 0 0 10px #fff;
        color: #fff
    }

        .hovicon.effect-9.sub-a:hover i {
            color: #fff
        }

    .hovicon.effect-9.sub-b:hover:after {
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        transform: scale(.85)
    }

    .hovicon.effect-9.sub-b:hover {
        box-shadow: 0 0 0 10px rgb(255 255 255 / .4);
        color: #fff
    }

        .hovicon.effect-9.sub-b:hover i {
            color: #fff
        }

.tabbed_macbook {
    display: block;
    margin: 40px 0
}

.panel-group {
    margin-top: 10px
}

.panel-title {
    font-size: 20px;
    padding-left: 10px;
    color: #34495e
}

    .panel-title i {
        font-size: 27px;
        color: #079c18;
        padding-right: 6px;
        display: inline-block;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px #fff0;
        font-weight: 700
    }

        .panel-title i:hover {
            -webkit-animation-name: hvr-buzz;
            animation-name: hvr-buzz;
            -webkit-animation-duration: .15s;
            animation-duration: .15s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite
        }

    .panel-title img {
        padding-right: 13px
    }

.panel-heading:hover {
    cursor: pointer
}

.panel-heading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.side-tab:hover {
    cursor: pointer
}

.panel.panel-default {
    border: none;
    box-shadow: none !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel-heading {
    border: none;
    font-size: 18px;
    border-bottom: 1px solid #e4e4e4 !important
}

.panel-body {
    background-color: #fff;
    font-size: 16px;
    line-height: 27px;
    border: 1px #000 solid
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-bottom-color: #ddd;
    border-radius: 10px
}

.md-macbook-pro {
    display: block;
    max-width: 558px;
    min-height: 320px;
    font-size: 16px;
    margin: 0 auto
}

@media (max-width:320px) {
    .core-services-list li {
        float: left;
        max-width: 100%;
        width: 100%;
        text-align: center;
        border: 1px solid #e8e8e8;
        box-shadow: 0 3px 3px #e4e4e4;
        text-transform: uppercase;
        background-color: #fff;
        color: #404040;
        font-family: "Roboto-Reguler";
        padding: 65px 0;
        font-size: 16px;
        position: relative;
        transition: all .3s;
        color: #262626
    }
}

@media (max-width:480px) {
    .core-services-list li {
        float: left;
        max-width: 100%;
        width: 100%;
        text-align: center;
        border: 1px solid #e8e8e8;
        box-shadow: 0 3px 3px #e4e4e4;
        text-transform: uppercase;
        background-color: #fff;
        color: #404040;
        font-family: "Roboto-Reguler";
        padding: 65px 0;
        font-size: 16px;
        position: relative;
        transition: all .3s;
        color: #262626
    }
}

.md-macbook-pro .md-lid {
    width: 100%;
    max-width: 558px;
    min-height: 320px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    background: url(../images/mac.jpg) no-repeat
}

.md-macbook-pro .md-camera {
    width: .375em;
    height: .375em;
    margin: 0 auto;
    position: relative;
    top: 1.0625em;
    background: #000;
    border-radius: 100%;
    box-shadow: inset 0 -1px 0 rgb(255 255 255 / .25)
}

    .md-macbook-pro .md-camera:after {
        content: "";
        display: block;
        width: .125em;
        height: .125em;
        position: absolute;
        left: .125em;
        top: .0625em;
        background: #353542;
        border-radius: 100%
    }

.md-macbook-pro .md-screen {
    width: 417px;
    height: 275px;
    margin: 0 auto;
    position: relative;
    top: 3px;
    overflow: hidden
}

    .md-macbook-pro .md-screen img {
        width: 100%
    }

.md-macbook-pro .md-base {
    width: 100%;
    height: .9375em;
    position: relative;
    top: -.75em;
    background: #c6c7ca
}

    .md-macbook-pro .md-base:after {
        content: "";
        display: block;
        width: 100%;
        height: .5em;
        margin: 0 auto;
        position: relative;
        bottom: -.1875em;
        background: #b9babe;
        border-radius: 0 0 1.25em 1.25em
    }

    .md-macbook-pro .md-base:before {
        content: "";
        display: block;
        width: 7.6875em;
        height: .625em;
        margin: 0 auto;
        position: relative;
        background: #a6a8ad;
        border-radius: 0 0 .625em .625em
    }

.md-macbook-pro.md-glare .md-lid:after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 1.25em 0 0;
    background: -webkit-linear-gradient(37deg,#fff0 50%,rgb(247 248 240 / .025) 50%,rgb(250 245 252 / .08));
    background: -moz-linear-gradient(37deg,#fff0 50%,rgb(247 248 240 / .025) 50%,rgb(250 245 252 / .08));
    background: -o-linear-gradient(37deg,#fff0 50%,rgb(247 248 240 / .025) 50%,rgb(250 245 252 / .08));
    background: linear-gradient(53deg,#fff0 50%,rgb(247 248 240 / .025) 50%,rgb(250 245 252 / .08))
}

.box_head_align {
    text-align: center;
    margin-top: 30px
}

.web_design_head {
    color: #1f86c5;
    font: normal 48px advent;
    text-transform: uppercase
}

.blue_head_text {
    background: linear-gradient(to top,#fff,#fff,#fff 67%,#1f86c5 67%,#1f86c5,#1f86c5) repeat scroll 0 0 #fff;
    color: #7d7d7d;
    font-size: 13px;
    border: 1px solid #1f86c5;
    padding: 15px 10px;
    box-shadow: 5px 5px rgb(193 193 193 / .75);
    min-height: 345px;
    margin-bottom: 20px
}

.img_text {
    font-size: 23px;
    line-height: 24px;
    color: #fff
}

.img_text2 {
    font-size: 13px;
    color: #fff
}

.img_content {
    text-align: justify;
    margin-top: 10px
}

.img-round {
    margin: 0 auto;
    font-size: 60px !important;
    padding: 25px;
    color: #1f86c5;
    -webkit-border-radius: 54px 55px 55px 54px/54px 54px 55px 55px;
    -moz-border-radius: 54px 55px 55px 54px/54px 54px 55px 55px;
    border-radius: 54px 55px 55px 54px/54px 54px 55px 55px;
    background-color: #fff;
    border: solid 1px #1f86c5
}

.div_margin {
    margin-top: 25px
}

    .div_margin p {
        color: #fff;
        font-size: 16px;
        text-align: center;
        padding: 0 7px
    }

.portfolio_bg {
    text-align: center;
    margin-top: 30px;
    background: #eee;
    padding: 25px 15px
}

.portfolio_content {
    color: #7c7c7c
}

.rounded_box {
    text-align: center;
    margin: 5px auto
}

.rouded_text {
    font-size: 20px !important;
    color: #fff !important;
    margin-top: 20px;
    text-align: center !important;
    font-family: "Roboto-Reguler" !important;
    text-transform: uppercase
}

@media (min-width:768px) and (max-width:1920px) {
    .cut_box1 {
        background-color: #eee;
        background-image: -webkit-linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        background-image: -moz-linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        background-image: -o-linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        background-image: -ms-linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        background-image: linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        color: #7d7d7d;
        font-size: 13px;
        border: 0 solid #1f86c5;
        padding: 15px 10px;
        min-height: 320px;
        margin-bottom: 20px;
        padding-top: 50px;
        text-align: center
    }

        .cut_box1 i {
            color: #fff;
            border: 4px solid #fff;
            padding: 40px;
            border-radius: 12px
        }

    .call-us-section {
        position: relative;
        float: right;
        right: 0
    }

    .cut_box2 {
        background-color: #eee;
        background-image: -webkit-linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        background-image: -moz-linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        background-image: -o-linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        background-image: -ms-linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        background-image: linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        color: #7d7d7d;
        font-size: 13px;
        border: 0 solid #1f86c5;
        padding: 42px 10px;
        min-height: 320px;
        margin-bottom: 20px;
        padding-top: 50px;
        text-align: center
    }

        .cut_box2 i {
            color: #fff;
            border: 4px solid #fff;
            padding: 40px;
            border-radius: 12px
        }

    .cut_box3 {
        background-color: #eee;
        background-image: -webkit-linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        background-image: -moz-linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        background-image: -o-linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        background-image: -ms-linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        background-image: linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        color: #7d7d7d;
        font-size: 13px;
        border: 0 solid #1f86c5;
        padding: 15px 10px;
        min-height: 320px;
        margin-bottom: 20px;
        padding-top: 50px;
        text-align: center
    }

        .cut_box3 i {
            color: #fff;
            border: 4px solid #fff;
            padding: 40px;
            border-radius: 12px
        }

    .cut_box4 {
        background-color: #eee;
        background-image: -webkit-linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        background-image: -moz-linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        background-image: -o-linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        background-image: -ms-linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        background-image: linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        color: #7d7d7d;
        font-size: 13px;
        border: 0 solid #1f86c5;
        padding: 69px 10px;
        min-height: 320px;
        margin-bottom: 20px;
        padding-top: 50px;
        text-align: center
    }

        .cut_box4 i {
            color: #fff;
            border: 4px solid #fff;
            padding: 40px;
            border-radius: 12px
        }
}

.cut_box_main {
    border: 1px solid red
}

@media (max-width:768px) {
    .request_top {
        border: none !important;
        background: none !important;
        margin-top: 15px
    }

    .call-us-section {
        width: 220px;
        float: right;
        margin-bottom: 1em
    }

    .navbar-bg {
        background: #1f86c5;
        width: 100%
    }

        .navbar-bg a {
            color: #fff
        }

            .navbar-bg a:hover {
                color: #1f86c5
            }

    .cut_box1a {
        background-color: #eee;
        background-image: -webkit-linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        background-image: -moz-linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        background-image: -o-linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        background-image: -ms-linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        background-image: linear-gradient(-134deg,#fff 6%,#1277b5 6%,#2388c6);
        color: #7d7d7d;
        font-size: 13px;
        border: 0 solid #1f86c5;
        padding: 15px 10px;
        min-height: 320px;
        margin-bottom: 20px;
        padding-top: 50px;
        text-align: center
    }

        .cut_box1a i {
            color: #fff;
            border: 4px solid #fff;
            padding: 40px;
            border-radius: 12px
        }

    .cut_box2a {
        background-color: #eee;
        background-image: -webkit-linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        background-image: -moz-linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        background-image: -o-linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        background-image: -ms-linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        background-image: linear-gradient(-134deg,#fff 6%,#3090ca 6%,#3191ca 6%,#45a1d9);
        color: #7d7d7d;
        font-size: 13px;
        border: 0 solid #1f86c5;
        padding: 15px 10px;
        min-height: 320px;
        margin-bottom: 20px;
        padding-top: 50px;
        text-align: center
    }

        .cut_box2a i {
            color: #fff;
            border: 4px solid #fff;
            padding: 40px;
            border-radius: 12px
        }

    .cut_box3a {
        background-color: #eee;
        background-image: -webkit-linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        background-image: -moz-linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        background-image: -o-linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        background-image: -ms-linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        background-image: linear-gradient(-134deg,#fff 6%,#5ab4eb 6%,#59b3ea 6%,#46a0d9);
        color: #7d7d7d;
        font-size: 13px;
        border: 0 solid #1f86c5;
        padding: 15px 10px;
        min-height: 320px;
        margin-bottom: 20px;
        padding-top: 50px;
        text-align: center
    }

        .cut_box3a i {
            color: #fff;
            border: 4px solid #fff;
            padding: 40px;
            border-radius: 12px
        }

    .cut_box4a {
        background-color: #eee;
        background-image: -webkit-linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        background-image: -moz-linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        background-image: -o-linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        background-image: -ms-linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        background-image: linear-gradient(-134deg,#fff 6%,#59b3ea 6%,#5ab4ea 6%,#72c6f9);
        color: #7d7d7d;
        font-size: 13px;
        border: 0 solid #1f86c5;
        padding: 15px 10px;
        min-height: 320px;
        margin-bottom: 20px;
        padding-top: 50px;
        text-align: center
    }

        .cut_box4a i {
            color: #fff;
            border: 4px solid #fff;
            padding: 40px;
            border-radius: 12px
        }
}

.rocket-fly {
    display: inline-block;
    width: 144px;
    height: 281px;
    margin-left: -72px;
    position: absolute;
    left: 50%;
    top: 0;
    -moz-animation: float 1000ms infinite ease-in-out;
    -webkit-animation: float 1000ms infinite ease-in-out;
    animation: float 1000ms infinite ease-in-out
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

@-moz-keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }

    50% {
        -webkit-transform: translateY(-5px) translateX(-1px);
        -moz-transform: translateY(-5px) translateX(-1px);
        transform: translateY(-5px) translateX(-1px)
    }

    100% {
        -webkit-transform: translateY(5px) translateX(1px);
        -moz-transform: translateY(5px) translateX(1px);
        transform: translateY(5px) translateX(1px)
    }
}

.rocket-fly .rocket {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/rocket.png) no-repeat;
    left: 0;
    top: 0;
    z-index: 1
}

.fuego {
    width: 40px;
    height: 71px;
    position: absolute;
    background: url(../images/fego.png) no-repeat;
    left: 55px;
    bottom: -7px;
    -webkit-animation: fire 100ms infinite ease-in-out;
    -moz-animation: fire 100ms infinite ease-in-out;
    animation: fire 100ms infinite ease-in-out
}

@-webkit-keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@-moz-keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@keyframes fire {
    0% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

.msg-cntnt label {
    margin-top: 38px;
    display: inline-block;
    text-align: left;
    float: left
}

.attech-file {
    float: left
}

.btn.btn-default.gallery_btn.active {
    background-color: #435d79
}

#bus_text2 {
    display: none
}

#bus_text3 {
    display: none
}

#bus_text4 {
    display: none
}

. bus_bar {
    border: 1px solid
}

.item.abc {
    color: #000;
    margin: 0 auto;
    padding: 0;
    width: 550px;
    min-height: 180px;
    text-align: center
}

    .item.abc h3 {
        color: red
    }

    .item.abc p {
        margin: 10px 25px;
        font-weight: 700;
        line-height: 150%
    }

.new-item {
    text-align: center;
    padding: 40px
}

.float-area {
    float: left;
    width: 100%
}

.new-section-area {
    padding: 40px 0
}

.banner_bottom-hedding {
    background: #f4f4f4;
    padding: 20px 0
}

.container-1 {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px
}

.banner_bottom-hedding h2 {
    padding: 0;
    font-size: 28px;
    color: #373737
}

.client-testimonial-logo {
    display: inline-block;
    width: 100%;
    text-align: center
}

    .client-testimonial-logo ul {
        display: inline-block;
        width: 100%
    }

        .client-testimonial-logo ul li {
            display: inline-block;
            vertical-align: top;
            margin-bottom: 20px
        }

.client-testimonial-hedding {
    text-align: center
}

    .client-testimonial-hedding h2 {
        padding-bottom: 15px;
        border-bottom: 1px solid #3e9a85;
        margin-bottom: 2px;
        margin-top: 16px
    }

    .client-testimonial-hedding p {
        text-align: center;
        font-size: 18px;
        margin-bottom: 0
    }

.center-box {
    text-align: center
}

.float-area {
    float: left;
    width: 100%
}

.graybg {
    background: #f6f6f6
}

.new-section-area {
    padding: 40px 0
}

.new-main-hedding {
    margin-bottom: 20px;
    text-align: center;
    color: #404040
}

    .new-main-hedding h2 {
        padding-bottom: 10px;
        font-size: 28px;
        line-height: 34px
    }

.scroll-box-area .row + .row {
    width: 100%
}

.row {
    width: 100%;
    float: left
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    float: left;
    width: 100%
}

* {
    box-sizing: border-box
}

.center-box .col-sm-3 {
    display: inline-block;
    width: 24.5%;
    float: none;
    vertical-align: top
}

.col-sm-3 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.video-thumb {
    margin-bottom: 25px
}

a {
    color: #0075cc;
    transition: all .2s ease-in-out 0s;
    cursor: pointer;
    text-decoration: none
}

@media only screen and (max-width:320px) {
    .call_back_form {
        bottom: 0%;
        position: relative;
        z-index: 99999
    }
}

@media only screen and (max-width:380px) {
    .call_back_form {
        bottom: 0%;
        z-index: 99999
    }
}

.dropdown-backdrop {
    display: none
}

.call_back_form {
    background: #9FC5DA;
    padding-bottom: 20px;
    border-radius: 5px;
    box-shadow: -1px 2px 5px #000;
    max-width: 192px;
    height: 215px
}

.call_back_form {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99999
}

.form_hadding {
    background: rgb(51 51 51 / .36);
    color: #fff;
    padding: 10px 0 10px 10px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px
}

.responsive_menu_CallBack {
    position: fixed;
    left: 20px;
    z-index: 1;
    bottom: 30%
}

.responsive_menu_support {
    position: fixed;
    left: 20px;
    z-index: 1;
    bottom: 20%
}

.responsive_menu_whatsapp {
    position: fixed;
    left: 20px;
    z-index: 1;
    bottom: 10%
}

.popup_form {
    position: fixed;
    right: -100%;
    top: 200px;
    z-index: 100;
    display: none;
    top: 10%
}

.form_popup {
    background: rgb(51 51 51 / .36);
    border-radius: 10px;
    padding: 10px;
    z-index: 999999
}

.flied_name {
    color: #fff;
    padding: 6px 0 0 6px
}

.popup_form a:hover {
    color: red
}

.popup_form a.active {
    color: red
}

header .header_Sticky .navbar {
    width: 100%;
    margin: 0
}

.navbar-brand {
    float: none;
    height: auto
}

body {
    font-family: Arial,Helvetica,sans-serif
}

* {
    box-sizing: border-box
}

.open-button {
    background-color: goldenrod;
    color: #fff;
    padding: 11px 20px;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: -3px;
    right: -1px;
    width: 237px;
    border-radius: 8px;
    z-index: 999
}

.form-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    border: 3px solid #f1f1f1;
    z-index: 999
}

.form-containerr {
    max-width: 300px;
    padding: 10px;
    background-color: #fff
}

    .form-containerr input[type=text], .form-containerr input[type=password] {
        width: 100%;
        padding: 15px;
        margin: 5px 0 22px 0;
        border: none;
        background: #f1f1f1
    }

        .form-containerr input[type=text]:focus, .form-container input[type=password]:focus {
            background-color: #ddd;
            outline: none
        }

    .form-containerr .btn {
        background-color: #04AA6D;
        color: #fff;
        padding: 16px 20px;
        border: none;
        cursor: pointer;
        width: 100%;
        margin-bottom: 10px;
        opacity: .8
    }

    .form-containerr .cancel {
        background-color: red
    }

    .form-containerr .btn:hover, .open-button:hover {
        opacity: 1
    }

    .form-containerr .h2 {
        font-size: 30px;
        color: #1c204b;
        margin: 0
    }

    .form-containerr .p {
        margin: 0 0 10px;
        color: #6d6e71
    }

.open-button {
    background-color: goldenrod;
    color: #fff;
    padding: 11px 20px;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: -3px;
    left: 0;
    width: 237px;
    border-radius: 8px;
    z-index: 999
}

.form-popup {
    display: none;
    position: fixed;
    bottom: 122px;
    right: 46px;
    border: 3px solid #f1f1f1;
    z-index: 999;
    border-radius: 20px;
    color: #fff
}

.form-containerr {
    max-width: 300px;
    padding: 6px;
    background-color: #00112a;
    border-radius: 20px;
    color: #fff
}

    .form-containerr input[type=text], .form-containerr input[type=password] {
        width: 100%;
        padding: 6px;
        margin: 5px 0 22px 0;
        border: none;
        background: #f1f1f1;
        color: #000
    }

        .form-containerr input[type=text]:focus, .form-container input[type=password]:focus {
            background-color: #ddd;
            outline: none
        }

    .form-containerr .btn {
        background-color: #04AA6D;
        color: #fff;
        border: none;
        cursor: pointer;
        margin-bottom: 10px;
        opacity: .8
    }

    .form-containerr .cancel {
        background-color: red
    }

    .form-containerr .btn:hover, .open-button:hover {
        opacity: 1
    }

.offcanvas .offcanvas-header {
    padding: 16px
}

    .offcanvas .offcanvas-header h5 {
        font-size: 18px;
        font-weight: 500;
        font-family: 'Poppins'
    }

    .offcanvas .offcanvas-header button.btn-close {
        font-size: 18px
    }

.offcanvas .offcanvas-body .offcanvas_menus ul {
    padding-left: 32px
}

    .offcanvas .offcanvas-body .offcanvas_menus ul li::marker {
        font-size: 16px
    }

.offcanvas .offcanvas-body > div {
    margin: 15px 0
}

.offcanvas .offcanvas-body .offcanvas_Email {
    padding: 0 10px
}

    .offcanvas .offcanvas-body .offcanvas_Email h6 {
        padding: 0 10px;
        font-weight: 500;
        font-family: 'Poppins';
        font-size: 15px;
        margin-bottom: 3px;
        padding: 0
    }

.offcanvas_menus ul li a {
    font-family: var(--bs-body-font-family);
    font-size: 16px
}

.offcanvas_menus ul {
    list-style-type: disc
}

footer .second_Block p.link_title {
    color: #212529
}

footer .second_Block ul li {
    padding: 2px 0
}

footer .copy h5 {
    font-size: 14px !important;
    color: var(--paragraph);
    text-align: center;
    font-weight: 500;
    font-family: 'Poppins'
}

header div.collapse ul.navbar-nav li.nav-item a {
    text-decoration: none !important
}

    header div.collapse ul.navbar-nav li.nav-item a:hover::after {
        opacity: 1;
        top: 0;
        z-index: 9999 !important
    }

.offcanvas_menus ul li a:active {
    color: #5a5a5a !important
}

header .headerTop .top_right_menu #google_translate_element select option {
    color: #3f3f3f !important
}

@media only screen and (max-width:767px) {
    .main-content-wraper {
        display: inline-block;
        width: 100%;
        background-color: #FFF;
        margin-top: 150px
    }

    header .header_Sticky .navbar {
        background-color: #fff;
        z-index: 999
    }

    header div.collapse {
        background-color: #fff;
        z-index: 999;
        padding: 0 25px
    }
}