@charset "utf-8";
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000
}

* {
    -webkit-font-smoothing: antialiased;
    outline: 0;
    margin: 0;
    padding: 0;
    zoom: 1;
    box-sizing: border-box
}

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

a.btn-primary {
    background: url(../images/arrow.png) no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-family: Asap, Arial;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    padding: 10px 45px 11px 24px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase
}

html.ie8 a.btn-primary {
    z-index: 99
}

a.btn-primary:focus {
    background: url(../images/arrow.png) no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
    box-shadow: none;
    color: #fff;
    text-decoration: none
}

a.btn-primary:focus::after {
    top: 100%;
    transition: all .4s ease 0s
}

a.btn-primary:hover {
    background: url(../images/arrow.png) no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
    box-shadow: none;
    color: #fff;
    text-decoration: none
}

a.btn-primary:hover::after {
    top: 0;
    transition: all .4s ease 0s
}

a.btn-primary::before {
    background: none repeat scroll 0 0 #f05c29;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .8s ease 0s;
    z-index: -1
}

a.btn-primary::after {
    background: none repeat scroll 0 0 #262626;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transition: all .8s ease 0s;
    z-index: -1
}

.android_mobile {
    background-image: url(../images/android_mobile.png);
    background-repeat: no-repeat;
    background-position: 5px 0;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.arrow-left,
.arrow-red,
.arrow-right,
.arrow-white,
.bingadd,
.clutch,
.facebookicon,
.goodfirms,
.google-partner,
.hubsport,
.linkedinicon,
.locationicon,
.mailicon,
.moz,
.phoneicon,
.pintresticon,
.rankings,
.sertifed,
.siliconindia,
.subscribicon,
.topseo,
.twittericon,
.woorank,
.yourstory {
    background: url(../img/spritesicon.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.bingadd {
    background-position: 0 0;
    width: 113px;
    height: 40px
}

.clutch {
    background-position: -153px 0;
    width: 73px;
    height: 40px
}

.goodfirms {
    background-position: -253px 0;
    width: 133px;
    height: 40px
}

.google-partner {
    background-position: -408px 0;
    width: 87px;
    height: 40px
}

.hubsport {
    background-position: -521px 0;
    width: 104px;
    height: 40px
}

.moz {
    background-position: 0 -62px;
    width: 80px;
    height: 40px
}

.rankings {
    background-position: -107px -63px;
    width: 100px;
    height: 40px
}

.sertifed {
    background-position: -516px -63px;
    width: 57px;
    height: 60px
}

.siliconindia {
    background-position: -231px -63px;
    width: 110px;
    height: 40px
}

.topseo {
    background-position: -372px -62px;
    width: 115px;
    height: 60px
}

.woorank {
    background-position: 0 -120px;
    width: 121px;
    height: 40px
}

.yourstory {
    background-position: 0 -176px;
    width: 94px;
    height: 40px
}

.linkedinicon {
    background-position: -163px -111px
}

.twittericon {
    background-position: -131px -110px
}

.facebookicon {
    background-position: -200px -111px
}

.phoneicon {
    background-position: -116px -164px;
    width: 16px;
    height: 18px
}

.subscribicon {
    background-position: -263px -116px;
    width: 22px;
    height: 16px
}

.locationicon {
    background-position: -168px -166px;
    width: 16px;
    height: 18px
}

.mailicon {
    background-position: -216px -165px;
    width: 17px;
    height: 18px
}

.arrow-right {
    background-position: -312px -167px;
    width: 26px;
    height: 15px
}

.arrow-left {
    background-position: -262px -167px;
    width: 26px;
    height: 15px
}

.arrow-white {
    background-position: -313px -126px;
    width: 21px;
    height: 10px
}

.arrow-red {
    background-position: -345px -126px;
    width: 21px;
    height: 10px
}

.pintresticon {
    background-position: -360px -154px
}

.case-study-description.all {
    height: auto;
    overflow: visible
}

.inner_por {
    width: 100%;
    float: left
}

.inner_por .portfolioDetails {
    border: none;
    color: #fff;
    left: 0;
    margin-left: 0;
    opacity: 0;
    padding: 0 35px;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transform-origin: center center 0;
    transition: all .4s ease 0s;
    width: 76%;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    z-index: 10;
    font-size: 11px;
    line-height: 20px
}

.inner_por .portfolioDetails:hover {
    background: 0 0;
    border: none
}

.inner_por .deteillinks {
    font-style: normal;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 0;
    text-shadow: none;
    text-transform: uppercase;
    transition: all .4s ease 0s
}

.testimonial-content .rating {
    margin-top: 15px;
    list-style-type: none
}

.testimonial-content .rating li {
    display: inline-block;
    padding: 0 2px
}

.footer_form {
    padding: 20px 0
}

.footer_form input[type=text] {
    height: 34px
}

.footer_form .form_control {
    width: 100%;
    border-radius: 4px;
    outline: 0;
    border: solid 1px #ccc;
    padding: 6px 12px;
    font-size: 16px
}

.footer_form ul {
    list-style: none;
    text-align: center
}

.footer_form ul li {
    width: 26%;
    margin-bottom: 20px;
    display: inline-block;
    padding: 0 30px
}

.footer_form ul li:nth-child(4) {
    width: 90%
}

.footer_form ul li:last-child {
    width: 100%
}

.footer_form .see_latest_work {
    padding: 10px 40px 8px 40px;
    float: none
}

.footer_form::-webkit-input-placeholder {
    font-family: Asap, Arial;
    font-size: 16px!important
}

.footer_form:-moz-placeholder {
    font-family: Asap, Arial;
    font-size: 16px!important
}

.footer_form::-moz-placeholder {
    font-family: Asap, Arial;
    font-size: 16px!important
}

.footer_form:-ms-input-placeholder {
    font-family: somefont;
    font-size: 16px!important
}

.get_tested_solutions {
    margin-top: 60px
}

.get_tested_solutions h2 {
    margin-bottom: 20px
}

.get_tested_solutions ul {
    list-style: none;
    margin-left: -15px
}

.get_tested_solutions li {
    border-radius: 4px;
    display: flex;
    align-items: center;
    width: 30%;
    float: left;
    margin: 0 15px 15px;
    box-sizing: border-box;
    padding: 15px;
    border: solid 1px #f05c29
}

.get_tested_solutions li i {
    font-size: 30px;
    color: #f05c29;
    margin-right: 10px
}

.responsive-website-design_content {
    width: 100%;
    float: left;
    padding-bottom: 45px
}

.responsive-website-design_content h2 {
    text-align: center
}

.responsive-website-design_content li {
    margin: 0 20px 10px
}

.responsive-website-design_content ul {
    margin-left: 0
}

.ecom_table_btn {
    margin-top: 25px
}
.ngo_cms_mt{
    margin-top: 25px;
}
.ngo_cms_width{
    width: 20%;
}
.laravel_cms_width{
    width: 30%;
}
.margin_top50 {
    margin-top: 50px
}

.testimonial_area {
    margin-bottom: 40px
}

.testimonial_area .main_heading {
    font-weight: 400
}

.testimonial_area .owl-theme .owl-dots .owl-dot span {
    height: 16px;
    width: 16px
}

.android_ios {
    background-image: url(../images/mobile-ios.png);
    background-repeat: no-repeat;
    background-position: 5px 0;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.magento_page ul {
    list-style-type: none
}

.magento_page ul li {
    display: inline-block
}

.magento_page ul li a {
    background: #083c7f;
    color: #fff;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 30px
}

.magento_page .hire_sec .main_heading_lineone {
    margin-bottom: 0
}

.magento_page .hire_sec p {
    margin-bottom: 30px
}

.magento_page .magento_devlopment_area .main_heading_regular {
    margin-bottom: 10px
}

.magento_page .magento_devlopment_area .left_side_area {
    width: 60%;
    float: left;
    margin-right: 5%
}

.magento_page .magento_devlopment_area .left_side_area {
    font-size: 18px
}

.magento_page .magento_devlopment_area .left_side_area ul {
    margin-top: 40px
}

.magento_page .magento_devlopment_area .main-highlight {
    text-align: left
}

.magento_page .magento_devlopment_area .right_side_area {
    width: 35%;
    float: left
}

.magento_page .reasons_that {
    width: 100%;
    overflow: hidden
}

.magento_devlopment_area .reasons_that .images {
    float: left;
    width: 50%;
    text-align: right
}

.magento_devlopment_area .reasons_that .images img {
    width: 80%
}

p {
    margin-bottom: 10px
}

a:active,
a:focus {
    outline: 0!important
}

.clear {
    clear: both
}

.header-full {
    width: 100%;
    height: auto;
    background: #262626;
    padding: 15px 0;
    padding-bottom: 0;
    position: absolute;
    z-index: 111
}

.home_page .header-full {
    z-index: 111;
    position: absolute;
    background: url(../images/header-bg-black.png) repeat
}

.main_col_inner {
    max-width: 1060px;
    position: relative;
    margin: 0 auto;
    width: 97%
}

.header-logo {
    width: 261px;
    height: 51px;
    float: left
}

.smallscreen {
    display: none
}

.menu {
    height: 20px;
    position: absolute;
    top: 20px;
    right: 0
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    margin: 15px 0 0 0
}

.menu ul li {
    display: block;
    float: left;
    padding: 0 12px;
    text-align: center;
    background: url(../images/menu-arrow-right.png) right center no-repeat;
    height: 20px
}

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

.menu ul li a {
    display: block;
    float: left;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 20px;
    height: 50px;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s
}

.menu ul li a:hover {
    color: #f05c29
}

.menu ul li a.selected {
    background: url(../images/menu-drop-arrow-orange.png) bottom center no-repeat;
    color: #f05c29
}

.free_quote a {
    height: 20px!important
}

#jkmenu {
    margin-top: 0
}

.banner-slider {
    background: #ccc;
    width: 100%;
    height: 520px;
    position: relative;
    overflow: hidden
}

.slider-wrapper {
    position: fixed;
    z-index: 0;
    height: 520px
}

.stiky_header .header-full {
    position: fixed;
    background: #262626!important;
    top: 0;
    z-index: 1002;
    height: 87px;
    padding: 10px 0
}

.stiky_header .services_menu_outer {
    position: fixed;
    top: 60px
}

.stiky_header .menu ul li a {
    height: 38px
}

.stiky_header .header-logo {
    height: 38px
}

.stiky_header .menu {
    top: 12px
}

.stiky_header .header-logo img {
    max-height: 100%;
    width: auto
}

.menu ul li.free_quote {
    padding: 0;
    padding-left: 30px;
    border: none
}

.mobile_menu {
    display: none
}

.free_quote a {
    background: #f05c29;
    padding: 5px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: -5px 0 0
}

.free_quote a:hover {
    background: #fff;
    color: #f05c29!important
}

.home_main_contener {
    position: relative;
    z-index: 2
}

.index-main-full {
    background: #fff;
    padding: 40px 0 0
}

.loading_page.porfolio {
    width: 100%;
    text-align: center;
    margin: 30px 0
}

.loading_page.porfolio img {
    vertical-align: middle
}

.texthightlight {
    color: #f05c29!important;
    font-weight: 500;
    font-style: italic
}

.tag-line-service {
    text-align: center;
    font-size: 20px;
    font-style: italic;
    color: #f05c29;
    width: 90%;
    margin: 25px auto;
    font-weight: 700
}

.half-left,
.half-right {
    width: 49%;
    float: left;
    text-align: center
}

.half-left {
    text-align: left
}

.half-left img,
.half-right img {
    margin-bottom: 10px;
    max-width: 100%
}

.half-right {
    float: right;
    width: 48%
}

.half-left .title,
.half-right .title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-top: 15px
}

.half-left:hover .case-study-listing-circle,
.half-right:hover .case-study-listing-circle {
    background: #f05c29!important;
    transition: background-color .5s ease 0s
}

.main_heading {
    font-family: Asap, Arial;
    font-size: 40px;
    font-weight: 700;
    color: #141414;
    text-align: center;
    background: url(../images/heading-bottom-bg.png) bottom center no-repeat;
    padding-bottom: 15px;
    margin-bottom: 25px;
    line-height: 45px
}

.main_heading i {
    color: #f05c29
}

.main_heading_lineone {
    font-family: Asap, Arial;
    font-size: 40px;
    font-weight: 700;
    color: #141414;
    text-align: center;
    background: url(../images/heading-bottom-bg.png) bottom center no-repeat;
    padding-bottom: 18px;
    margin-bottom: 25px;
    line-height: 40px
}

.main_heading_lineone_new {
    font-family: Asap, Arial;
    font-size: 30px;
    font-weight: 600;
    color: #141414;
    text-align: center;
    background: url(../images/heading-bottom-bg.png) bottom center no-repeat;
    padding-bottom: 18px;
    margin-bottom: 25px;
    line-height: 40px
}

.indexh1 {
    background: 0 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.main_heading_regular {
    font-family: Asap, Arial;
    font-size: 40px;
    font-weight: 400;
    color: #141414;
    text-align: center;
    background: url(../images/heading-bottom-bg.png) bottom center no-repeat;
    padding-bottom: 30px;
    margin-bottom: 40px;
    margin-top: 20px;
    line-height: 43px
}

.main_heading_regular-long {
    font-family: Asap, Arial;
    font-size: 35px;
    font-weight: 400;
    color: #141414;
    text-align: center;
    background: url(../images/heading-bottom-bg.png) bottom center no-repeat;
    padding-bottom: 13px;
    margin-bottom: 25px;
    margin-top: 20px;
    line-height: 43px
}

.main_heading span {
    font-family: Roboto, arial;
    font-size: 18px;
    color: #666;
    font-weight: 300;
    display: block;
    line-height: 25px;
    margin-top: 7px
}

.main_heading b {
    color: #4195c8;
    font-weight: 400
}

.index-testimonial .main_heading {
    font-size: 35px;
    font-weight: 400
}

.btn_outer {
    clear: both;
    padding: 0 0 0
}

.pnf h1 {
    margin: 80px 0 30px 0
}

.index-latest-work .btn_outer {
    text-align: center
}

.index-latest-work .button-rount {
    display: inline-block
}

.title-services {
    color: #fe541f;
    font-family: Asap, Arial;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    margin-top: -175px;
    text-align: center;
    width: 100%
}

.services-read {
    text-transform: uppercase;
    color: #4094c7;
    font-family: Roboto, arial;
    font-weight: 300;
    text-decoration: none;
    margin-top: 100px;
    padding-right: 15px
}

.marginebtm {
    margin-top: 15px
}

.index-latest-work {
    width: 100%;
    height: auto;
    background: #2e3133;
    padding: 35px 0
}

.index-latest-work-container {
    width: 1060px;
    height: auto;
    margin: 0 auto
}

.index-latest-work .main_heading {
    color: #f2f2f2;
    background-image: url(../images/heading-bottom-bg2.png)
}

.index-latest-work .main_heading span {
    color: #999
}

.portfolio-img-box {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    text-align: center
}

.portfolio-img-box img {
    width: 100%
}

.homePortfolioBox {
    margin-bottom: 20px;
    width: 31.7%;
    margin: 10px .5%;
    position: relative;
    float: left
}

.homePortfolioBox::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: "";
    transition: all .4s ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.homePortfolioBox:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.portfolioDetails {
    position: absolute;
    left: 50%;
    top: 41%;
    width: 120px;
    margin-left: -60px;
    right: 0;
    transition: all .4s ease 0s;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 0;
    z-index: 9;
    opacity: 0
}

.homePortfolioBox:hover .portfolioDetails {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.portfolioDetails:hover {
    background: #f05c29;
    color: #f05c29;
    border: 1px solid #f05c29;
    color: #fff
}

.catalog_area .heading {
    text-align: center
}

.catalog_area ul {
    margin-bottom: 15px;
    margin-left: 38px
}

.catalog_area {
    margin-top: 55px
}

.catalog_area h2 {
    font-family: Asap, Arial;
    font-size: 35px;
    font-weight: 400;
    color: #141414;
    text-align: center
}

.catalog_area h4 {
    font-size: 20px;
    font-weight: 400;
    color: #f05c29
}

.portfolio-img-box .item {
    width: 94%;
    padding: 0 3%
}

.portfolio-img-box .item img {
    width: 100%
}

#single-img-slider .item {
    text-align: center;
    height: 630px
}

#single-img-slider .item img {
    max-width: 100%
}

.item.slide1 {
    width: 100%;
    height: auto;
    background: url(../images/banner/overland.jpg) no-repeat top center #fff7ec
}

.item.slide2 {
    width: 100%;
    height: auto;
    background: url(../images/banner/bg2.jpg) no-repeat top center #846344
}

.item.slide3 {
    width: 100%;
    height: auto;
    background: url(../images/banner/bg3.jpg) no-repeat center center;
    background-size: contain
}

.item.slide4 {
    width: 100%;
    height: auto;
    background: url(../images/banner/bg4.jpg) no-repeat top center #ffdddc
}

.item.slide5 {
    width: 100%;
    height: auto;
    background: url(../images/banner/trutest.jpg) no-repeat top center #dfd8e7
}

#single-img-slider .owl-prev {
    background: url(../images/left.png) top center no-repeat;
    font-size: 0;
    padding: 11px
}

#single-img-slider .owl-next {
    background: url(../images/right.png) top center no-repeat;
    font-size: 0;
    padding: 11px
}

#single-img-slider .owl-buttons {
    margin-top: -55px;
    position: absolute;
    text-align: center;
    width: 100%
}

.latest-work .owl-controls {
    margin-top: 30px!important
}

.latest-work-gap {
    margin: 0 16px
}

.button-rount {
    color: #5bc3ff;
    font-family: Asap, Arial;
    text-transform: uppercase;
    border: 1px solid #38637e;
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 60px;
    text-align: center;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s
}

.button-rount:hover {
    background: #5bc3ff;
    border-color: #5bc3ff;
    color: #fff
}

.index-clients {
    width: 100%;
    height: auto;
    padding: 56px 0;
    padding-bottom: 40px;
    background: url(../images/bg-gray.jpg) bottom center repeat-x #eee
}

.logo-box {
    width: 100%;
    height: auto;
    overflow: hidden
}

.index-clients-logo {
    width: 15.3%;
    height: 115px;
    float: left;
    border: 1px solid #cecece;
    background: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 .5% 10px .5%
}

#single-img-slider p {
    margin: 0
}

#single-img-slider .item .sliderImgLayer {
    display: none!important
}

#single-img-slider .item .text-img {
    position: relative;
    max-width: 1060px;
    width: 100%;
    margin: 0 auto
}

.slide-text {
    top: 190px;
    left: 15px;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    background: 0 0;
    white-space: nowrap;
    position: absolute;
    text-align: center;
    font-family: Roboto;
    font-weight: 300;
    font-size: 17px;
    line-height: 28px
}

.slide-text span {
    background: 0 0;
    display: block;
    margin-bottom: 15px
}

.text-img .view_portfolio {
    margin-top: 22px
}

.view_portfolio a {
    color: #ffc275;
    text-decoration: none;
    border: 1px solid #ffc275;
    padding: 8px 50px 8px 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600
}

.view_portfolio a:hover {
    background-color: #ffc275;
    color: #fff;
    border-color: #ffc275
}

.slide2 .slide-text {
    top: 218px;
    left: auto;
    color: #fff;
    right: 0
}

.slide2 .slide-text span {
    background: 0 0;
    display: block
}

.slide3 .slide-text {
    top: 240px;
    color: #000;
    position: absolute;
    white-space: nowrap;
    left: 0
}

.slide3 .view_portfolio a {
    color: #09d3df;
    border: 1px solid #09d3df
}

.slide3 .view_portfolio a:hover {
    background-color: #09d3df;
    color: #fff;
    border-color: #09d3df
}

.slide1 .view_portfolio a {
    color: #0b7fdd;
    border: 1px solid #0b7fdd
}

.slide1 .view_portfolio a:hover {
    background-color: #0b7fdd;
    color: #fff;
    border-color: #0b7fdd
}

.slide2 .view_portfolio a {
    color: #f05c29;
    border: 1px solid #f05c29
}

.slide2 .view_portfolio a:hover {
    background-color: #f05c29;
    color: #fff;
    border-color: #f05c29
}

.slide2 .slide-text {
    top: 240px;
    color: #fff;
    position: absolute;
    white-space: nowrap;
    left: 0;
    text-align: left;
    color: #000
}

.slide4 .slide-text {
    top: 245px;
    left: auto;
    color: #000;
    right: 0
}

.slide4 .view_portfolio a {
    color: #8f2b17;
    border: 1px solid #8f2b17
}

.slide4 .view_portfolio a:hover {
    background-color: #8f2b17;
    color: #fff;
    border-color: #8f2b17
}

.slide1 .slide-text {
    top: 245px;
    left: 8%;
    color: #000;
    right: 0;
    text-align: left
}

.slide5 .slide-text {
    top: 240px;
    left: 50%;
    color: #000;
    white-space: nowrap
}

.slide5 .view_portfolio a {
    color: #0b7fdd;
    border: 1px solid #0b7fdd
}

.slide5 .view_portfolio a:hover {
    background-color: #0b7fdd;
    color: #fff;
    border-color: #0b7fdd
}

.index-clients-logo .logo-child {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.index-clients-logo .logo-child img {
    display: inline;
    width: 100%;
    margin-top: 20px
}

.loading_bar1,
.loading_bar2 {
    background: url(../images/loading-small.gif) center center no-repeat;
    height: 300px;
    width: 100%;
    float: left
}

.banner_head {
    font-family: Asap, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #fff
}

.banner_caption {
    font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 300
}

.view_portfolio {
    font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase
}

.head_yellow {
    color: #fee727
}

.head_light_blue {
    color: #49c9ff
}

.head_gold {
    color: #ffbd24
}

.head_light_grey {
    color: #eee
}

#iview-preloader {
    border: #666 1px solid;
    width: 150px
}

#iview-preloader div {
    background: #666
}

a.a-black {
    color: #333!important
}

a.a-black:hover {
    color: #fff!important
}

#pt_close,
#pt_open {
    color: #fff
}

#pt_close img,
#pt_open img {
    width: auto;
    vertical-align: middle
}

.why_choose_home .box_wrap {
    vertical-align: top;
    border: dotted 2px #f05c29;
    padding: 20px;
    width: 25%;
    text-align: left;
    display: inline-block;
    margin: 30px 15px 0;
    min-height: 128px;
    color: #262626
}

.why_choose_home .box_wrap p {
    text-align: left
}

.why_choose_home .box_wrap ul {
    margin-left: 20px
}

.why_choose_home .box_wrap ul li {
    margin-bottom: 7px
}

.why_choose_home .box_wrap strong {
    display: block;
    color: #f05c29
}

.footer_logos_area {
    padding: 10px 0
}

.footer_logos_area ul li {
    display: inline-block;
    padding: 0 11px;
    vertical-align: middle
}

.myborder_box {
    width: 47.8%;
    float: left;
    border: 1px solid #b0b0b0;
    margin: 20px 10px;
    cursor: pointer;
    position: relative
}

.myborder_box:hover .effect1 {
    background: rgba(0, 0, 0, .7);
    transform: scale(1, 1)
}

.effect1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: .3s;
    transform: scale(0, 0);
    padding: 80px 90px;
    text-align: center
}

.effect1 p {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    border-bottom: 2px solid#f05c29;
    padding: 10px 0
}

.effect1 span {
    color: #fff;
    font-size: 14px
}

.left_align_text {
    text-align: left
}

.ticks-arrows.new_list {
    width: 100%;
    margin-bottom: 20px
}

.new_list>li {
    text-align: left;
    list-style: none
}

.sub_heading {
    color: #141414
}
.sevices_icons_new {
    background-image: url(/img/sprites_newicon.png);
    margin: 0 auto 15px;
}
.sv_icon1 {
    background-position: 0px -3px;
    width: 64px;
    height: 64px;
}
.boxbg:hover .sv_icon1 {
    background-position: 0 -75px;
}
.sv_icon2 {
    background-position: -68px -3px;
    width: 64px;
    height: 64px;
}
.boxbg:hover .sv_icon2 {
    background-position: -68px -74px;
}
.sv_icon3 {
    background-position: -136px -3px;
    width: 64px;
    height: 64px;
}
.boxbg:hover .sv_icon3 {
    background-position: -136px -74px;
}
.sv_icon4 {
    background-position: -215px -3px;
    width: 64px;
    height: 64px;
}
.boxbg:hover .sv_icon4 {
    background-position: -215px -74px;
}
.sv_icon5 {
    background-position: -292px -3px;
    width: 64px;
    height: 64px;
}
.boxbg:hover .sv_icon5 {
    background-position: -292px -74px;
}
.sv_icon6 {
    background-position: -369px -3px;
    width: 64px;
    height: 64px;
}
.boxbg:hover .sv_icon6 {
    background-position: -369px -74px;
}
.sv_icon7 {
    background-position: -450px -3px;
    width: 64px;
    height: 64px;
}
.boxbg:hover .sv_icon7 {
    background-position: -450px -74px;
}
.sv_icon8 {
    background-position: -524px -3px;
    width: 64px;
    height: 64px;
}
.boxbg:hover .sv_icon8 {
    background-position: -524px -74px;
}
.services-sub-menu {
    margin-top: 18px;
    width: 100%;
    color: #fff;
    background: url(../images/services-sub-menu-bg-top.png) top repeat-x;
    text-align: right
}

.services-sub-menu-mid {
    margin: 0 auto;
    max-width: 1049px;
    width: 97%
}

.header-bg-line {
    background: url(../images/services-sub-menu-bg-top.png) bottom repeat-x;
    height: 2px
}

.services-sub-menu ul li {
    list-style: none;
    display: inline-block
}

.services-sub-menu ul li a {
    color: #fff;
    font-size: 15px;
    padding: 10px 12px;
    display: block
}

.services-sub-menu ul li a.last {
    padding-right: 0
}

.services-sub-menu-mid ul li a.selected,
.services-sub-menu-mid ul li a.selectedm {
    background: url(../images/menu-drop-arrow-orange.png) no-repeat center bottom;
    color: #f05c29
}

.page-divide-two {
    width: 50%;
    height: auto;
    float: left
}

.page-divide-two-mid {
    max-width: 500px;
    width: 100%;
    float: right;
    margin-right: 30px
}

.page-divide-two-mid-r {
    max-width: 500px;
    width: 100%;
    float: left;
    margin-left: 30px
}

.page-divide-two.black {
    background: #2b2b2b
}

.page-divide-two.white-img .page-divide-two-mid-r img {
    max-width: 100%
}

.page-divide-two h2 {
    color: #000;
    margin-top: 30px;
    font-size: 30px;
    font-weight: 300;
    font-family: Roboto
}

.page-divide-two.black h2 {
    color: #fff
}

.page-divide-two img {
    margin: 20px 0
}

.img-right-box-img {
    float: right;
    width: 30%;
    text-align: center
}

.new_images_sectionii {
    margin-top: 30px;
    box-shadow: 0 0 6px #e0e0e0;
    padding: 40px
}

.img-right-box-text {
    float: left;
    width: 68%
}

.img-right-box-text {
    float: left;
    width: 68%
}

.page-divide-50-50 {
    width: 49%;
    text-align: left;
    float: left;
    padding: 50px 1%;
    box-sizing: border-box
}

.page-divide-50-50 h2 {
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 300
}

.index-testimonial {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 45px 0
}

.testimonial-slider.owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border: 1px solid #4094c7
}

.testimonial-slider.owl-theme .owl-dots .owl-dot.active span,
.testimonial-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #4094c7
}

.testimonial-slider .item {
    padding-top: 35px;
    background: url(../images/quote.png) top center no-repeat
}

.testimonial-content {
    width: 100%;
    height: auto;
    font-family: Roboto;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    color: #737373;
    line-height: 28px;
    text-align: center
}

.testimonial-content .clear {
    clear: both;
    width: 100%;
    height: 7px;
    background: url(../images/testimonial-arrow-down.jpg) top center no-repeat;
    margin: 10px 0
}

.testimonial-content .written-by {
    font-style: normal;
    font-size: 14px;
    line-height: 23px;
    margin-top: 15px
}

.testimonial-content .written-by a {
    color: #fe541f;
    background: url(../images/link-icon.jpg) left center no-repeat;
    padding-left: 20px;
    text-decoration: none;
    font-size: 14px
}

.testimonial-content .written-by strong {
    font-family: Roboto Condensed, arial;
    font-weight: 400;
    color: #2b2b2b;
    font-size: 22px;
    line-height: 25px
}

.testimonial-content p {
    background: url(../images/testi_bot.png) bottom center no-repeat;
    padding-bottom: 15px
}

.talk-about-new-project {
    background: #f24130;
    border-top: 4px solid #fccfcb;
    padding: 22px 0
}

colo#FFFFFF.talk-about-new-project-box {
    color: #fff;
    font-family: Asap, Arial;
    font-style: italic;
    font-size: 25px;
    float: left;
    padding-top: 5px
}

.see_latest_work {
    float: right;
    background: #083c7f;
    font-family: Asap, Arial;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 52px 8px 40px;
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    border: 0;
    cursor: pointer
}

.center_btn .see_latest_work {
    display: inline-block;
    margin-top: 30px;
    float: none
}

.partner_site {
    margin-top: 20px
}

.partner_site h5 {
    color: #ccc;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px
}

.partner_site ul {
    margin: 0;
    padding: 0
}

.partner_site ul li {
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 3px
}

.partner_site ul li a {
    text-decoration: none
}

.partner_site ul li a:hover {
    color: #f05c29
}

.see_latest_work1 {
    float: right;
    background: #083c7f;
    font-family: Asap, Arial;
    font-size: 18px;
    font-weight: 700;
    color: #fff!important;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 52px 8px 40px;
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    border: 0;
    cursor: pointer
}

.center_btn {
    text-align: center
}

.see_latest_work i {
    background: url(../images/arrow_right2.png) right center no-repeat;
    width: 8px;
    height: 14px;
    display: inline-block
}

.see_latest_work:hover {
    background: #111
}

.wanted_talk_text {
    float: left;
    margin-right: 15px
}

a.yes-no-bg {
    background: url(../images/yes-no-bg.png) 0 0 no-repeat;
    width: 58px;
    height: 35px;
    color: #f24130;
    font-size: 18px;
    text-decoration: none;
    float: left;
    text-align: center;
    line-height: 35px
}

a.yes-no-bg:hover {
    background: url(../images/yes-no-bg_on.png) 0 0 no-repeat;
    color: #fff
}

.bx-controls-direction {
    display: none
}

.bx-pager {
    text-align: center;
    padding: 10px 0
}

.bx-pager-item {
    display: inline;
    padding: 0 3px
}

.bx-pager-link {
    border: 1px solid #4094c7;
    font-size: 0;
    text-decoration: none;
    padding: 5px;
    border-radius: 25px;
    display: inline
}

.bx-pager-link.active {
    background: #4094c7
}

.services_scroller {
    position: relative;
    padding-bottom: 45px;
    display: block
}

.coda-nav {
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    top: 50px;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 30px
}

.panel-wrapper h2.title {
    margin-bottom: 160px;
    text-align: center;
    font-family: Asap, Arial, Helvetica, sans-serif;
    font-size: 23px;
    color: #fe541f!important;
    text-transform: uppercase;
    font-weight: 700
}

.panel-wrapper .readMore:hover {
    background: #f05c29;
    color: #fff;
    border: 1px solid #f05c29
}

.category-portfolio-page {
    width: 100%;
    height: auto;
    padding: 30px 0;
    background: url(../images/category-gray-light.png) bottom center repeat-x #f9f9f9
}

.category-title {
    text-align: center;
    font-family: Asap, Arial, Helvetica, sans-serif;
    font-size: 27px;
    color: #fe541f;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    background: url(../images/heading-bottom-bg.png) center bottom no-repeat;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.category-text {
    font-weight: 300;
    line-height: 24px;
    font-size: 14px;
    text-align: center
}

.category-text-area {
    max-width: 1060px;
    width: 97%;
    height: auto;
    margin: 0 auto
}

.coda-nav ul li span {
    height: 83px;
    width: 83px;
    display: block;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat
}

.coda-nav ul li a i {
    position: absolute;
    width: 8px;
    height: 8px;
    background: url(../images/circle_s.png) 0 0 no-repeat;
    margin-left: 38px;
    display: none;
    top: 109px
}

.coda-nav ul li a.current i {
    display: block
}

.coda-slider-wrapper {
    padding: 0
}

.coda-slider-wrapper .coda-slider {
    width: 1060px
}

.coda-slider-wrapper .coda-slider .panel {
    width: 1060px
}

.coda-slider-wrapper .coda-nav .current {
    background: url(../images/circle.png) 0 -90px no-repeat
}

.coda-slider-wrapper .coda-nav a {
    color: #fff;
    margin: 0 18px;
    padding: 0;
    font-size: 0
}

.coda-slider-wrapper .coda-nav a:hover {
    background: url(../images/circle.png) 0 -90px no-repeat
}

.coda-slider-wrapper .coda-nav-left-arrow {
    width: 25px;
    height: 25px;
    margin-top: 50px
}

.coda-slider-wrapper .coda-nav-left-arrow a {
    width: 0;
    height: 0;
    border: none
}

.coda-slider-wrapper .coda-nav-right-arrow {
    width: 25px;
    height: 25px;
    margin-top: 50px
}

.coda-slider-wrapper .coda-nav-right-arrow a {
    width: 0;
    height: 0;
    background: 0 0;
    margin-top: 0;
    border: none
}

.coda-slider-wrapper .coda-nav-left-arrow:active,
.coda-slider-wrapper .coda-nav-right-arrow:active {
    margin-top: 55px
}

.coda-slider-wrapper .loading {
    height: 100%;
    padding: 20px;
    text-align: center
}

.arrows .coda-slider {
    margin: 0
}

.coda-slider-wrapper {
    clear: both;
    overflow: auto
}

.coda-slider-wrapper .coda-slider {
    float: left;
    overflow: hidden;
    position: relative
}

.coda-slider-wrapper .coda-slider .panel-container {
    position: relative
}

.coda-slider-wrapper .coda-slider .panel-container .panel {
    display: block;
    float: left
}

.coda-slider-wrapper .coda-nav ul {
    padding: 0;
    clear: both;
    display: block;
    margin: auto;
    overflow: hidden;
    text-align: center
}

.coda-slider-wrapper .coda-nav ul li {
    display: inline
}

.coda-slider-wrapper .coda-nav ul li a {
    display: inline-block;
    text-decoration: none;
    width: 83px;
    height: 83px;
    background: url(../images/circle.png) 0 0 no-repeat;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.coda-slider-wrapper .coda-nav-left-arrow,
.coda-slider-wrapper .coda-nav-right-arrow {
    cursor: pointer;
    float: left
}

.coda-slider-wrapper .coda-nav-left-arrow a,
.coda-slider-wrapper .coda-nav-right-arrow a {
    display: block
}

.coda-slider-wrapper .coda-nav-left {
    position: absolute;
    left: 0;
    top: 50px;
    height: 83px;
    z-index: 111;
    width: 30px;
    background: url(../images/scroll_btn.png) 5px center no-repeat;
    font-size: 0;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.coda-slider-wrapper .coda-nav-right {
    position: absolute;
    right: 0;
    top: 50px;
    height: 83px;
    z-index: 111;
    width: 30px;
    background: url(../images/scroll_btn.png) -55px center no-repeat;
    font-size: 0;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.coda-slider-wrapper .coda-nav-left:hover,
.coda-slider-wrapper .coda-nav-right:hover {
    opacity: .8;
    filter: "alpha(opacity=80)";
    -ms-filter: "alpha(opacity=80)";
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.coda-slider-wrapper .coda-nav-left a,
.coda-slider-wrapper .coda-nav-right a {
    display: block;
    width: 30px;
    height: 83px
}

.coda-slider-wrapper .coda-nav-left,
.coda-slider-wrapper .coda-nav-left-arrow {
    clear: both
}

.tab1 span {
    background-position: 22px 24px
}

.tab2 span {
    background-position: -107px 24px
}

.tab3 span {
    background-position: -235px 24px
}

.tab4 span {
    background-position: -237px -66px
}

.tab41 span {
    background-position: -367px 24px
}

.tab5 span {
    background-position: -367px -66px
}

.tab51 span {
    background-position: 22px -66px
}

.tab6 span {
    background-position: -367px 24px
}

.tab61 span {
    background-position: -107px -66px
}

.tab7 span {
    background-position: -107px -66px
}

.tab8 span {
    background-position: -367px -66px
}

.panel-wrapper {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 26px
}

.readMore {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #4094c7;
    text-decoration: none;
    transition: all .4s ease 0s;
    border: 1px solid #4094c7;
    padding: 12px 25px;
    border-radius: 60px;
    display: inline-block
}

.readMore:hover {
    border-bottom: 1px solid #4094c7
}

.contnaveicon a {
    color: #292929
}

.social_icon {
    float: left;
    margin-right: 5px
}

.social_med_grid li a {
    color: #fff;
    text-decoration: none
}

.email_id a:hover,
.skype_id a:hover,
.social_med_grid a:hover {
    color: #f05c29
}

.social_med_grid .grid_head {
    font-family: Asap, Arial, Helvetica, sans-serif;
    margin-top: 5px;
    display: block
}

.grid_head span {
    font-size: 14px;
    font-weight: 300;
    display: block
}

.foot_blog {
    float: left;
    width: 740px
}

.foot_news {
    width: 240px;
    float: right;
    padding-left: 27px;
    border-left: 1px solid #3a3a3a
}

.foot_head {
    font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px
}

.foot_blog_list {
    margin-left: -5%
}

.foot_blog_list li {
    list-style: none;
    float: left;
    width: 45%;
    margin-left: 5%;
    background: url(../images/dotted_line.png) left bottom repeat-x;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.foot_blog_list.latest-news li {
    width: 100%;
    margin-left: 0
}

.foot_blog_list a {
    color: #ccc;
    text-decoration: none;
    font-weight: 300;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s
}

.foot_blog_list a:hover {
    color: #f05c29
}

a.view_all_link {
    font-size: 14px;
    color: #3ab2fb;
    text-decoration: none;
    background: url(../images/arrow_right3.png) right center no-repeat;
    padding-right: 10px;
    line-height: 20px
}

a.view_all_link:hover {
    border-bottom: 1px solid #3ab2fb
}

.foot_menu {
    margin-bottom: 10px
}

.foot_menu li {
    list-style: none;
    display: inline;
    background: url(../images/divider.png) left center no-repeat;
    line-height: normal;
    padding: 0 4px 0 10px
}

.foot_menu li:first-child {
    border-left: none;
    background: 0 0
}

.foot_menu a {
    color: #ccc;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px
}

.footer_bot p {
    margin-bottom: 0
}

.footer_bot a:hover {
    color: #fff
}

.footer_heading {
    text-align: center;
    margin-bottom: 20px
}

.footer_heading>div {
    font-size: 28px;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .footer_heading>div {
        font-size: 20px
    }
    .web_design_package .table .td_wrap {
        min-width: 120px
    }
    .footer_form ul li {
        width: 100%;
        box-sizing: border-box;
        padding: 0
    }
    .footer_form input[type=text] {
        height: 40px
    }
    .footer_form .form_control {
        box-sizing: border-box
    }
    .footer_form ul li:nth-child(4) {
        width: 100%
    }
    .footer_form {
        padding: 20px 20px
    }
    .footer_logos_area ul li {
        padding: 0 4px
    }
    .get_tested_solutions li {
        width: 100%;
        box-sizing: border-box
    }
    .get_tested_solutions {
        margin-top: 20px;
        width: 100%;
        float: left;
        padding: 0 15px;
        box-sizing: border-box
    }
    .responsive-website-design_content li {
        margin: 0 0 10px 0
    }
    .twobtns>li {
        margin: 0!important
    }
    .twobtns>li a {
        font-size: 14px;
        padding: 6px 10px
    }
    .responsive_website_top_content img {
        float: none!important;
        width: 100%!important;
        margin-bottom: 20px
    }
}

.footer_icon {
    margin-bottom: 20px
}

.footer_icon {
    display: inherit;
    margin: 30px auto;
    width: 321px
}

.date_blog {
    color: #f05c29
}

.case-study-detail .about-full-gray-box img {
    max-width: 95%
}

#inner-banner-about {
    width: 100%;
    min-height: 209px;
    background: url(../images/about-bg.jpg) bottom center repeat
}

#inner-banner-casestudy {
    width: 100%;
    height: 209px;
    background: url(../images/case-sudy-bg.jpg) bottom center repeat-x
}

.inner-main-container {
    max-width: 1060px;
    height: auto;
    margin: 0 auto;
    padding: 5px 0 0 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    width: 97%
}

.inner-main-container p {
    margin-bottom: 15px
}

.project-name {
    font-size: 35px;
    font-weight: 700;
    color: #1e1e1e;
    font-family: Asap, Arial
}

.project-location {
    font-family: Roboto, arial;
    font-size: 15px;
    color: #8e8e8e;
    font-weight: 300;
    background: url(../images/location-project.png) left center no-repeat;
    padding-left: 20px;
    margin: 3px 0
}

a.project-link {
    background: url(../images/link-icon.jpg) no-repeat scroll left center;
    color: #fe541f;
    font-size: 14px;
    font-weight: 300;
    padding-left: 20px;
    text-decoration: none
}

.list-icon-mid {
    margin: 0 4px
}

.project-name-detail {
    float: left
}

.project-next-prev {
    height: auto;
    float: right;
    margin-top: 28px
}

.detail-page-topbar {
    margin-bottom: 50px
}

.detail-page-midbar {
    width: 100%;
    height: auto;
    float: left
}

.detail-main-image {
    width: 634px;
    height: auto;
    float: left;
    box-shadow: 1px 3px 5px #d9d9d9, 1px 4px 10px #d9d9d9, 1px 2px 5px #d9d9d9
}

.detail-main-image-text {
    width: 387px;
    height: auto;
    float: right;
    font-family: roboto, arial;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300
}

.features-heading {
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 5px
}

#scrollToTop:link,
#scrollToTop:visited {
    bottom: 60px;
    display: none;
    position: fixed;
    right: 3%;
    z-index: 9
}

.type-industry {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
    font-family: roboto, arial;
    font-size: 14px;
    font-weight: 300;
    margin-top: 15px;
    line-height: 29px;
    margin-bottom: 10px
}

.type-industry a {
    color: #f05c29;
    text-decoration: underline
}

.type-industry a:hover {
    color: #083c7f
}

.view-box {
    float: left;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    width: 100%
}

.view-portfolio {
    background: url(../images/view-eye-icon.jpg) center left no-repeat;
    padding-left: 30px;
    font-size: 14px;
    color: #434343;
    font-weight: 500;
    float: left
}

.view-portfolio span {
    font-weight: 300
}

.apreciation-portfolio {
    padding-left: 30px;
    font-size: 14px;
    color: #434343;
    font-weight: 500;
    float: right;
    margin-right: 15px
}

.apreciations-btn {
    background: url(../images/apreciations.jpg) center left no-repeat;
    border: 0;
    font-size: 0;
    padding: 10px;
    position: absolute;
    cursor: pointer
}

.apreciations-btn:hover {
    background: url(../images/apreciations-hover.jpg) center left no-repeat;
    border: 0;
    font-size: 0;
    padding: 10px;
    position: absolute;
    cursor: pointer
}

.apreciation-portfolio span {
    font-weight: 300
}

.type-industry strong {
    font-weight: 500;
    width: 70px;
    display: block;
    float: left
}

.projectnlp a {
    display: block;
    width: 39px;
    height: 34px;
    float: left;
    margin-left: 3px;
    font-size: 0;
    background: url(../images/icons-arrow.png) 0 0 no-repeat;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.prev_link {
    background-position: 0 0
}

a.prev_link:hover {
    background-position: 0 -34px
}

a.listing_link {
    background-position: -82px 0
}

a.listing_link:hover {
    background-position: -82px -34px
}

a.next_link {
    background-position: -42px 0
}

a.next_link:hover {
    background-position: -42px -34px
}

.phone_no a {
    color: #fff
}

.share_us a {
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    margin-left: 7px;
    font-size: 0;
    background: url(../images/social-share-icon.png) 0 0 no-repeat;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 20px
}

a.facebook_link {
    background-position: 0 0
}

a.twitter_link {
    background-position: -22px 0
}

a.gplus_link {
    background-position: -44px 0
}

a.facebook_link:hover {
    background-position: 0 -22px
}

a.twitter_link:hover {
    background-position: -22px -22px
}

a.gplus_link:hover {
    background-position: -44px -22px
}

.share {
    float: left;
    margin-top: 18px;
    font-weight: 500;
    font-size: 14px
}

.gray-btn {
    padding: 10px 30px;
    border-radius: 5px;
    color: #272727;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    background: #e6e6e6;
    margin-right: 15px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s
}

.gray-btn:hover {
    background: #083c7f;
    color: #fff
}

.orange-btn {
    padding: 10px 30px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    background: #f05c29;
    margin-right: 15px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s
}

.orange-btn:hover {
    background: #242424;
    color: #fff
}

.button-gap {
    clear: both;
    height: 80px
}

.extended-view {
    width: 100%;
    height: auto;
    float: left;
    border-top: 3px solid #e6e6e6;
    padding-top: 15px;
    font-weight: 700;
    font-size: 25px;
    font-family: Asap, arial;
    margin-top: 40px
}

.extended-view-img {
    width: 333px;
    height: auto;
    margin-right: 24px;
    margin-top: 12px;
    float: left
}

.extended-view-description {
    border-top: 3px solid #e05d41;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    width: 103%
}

.extended-view-img.first {
    margin-right: 0
}

.extended-view-img img {
    border: 3px solid #dfdfdf
}

.extended-view-img img:hover {
    border: 3px solid #b7b7b7
}

#msg font {
    font-weight: 700;
    line-height: 14px;
    display: block;
    margin-bottom: 10px
}

.sub-menu-service a {
    color: #fff;
    text-decoration: none;
    padding: 5px 5px;
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    margin-right: 3px;
    font-weight: 300;
    font-family: Roboto;
    border-radius: 5px;
    background: #2789c4;
    margin-bottom: 5px
}

#servicesSubMenu a {
    padding: 5px 8px;
    font-size: 13px;
    width: 22.5%
}

.sub-menu-service a:hover {
    background: #f05c29;
    color: #fff;
    text-decoration: none;
    border-radius: 5px
}

.sub-menu-service a.selected {
    background: #f05c29;
    color: #fff;
    text-decoration: none;
    border-radius: 5px
}

.services_menu_outer {
    position: fixed;
    width: 100%;
    background: #f05c29;
    z-index: 99;
    padding: 20px 0;
    padding-bottom: 35px;
    top: 90px;
    display: none;
    left: 0;
    text-align: left
}

.services_subcat {
    display: none
}

.services_cat_main li.current .services_subcat {
    display: block
}

ul.services_cat_main {
    margin: 0;
    padding: 0;
    height: 237px;
    text-align: center
}

ul.services_cat_main li {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    float: none;
    background: 0 0;
    height: 39px
}

ul.services_cat_main li a {
    color: #3e3e3e;
    text-decoration: none;
    font-size: 17px;
    font-family: Roboto, arial;
    font-weight: 500
}

ul.services_cat_main li a:hover {
    color: #fff
}

ul.services_cat_main li.current a {
    color: #fff
}

ul.services_cat_main li.current {
    border-bottom: 1px solid #fff
}

ul.services_subcat {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    border-top: 1px solid #d73c06;
    top: 40px;
    left: 0;
    text-align: center;
    padding-top: 12px;
    background: #f05c29
}

ul.services_subcat li {
    padding: 0 40px;
    text-align: center;
    background: 0 0;
    float: none;
    display: inline-block
}

ul.services_subcat li a {
    color: #fff;
    font-weight: 300;
    font-family: Roboto;
    font-size: 14px;
    line-height: 24px!important
}

.services_subcat li a.cus_link {
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    font-family: Roboto;
    line-height: 32px
}

.view-all-services {
    width: 100%;
    background: url(../images/menu-orange-link.png) top center repeat-x;
    padding: 22px 0;
    margin-top: 28px;
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    font-family: roboto
}

.view-all-services a {
    font-weight: 500!important;
    border-bottom: 0 solid #fff;
    background: url(../images/arrow_right4.png) no-repeat right;
    padding-right: 33px
}

.view-all-services a:hover {
    color: #3e3e3e!important
}

.cwd {
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    font-size: 0;
    background: url(../images/menu-drop-icon.png) 0 0 no-repeat;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 20px;
    margin-bottom: 10px
}

.twobtns>li {
    display: inline-block;
    width: auto;
    margin: 0 5px
}

.twobtns>li a {
    background: #083c7f;
    color: #fff;
    padding: 6px 12px;
    display: text-align: left;
    font-weight: 400;
    line-height: 22px
}

.cwd.shopify {
    background-position: -150px -540px
}

.flexdropdownmenu li:hover .cwd.shopify {
    background-position: -150px -593px
}

.cwd.drupal {
    background-position: -6px -647px
}

.flexdropdownmenu li:hover .cwd.drupal {
    background-position: -6px -701px
}

.cwd1 {
    display: block;
    width: 45px;
    height: 40px;
    margin: 0 auto;
    font-size: 0;
    background: url(../images/wedding_images/newmenuicon.png) 0 0 no-repeat;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 20px;
    margin-bottom: 10px
}

.projectmanage:hover .promag1 {
    background-position: 0 -38px
}

.call_conatct {
    color: #fff;
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 14px;
    border-bottom: 1px dotted #fff
}

.call_conatct a {
    color: #fff;
    text-decoration: none
}

.wed {
    display: block;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    font-size: 0;
    background: url(../images/web_design-copy.png) -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 20px;
    margin-bottom: 10px
}

.services_subcat li:hover a {
    color: #3e3e3e!important
}

.webdesign:hover .cwd {
    background-position: 0 -45px
}

.cwd.rwd {
    background-position: -45px 0
}

.responsivewebdesign:hover .rwd {
    background-position: -45px -45px
}

.cwd.wp {
    background-position: -138px 0
}

.wordpress:hover .wp {
    background-position: -138px -45px
}

.cwd.mg {
    background-position: -95px 0
}

.magento:hover .mg {
    background-position: -95px -45px
}

.cwd.dp {
    background-position: 0 -91px
}

.drupal:hover .dp {
    background-position: 0 -136px
}

.cwd.mwd {
    background-position: -46px -91px
}

.mobilesite:hover .mwd {
    background-position: -46px -136px
}

.cwd.corpratewd {
    background-position: -95px -91px
}

.corporate:hover .corpratewd {
    background-position: -95px -136px
}

.cwd.wad {
    background-position: -138px -91px
}

.webappdevelopement:hover .wad {
    background-position: -138px -136px
}

.cwd.customwd {
    background-position: 0 -182px
}

.customwebdevelopement:hover .customwd {
    background-position: 0 -227px
}

.cwd.wpdev {
    background-position: -46px -182px
}

.wpdevelopment:hover .wpdev {
    background-position: -46px -227px
}

.cwd.cmsws {
    background-position: -95px -182px
}

.cmswebsite:hover .cmsws {
    background-position: -95px -227px
}

.cwd.joomla {
    background-position: -138px -182px
}

.joomladevelopement:hover .joomla {
    background-position: -138px -227px
}

.cwd.opencart {
    background-position: 0 -273px
}

.opencartdevelopement:hover .opencart {
    background-position: 0 -318px
}

.cwd.eco {
    background-position: -46px -273px
}

.ecommercedevelopement:hover .eco {
    background-position: -46px -318px
}

.cwd.iadev {
    background-position: -92px -273px
}

.internetapp:hover .iadev {
    background-position: -92px -318px
}

.cwd.travell {
    background-position: -138px -273px
}

.projectmanage:hover .travell {
    background-position: -138px -318px
}

.cwd.realestate {
    background-position: 0 -364px
}

.realestatewebsite:hover .realestate {
    background-position: 0 -409px
}

.cwd.promag {
    background-position: -46px -364px
}

.projectmanage:hover .promag {
    background-position: -46px -409px
}

.cwd.searc {
    background-position: -95px -364px
}

.seo-menu:hover .searc {
    background-position: -95px -409px
}

.cwd.ppclick {
    background-position: -138px -364px
}

.ppc-menu:hover .ppclick {
    background-position: -138px -409px
}

.cwd.sms {
    background-position: 0 -455px
}

.social-menu:hover .sms {
    background-position: 0 -501px
}

.cwd.addis {
    background-position: -46px -455px
}

.ad-menu:hover .addis {
    background-position: -46px -501px
}

.cwd.mam {
    background-position: -142px -455px
}

.mam-menu:hover .cwd.mam {
    background-position: -142px -495px
}

.cwd.fb-ad {
    background-position: 0 -541px
}

.fb-menu:hover .cwd.fb-ad {
    background-position: 0 -592px
}

.cwd.bing-ad {
    background-position: -48px -541px
}

.ad-menu:hover .cwd.bing-ad {
    background-position: -51px -598px
}

.cwd.packagewd {
    background-position: -95px -455px
}

.package-menu:hover .packagewd {
    background-position: -95px -501px
}

.cwd.phpDev {
    background-position: -99px -551px
}

.phpDevelopment:hover .cwd.phpDev {
    background-position: -99px -593px
}

.fixedPanel {
    position: fixed;
    top: 60px
}

.innercontent.nopadding {
    padding: 0
}

.about-full-gray-box {
    width: 1060px;
    height: auto;
    margin: 0 auto;
    padding: 55px 0
}

.about-gray-left-text {
    font-size: 17px;
    line-height: 28px;
    padding-top: 15px;
    font-weight: 300;
    color: #3d3d3d;
    width: 452px
}

.about-images-right-side {
    float: right;
    width: 529px;
    height: 310px;
    overflow: hidden
}

#banner-slides {
    height: 283px;
    z-index: 100;
    display: none
}

.slides_container {
    width: 529px;
    overflow: hidden;
    position: relative;
    display: none
}

.slides_container div.slide {
    width: 529px;
    height: 283px;
    display: block
}

#banner-slides .next,
#banner-slides .prev {
    position: relative;
    top: -140px;
    left: 12px;
    width: 16px;
    height: 36px;
    display: block;
    z-index: 101;
    font-size: 0
}

#banner-slides .next {
    left: 488px;
    top: -177px
}

.pagination {
    width: 100px;
    z-index: 9;
    margin: 0;
    padding: 0;
    margin: 0 auto;
    position: relative;
    bottom: 63px
}

.pagination li {
    float: left;
    list-style: none;
    width: 19px;
    height: 19px
}

.pagination a {
    display: block;
    width: 19px;
    height: 19px;
    background: url(../images/paging_bg.png) 0 0 no-repeat;
    font-size: 0
}

.pagination li.current a {
    background-position: 0 -19px
}

.capability-tech-used {
    width: 880px;
    height: auto;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    padding: 51px 90px
}

.our-capability {
    width: 440px;
    height: auto;
    float: left
}

.heading-mid-size {
    font-size: 35px;
    color: #111;
    background: url(../images/heading-bottom-bg.png) center bottom no-repeat;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-weight: 700;
    font-family: Asap, Arial;
    display: inline
}

ul.capabilty-list {
    margin: 0;
    padding: 0;
    margin-top: 40px;
    width: 328px
}

ul.capabilty-list li {
    list-style: none;
    line-height: 29px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: 300;
    color: #262626;
    margin-top: 2px;
    padding: 8px 0
}

ul.capabilty-list-first {
    margin: 0;
    padding: 0;
    margin-top: 40px;
    width: 328px
}

ul.capabilty-list-first li {
    list-style: none;
    line-height: 29px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: 300;
    color: #262626;
    margin-top: 2px;
    padding: 8px 0
}

.capability-icon {
    width: 35px;
    height: 29px;
    border-left: 2px solid #92bcf3;
    display: inline-block;
    padding-left: 15px;
    margin-right: 15px;
    float: left
}

.capability-icon.line1 {
    border-left: 2px solid #ed92f3
}

.capability-icon.line2 {
    border-left: 2px solid #9280a9
}

.capability-icon.line3 {
    border-left: 2px solid #f56060
}

.capability-icon.line4 {
    border-left: 2px solid #a1c457
}

.capability-icon.line5 {
    border-left: 2px solid #e1b449
}

.capability-icon.line6 {
    border-left: 2px solid #898de4
}

.capability-icon.line7 {
    border-left: 2px solid #9ecfc8
}

.capability-icon.line8 {
    border-left: 2px solid #f3a276
}

.main-highlight {
    text-align: center;
    font-family: Roboto, arial;
    font-size: 17px;
    line-height: 28px;
    color: #3d3d3d;
    font-weight: 300;
    margin: 0 auto
}

.main-highlight span {
    color: #858585;
    font-style: italic
}

.black-area-work {
    width: 100%;
    height: auto;
    padding: 40px 0;
    border-top: solid 1px #f1f1f1
}

.black-area-work-container {
    width: 1060px;
    height: auto;
    margin: 0 auto
}

.black-area-work-container .left_side {
    width: 100%;
    float: left
}

.responsive_website_top_content .main-highlight {
    text-align: left
}

.responsive_website_top_content img {
    float: right;
    width: 50%
}

.black-area-work-container img {
    float: right;
    width: 50%
}

.black-area-work-container .main_heading_lineone {
    color: #333;
    background: url(../images/heading-bottom-bg3.png) bottom center no-repeat;
    margin-bottom: 0
}

.black-area-work-container .main_heading_lineone span {
    color: #a9a9a9;
    font-weight: 400
}

.sample-one {
    width: 25%;
    height: auto;
    float: left
}

.sample-padding-btm {
    padding-bottom: 30px
}

.sample-padding-top {
    padding-top: 38px
}

.sample-two {
    width: 25%;
    height: auto;
    float: right;
    text-align: right
}

.clear.black-divider {
    height: 2px;
    width: 100%;
    background: url(../images/black-line-divider-btm.jpg) repeat-x
}

.tab-box-red {
    background: #e93939;
    width: 29%;
    height: auto;
    padding: 30px 2%;
    float: left;
    margin-right: .33%;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: center
}

.tabs-heading {
    font-weight: 700;
    font-size: 30px;
    font-family: asap, arial;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: url(../images/heading-bottom-bg.png) bottom center no-repeat;
    padding-bottom: 25px;
    margin-bottom: 25px
}

.tab-box-pink {
    background: #995cb0;
    min-height: 322px;
    width: 29%;
    height: auto;
    padding: 30px 2%;
    float: left;
    margin-right: .33%;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: center
}

.tab-box-blue {
    background: #5a96ba;
    min-height: 322px;
    width: 29%;
    height: auto;
    padding: 30px 2%;
    float: left;
    margin-right: .33% font-weight: 300;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: center
}

.tab-box-red-1 {
    background: #e93939;
    min-height: 250px;
    width: 29%;
    height: auto;
    padding: 30px 2%;
    float: left;
    margin-right: .33%;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: center
}

.tab-box-pink-1 {
    background: #995cb0;
    min-height: 250px;
    width: 29%;
    height: auto;
    padding: 30px 2%;
    float: left;
    margin-right: .33%;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: center
}

.tab-box-blue-1 {
    background: #5a96ba;
    min-height: 250px;
    width: 29%;
    height: auto;
    padding: 30px 2%;
    float: left;
    margin-right: .33%;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: center
}

.thank h1 {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase
}

.thanksimg {
    width: 10%;
    margin: 40px auto
}

.thanksimg img {
    width: 100%
}

.thanks_para {
    font-size: 30px;
    font-weight: 100
}

.big-text-btm-area {
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    margin-top: 30px;
    line-height: 30px
}

.big-text-btm-area a {
    color: #000
}

.big-text-btm-area a.see_latest_work {
    color: #fff
}

.index-clients .button-rount {
    display: inline-block;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    font-family: Roboto, arial
}

.index-clients .button-rount:hover {
    background: #f05c29;
    color: #fff;
    border: 1px solid #f05c29
}

.index-clients .btn_outer {
    text-align: center;
    color: #000
}

.big-text-btm-area .see_latest_work {
    float: none
}

.arrow-down {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -50px
}

.free-quote-box {
    height: auto;
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 300
}

.quote-left {
    width: 30%;
    height: auto;
    font-family: asap, arial;
    float: left
}

.quote-right {
    width: 680px;
    height: auto;
    font-family: asap, arial;
    float: left;
    margin-left: 60px
}

.pop-heading {
    width: 300px;
    height: 250px;
    padding-top: 50px;
    background: #f05c29;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 64px
}

.sub-pop-heading {
    width: 245px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 400;
    color: #f1f1f1;
    padding: 18px 10px;
    line-height: 22px
}

.pop-up-call {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 26px
}

.talk-contact {
    width: auto!important
}

.talk-contact img {
    margin-left: 0!important
}

.pop-up-call span {
    font-weight: 700;
    font-size: 30px;
    padding: 15px 0;
    line-height: 50px
}

.pop-heading-right {
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-family: asap, arial;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 20px
}

.popup-form-table {
    font-family: Roboto, arial;
    font-size: 14px;
    font-weight: 400
}

.quote-right .popup-form-table tr td {
    color: #575757
}

.popup-input {
    width: 285px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #666;
    border-radius: 3px;
    background: 0 0;
    margin-top: 8px;
    color: #545454;
    padding: 0 10px;
    margin-bottom: 15px;
    font-family: Roboto, arial;
    font-size: 13px
}

.popup-input:focus {
    border: 2px solid #f05c29
}

.popup-textfield {
    width: 285px;
    height: 120px;
    border: 1px solid #666;
    border-radius: 3px;
    background: 0 0;
    margin-top: 8px;
    color: #545454;
    padding: 0 10px;
    margin-bottom: 20px;
    padding-top: 7px;
    font-family: Roboto, arial;
    font-size: 13px
}

.popup-textfield:focus {
    border: 2px solid #f05c29
}

#wrapper {
    margin: 0 auto
}

.checkbox {
    padding: 0;
    display: block;
    font-weight: 300;
    font-size: 14px
}

.checkbox.first {
    margin-top: 10px
}

span.jqTransformCheckboxWrapper {
    display: block;
    float: left;
    margin-top: 0;
    margin-right: 5px
}

a.jqTransformCheckbox {
    background: transparent url(../images/checkbox.png) no-repeat center top;
    vertical-align: middle;
    height: 19px;
    width: 18px;
    display: block
}

a.jqTransformChecked {
    background-position: center -21px
}

.jqTransformHidden {
    display: none
}

.submit_btn {
    background: #f05c29;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: asap, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    height: 34px;
    line-height: 37px;
    padding: 0 20px;
    text-transform: uppercase
}

.divider-dotted {
    background: url(../images/dot_divider.png) bottom repeat-x;
    height: 7px;
    margin: 60px 0
}

.divider-dotted span {
    width: 76px;
    height: 76px;
    background: url(../images/circles-colour.png) no-repeat -76px 0;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -38px;
    margin-top: -36px
}

.mobile-app-advt {
    width: 70%;
    margin: 0 auto
}

.mobile-app-advt .ticks-arrows {
    width: 46%;
    float: left
}

.mobile-app-advt .ticks-arrows:first-child {
    padding-top: 4%
}

.seoGraphImg {
    max-width: 40%;
    float: right;
    margin: 30px 0 10px 10px
}

.contnaveicon {
    margin-top: 12px
}

ul.ticks-arrows {
    margin: 0;
    padding: 0;
    width: 47%;
    float: left;
    padding-right: 3%
}

ul.ticks-arrows-benefits {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    padding-right: 3%
}

ul.ticks-arrows li {
    list-style: none;
    background: url(../images/ticks-arrows.png) left top no-repeat;
    padding-left: 30px;
    font-size: 15px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    text-align: left
}

ul.ticks-arrows-benefits li {
    list-style: none;
    background: url(../images/ticks-arrows.png) left top no-repeat;
    padding-left: 30px;
    font-size: 15px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    text-align: left
}

ul.ticks-arrows.right-side {
    padding-right: 0
}

.features_include {
    width: 47%;
    float: right
}

.features_include .ticks-arrows {
    width: 100%
}

.features_include .images {
    border: solid 1px #f1f1f1;
    padding: 40px
}

.seoPageBoxes ul {
    padding-left: 15%;
    box-sizing: border-box
}

ul.jcd {
    margin: 0;
    padding: 0;
    width: 51%;
    float: left;
    padding-right: 3%;
    margin-left: 0
}

ul.jcd li {
    list-style: none;
    background: url(../images/ticks-arrows.png) right 150px top no-repeat;
    padding-left: 30px;
    font-size: 15px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    text-align: left;
    padding-left: 73%
}

ul.jcd-right li {
    list-style: none;
    background: url(../images/ticks-arrows.png) right 485px top no-repeat;
    padding-left: 30px;
    font-size: 15px;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    text-align: left;
    padding-left: 55%
}

ul.jcd.jcd-right {
    width: 47%;
    padding-right: 0
}

.services-box {
    width: 155px;
    float: left;
    text-align: center;
    margin: 0 10px
}

.services-box a {
    font-family: Roboto, arial;
    font-size: 16px;
    font-weight: 400;
    color: #a9a9a9;
    text-decoration: none;
    line-height: 27px
}

.services-box:hover a {
    color: #fff
}

.see_more_clients {
    background: #083c7f;
    font-family: Asap, Arial;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 52px 8px 40px;
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    border: 0
}

.client-logo-top {
    text-align: center;
    width: 100%;
    font-family: asap, arial;
    font-size: 16px;
    font-weight: 400
}

.test-top-icon {
    background: url(../images/client-sprite.png) repeat scroll 0 0;
    padding: 3px 13px;
    margin-right: 15px
}

.case-study-top-icon {
    background: url(../images/client-sprite.png) repeat scroll -26px 0;
    padding: 3px 13px
}

.client-testi-popup {
    width: 440px;
    height: 500px;
    border-radius: 50%;
    background: #f05c29;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    padding: 0 30px;
    margin: 0 auto
}

.cl-logo {
    width: 125px;
    height: 120px;
    border-radius: 50%;
    background: #fafafa;
    border: 5px solid #f88159;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px
}

.client-testi-popup .cl-logo img {
    width: 100px;
    height: auto;
    margin-top: 33px
}

.client-testi-popup .pop-heading-right {
    text-transform: uppercase;
    margin-top: 30px
}

.client-testi-popup span {
    font-family: asap, arial;
    font-size: 50px;
    line-height: 10px
}

a.pop-case-study {
    font-weight: 700;
    font-family: asap, arial;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase
}

a.pop-case-study:hover {
    color: #ffc4b0
}

.case-study-top-icon2 {
    background: url(../images/client-sprite.png) repeat scroll -26px 0;
    height: 25px;
    display: block;
    width: 26px;
    float: left
}

.contact-boxes {
    width: 30%;
    height: auto;
    float: left;
    margin-right: 2%;
    padding-right: 1%;
    line-height: 23px;
    font-size: 15px;
    background: url(../images/contact-right-border.jpg) right no-repeat;
    margin-bottom: 30px
}

.contact_heading span {
    font-weight: 100;
    font-family: asap;
    font-size: 22px;
    margin-bottom: 15px;
    display: block;
    color: #292929
}

.contact-boxes img {
    width: auto
}

.contact-boxes.last {
    margin-right: 0;
    background: 0 0
}

.contact-boxes span {
    font-weight: 100;
    font-family: asap;
    font-size: 22px;
    margin-bottom: 15px;
    display: block
}

.contact-boxes strong {
    font-weight: 400;
    color: #f05c29;
    display: block;
    margin-bottom: 7px
}

.contact-boxes img {
    vertical-align: middle;
    margin-right: 7px
}

.contact-boxes a {
    color: #292929;
    text-decoration: none
}

.contact-boxes a:hover {
    color: #f05c29;
    text-decoration: underline
}

a.emaillink {
    color: #f05c29;
    text-decoration: none
}

.talk-contact {
    width: 100%;
    height: auto;
    padding: 0 28px;
    margin: 15px 0
}

.emaillink img {
    margin-left: 0!important
}

.talk-contact h4 {
    font-size: 16px;
    padding: 10px 0 0 0;
    margin-left: 45px
}

.talk-contact h4 span {
    font-size: 30px;
    margin-bottom: 8px;
    display: block
}

.talk-contact a {
    color: #f05c29;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300
}

.talk-contact a {
    color: #f05c29;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300
}

.talk-contact a:hover {
    color: #083c7f;
    text-decoration: underline
}

.talk-contact img {
    vertical-align: top;
    margin-left: 45px;
    margin-right: 7px;
    width: auto
}

.right-side-click {
    padding-right: 0;
    margin-right: 0;
    width: auto
}

a.blog-heading {
    font-family: asap, arial!important;
    color: #f05c29;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px
}

.blog-left-side {
    width: 75%;
    height: auto;
    float: left
}

.blog-left-side-detail {
    width: 780px;
    height: auto;
    float: left
}

.blog-left-side-detail br {
    display: none
}

.blog-left-side-detail h2 {
    font-size: 18px;
    margin-bottom: 15px!important
}

.blog-left-side-detail h3 {
    font-size: 18px;
    margin-bottom: 15px!important
}

.blog-left-side-detail ul {
    margin-bottom: 15px!important;
    margin-left: 15px
}

.blog-left-side-detail p {
    margin-bottom: 10px!important
}

.blog-right-side {
    width: 25%;
    height: auto;
    float: right
}

.blog-boxes {
    width: 250px;
    height: auto;
    float: left;
    margin-right: 20px;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1)
}

.blog-img {
    background: url(../images/blog-default-img.jpg) #f0f0f0 center top no-repeat;
    width: 250px;
    height: auto
}

.blog-img img {
    max-width: 100%
}

.blog-text {
    font-family: Roboto, arial;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300
}

a.blog-more {
    font-weight: 400;
    color: #333;
    text-decoration: none
}

a.blog-more:hover {
    color: #f05c29
}

.blog-tag-box {
    background: #f9f9f9;
    color: #f05c29;
    font-size: 12px;
    padding: 5px 10px;
    border: 1px solid #f0f0f0;
    border-bottom: 0;
    line-height: 18px;
    text-align: left
}

.blog-tag-box a {
    color: #212121;
    text-decoration: none;
    text-align: left;
    font-weight: 300;
    display: inline!important;
    font-size: 13px
}

.blog-tag-box a:hover {
    color: #f05c29
}

.blog-tag-box b {
    font-weight: 400;
    font-size: 13px
}

.blog-title {
    padding: 5px 13px;
    padding-top: 0
}

.blog-full-container {
    background: #f3f3f3
}

.blog-date {
    font-size: 12px;
    padding: 7px 13px;
    margin-top: 3px
}

.blog-date strong {
    font-weight: 500
}

.blog-date-detail {
    padding: 0!important;
    margin-bottom: 7px
}

.blog-title-text {
    font-size: 14px;
    line-height: 20px;
    padding: 0 13px
}

.blog-social-box {
    height: 40px;
    border-top: 1px solid #e5e5e5
}

.blog-social-box a {
    display: inline!important
}

.facebook {
    width: 40px;
    height: 40px;
    background: url(../images/blog-social-icons.jpg) no-repeat 0 0;
    font-size: 0;
    display: block;
    float: right;
    border-left: 1px solid #e5e5e5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.facebook:hover {
    background-position: 0 -40px
}

.twitter {
    width: 40px;
    height: 40px;
    background: url(../images/blog-social-icons.jpg) no-repeat -40px 0;
    font-size: 0;
    display: block;
    float: right;
    border-left: 1px solid #e5e5e5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.twitter:hover {
    background-position: -40px -40px
}

.linkedin {
    width: 40px;
    height: 40px;
    background: url(../images/blog-social-icons.jpg) no-repeat -80px 0;
    font-size: 0;
    display: block;
    float: right;
    border-left: 1px solid #e5e5e5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.linkedin:hover {
    background-position: -80px -40px
}

.google {
    width: 40px;
    height: 40px;
    background: url(../images/blog-social-icons.jpg) no-repeat -120px 0;
    font-size: 0;
    display: block;
    float: right;
    border-left: 1px solid #e5e5e5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.google:hover {
    background-position: -120px -40px
}

.blog-bredcrum {
    font-family: asap, arial;
    font-size: 13px;
    color: #000
}

.blog-bredcrum a {
    font-family: asap, arial;
    font-size: 13px;
    color: #000;
    text-decoration: none
}

.blog-bredcrum a:hover {
    color: #f05c29
}

#content {
    margin-top: -30px
}

.popular-blog {
    font-weight: 700;
    font-family: asap, arial;
    font-size: 18px;
    border-bottom: 2px solid #f05c29;
    padding-bottom: 4px;
    margin-bottom: 7px
}

.popular-right .blog-boxes {
    margin-right: 0;
    margin-bottom: 20px;
    padding-bottom: 5px
}

a.click {
    font-family: roboto, arial;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400
}

a.click:hover {
    color: #f05c29
}

.bolg-detail-heading {
    font-family: Asap, Arial;
    font-size: 35px;
    font-weight: 400;
    color: #141414;
    text-align: left;
    padding-bottom: 10px;
    margin-top: 5px;
    line-height: 43px
}

.blog-left-side-detail a {
    color: #f05c29
}

.leave-comment-heading {
    font-family: asap, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700
}

.leave-comment-heading span {
    color: #f05c29;
    font-size: 15px;
    line-height: 36px;
    font-weight: 300
}

.blog-input {
    width: 300px;
    height: auto;
    line-height: 28px;
    padding: 2px 7px;
    background: 0 0;
    border: 1px solid #aaa;
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 300;
    color: #3d3d3d;
    border-radius: 3px;
    font-family: asap
}

.popular-right-blog {
    margin-top: 25px
}

.categories-list img {
    vertical-align: middle;
    margin-right: 5px
}

.contact-tabs {
    width: 171px;
    height: 118px;
    background: url(../images/contact-tabs-bg.png) top center no-repeat;
    text-align: center;
    padding-top: 58px;
    font-weight: 400;
    padding-left: 20px;
    float: left;
    font-family: asap, arial;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 22px;
    color: #3d3d3d;
    text-decoration: none;
    line-height: 35px
}

.contact-tabs:hover {
    background-position: 0 -176px
}

.contact-tabs:hover {
    color: #fff
}

.contact-tabs:hover span {
    color: #fff
}

.contact-or {
    font-weight: 700;
    font-size: 26px;
    float: left;
    line-height: 170px;
    margin: 0 30px;
    font-family: asap, arial;
    font-style: italic
}

.contact-tabs span {
    font-weight: 700;
    color: #f05c29
}

.contact-tabs2 {
    width: 191px;
    height: 142px;
    background: url(../images/contact-tabs-bg2.png) top center no-repeat;
    text-align: center;
    padding-top: 35px;
    font-weight: 400;
    padding-left: 0;
    float: left;
    font-family: asap, arial;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 22px;
    color: #3d3d3d;
    text-decoration: none;
    line-height: 35px
}

.contact-tabs2:hover {
    background-position: 0 -176px;
    color: #fff
}

.contact-tabs2:hover span {
    background-position: 0 -176px;
    color: #fff
}

.contact-tabs2 span {
    font-weight: 700;
    color: #f05c29
}

.contact-tab-option-box {
    width: 480px;
    height: auto;
    margin: 0 auto
}

.contact-form {
    font-size: 24px;
    font-weight: 300;
    margin-top: 30px
}

.contact-form .heading2 small {
    font-weight: 400;
    font-size: 18px
}

.contact-form-input {
    width: 285px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #666;
    border-radius: 3px;
    background: 0 0;
    color: #212121;
    padding: 0 10px;
    margin-bottom: 15px;
    font-family: Roboto, arial;
    font-size: 13px
}

.textbox-big {
    width: 285px;
    height: 170px;
    line-height: 30px;
    border: 1px solid #666;
    border-radius: 3px;
    background: 0 0;
    margin-top: 8px;
    color: #212121;
    padding: 0 10px;
    margin-bottom: 15px;
    font-family: Roboto, arial;
    font-size: 13px
}

.textbox-big:focus {
    border: 2px solid #f05c29
}

.career-left-box {
    width: 620px;
    height: auto;
    float: left;
    font-size: 15px
}

.career-right-box {
    width: 400px;
    height: auto;
    float: right;
    font-size: 15px
}

.heading-small {
    font-family: Asap, Arial;
    font-size: 25px;
    font-weight: 700;
    color: #141414;
    text-align: left;
    padding-bottom: 25px
}

.job-opening-list {
    width: 90%;
    height: auto;
    padding: 10px;
    font-family: asap, arial;
    font-weight: 300;
    color: #fff;
    padding-left: 50px;
    font-size: 15px
}

.even {
    background: url(../images/job-opening-icon.png) left center no-repeat #f05c29
}

.odd {
    background: url(../images/job-opening-icon.png) left center no-repeat #ff7519;
    border-bottom: 1px solid #cc5200;
    border-top: 1px solid #cc5200
}

.job-opening-list a {
    color: #fff;
    text-decoration: none
}

.job-opening-list a:hover {
    color: #000;
    text-decoration: none
}

.job_title {
    float: left
}

.job-input {
    background: url(../images/input_bg.png) repeat-x scroll left bottom #fcfcfc;
    border: 1px solid #cc5200;
    border-radius: 6px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 31px;
    line-height: 30px;
    margin: 0 0 6px;
    padding: 0 8px;
    width: 200px!important
}

.job-input-text {
    background: url(../images/input_bg.png) repeat-x scroll left bottom #fcfcfc;
    border: 1px solid #cc5200;
    border-radius: 6px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 60px;
    line-height: 30px;
    margin: 0 0 6px;
    padding: 0 8px;
    width: 200px!important
}

.job_title {
    width: 220px;
    margin-left: 20px
}

.job-apply-box {
    width: 465px;
    background: #f05c29;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: asap, arial;
    padding: 15px;
    float: right;
    border-radius: 5px;
    margin-top: -22px
}

.apply-form-heading {
    font-weight: 700;
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 7px;
    margin-top: 7px
}

.apply-heading {
    font-family: Asap, Arial;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: url(../images/heading-bottom-bg.png) bottom center no-repeat;
    padding-bottom: 15px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.job_title .error {
    color: #000
}

.apply-left-panel {
    width: 540px;
    float: left;
    font-size: 15px;
    line-height: 26px;
    font-weight: 300
}

.apply-left-panel .heading {
    font-size: 22px;
    font-weight: 700;
    font-family: asap, arial;
    margin-bottom: 10px
}

ul.job-responsibilities {
    margin: 0;
    padding: 0;
    margin-left: 15px;
    margin-bottom: 20px
}

ul.job-responsibilities li {
    font-size: 15px;
    line-height: 26px;
    font-weight: 300
}

.tab-box-blue ul,
.tab-box-pink ul,
.tab-box-red ul {
    width: 90%;
    margin: 0 auto
}

.tab-box-blue ul li,
.tab-box-pink ul li,
.tab-box-red ul li {
    text-align: left
}

.benefits-listing .heading-small {
    margin-bottom: 4px;
    padding-bottom: 0;
    font-size: 21px
}

.benefits-listing p {
    margin-bottom: 0
}

.clear.line {
    border-bottom: 1px dashed #ccc;
    margin: 10px 0
}

.benefits-box {
    width: 39.9%;
    padding: 0 1%;
    text-align: center;
    float: left;
    margin: 0 2%;
    margin-top: 25px;
    padding-bottom: 25px;
    border: 1px solid#999
}

.benefits-box .heading-small {
    text-align: center
}

.case-study-page {
    max-width: 1060px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center
}

.case-study-page p {
    font-size: 18px;
    line-height: 33px;
    font-weight: 300
}

ul.case-study-listing {
    margin: 0;
    padding: 0;
    max-width: 480px;
    width: 97%;
    float: left;
    padding-right: 3%
}

ul.case-study-listing li {
    list-style: none;
    background: url(../images/ticks-arrows.png) left top no-repeat;
    padding-left: 25px;
    font-size: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 27px;
    text-align: left
}

.case-study-features {
    text-align: left;
    font-size: 15px;
    line-height: 26px;
    font-weight: 300;
    max-width: 480px;
    width: 100%;
    float: left
}

.case-study-features-img {
    float: right
}

.case-study-description {
    height: 100px;
    overflow: hidden
}

.features-heading {
    font-family: asap, arial;
    font-weight: 700;
    color: #f05c29;
    text-transform: uppercase;
    margin-bottom: 7px
}

.cs-features {
    padding-top: 20px
}

.heading-shadow {
    width: 100%;
    height: auto;
    background: url(../images/bg-module-top-shadow.png) center top no-repeat;
    padding-top: 30px;
    margin-top: 30px
}

.mid-width {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
    height: auto
}

.case-study-features-img img {
    width: 90%
}

.case-study-listing {
    width: 50%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
    padding: 0 2%
}

.case-study-listing .title {
    font-family: asap, arial;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 15px
}

.case-study-image {
    width: 485px;
    margin: 0 auto;
    display: block;
    height: 390px;
    background: url(../images/case-study-bg.png) no-repeat top center
}

.case-study-image-box {
    width: 338px;
    height: 202px;
    background: #e1e1e1;
    float: left;
    margin-left: 64px;
    margin-top: 66px;
    overflow: hidden
}

.read-case-study {
    background: #f05c29;
    font-family: Asap, Arial;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 52px 8px 40px;
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    border: 0;
    cursor: pointer
}

.read-case-study i {
    background: url(../images/arrow_right2.png) right center no-repeat;
    width: 8px;
    height: 14px;
    position: absolute;
    right: 36px;
    top: 13px
}

.read-case-study:hover {
    background: #111
}

.testimonial-by {
    color: #f05c29;
    font-family: asap, arial;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    margin-top: 7px
}

.testimonial-by span {
    font-weight: 700;
    font-size: 16px
}

.testimonial-line {
    width: 100%;
    height: 3px;
    background: url(../images/dotted-rule-bg.png) repeat-x;
    margin: 15px 0;
    clear: both
}

.news-container {
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 24px;
    min-height: 205px;
    text-align: left;
    float: left;
    padding-bottom: 15px
}

.news-container a {
    color: #f05c29;
    font-size: 17px;
    font-family: asap, arial;
    text-decoration: none;
    font-weight: 700;
    text-align: left
}

a.news-link {
    color: #444;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 300
}

a:hover.news-link {
    color: #f05c29;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 300
}

.news-container strong {
    font-weight: 700
}

.black_shad {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 90;
    cursor: pointer;
    display: none
}

.contact_newform {
    width: 100%;
    margin: 0 auto
}

.wow:first-child {
    visibility: hidden
}

.client-page-logo {
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    float: left;
    height: 201px;
    margin: 0 10px 10px 0;
    padding-top: 25px;
    position: relative;
    text-align: center;
    transition: background .5s ease 0s;
    width: 253px
}

.client-page-logo:hover {
    background: #fff
}

a.testimonial {
    background-position: -1px -1px;
    left: 15px;
    transition: opacity .1s ease 0s, bottom .3s ease 0s
}

a.case-study {
    background-position: -26px 0!important;
    right: 15px;
    transition: opacity .1s ease 0s, bottom .3s ease 0s
}

.client-page-logo a {
    background: url(../images/client-sprite.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    display: block;
    height: 26px;
    opacity: 0;
    overflow: hidden;
    padding-left: 26px;
    position: absolute;
    width: 0
}

.client-page-logo:hover a {
    bottom: 10px;
    opacity: 1
}

.client-page-logo a:hover {
    background-position: 0 -25px
}

.client-page-logo a.case-study:hover {
    background-position: -26px -25px!important
}

.box_space {
    margin: 50px 0 50px 0
}

.ls-noskin .ls-playvideo {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px
}

.ls-noskin .ls-bottom-nav-wrapper,
.ls-noskin .ls-bottom-slidebuttons a,
.ls-noskin .ls-nav-next,
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-sides,
.ls-noskin .ls-nav-start,
.ls-noskin .ls-nav-stop {
    display: none;
    visibility: hidden
}

.ls-noskin .ls-playvideo {
    background-position: -300px -150px
}

.ls-noskin .ls-playvideo:hover,
.ls-noskin .ls-vpcontainer:hover .ls-playvideo {
    background-position: -375px -150px
}

.ls-noskin .ls-thumbnail {
    top: 0
}

.ls-noskin .ls-thumbnail-inner {
    padding: 5px;
    margin-left: -5px
}

.ls-noskin .ls-thumbnail-slide a {
    margin-right: 5px
}

.ls-noskin .ls-nothumb {
    background: #eee
}

.ls-noskin .ls-loading-container {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    background-position: -450px -150px
}

.ls-noskin .ls-loading-indicator {
    width: 22px;
    height: 22px;
    margin-top: 9px
}

.ls-noskin .ls-fullscreen {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    background-position: -525px -150px
}

.ls-noskin .ls-fullscreen:hover {
    background-position: -525px -190px
}

.services-slider {
    margin: 0;
    padding: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: center
}

.slider-heading {
    color: #fe541f;
    font-family: Asap, Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase
}

.services-slider ul {
    margin: 0 auto;
    width: 90px
}

.services-slider ul li {
    list-style: none;
    background: url(../images/circle-active.png) no-repeat
}

.services-slider ul li span {
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.mobile_icon {
    background-image: url(../images/app_slider.png);
    background-repeat: no-repeat;
    background-position: 22px 22px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.web-design {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: 22px 22px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.web-development {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: -107px 22px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.web-marketing {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: -236px 22px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.web-hosting {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: -367px 22px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.web-promotion {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: 22px -67px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.domain-registration {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: -107px -67px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.ecommerce-solution {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: -237px -67px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.web-application-owl {
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-position: -368px -67px;
    display: block;
    height: 83px;
    width: 83px;
    margin-bottom: 30px
}

.custom-design {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: 7px 0;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.responsive-design {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -29px 0;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.corporate-design {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -176px -3px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.word-press-design {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -88px 0;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.mobile-development {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -144px -3px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.web-design-packages {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -680px -1px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.drupal_web_development {
    background-image: url(../images/drupal-menu-responsive.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.web-application {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -442px -3px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px;
    margin: 0
}

.custom-web {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -245px -3px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.wordpress-customization {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -277px -3px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.php_web_development {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -684px -35px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.wordpress-customization {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -277px -3px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.custom-cms {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -309px -3px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.joomla-custom {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -342px -4px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.custom-ecommerce {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -407px -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px;
    margin: 0
}

.open-cart {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -375px -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.magento-custom {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -64px 1px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.shopify-development {
    background-image: url(../images/shopify-menu-resposive.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.travel {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -473px -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px;
    margin: 0
}

.matchmaking_mob {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -711px -32px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px;
    margin: 0
}

.cwd.node {
    background-position: -94px -649px
}

.cwd.codeigniter {
    background-position: -150px -648px
}

.flexdropdownmenu li a:hover .cwd.codeigniter {
    background-position: -150px -699px
}

.cwd.android {
    background-position: -90px -749px
}

.flexdropdownmenu li a:hover .cwd.android {
    background-position: -90px -798px
}

.upp-sp {
    margin-top: 30px;
    display: inline-block
}

.cwd.ios {
    background-position: -150px -749px
}

.flexdropdownmenu li a:hover .cwd.ios {
    background-position: -150px -799px
}

.cwd.reactjs {
    background-position: -142px -852px
}

.flexdropdownmenu li a:hover .cwd.reactjs {
    background-position: -142px -900px
}

.cwd.vuejs {
    background-position: -6px -852px
}

.flexdropdownmenu li a:hover .cwd.vuejs {
    background-position: -6px -900px
}

.cwd.angularjs {
    background-position: -75px -850px
}

.flexdropdownmenu li a:hover .cwd.angularjs {
    background-position: -75px -904px
}

.mob-angularjs,
.mob-reactjs,
.mob-vuejs {
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 30px;
    position: relative;
    top: 5px
}

.mob-reactjs {
    background-image: url(../images/react-js.png)
}

.mob-vuejs {
    background-image: url(../images/vue-js.png)
}

.mob-angularjs {
    background-image: url(../images/angular-js.png)
}

.cwd.laravel {
    background-position: -4px -746px
}

.flexdropdownmenu li a:hover .cwd.laravel {
    background-position: -4px -795px
}

.flexdropdownmenu li a:hover .cwd.node {
    background-position: -94px -700px
}

.node_web_development {
    background-image: url(../images/node_responsive.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.node_web_codeigniter {
    background-image: url(../images/codignator.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.laravel_web_codeigniter {
    background-image: url(../images/responsive_laravel_icon.png);
    background-repeat: no-repeat;
    background-position: 0 -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.releated_ser {
    margin: 40px 0;
    text-align: center
}

.releated_ser>ul>li {
    display: inline-block;
    background: #f05c29;
    transform: skewX(-23deg);
    border-radius: 4px;
    margin-bottom: 10px
}

#servicesSubMenu {
    text-align: center;
    transition: .3s
}

.releated_ser>ul>li:hover {
    background: #e04611
}

.releated_ser span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    transform: skewX(23deg);
    display: block;
    font-size: 14px;
    padding: 7px 23px
}

.releated_ser>ul>li>a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    transform: skewX(23deg);
    display: block;
    font-size: 14px;
    padding: 7px 23px
}

.real-estate {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -509px -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.project-management {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -540px 1px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.search-engine {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -568px -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px;
    margin: 0
}

.search-engine {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -568px -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px;
    margin: 0
}

.pay-per-click {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -596px -2px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px;
    margin: 0
}

.social-media-marketing {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -628px -3px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.display-advertising {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -656px -1px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.bing-advertising {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -739px -33px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.mobile-app-marketing {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -713px -1px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.fb-marketing {
    background-image: url(../images/mobile-menu-drop-icon.png);
    background-repeat: no-repeat;
    background-position: -742px -1px;
    display: inline-block;
    height: 21px;
    width: 30px;
    position: relative;
    top: 5px
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    height: auto;
    max-width: 100%
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive1,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    height: auto;
    max-width: 70%
}

.case-study-listing1 {
    width: 43%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
    margin-right: 20px;
    padding: 0 2%;
    border: 1px solid #e8e8e8;
    box-shadow: 2px 2px 5px #e2e2e2;
    padding-top: 1%;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    min-height: 265px
}

.case-study-listing-circle {
    background: none repeat scroll 0 0 #bcbcbc;
    border-radius: 100%;
    height: 70px;
    margin: 0 auto;
    padding: 10px 2px 0 0;
    width: 80px;
    margin-bottom: 4px
}

.case-study-listing1:hover .case-study-listing-circle {
    background: #f05c29;
    transition: background-color .5s ease 0s
}

.case-study-listing-circle div {
    text-align: center
}

.case-study-listing-circle img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px
}

.case-study-listing1 .title a {
    color: #333;
    text-decoration: none
}

.case-study-listing1 .title {
    font-family: asap, arial;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 15px
}

.case-study-image1 {
    width: 485px;
    height: 390px;
    float: left;
    background: url(../images/case-study-bg.png) no-repeat top center
}

.case-study-image-box {
    width: 338px;
    height: 202px;
    background: #e1e1e1;
    margin-left: 64px;
    margin-top: 66px;
    overflow: hidden
}

.case-study-image-box img {
    width: 100%;
    height: auto
}

.read-case-study1 {
    background: #f05c29;
    font-family: Asap, Arial;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 25px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    border: 0;
    cursor: pointer
}

.read-case-study1 i {
    background: url(../images/arrow_right2.png) right center no-repeat;
    width: 8px;
    height: 14px;
    position: absolute;
    right: 12px;
    top: 13px
}

.read-case-study1:hover {
    background: #111
}

.terms-box {
    width: 46%;
    float: left;
    text-align: center;
    border-right: 0 solid #e1e1e1;
    margin: 10px 0;
    padding: 5px 0;
    padding-right: 3%
}

.terms-box.terms-box-right {
    border-right: 0;
    padding-right: 0;
    padding-left: 3%
}

.terms-box.terms-box-full {
    width: 100%;
    text-align: left
}

.terms-box.terms-box-full .heading-orange {
    text-align: left;
    background: 0 0;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px
}

.terms-box .heading-orange {
    color: #141414;
    font-family: Asap, Arial;
    background: url(../images/heading-bottom-bg.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
    font-size: 23px;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 10px;
    text-align: left;
    text-align: center
}

.menu_icon-catagory,
.menu_icon-catagory_on,
.menu_mobile {
    display: none
}

.form-box-50 {
    width: 50%;
    float: left;
    font-size: 17px
}

.form-box-50 input,
.form-box-50 textarea {
    width: 85%!important
}

.form-box-50 input.securitycode {
    width: 65%!important
}

.checkbox input {
    width: auto!important
}

#Layer1 span,
#Layer2 span {
    color: #292929;
    margin-bottom: 12px;
    display: block
}

.form-box-100 {
    width: 100%;
    float: left;
    font-size: 17px;
    margin-bottom: 20px
}

.form-box-100 textarea {
    width: 95%
}

.accordion-container {
    width: 100%;
    margin: 0 0 0;
    clear: both;
    background: #f05c29
}

.accordion-toggle {
    position: relative;
    display: block;
    padding: 15px 0;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #ebebeb
}

.accordion-toggle.open {
    background: 0 0;
    color: #fff
}

.accordion-toggle:focus {
    color: #fff
}

.accordion-toggle span.toggle-icon {
    position: absolute;
    top: 9px;
    right: 20px;
    font-size: 1.5em
}

.accordion-content {
    display: none;
    padding: 0 0;
    overflow: auto
}

.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    max-width: 100%;
    height: auto
}

.inner-main-container.remove-head {
    padding-top: 90px
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.destination .owl-dots {
    display: block;
    width: 100%;
    padding: 30px 0;
    text-align: center
}

.destination .owl-dot.active {
    background: #f24130;
    width: 10px;
    height: 10px;
    border-radius: 30px;
    display: inline-block
}

.destination .owl-dot {
    background: #dbdbdb;
    width: 10px;
    height: 10px;
    border-radius: 30px;
    display: inline-block;
    margin-right: 10px
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px
}

ul.ticks-arrows.less {
    padding-left: 0
}

ul.ticks-arrows.less li {
    text-align: justify
}

.boxbg1{
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.circle {
    width: 160px;
    display: inline-block;
    border: 2px solid #dadada;
    border-radius: 50%;
    overflow: hidden;
    height: 160px
}

.circle img {
    max-width: 100%!important;
    height: auto;
    width: auto;
    margin-bottom: 0;
    padding: 15px 8px;
    box-sizing: border-box
}

.square {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-block-end: 30px
}

.square img {
    border: 2px solid #dadada
}

.half-left ul.ticks-arrows.less {
    width: 100%
}

.package_head {
    border-bottom: 2px solid #f05d2a;
    color: #fff;
    display: block;
    font-family: Asap, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 40px;
    padding-bottom: 10px;
    text-align: center
}

.clickblog-heading {
    color: #f05c29
}

@media screen and (min-device-width:320px) and (max-device-width:1061px) {
    .blog-left-side-detail {
        width: 100%;
        float: none;
        clear: both
    }
    .blog-right-side {
        float: right;
        clear: both
    }
    .blog-full-container .inner-main-container {
        width: 90%;
        padding: 0 5%;
        text-align: justify
    }
    .shadetabs li.tab-first {
        background: #acc42a!important;
        padding: 0
    }
    .shadetabs li.tab-second {
        background: #6ec05d!important;
        padding: 0
    }
    .shadetabs li.tab-three {
        background: #17909d!important;
        padding: 0
    }
    .shadetabs li.tab-four {
        background: #50b0de!important;
        padding: 0
    }
    .shadetabs li.tab-five {
        background: #577abd!important;
        padding: 0
    }
    .shadetabs li a span.first-icon {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .shadetabs li a span.second-icon {
        margin-top: 15px;
        margin-bottom: 5px
    }
    .shadetabs li a span.three-icon {
        margin-top: 15px;
        margin-bottom: 5px
    }
    .shadetabs li a span.four-icon {
        margin-top: 15px;
        margin-bottom: 5px
    }
    .shadetabs li a span.five-icon {
        margin-top: 15px;
        margin-bottom: 5px
    }
    .shadetabs li a strong {
        display: block!important
    }
    .shadetabs li {
        float: left;
        list-style: none;
        margin-top: 0;
        margin: 0 26px;
        margin-bottom: 0;
        padding: 2px 5px!important;
        text-align: center;
        display: inline
    }
    .shadetabs li a {
        font-size: 18px!important
    }
    .shadetabs li.tab-first,
    .shadetabs li.tab-five,
    .shadetabs li.tab-four,
    .shadetabs li.tab-second,
    .shadetabs li.tab-three {
        margin-left: 10px!important;
        margin-bottom: 10px!important
    }
    .shadetabs li a {
        font-size: 16px!important
    }
    .shadetabs li a span.first-icon,
    .shadetabs li a span.five-icon,
    .shadetabs li a span.four-icon,
    .shadetabs li a span.second-icon,
    .shadetabs li a span.three-icon {
        margin-top: 14px!important
    }
    .tabcontent {
        background: #f0f0f0;
        min-height: 95px;
        padding: 0;
        font-weight: 300;
        font-family: roboto, arial;
        font-size: 15px;
        color: #454545;
        line-height: 25px
    }
    .shadetabs {
        height: 240px!important;
        margin: 25px 0 0 0!important;
        clear: both!important
    }
    .shadetabs li a.selected span.select-arrow {
        margin: 0 auto!important
    }
}

.left-30 {
    width: 23%;
    float: left;
    margin: 0;
    padding: 0
}

.center-70 {
    width: 45%;
    float: left;
    margin: 0;
    padding: 0
}

.right-30 {
    width: 30%;
    float: right;
    margin: 0;
    padding: 0
}

. right-30 img,
.center-70 img,
.left-30 img {
    width: 100%
}

.why_col_4 {
    width: 31.4%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.why_col_4 .box-icon-item {
    margin-bottom: 23px;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 2px 2px 5px #e2e2e2;
    min-height: 340px;
    text-align: center
}

.why_col_4 .box-icon-img {
    min-height: 70px
}

.why_col_4 .feature-content-box {
    padding-top: 20px;
    color: #232323
}

.why_col_4 .box-icon-title {
    font-size: 18px;
    font-weight: 700;
    color: #232323;
    line-height: 30px;
    margin-bottom: 8px;
    margin-top: 0
}

p {
    font-size: 15px;
    line-height: 24px
}

.why_col_4 .why_choose {
    margin-bottom: 23px;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 2px 2px 5px #e2e2e2;
    min-height: 246px;
    text-align: center
}

.why_col_4 .box-icon-img-skill {
    display: inline-block;
    float: left
}

.why_col_4 .manpower {
    padding-left: 80px
}

.scroll-pane {
    width: 1060px!important;
    height: auto!important
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 100%;
    background: red
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 7px;
    background: #777
}

.jspHorizontalBar *,
.jspVerticalBar * {
    margin: 0;
    padding: 0
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #aaa;
    position: relative
}

.jspDrag {
    background: #f05c29;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 7px
}

.jspHorizontalBar .jspArrow {
    width: 7px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

#Layernew2 {
    width: 60%;
    height: auto;
    font-family: asap, arial;
    float: left;
    margin-left: 60px
}

.contact_checkbox:after,
.contact_col_outer:after {
    content: '';
    display: block;
    clear: both
}

.contact_col {
    width: 33.333%;
    float: left;
    text-align: left
}

.contact_col .pop-up-call {
    text-align: left;
    margin-top: 0
}

.contact_col .talk-contact img {
    margin-left: 0
}

.contact_col .talk-contact {
    padding: 0;
    margin-top: 5px
}

.contact_col .pop-up-call span {
    font-size: 24px;
    line-height: normal;
    padding: 0;
    display: block
}

.contact_col .pop-up-call span span {
    font-size: 16px;
    display: block;
    line-height: normal;
    font-weight: 400;
    margin-top: 5px;
    color: #888
}

.contact_col h4 {
    font-weight: 400;
    margin-bottom: 5px
}

.contact_info_full {
    background: #f1f1f1;
    margin-bottom: 60px
}

.submenuslink {
    display: none;
    background: #c32f00;
    line-height: 34px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    margin-bottom: 15px
}

.submenuslink span {
    margin-left: 10px;
    width: 15px;
    height: 2px;
    background: #fff;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.submenuslink span:after,
.submenuslink span:before {
    content: "";
    width: 15px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute
}

.submenuslink span:before {
    top: -5px
}

.submenuslink span:after {
    bottom: -5px
}

.accurateicon,
.audienceicon,
.dedicatedicon,
.deliveryicon,
.longicon {
    background: url(../images/chooseicons.png) no-repeat;
    display: inline-block
}

.dedicatedicon {
    background-position: 0 0;
    width: 74px;
    height: 58px
}

.deliveryicon {
    background-position: -102px 0;
    width: 74px;
    height: 58px
}

.longicon {
    background-position: -202px 0;
    width: 74px;
    height: 58px
}

.accurateicon {
    background-position: 0 -79px;
    width: 74px;
    height: 58px
}

.audienceicon {
    background-position: -99px -82px;
    width: 74px;
    height: 58px
}

a {
    text-decoration: none;
    color: #d62c2b
}

p {
    font-size: 17px
}

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

.hoverbg,
.twosec {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease
}

.arrowbtn,
.blogimg img,
.boxbg,
.btnlink.linkbg,
.choosebox5 .colorbox img,
.clients ul li a img,
.contact-submit,
.contactlink,
.hoverbg a,
.morebtn,
.numbox,
.numbox span,
.proimg,
.sidenav>li a,
.sublinks>li>a,
.topmenu>ul>li>a,
.uiuxlist ul li a,
.viewallbtn,
.viewmore,
.viewportfolio,
.workbox img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

*,
.home_page * {
    box-sizing: border-box
}

.headerbg {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    padding: 0 30px;
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 0
}

.headerbg ul {
    list-style: none
}

.headerbg .headercontainer {
    max-width: 100%
}

.logo {
    margin: 10px 0;
    float: left;
    max-width: 250px
}

.topmenu {
    float: right;
    margin-right: 80px;
    position: relative
}

.topmenu>ul>li {
    display: inline-block;
    float: left
}

.topmenu>ul>li>a {
    color: #242b34;
    padding: 12px 25px;
    line-height: 50px;
    display: block;
    font-size: 17px;
    font-weight: 600;
    position: relative
}

.topmenu>ul>li>a:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0;
    background: 0 0;
    transition: width .5s ease, background-color .5s ease;
    position: absolute;
    bottom: -1px;
    left: 25px
}

.topmenu>ul>li.mobilenum>a {
    font-size: 19px
}

.topmenu>ul>li.mobilenum>a img {
    vertical-align: middle;
    display: inline-block
}

.topmenu>ul>li:hover>a:after {
    width: calc(100% - 50px);
    background: #d62c2b
}

.topmenu>ul>li:hover>a {
    color: #d62c2b
}

.topmenu>ul>li.freequote:hover>a:after,
.topmenu>ul>li.mobilenum:hover>a:after {
    width: 100%;
    background: 0 0
}

.topmenu>ul>li.freequote:hover>a {
    background: #141f35
}

.hoverbg {
    position: fixed;
    background: rgba(28, 35, 50, .7);
    width: 100%;
    height: 100vh;
    top: 74px;
    left: 0;
    z-index: 98;
    display: none
}

.twosec {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -550px;
    width: 1100px;
    z-index: 999
}

.twosec>li {
    width: 33.33%;
    float: left;
    padding: 6px 3px 0
}

.dropsec {
    padding: 25px;
    background: #fff;
    margin-bottom: 5px
}

.height1 {
    height: 308px
}

.height2 {
    height: 210px
}

.height3 {
    height: 425px
}

.dropdownlinks {
    position: relative
}

.dropdownlinks .hoverlinks {
    display: none;
    position: absolute;
    left: -100px;
    width: 300px;
    top: 100%;
    padding-top: 5px;
    z-index: 999
}

.dropdownlinks:hover .hoverlinks {
    display: block
}

.menuheading {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px
}

.menuheading a {
    color: #000
}

.hoverbg a:hover {
    color: #d62c2b
}

.sublinks>li {
    display: block
}

.sublinks>li>a {
    padding: 5px 0;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #000
}

.sublinks>li>a:hover {
    color: #d62c2b
}

.topmenu>ul>li:hover .twosec {
    visibility: visible!important;
    opacity: 1
}

.topmenu>ul>li.freequote a {
    background: #d62c2b;
    color: #fff;
    line-height: 30px;
    font-size: 15px;
    padding: 4px 22px;
    text-transform: uppercase;
    border-radius: 30px;
    margin-top: 18px
}

.topmenu>ul>li.freequote a i {
    margin-left: 10px
}

.topmenu>ul>li.freequote a span {
    display: inline-block;
    vertical-align: middle
}

/*.featuredin {
    border-top: 1px solid #f1f1f1;
    margin-top: 25px;
    padding: 25px 0
}*/
.featuredin {
    border-top: 1px solid #f1f1f1;
    margin-top: 10px;
    padding: 15px 0;
}

.heading-space li {
    margin-bottom: 5px
}

.fulldrop {
    background: rgba(255, 255, 255, .8)
}

.flexdropdownmenu {
    margin: 0;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 0!important;
    right: 0;
    top: 0;
    list-style-type: none;
    isibility: hidden;
    display: none;
    text-align: center;
    padding-top: 10px
}

.flexdropdownmenu a {
    color: #fff
}

.flexdropdownmenu li {
    position: relative;
    display: inline-block;
    padding: 0 15px
}

.flexdropdownmenu li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 24px
}

* html .flexdropdownmenu li {
    display: inline-block;
    width: 170px
}

.flexdropdownmenu li a:hover,
.flexdropdownmenu li.selected>a {
    background: 0 0
}

.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 5px
}

.ddshadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #ccc
}

.toplevelshadow {
    margin: 5px 0 0 5px;
    opacity: .8
}

.ddcss3support .ddshadow.toplevelshadow {
    margin: 0
}

.ddcss3support .ddshadow {
    background-color: transparent;
    box-shadow: 5px 5px 5px #aaa;
    -moz-box-shadow: 5px 5px 5px #aaa;
    -webkit-box-shadow: 5px 5px 5px #aaa
}

div.flexoverlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    background: #000;
    -webkit-transform-style: preserve-3d;
    opacity: .7;
    z-index: 1000;
    display: none
}

div.flexmenumobile {
    position: fixed;
    color: #fff;
    width: 250px;
    display: none
}

div.flexmenumobile a {
    color: #fff;
    text-decoration: none
}

div.flexmenumobile ul {
    list-style: none;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #000;
    margin: 0;
    padding: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden
}

div.flexmenumobile ul li {
    border-bottom: 1px solid gray;
    position: relative;
    font-weight: 700
}

div.flexmenumobile ul li.breadcrumb {
    cursor: pointer;
    padding: 8px;
    padding-left: 5px;
    background: gray;
    font-size: 1.1em
}

div.flexmenumobile ul li a {
    display: block;
    color: #000;
    background: #fae7a9;
    border-bottom: 1px solid #000;
    padding: 6px;
    font-size: 1.1em
}

div.flexmenumobile ul li a:hover {
    background: #f0ce7d
}

div.flexmenumobile ul img.backarrow {
    margin-right: 5px
}

div.flexmenumobile ul img.rightarrow {
    position: absolute;
    right: 5px;
    top: 10px
}

.navicon {
    display: block;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 99;
    width: 40px;
    height: 35px;
    padding-top: 8px
}

.navicon small {
    float: left;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase
}

.navicon span {
    margin-top: 8px;
    width: 35px;
    height: 3px;
    background: #203351;
    position: relative;
    display: block;
    float: right
}

.navicon span:after,
.navicon span:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #203351;
    display: block;
    position: absolute;
    left: 0
}

.navicon span:after {
    left: 16px;
    width: 20px
}

.navicon span:before {
    top: -10px
}

.navicon span:after {
    bottom: -11px
}

.navicon span:after {
    width: 18px
}

.navicon.active {
    position: fixed
}

.navicon.active span {
    background: 0 0
}

.navicon.active span:before {
    width: 24px;
    transform: rotate(-48deg);
    left: 10px;
    top: 0
}

.navicon.active span:after {
    width: 24px;
    transform: rotate(45deg);
    left: 10px;
    bottom: 0
}

.sidemenu {
    width: 100%;
    position: fixed;
    right: 0;
    top: 74px;
    background: rgba(0, 0, 0, .3);
    z-index: 97;
    height: calc(100% - 74px)
}

.sidenav {
    width: 350px;
    float: right;
    height: 100%;
    position: relative;
    background: #fff;
    border-top: 1px solid #f1f1f1;
    z-index: 99;
    height: 100%;
    padding: 40px;
    box-shadow: 0 3px 3px #c2c2c2;
    overflow: auto
}

.sidenav>li {
    display: block;
    padding: 3px 0;
    position: relative
}

.sidenav>li>a {
    color: #000;
    padding: 5px 0;
    line-height: 24px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    position: relative
}

.sidenav>li>ul {
    list-style: none;
    display: none;
    margin-bottom: 15px
}

.sidenav>li>ul>li {
    display: block
}

.sidenav>li>ul>li>a {
    color: #000;
    font-size: 16px;
    display: block;
    padding: 8px 10px;
    font-weight: 600
}

.sidenav>li>a.active {
    color: #d62c2b
}

.sublink2 {
    list-style: none;
    padding-left: 15px;
    margin-bottom: 10px
}

.sublink2>li {
    display: block
}

.sublink2>li>a {
    color: #000;
    padding: 3px 0;
    display: block
}

.minus_icon:after {
    content: "-"!important
}

.plusicon {
    display: block;
    position: absolute;
    z-index: 101;
    right: 0;
    top: 3px;
    cursor: pointer;
    font-weight: 400
}

.plusicon:after {
    content: "+";
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    color: #222
}

.sub-links>a.active .plusicon:after {
    content: "-"
}

.sidenav>li.desktopdrop>a {
    color: #d62c2b
}

.sidenav>li.desktopdrop .plusicon::after {
    content: "-"
}

@media(max-width:1600px) {
    .twosec {
        left: -400px
    }
}

@media(max-width:1440px) {
    .inner-banner {
        height: 350px
    }
    .twosec {
        left: -300px
    }
    .topmenu {
        margin-right: 70px
    }
}

@media(max-width:1280px) {
    .headerbg {
        padding: 0 20px
    }
    .logo {
        width: 200px;
        margin: 13px 0
    }
    .container {
        padding: 0 15px
    }
    .twosec {
        left: -240px;
        width: 900px
    }
    .topmenu>ul>li>a {
        padding: 12px 10px
    }
    .topmenu>ul>li.freequote a {
        padding: 3px 18px
    }
    .menuheading {
        font-size: 22px
    }
    .sublinks>li>a {
        font-size: 14px
    }
    .featuredin {
        margin-top: 15px;
        padding: 10px 0
    }
}

.homeslider {
    position: relative;
    margin-top: 74px;
    height: calc(100vh - 74px)
}

.homeslider img {
    width: 100%;
    display: block
}

.bannertitle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 55px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    transition: height .4s ease-in-out;
    z-index: 2
}

.bannerlogo {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -238px
}

.animationdiv {
    padding-top: 10px;
    font-size: 40px;
    font-weight: 500
}

.btext>div>span {
    background: #d62c2b;
    padding: 0 10px
}

.animationdiv>div>span {
    background: #444;
    padding: 0 10px
}

.animationdiv>div {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.animationdiv>div:first-of-type {
    animation: showup 7s infinite
}

.animationdiv>div:last-of-type {
    width: 0;
    animation: reveal 7s infinite
}

.animationdiv>div:last-of-type span {
    margin-left: -350px;
    animation: slidein 7s infinite
}

.banner_overlay {
    position: relative
}

.banner_overlay:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .45
}

.banner_caption_box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 700px;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9;
    color: #fff
}

.caption_item {
    font-size: 50px;
    overflow: hidden
}

.text_line {
    padding: 6px 0;
    margin: 2px 0;
    position: relative
}

.text_line1 {
    font-weight: 700;
    font-size: 55px
}

.text_line span {
    display: block;
    position: relative;
    left: -50%;
    opacity: 0
}

.text_line2 span {
    left: -80%
}

.owl-item.active .text_line span {
    left: 0;
    opacity: 1;
    transition: 2s .2s
}

.owl-item.active .text_line2 span {
    transition: 2s .7s
}

input[type=submit] {
    -webkit-appearance: none;
    appearance: none
}

@media(min-width:767px) {
    .text_line:before {
        content: '';
        display: block;
        position: absolute;
        width: 80%;
        height: 100%;
        left: -105%;
        background: #fff;
        z-index: 2
    }
    .text_line1:before {
        background: #d62c2b
    }
    .owl-item.active .text_line:before {
        left: 105%;
        transition: 2s
    }
    .owl-item.active .text_line2:before {
        transition: 2s .5s
    }
}

@media(max-width:991px) {
    .banner_caption_box {
        width: 500px
    }
    .caption_item {
        font-size: 36px
    }
    .text_line1 {
        font-size: 45px
    }
}

@media(max-width:767px) {
    .banner_caption_box {
        width: 100%
    }
    .caption_item {
        font-size: 28px
    }
    .text_line1 {
        font-size: 36px
    }
}

@media(max-width:479px) {
    .banner_caption_box {
        width: 100%
    }
    .caption_item {
        font-size: 21px
    }
    .text_line1 {
        font-size: 26px
    }
}

@keyframes showup {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes slidein {
    0% {
        margin-left: -800px
    }
    20% {
        margin-left: -800px
    }
    35% {
        margin-left: 0
    }
    100% {
        margin-left: 0
    }
}

@keyframes reveal {
    0% {
        opacity: 0;
        width: 0
    }
    20% {
        opacity: 1;
        width: 0
    }
    30% {
        width: 330px
    }
    80% {
        opacity: 1
    }
    100% {
        opacity: 0;
        width: 330px
    }
}

@media(max-width:1440px) {
    .topmenu>ul>li>a {
        padding: 12px 18px
    }
    .topmenu>ul>li>a::after {
        left: 18px
    }
    .topmenu>ul>li:hover>a::after {
        width: calc(100% - 36px)
    }
    .navicon small {
        font-size: 17px
    }
    .bannertitle {
        font-size: 44px
    }
    .animationdiv>div:last-of-type span {
        margin-left: -380px;
        animation: slidein 7s infinite
    }
    @keyframes reveal {
        0% {
            opacity: 0;
            width: 0
        }
        20% {
            opacity: 1;
            width: 0
        }
        30% {
            width: 380px
        }
        80% {
            opacity: 1
        }
        100% {
            opacity: 0;
            width: 380px
        }
    }
}

@media(max-width:1199px) {
    .topmenu {
        margin-right: 50px
    }
    .navicon {
        width: 35px;
        right: 20px;
        top: 20px
    }
    .navicon small {
        display: none
    }
    .navicon span {
        width: 30px
    }
    .navicon span::after {
        left: 12px
    }
    .topmenu>ul>li>a {
        padding: 12px 8px;
        font-size: 16px
    }
    .topmenu>ul>li.mobilenum>a {
        font-size: 17px
    }
    .sublinks>li>a {
        font-size: 15px
    }
    .topmenu>ul>li>a::after {
        left: 8px
    }
    .topmenu>ul>li:hover>a::after {
        width: calc(100% - 16px)
    }
}

.iconsbg span {
    border-radius: 10px 0 0 10px
}

.iconsbg,
.iconsbg span {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    vertical-align: middle;
    overflow: hidden
}

.call-right-fixed {
    position: fixed;
    top: 315px;
    right: 0;
    z-index: 96
}

.call-right-fixed .iconsbg span {
    background: #f05c29;
    vertical-align: middle
}

.whatsapp-right-fixed {
    position: fixed;
    top: 260px;
    right: 0;
    z-index: 9
}

.whatsapp-right-fixed .iconsbg span {
    background: #4ba233
}

.skype-right-fixed {
    position: fixed;
    top: 370px;
    right: 0;
    z-index: 9
}

.skype-icon span {
    background: #00b0f0
}

.homefirst {
    padding: 60px 0 50px
}

.homefirst .titlehead {
    margin-bottom: 15px
}

.homefirst p {
    font-size: 21px;
    line-height: 1.4;
    color: #55595b;
    font-weight: 300
}

.titlehead {
    font-size: 35px;
    font-weight: 700
}

.homefirst ul {
    list-style: none;
    margin: 0 -15px
}

.homefirst ul li {
    width: 100%;
    float: left;
    padding: 15px;
    font-size: 21px;
    color: #55595b;
    font-weight: 300;
    line-height: 1.5
}

.homefirst .container {
    position: relative
}

.homefirst img {
    position: absolute;
    top: -107px;
    right: 0
}

.hometab {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

.hometab ul {
    list-style: none
}

.hometab ul li {
    float: left;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 14px
}

.hometab ul li a {
    padding: 15px;
    display: block;
    color: #1a1d2a;
    border: 1px solid transparent;
    margin-bottom: -1px;
    cursor: pointer
}

.hometab ul li a span {
    display: block;
    padding-top: 10px
}

.hometab ul li a.activelink {
    background: #fff;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    color: #d62c2b
}

.hometab ul li a i {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.hometab ul li a.activelink i {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.tabscroll.owl-carousel .owl-item img {
    display: inline-block;
    width: auto
}

.tabcontentbg {
    background: #fff;
    color: #55595b
}

.titlehead2 {
    font-size: 30px;
    font-weight: 500;
    color: #2a3139;
    margin-bottom: 20px
}

.tabtext {
    display: none;
    padding: 50px 0;
    width: 100%;
    float: left
}

.tabtext p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5
}

.tabtext img {
    width: 41%;
    float: left
}

.textright {
    width: 54%;
    padding: 20px 50px;
    float: right
}

.viewmore {
    border: 1px solid #d62c2b;
    color: #d62c2b;
    text-align: center;
    border-radius: 30px;
    padding: 10px 40px;
    line-height: 22px;
    font-size: 14px;
    display: inline-block;
    min-width: 200px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px
}

.viewmore:hover {
    background: #d62c2b;
    color: #fff
}

.viewportfolio {
    border: 1px solid #d62c2b;
    background: #d62c2b;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    padding: 10px 40px;
    line-height: 22px;
    font-size: 14px;
    display: inline-block;
    min-width: 200px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px
}

.viewportfolio:hover {
    background: #fff;
    color: #d62c2b
}

.why_choose_home {
    padding: 40px 0;
    background: #f1f1f1 url(../img/choosebg.jpg) center center repeat;
    float: left;
    width: 100%
}

.innersec {
    padding: 0 15%;
    text-align: center
}

.innersec .titlehead {
    margin-bottom: 20px
}

.innersec p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
    color: #55595b
}

.choosebox5 .colorbox {
    padding: 20px;
    min-height: 300px;
    border-top: 3px solid #ccc
}

.choosebox5 .colorbox:hover img {
    margin-left: 15px
}

.choosebox5 .colorbox i {
    margin-bottom: 10px
}

.colorbox ul {
    margin-left: 20px
}

.colorbox ul li {
    color: #55595b;
    font-size: 15px;
    padding: 4px 0
}

.colorbox img {
    margin-bottom: 10px
}

.colorbox p strong {
    font-size: 21px;
    color: #242329;
    font-weight: 500
}

.choosebox5.owl-carousel .owl-item img,
.numberslider.owl-carousel .owl-item img,
.testimonialslider.owl-carousel .owl-item img {
    width: auto
}

.choosebox5.owl-carousel .owl-nav {
    text-align: center
}

.owl-carousel .owl-nav {
    margin-top: 15px
}

.owl-carousel .owl-nav button {
    width: 30px;
    height: 30px
}

.owl-carousel .owl-nav button span {
    font-size: 0
}

.owl-carousel .owl-nav button.disabled {
    opacity: .5
}

.default-logo {
    opacity: .5
}

.choosebox5.owl-carousel .owl-nav button {
    opacity: .6
}

.choosebox5.owl-carousel .owl-nav button.disabled {
    opacity: .3
}

.owl-next:before,
.owl-prev:before {
    content: "";
    display: inline-block;
    background: url(../img/spritesicon.png) no-repeat
}

.owl-next:before {
    background-position: -312px -167px;
    width: 26px;
    height: 15px
}

.owl-prev:before {
    background-position: -262px -167px;
    width: 26px;
    height: 15px
}

.choosebox5 .owl-item {
    border: 1px solid #ccc;
    background: #fff
}

.choosebox5 .owl-item:nth-child(1)>div {
    border-top-color: #50a3f8
}

.choosebox5 .owl-item:nth-child(2)>div {
    border-top-color: #f12726
}

.choosebox5 .owl-item:nth-child(3)>div {
    border-top-color: #eaa319
}

.choosebox5 .owl-item:nth-child(4)>div {
    border-top-color: #80dd48
}

.choosebox5 .owl-item:nth-child(5)>div {
    border-top-color: #8376ea
}

.beswork {
    padding: 75px 0
}

.beswork .titlehead {
    margin-bottom: 30px
}

.beswork .titlehead small {
    font-size: 19px;
    color: #d62c2b;
    display: block;
    position: relative;
    text-transform: uppercase
}

.beswork .titlehead small:before {
    content: "";
    width: 80px;
    border-bottom: 2px solid #d62c2b;
    position: absolute;
    left: -100px;
    top: 10px
}

.beswork .container {
    max-width: 100%;
    width: 100%;
    padding: 0 15px 0 150px
}

.workbox {
    position: relative;
    background: #000;
    display: block
}

.workbox img {
    display: block
}

.workbox .logos {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 2;
    max-width: 230px;
    display: none
}

.worktext {
    width: 100%;
    background: #cb1070;
    padding: 20px 30px;
    color: #fff;
    font-weight: 300;
    position: relative
}

.worktext p {
    margin: 0
}

.workheading {
    font-size: 30px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.arrowbtn {
    position: absolute;
    top: -35px;
    right: 30px;
    background: #fff;
    width: 76px;
    height: 76px;
    line-height: 76px;
    border-radius: 50%;
    text-align: center;
    display: none
}

.arrowbtn:hover {
    background: #ff8aea
}

.arrowbtn i {
    display: inline;
    padding: 0 13px
}

.workbox:hover {
    background: #000
}

.workbox:hover>img {
    opacity: .5
}

.morebtn.pull-right {
    margin-top: 20px
}

.workbox:hover .proimg {
    opacity: .5
}

.center-text {
    text-align: center
}

.viewallbtn {
    margin: 30px auto 0;
    min-width: 190px;
    background: #fff;
    display: inline-block;
    padding: 10px 40px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #21293a;
    background: #21293a;
    border-radius: 30px;
    text-align: center;
    text-transform: uppercase
}

.viewallbtn:hover {
    background: #d62c2b;
    color: #fff;
    border-color: #d62c2b
}

.beswork .viewallbtn {
    float: right;
    margin-top: 0
}

.workslider .owl-item:nth-child(11) .worktext,
.workslider .owl-item:nth-child(14) .worktext,
.workslider .owl-item:nth-child(2) .worktext,
.workslider .owl-item:nth-child(5) .worktext,
.workslider .owl-item:nth-child(8) .worktext {
    background: rgba(252, 127, 29, 1);
    background: -moz-linear-gradient(left, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(252, 127, 29, 1)), color-stop(100%, rgba(198, 21, 30, 1)));
    background: -webkit-linear-gradient(left, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%);
    background: -o-linear-gradient(left, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%);
    background: -ms-linear-gradient(left, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%);
    background: linear-gradient(to right, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%)
}

.workslider .owl-item:nth-child(12) .worktext,
.workslider .owl-item:nth-child(15) .worktext,
.workslider .owl-item:nth-child(3) .worktext,
.workslider .owl-item:nth-child(6) .worktext,
.workslider .owl-item:nth-child(9) .worktext {
    background: #25262d
}

.workslider .owl-nav {
    float: left
}

.proimg {
    background-size: cover!important
}

@media(min-width:1921px) {
    .numbersec {
        background-size: 100%!important
    }
}

.numbersec {
    padding: 80px 0;
    background: #fff url(../img/numbg1.jpg) center top no-repeat
}

.numbox {
    text-align: center
}

.numbox span {
    display: inline-block
}

.numbers {
    font-size: 18px;
    margin-bottom: 20px
}

.numbers strong {
    font-size: 37px;
    font-weight: 600;
    display: block
}

.numbox:hover {
    color: #d62c2b
}

.numbox:hover span {
    margin-top: -10px
}

.numbersec .owl-item:nth-child(1) .numbers,
.numbersec .owl-item:nth-child(4) .numbers {
    margin-bottom: 75px
}

.testimonialslider {
    text-align: center
}

.testimonialslider .owl-item .ttext img {
    display: inline-block;
    max-height: 60px
}

.tcontent {
    padding: 20px 14%;
    min-height: 80px;
    font-size: 17px;
    color: #292c2d
}

.clients {
    margin-top: 60px;
    float: left;
    width: 100%
}

.clients ul {
    list-style: none
}

.clients ul li {
    width: 20%;
    float: left;
    text-align: center;
    display: table;
    padding: 5px
}

.clients ul li a {
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    height: 115px;
    border: 1px solid #ececee
}

.clients ul li a img {
    max-height: 88px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.clients ul li a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.clientpage .clients {
    margin-top: 0
}

.relatedbg {
    padding: 60px 0;
    width: 100%;
    float: left
}

.relatedbg .titlehead {
    margin-bottom: 15px;
    font-size: 30px
}

.blogsec {
    width:67.66%;
    float: left;
}

.bloglist {
    list-style: none
}

.bloglist>li {
    width:50%;
    float: left; padding-right: 15px;
    /*margin-top: 70px*/
}

.blogbox {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden
}

.blogimg {
    width: 100%;
    float: left;
    background: #000;
    position: relative;
    background-size: cover!important
}

.blogimg:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    position: absolute;
    left: 0;
    top: 0
}

.blogimg img {
    width: 100%;
    display: block
}

.blogbox:hover img {
    transform: scale(1.2);
    opacity: .6
}

.blogsec .blogcontent {
    width: 100%;float: left;
   /*
    padding: 0 40px;
     position: absolute;
    left: 0;
    bottom: 70px;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0 0;
    transform: translate(0, 100%);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1)*/
}

.blogsec .blogcontent p {
    color: #2a3139
}

.blogsec .titlehead2 {
    min-height:50px;
    /*text-transform: uppercase;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);*/
    font-weight: 600;
    font-size: 19px;    
    margin:10px 0 0;
}

.blogsec .titlehead2 a {
   /* color: #fff*/
}

.blogcontent .titlehead2 small {
    display: block;
    color: #292c2d;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px
}

.blogcontent .titlehead2 small:before {
    content: "";
    width: 45px;
    border-top: 1px solid #d62c2b;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.blogcontent p {
    font-size: 16px;
   /* margin-top: 20px*/
}

.bloglist>li:first-child {
    margin-top: 0
}

.bloglist>li:nth-child(2n) .blogimg {
    float: right
}

.bloglist>li:nth-child(2n) .blogcontent {
   /* padding-left: 0;
    text-align: right*/
}

.bloglist>li:nth-child(2n) .blogcontent .titlehead2 small:after {
    content: "";
    width: 45px;
    border-top: 1px solid #d62c2b;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

.bloglist>li:nth-child(2n) .blogcontent .titlehead2 small:before {
    display: none
}

.blogbox:hover .blogcontent {
   /* transform: translate(0, 0)*/
}

.happeningsec {
    width: 32.33%;
    float: left; 
    padding-right: 0;
}
.blogsec .viewallbtn{ background:none; border-color:#d62c2b; color:#d62c2b; }

.happening-slider.owl-carousel .owl-nav {
    margin: 0
}

.happening-slider.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff!important
}

.happening-slider.owl-carousel .owl-nav button.owl-prev {
    left: -28px
}

.happening-slider.owl-carousel .owl-nav button.owl-next {
    right: -28px
}

.popupbg {
    position: fixed;
    background: rgba(28, 35, 50, .7);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none
}

.popupbox {
    position: relative;
    padding: 30px;
    width: 600px;
    min-height: 300px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popupbox p {
    line-height: 1.4;
    font-size: 16px
}

.popupbox p span {
    font-size: 14px;
    color: #d62c2b
}

.closebtn {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    cursor: pointer
}

.gridsec {
    background: #f4f7f8;
    padding: 20px
}

.gridsec ul {
    list-style: none;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-columns: 140px 6;
    -moz-columns: 140px 6;
    columns: 140px 6;
    width: 100%
}

.gridsec>ul>li {
    page-break-inside: avoid
}

.gridbox {
    background: #fff;
    border: 1px solid #e0e2e3;
    margin-bottom: 20px;
    cursor: pointer;
    display: block;
    width: 100%
}

.gridbox img {
    width: 100%
}

.gridcontent {
    padding: 15px
}

.gridcontent .heading4 {
    margin-bottom: 5px;
    font-size: 18px
}

.gridcontent p {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 5px;
    color: #000
}

.gridcontent p span {
    font-size: 14px;
    color: #d62c2b
}

.testigrid {
    padding-top: 10px
}

.testigrid ul {
    list-style: none;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-columns: 100px 3;
    -moz-columns: 100px 3;
    columns: 140px 3;
    width: 100%
}

.testigrid>ul>li {
    page-break-inside: avoid;
    padding-top: 40px
}

.tbox {
    background: #f3f5f5;
    border: 1px solid #e0e2e3;
    margin-bottom: 20px;
    display: block;
    width: 100%
}

.client-logo {
    width: 245px;
    margin: -40px auto 0;
    display: table;
    background: #fff;
    border: 1px solid #e0e2e3;
    height: 77px;
    text-align: center
}

.client-logo span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px
}

.client-logo span img {
    max-height: 60px;
    max-width: 230px
}

.testicontent {
    padding: 30px;
    font-size: 15px;
    line-height: 1.4;
    color: #000
}

.testiby {
    background: #fff;
    padding: 20px
}

.testiby span {
    color: #d62c2b;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    display: block
}

.tbox:hover {
    background: #fff
}

.tbox:hover .testiby {
    background: #d62c2b;
    color: #fff
}

.tbox:hover .testiby span {
    color: #fff
}

.tbox:hover .testiby a {
    color: #fff
}

.fancybox-navigation .fancybox-button {
    height: 130px!important;
    width: 90px!important
}

.fancybox-button--play {
    display: none!important
}

.fancybox-button--zoom {
    display: none!important
}

.fancybox-button--close {
    height: 55px!important;
    width: 55px!important
}

.fancybox-infobar {
    font-size: 16px!important
}

.fancybox-infobar {
    bottom: 0!important;
    top: auto!important;
    left: 50%!important;
    transform: translateX(-50%)
}

.fancybox-caption__body {
    margin-bottom: 15px;
    margin-top: -44px
}

.fancybox-button--thumbs {
    display: none!important
}

.facsec{padding:60px 0;}
.faqlist{margin-top: 15px;}
.faqlist > ul{list-style: none;}
.faqlist > ul > li{ width: 100%; margin-bottom: 10px;}
.ftitle{border:1px solid #dadbde; padding: 15px 30px 15px 15px;font-size: 17px; font-weight: 400; cursor: pointer; position: relative;
 -webkit-transition: all .3s ease-in-out;    -moz-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.ftitle:after{content:"+";color:#d62c2b; display: block; line-height:20px; position: absolute;right: 15px; top: 14px; font-size:30px; font-weight:500;}
.faqlist > ul > li.active .ftitle:after{content:"-";  line-height:16px;}
.ftitle.active{border-color:#d62c2b;color:#d62c2b; }
.faqlist > ul > li.active .ftitle{border-color:#d62c2b;color:#d62c2b; }
.fqcont{padding:0 15px;font-size: 15px; line-height: 1.4; height: 0;  opacity: 0;
 -webkit-transition: all .1s ease-in-out;    -moz-transition: all .1s ease-in-out;    -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out}
 .fqcont p:last-child {
    margin-bottom: 0;
 }
.faqlist > ul > li.active .fqcont{padding:15px; height: auto; opacity:1; }
.counter-sc-wrapper {
    background: #f2f2f2;
    padding: 60px 0;
  }
  .count-sc-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  .count-sc-list:before {
    position: absolute;
    content: "";
    width: calc(100% - 120px);
    height: 8px;
    background: rgba(120,120,120,1);
    background: -webkit-gradient(left top,right bottom,color-stop(0%,rgba(0,153,218,1)),color-stop(100%,rgba(107,176,73,1)));
    background: -webkit-linear-gradient(-45deg,rgba(183 32 31) 0%,rgba(122 120 120) 100%);
    background: -webkit-linear-gradient(315deg,rgba(183 32 31) 0%,rgba(122 120 120) 100%);
    background: -o-linear-gradient(315deg,rgba(183 32 31) 0%,rgba(122 120 120) 100%);
    background: linear-gradient(135deg,rgba(183 32 31) 0%,rgba(122 120 120) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099da',endColorstr='#6bb049',GradientType=1);
    opacity: 1;
    top: 57px;
    left: 60px;
}
  .count-sc-list li {
    padding: 0 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .count-sc-list .img-box {
    background: #f2f2f2;
    height: 120px;
    width: 120px;
    line-height: 162px;
    border: 7px solid #000;
    text-align: center;
    border-radius: 50%; 
    margin: 0 auto 10px;
    position: relative;
    z-index: 11;
  }
  .count-sc-list  .title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-align: center;
  }
@media only screen and (max-width:1600px) {
    .gridsec ul {
        -webkit-columns: 140px 5;
        -moz-columns: 140px 5;
        columns: 140px 5
    }
}

@media only screen and (max-width:1440px) {
    .gridsec {
        padding: 20px
    }
    .gridsec ul {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        -webkit-columns: 140px 4;
        -moz-columns: 140px 4;
        columns: 140px 4
    }
    .gridbox {
        margin-bottom: 20px
    }
}
@media screen and (max-width:1365px) {
    .count-sc-list li {
        padding: 0 5px;
    }
    .count-sc-list .title {
        font-size: 18px;
    }
}
@media only screen and (max-width:1280px) {
   /* .happeningsec {
        padding: 0 15px
    }*/
}

@media only screen and (max-width:1199px) {
    .gridsec ul {
        -webkit-columns: 140px 3;
        -moz-columns: 140px 3;
        columns: 140px 3
    }
    .colorbox ul li {
        font-size: 14px
    }
    .colorbox p strong {
        font-size: 18px
    }
    .numberslider.owl-carousel .owl-nav {
        margin-top: 0;
        text-align: center;
        margin-bottom: 40px
    }
    .numbersec .owl-item:nth-child(1) .numbers,
    .numbersec .owl-item:nth-child(4) .numbers {
        margin-bottom: 25px
    }
    .animationdiv {
        font-size: 30px
    }
    @keyframes reveal {
        0% {
            opacity: 0;
            width: 0
        }
        20% {
            opacity: 1;
            width: 0
        }
        30% {
            width: 250px
        }
        80% {
            opacity: 1
        }
        100% {
            opacity: 0;
            width: 250px
        }
    }
    .counter-sc-wrapper {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
    .count-sc-list:before {
        display: none;
    }
    .count-sc-list {
        display: block;
        flex-wrap: inherit;
        overflow: hidden;
    }
    .count-sc-list li {
        float: left;
        width: 25%;
        padding: 0 20px;
        margin-bottom: 25px;
        display: block;
        flex-basis: inherit;
        flex-grow: inherit;
    }
    .count-sc-list li:nth-child(4n+5) {
        clear: both;
    }
}

@media only screen and (max-width:1023px) {
    .testigrid ul {
        -webkit-columns: 100px 2;
        -moz-columns: 100px 2;
        columns: 140px 2
    }
    .gridcontent p {
        font-size: 14px
    }
    .blogsec{width:100%;}
    .happeningsec {margin-top: 30px;}
    .blogimg+.blogcontent {
        /*padding: 0 20px*/
    }
    .blogsec .titlehead2 {
        font-size: 17px;
        min-height: auto;
        height: 44px;
        overflow: hidden
    }
    .blogsec .blogcontent {
        bottom: 55px
    }
}

@media only screen and (max-width:991px) {
    .innersec {
        padding: 0
    }
    .colorbox ul li {
        font-size: 14px
    }
    .colorbox p strong {
        font-size: 17px
    }
    .blogcontent p {
        margin-bottom: 0;
        line-height: 1.3
    }
}

@media only screen and (max-width:767px) {
	.ftitle{ font-size:16px; }
	.ftitle:after{ font-size:24px; }
	.fqcont{font-size:14px;}
    .blogsec .blogcontent {
        bottom: 65px
    }
    .completimg {
        display: none
    }
    .homefirst p {
        font-size: 18px
    }
    .inner-banner-container {
        width: 90%
    }
    .other-links>li {
        padding: 3px 15px
    }
    .gridsec ul {
        -webkit-columns: 140px 2;
        -moz-columns: 140px 2;
        columns: 140px 2
    }
    .blogsec,
    .happeningsec {
        width: 100%;
        padding: 0
    }
    .home_page .blogcontent {
        padding: 15px!important
    }
    .happening-slider.owl-carousel .owl-nav button {
        margin-top: -20px;
        width: 40px;
        height: 40px;
        background: 0 0!important
    }
    .happening-slider.owl-carousel .owl-nav button.owl-prev {
        left: 0
    }
    .happening-slider.owl-carousel .owl-nav button.owl-next {
        right: 0
    }
    .blogsec,
    .blogsec .titlehead2 {
        text-align: center
    }
    .counter-sc-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .count-sc-list li {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width:767px) {
    .team-members li {
        flex-basis: 20%
    }
}

@media only screen and (max-width:639px) {
	.blogimg + .blogcontent p{text-align: center;}
	.blogsec .titlehead2{ min-height: inherit; height: auto; }
	.bloglist > li{width: 100%; padding-right: 0}
    .gridsec ul {
        list-style: none;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -webkit-columns: 140px 2;
        -moz-columns: 140px 2;
        columns: 140px 2
    }
    .gridbox {
        margin-bottom: 10px
    }
    .testigrid ul {
        -webkit-columns: 100px 1;
        -moz-columns: 100px 1;
        columns: 140px 1
    }
    .counter-sc-wrapper {
        padding-left: 5px;
        padding-right: 5px;
    }
    .count-sc-list li {
        width: 50%;
    }
    .count-sc-list li:nth-child(4n+5) {clear: none;}
    .count-sc-list li:nth-child(2n+3) {clear: both;}
}

@media only screen and (max-width:767px) {
    .gridsec ul {
        -webkit-columns: 140px 1;
        -moz-columns: 140px 1;
        columns: 140px 1
    }
}

.blogsec .viewallbtn,
.happeningsec .viewallbtn {
    min-width: 130px;
    padding: 5px 30px;
    font-size: 14px
}

.readmore {
    color: #d62c2b;
    text-transform: uppercase;
    font-weight: 600
}

.readyto {
    background: #21293a;
    color: #fff;
    text-align: center;
    padding: 30px 0
}

.readyto a {
    color: #fff
}

.readyto .titlehead3 {
    margin: 0;
    font-weight: 700
}

.readyto .titlehead3 span {
    padding-right: 50px
}

.btnlink {
    border: 1px solid #d62c2b;
    color: #d62c2b;
    text-align: center;
    border-radius: 30px;
    padding: 10px 35px;
    line-height: 22px;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700
}

.btnlink.linkbg {
    background: #d62c2b;
    border: 1px solid #d62c2b;
    color: #fff;
    font-size: 17px;
    font-weight: 600
}

.btnlink.linkbg:hover {
    background: #fff;
    color: #d62c2b
}

.readyto1 {
    text-align: center;
    margin-top: 30px
}

.readyto1 .titlehead3 {
    margin: 0;
    font-weight: 700;
    border: 1px solid #d62c2b;
    border-radius: 30px;
    display: inline-block
}

.readyto1 .titlehead3 span {
    font-size: 19px;
    padding: 0 30px 0 40px;
    font-weight: 600;
    color: #d62c2b
}

.readyto.redstrip {
    background: #d62c2b
}

.readyto.redstrip .btnlink.linkbg {
    background: #21293a;
    padding: 12px 30px
}

.morebtn {
    color: #d62c2b;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px
}

.morebtn:before {
    content: "";
    width: 28px;
    border-bottom: 1px solid #d62c2b;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.pull-right {
    float: right
}

.blog_wrap .blog_box {
    width: 33.33%;
    padding: 0 12px;
    float: left;
    margin-bottom: 60px
}

.blog_wrap .blog_box p {
    max-height: 72px;
    overflow: hidden
}

.blog_wrap #portlist {
    list-style: none;
    margin: 0 -12px
}

.blog_wrap #portlist:after {
    display: block;
    content: '';
    clear: both
}

.blog_box .blog_date {
    display: block;
    color: #292c2d;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px
}

.blog_box .blog_date:before {
    content: "";
    width: 45px;
    border-top: 1px solid #d62c2b;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.blog_box .blog_images {
    margin-bottom: 25px;
    position: relative;
    background: #e4e4e4
}

.blog_box .blog_images .share_box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%
}

.blog_box .blog_images .share_box .icon {
    height: 38px;
    width: 38px;
    cursor: pointer;
    background: #fff url(../img/share-icon.png) no-repeat center center;
    position: absolute;
    bottom: -1px;
    right: 0
}

.bloglistimg {
    display: block;
    background-size: cover!important
}

.blog_box .blog_title {
    font-size: 20px;
    color: #d62c2b;
    margin-bottom: 15px;
    min-height: 48px;
    overflow: hidden
}

.blog_box .share_box:hover .share_items {
    right: 38px;
    opacity: 1;
    visibility: visible
}

.share_items {
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    right: 0;
    position: absolute;
    bottom: 0
}

.share_items li {
    float: left
}

.share_items li a {
    display: block
}

.share_items i {
    height: 38px;
    width: 38px
}

.share_items li:nth-child(1) a i {
    background-color: #3f5e9b
}

.share_items li:nth-child(2) a i {
    background-color: #159dd8
}

.share_items li:nth-child(3) a i {
    background-color: #247cbf
}

.share_items li:nth-child(4) a i {
    background-color: #c51f26
}

.innercontent.blog_pages {
    padding-top: 0;
    padding-bottom: 10px
}

.blog_pages .titlehead {
    margin: 0;
    padding: 20px;
    font-weight: 700;
    background: #21293a;
    color: #fff;
    text-align: center
}

.inner-banner {
    margin-top: 74px;
    background-color: #1f2a40!important;
    background-size: cover!important;
    height: 400px;
    position: relative;
    text-align: center
}

.inner-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(31, 42, 68, .2)
}

.inner-banner-container {
    height: auto;
    margin: 0 auto;
    font-size: 17px;
    overflow: hidden;
    width: 98%;
    max-width: 1100px;
    margin-bottom: 20px;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: height .4s ease-in-out
}

.banner-heading {
    font-size: 35px;
    font-weight: 700;
    color: #fff
}

.banner-title-text {
    text-align: center;
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 300;
    margin-top: 25px
}

.other-links {
    margin: 25px 0 35px
}

.other-links>li {
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    padding: 0 25px;
    position: relative
}

.other-links>li:not(:first-child):before {
    content: "";
    border-left: 1px solid #4e5668;
    height: 15px;
    position: absolute;
    left: 0;
    top: 5px
}

.other-links>li>a {
    color: #fff
}

.contactlink {
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    padding: 10px 40px;
    min-width: 150px;
    font-size: 13px;
    display: inline-block;
    text-transform: uppercase
}

.contactlink:hover {
    background: #fff;
    color: #d62c2b
}

.heading2 {
    font-weight: 700;
    font-size: 35px;
    color: #242b34;
    margin: 0 0 25px
}

.heading3 {
    font-weight: 700;
    font-size: 26px;
    color: #242b34;
    margin: 0 0 15px
}

.heading4 {
    font-weight: 700;
    font-size: 21px;
    color: #21293a;
    margin: 0 0 15px
}

.heading-subhading {
    padding: 0 8% 15px;
    font-size: 17px
}

.heading-subhading .heading2 {
    margin-bottom: 15px
}

.innercontent {
    padding: 60px 0
}

.imgsec {
    max-width: 490px;
    margin: 0 0 15px 25px;
    float: right
}

.imgsec+.leftcontent {
    width: calc(100% - 550px);
    float: left
}

.leftcontent {
    font-size: 17px
}

.leftcontent p {
    font-size: 17px;
    color: #242b34;
    margin-bottom: 40px
}

.orderlist {
    margin-top: 30px
}

.orderlist p span {
    font-size: 19px;
    font-weight: 600
}

.orderlist ul li {
    display: block;
    font-weight: 300;
    padding: 0 0 20px 35px;
    position: relative
}

.orderlist ul li:before {
    content: "";
    width: 6px;
    height: 12px;
    border-right: 4px solid #d62c2b;
    border-bottom: 4px solid #d62c2b;
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 3px
}

.lightbg {
    background: #ecf0f1
}

.boxlist {
    list-style: none;
    margin: 0 -10px
}

.boxlist>li {
    width: 33.33%;
    float: left;
    padding: 10px
}

.boxstyles {
    border: 1px solid #bcbcbc;
    background: #fff;
    padding: 30px;
    height: 280px
}

.boxstyles .title {
    font-size: 21px;
    margin-bottom: 10px
}

.roundicon {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    border: 1px solid #bcbcbc;
    float: right;
    display: table;
    text-align: center;
    margin-top: 145px;
    position: relative
}

.roundicon div {
    display: table-cell;
    vertical-align: middle
}

.roundicon:before {
    content: "";
    width: 1px;
    height: 175px;
    background: #bcbcbc;
    position: absolute;
    left: 50%;
    top: -175px
}

.boxcont {
    width: calc(100% - 85px);
    font-size: 15px
}

.boxcont p {
    height: 100px;
    overflow: hidden;
    color: #55595b
}

.morelink {
    font-weight: 600;
    text-transform: uppercase;
    color: #d62c2b
}

.approachlist .heading2 {
    margin-bottom: 30px
}

.approachlist ul {
    list-style: none
}

.approachlist li {
    width: 33.33%;
    float: left;
    padding: 15px;
    text-align: center
}

.approachlist li p {
    font-size: 16px;
    line-height: 1.3;
    color: #292c2d;
    min-height: 50px;
    margin-bottom: 0
}

.flowbg .heading2 {
    margin-bottom: 10px
}

.flowlist {
    list-style: none;
    display: table;
    text-align: center;
    width: 100%
}

.flowlist li {
    display: inline-block;
    margin: 145px -3px;
    position: relative;
    vertical-align: top
}

.hexagon {
    position: relative;
    height: 160px;
    width: 145px;
    display: table
}

.double:after,
.hexagon:before {
    position: absolute;
    content: ''
}

.hexagon:before {
    top: 7px;
    left: 7px;
    height: calc(100% - 14px);
    width: calc(100% - 14px);
    background: #fff
}

.double:after,
.hexagon,
.hexagon:before {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%)
}

.icontext {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.icontext p {
    line-height: 16px;
    font-size: 16px
}

.flowlist li:first-child .hexagon {
    background: #d62c2b
}

.flowlist li:nth-child(2) .hexagon {
    background: #fc802d
}

.flowlist li:nth-child(3) .hexagon {
    background: #f7c849
}

.flowlist li:nth-child(4) .hexagon {
    background: #d989f3
}

.flowlist li:nth-child(5) .hexagon {
    background: #9578e7
}

.flowlist li:nth-child(6) .hexagon {
    background: #508ee4
}

.hextext {
    position: absolute;
    left: 11px;
    width: 190px;
    text-align: left;
    color: #55595b
}

.flowlist li:nth-child(1) .hextext {
    padding: 65px 0 0 60px;
    top: 134px;
    background: url(../img/arrow-icon1.png) 0 top no-repeat
}

.flowlist li:nth-child(2) .hextext {
    padding: 0 0 65px 60px;
    bottom: 134px;
    background: url(../img/arrow-icon2.png) 0 bottom no-repeat
}

.flowlist li:nth-child(3) .hextext {
    padding: 65px 0 0 60px;
    top: 134px;
    background: url(../img/arrow-icon3.png) 0 top no-repeat
}

.flowlist li:nth-child(4) .hextext {
    padding: 0 0 65px 60px;
    bottom: 134px;
    background: url(../img/arrow-icon4.png) 0 bottom no-repeat
}

.flowlist li:nth-child(5) .hextext {
    padding: 65px 0 0 60px;
    top: 134px;
    background: url(../img/arrow-icon5.png) 0 top no-repeat
}

.flowlist li:nth-child(6) .hextext {
    padding: 0 0 65px 60px;
    bottom: 134px;
    background: url(../img/arrow-icon6.png) 0 bottom no-repeat
}

.uiuxlist {
    background: #242b34;
    text-align: center;
    padding-bottom: 0
}

.uiuxlist .heading2 {
    margin-bottom: 30px;
    color: #fff
}

.uiuxlist ul {
    list-style: none;
    display: inline-block
}

.uiuxlist ul li {
    background: #fbeeee;
    float: left;
    display: table;
    margin-bottom: -20px
}

.uiuxlist ul li a {
    width: 140px;
    height: 140px;
    cursor: pointer;
    border: 1px solid #eed3d3;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #55595b;
    display: table-cell;
    vertical-align: middle
}

.uiuxlist ul li a i {
    width: 37px;
    height: 47px;
    display: block;
    margin: 0 auto
}

.ux-strategy1 {
    background: url(../img/ux-strategy1.png) center top no-repeat
}

.ux-strategy2 {
    background: url(../img/ux-strategy2.png) center top no-repeat
}

.ux-strategy3 {
    background: url(../img/ux-strategy3.png) center top no-repeat
}

.uiuxlist ul li a.activelink i,
.uiuxlist ul li a:hover i {
    background-position: center bottom
}

.uiuxlist ul li a.activelink,
.uiuxlist ul li a:hover {
    background: #d62c2b;
    color: #fff
}

.listli {
    list-style: none
}

.listli li {
    display: block;
    font-weight: 300;
    padding: 4px 0 12px 30px;
    position: relative
}

.listli li:before {
    content: "";
    width: 6px;
    height: 12px;
    border-right: 4px solid #d62c2b;
    border-bottom: 4px solid #d62c2b;
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 3px
}

.tabtext.strategysec {
    padding-top: 0
}

.tabtext.strategysec img {
    float: right;
    width: 45%
}

.tabtext.strategysec .textright {
    float: left;
    width: 100%;
    padding-left: 0;
    text-align: center
}

.tabtext.strategysec .listli li {
    display: inline-block;
    padding-right: 30px
}

.nobanner {
    margin-top: 74px
}

.benefitssec .listli>li {
    width: 45%;
    vertical-align: top;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    margin: 0 1.5%;
    line-height: 1.4
}

.benefitssec .listli>li.nobullet:before {
    display: none
}

.benefitssec .listli>li img {
    margin-right: 20px
}

.benefitssec .fsec2 .heading4 {
    padding-top: 15px
}

.benefitssec .fsec2 .listli>li {
    width: 95%
}

.phonenum {
    color: #242b34;
    font-size: 21px;
    font-weight: 700
}

.phonenum small {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.quote-link {
    margin-left: 25px;
    background: #d62c2b;
    border-radius: 30px;
    color: #fff;
    padding: 6px 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative
}

.quote-link:before {
    content: "";
    height: 20px;
    border-left: 1px solid #b8bbbb;
    display: inline-block;
    position: absolute;
    top: 8px;
    left: -15px
}

.chooselist .listli {
    margin: 0 -1%
}

.chooselist .listli>li {
    width: 48%;
    float: left;
    margin: 0 1%;
    font-size: 17px
}

.android-services {
    background: #fdcf72;
    margin: 210px 0 40px;
    position: relative
}

.appserviceimg {
    float: left;
    position: absolute;
    bottom: 0;
    left: 0
}

.appservice {
    width: 64%;
    float: right;
    padding: 55px 40px;
    color: #242b34;
    font-weight: 500
}

.appservice p {
    font-size: 17px
}

.titlehead3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px
}

.appservice ul {
    list-style-type: disc;
    margin-left: 15px;
    color: #d62c2b
}

.appservice ul li {
    width: 50%;
    float: left;
    padding: 3px 0;
    font-size: 15px
}

.list3 {
    border-left: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4
}

.list3>ul {
    list-style: none
}

.list3>ul>li {
    width: 33.33%;
    float: left;
    text-align: center;
    display: table
}

.solutionbox {
    background: #fff;
    padding: 30px;
    height: 360px;
    border: 1px solid #e4e4e4;
    display: table-cell;
    vertical-align: middle;
    border-top: 0;
    border-left: 0
}

.solutionbox .title {
    font-size: 21px;
    font-weight: 400;
    margin: 20px 0 10px
}

.solutionbox p {
    color: #55595b;
    height: 140px
}

.circles {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    display: table;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .09)
}

.circles>div {
    display: table-cell;
    vertical-align: middle
}

.solutionbox:hover {
    background-image: -moz-linear-gradient(90deg, #4c94d7 0, #d62c2b 100%);
    background-image: -webkit-linear-gradient(90deg, #4c94d7 0, #d62c2b 100%);
    background-image: -ms-linear-gradient(90deg, #4c94d7 0, #d62c2b 100%)
}

.solutionbox:hover .title,
.solutionbox:hover p {
    color: #fff
}

.solutionbox:hover .arrow-red {
    background-position: -313px -126px
}

.worklist {
    overflow: hidden
}

.worklist ul {
    list-style: none;
    margin: 20px -10px 0
}

.worklist ul li {
    width: 25%;
    float: left;
    padding: 10px
}

.worklist ul li:nth-child(2n) .worktext {
    background: rgba(252, 127, 29, 1);
    background: -moz-linear-gradient(left, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(252, 127, 29, 1)), color-stop(100%, rgba(198, 21, 30, 1)));
    background: -webkit-linear-gradient(left, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%);
    background: -o-linear-gradient(left, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%);
    background: -ms-linear-gradient(left, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%);
    background: linear-gradient(to right, rgba(252, 127, 29, 1) 0, rgba(198, 21, 30, 1) 100%)
}

.worklist ul li:nth-child(3n+1) .worktext {
    background: #25262d
}

.worktab {
    text-align: center
}

.worktab .titlehead {
    margin-bottom: 20px
}

#portoption li {
    display: inline-block;
    padding: 10px 2px 0
}

#portoption li a {
    padding: 5px 25px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    background: #f6f7f8;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    display: block;
    border-radius: 20px
}

#portoption li a:hover,
#portoption li.active a {
    background: #d62c2b;
    border-color: #d62c2b;
    color: #fff!important
}

.sec-option li {
    display: inline-block;
    padding: 10px 2px 0
}

.sec-option li a {
    padding: 5px 25px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    display: block;
    border-radius: 20px
}

.sec-option li a:hover,
.sec-option li.active a {
    background: #f6f7f8;
    border-color: #d62c2b
}

.category-content {
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 1.3
}

.project-head .banner-title-text {
    margin-bottom: 60px;
    margin-top: 20px
}

.sitelogo {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3
}

.project-head .sitelogo {
    padding-bottom: 5px
}

.googlereview {
    margin-top: 30px
}

.blog_pages .worktab {
    margin-bottom: 30px
}

.blog_pages #portoption li {
    padding: 10px 2px 0
}

.blog_details {
    max-width: 920px;
    margin: 0 auto
}

.blog_details .titlehead {
    font-size: 30px;
    font-weight: 600;
    color: #242b34;
    margin-bottom: 25px
}

.blog_details .left_views {
    width: 9%;
    margin-right: 3%;
    float: left;
    position: relative
}

.left_views img {
    vertical-align: middle
}

.blog_details .blog_top_content {
    margin-bottom: 30px
}

.blog_details .left_views span {
    color: #292c2d;
    font-size: 16px;
    margin-left: 5px;
    vertical-align: bottom
}

.blog_details .left_views:after {
    width: 1px;
    height: 20px;
    background: #ced2d8;
    content: '';
    position: absolute;
    top: 0;
    right: 0
}

.right_content {
    float: left;
    width: 88%
}

.blog_details .blog_top_content:after {
    display: block;
    clear: both;
    content: ''
}

.blog_images {
    margin-bottom: 30px
}

.blog_details h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px
}

.blog-detail-sec .blog_date {
    margin-bottom: 10px
}

.left_views {
    width: 9%;
    margin-top: 5px;
    margin-right: 3%;
    float: left;
    position: relative
}

.left_views:after {
    width: 1px;
    height: 20px;
    background: #ced2d8;
    content: '';
    position: absolute;
    top: 0;
    right: 0
}

.banner-heading small {
    font-size: 24px;
    position: relative;
    line-height: 40px;
    margin-bottom: 20px;
    display: block
}

.banner-heading small:after {
    content: "";
    width: 50px;
    border-bottom: 2px solid #d62c2b;
    display: block;
    margin: 0 auto
}

.detailsec .container {
    padding: 0 8%
}

.detailsec {
    position: relative;
    z-index: 2;
    min-height: 100px
}

.portfoliodt {
    display: block;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .19);
    margin: -100px 0
}

.portfoliodt.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%
}

.portfoliodt.owl-carousel .owl-nav button.owl-next {
    right: 0
}

.dtbottom {
    padding: 140px 0 80px;
    text-align: center;
    color: #fff;
    background: #f1a714;
    z-index: 1;
    font-size: 17px
}

.dtbottom .titlehead {
    margin-bottom: 15px
}

.dtsection {
    text-align: center
}

.dtsection p {
    margin: 0
}

.dtsection ul {
    list-style: none;
    margin-bottom: 40px
}

.dtsection ul li {
    display: inline-block;
    padding: 10px;
    width: 24%;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: #656769
}

.dtsection ul li strong {
    display: block;
    font-size: 19px;
    color: #2c2c2e;
    position: relative;
    margin-bottom: 5px
}

.dtsection ul li strong:before {
    content: "";
    height: 20px;
    border-left: 4px solid #d62c2b;
    display: inline-block;
    position: absolute;
    left: -10px
}

.list4>ul {
    list-style: none
}

.list4>ul>li {
    width: 50%;
    float: left;
    padding: 15px
}

.list4>ul>li p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 15px
}

.list4>ul>li p strong {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle
}

.list4>ul>li p img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.footerbg {
    background: #21293a;
    color: #fff
}

.footerinner {
    padding: 55px 0 15px;
    position: relative
}

.footerinner:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/footerbg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    position: absolute;
    left: 0;
    top: 0;
    opacity: .1
}

.footerbg .container {
    position: relative
}

.footerbg a {
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s
}

.bottom_area_outer {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300
}

.footer_outer {
    border-top: 2px solid #4d5360;
    padding: 40px 0
}

.footer_addrece .info_grid_inner {
    padding-left: 0
}

.office_address h4 {
    margin-bottom: 10px
}

.office_address p {
    padding-left: 32px;
    font-size: 16px;
    position: relative
}

.office_address p i,
.office_address p img {
    position: absolute;
    left: 0;
    top: 4px
}

.flinks {
    width: 26%;
    float: left;
    margin-bottom: 30px
}

.flinks.serviceslink {
    width: 48%;
    padding-right: 15px
}

.bottom_area_outer ul {
    list-style: none
}

.flinks>ul>li {
    display: block;
    width: 50%;
    float: left
}

.flinks>ul>li>a {
    padding: 5px 0;
    display: block;
    color: #fff;
    opacity: .6;
    font-size: 15px
}

.flinks>ul>li>a:hover {
    opacity: 1
}

.footerinner .heading4 {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .9;
    margin: 0;
    color: #fff
}

.flinks>.heading4 {
    margin-bottom: 15px
}

.flagicon {
    display: inline-block;
    width: 24px
}

.footer_bot {
    background: #1c2332;
    padding: 20px 0;
    font-size: 16px
}

.footer_bot a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
    opacity: .2
}

.contact_info_grid li {
    list-style: none;
    width: 32%;
    float: left;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 35px;
    padding: 0 40px 0 0
}

.contact_info_grid li h4 {
    font-weight: 500
}

.contact_info_grid li.contact_info {
    width: 20%;
    margin-left: 40px
}

.info_grid_inner {
    padding-left: 50px;
    position: relative
}

.contact_info .info_grid_inner {
    padding-left: 10px;
    padding-top: 44px
}

.office_address .icon {
    position: absolute;
    left: 16px;
    top: 7px;
    width: 20px;
    height: 16px
}

.border_addrecess {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 5px;
    margin-bottom: 15px
}

.spacetop {
    margin-top: 15px
}

.info_grid_inner p {
    margin: 0
}

.skype_id {
    padding-left: 36px;
    background: url(../images/icons2.png) -50px 0 no-repeat;
    height: 26px;
    margin-bottom: 8px;
    width: 90px;
    float: left
}

.tolk_tous {
    width: 326px;
    margin: 0 auto
}

.space {
    display: block;
    height: 37px
}

.grid_head {
    font-family: Roboto Condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px!important
}

.email_id {
    padding-left: 36px;
    background: url(../images/icons2.png) -50px -34px no-repeat;
    height: 26px
}

.skype_id a {
    color: #fff;
    font-size: 18px
}

.office_address.iconns {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 5px;
    margin-bottom: 15px
}

.email_id {
    padding-left: 36px;
    background: url(../images/icons2.png) -50px -35px no-repeat;
    height: 26px;
    display: inline-block;
    width: 160px
}

.email_id a {
    color: #fff;
    text-decoration: none;
    font-size: 18px
}

.divider_line {
    clear: both;
    height: 40px;
    background: url(../images/divider_line.png) center center no-repeat
}

.country {
    display: block;
    float: left;
    width: 50px;
    font-weight: 400;
    margin-bottom: 2px
}

.social_med_grid {
    width: 100%;
    margin: 0 auto
}

.social_med_grid li {
    width: 20%;
    float: left;
    list-style: none
}

.social_med_grid>li img {
    width: 88%
}

.centre-text {
    text-align: center;
    margin-top: 20px
}

.info_grid_inner a {
    color: #fff
}

.socialicons {
    margin-top: 15px
}

.socialicons>ul>li {
    display: inline-block;
    padding-right: 5px
}

.socialicons>ul>li a {
    display: inline-block;
    text-align: center
}

.socialicons>ul>li a i {
    border-radius: 50%;
    width: 38px;
    height: 38px
}

.socialicons>ul>li:nth-child(1) a i {
    background-color: #3f5e9b
}

.socialicons>ul>li:nth-child(2) a i {
    background-color: #159dd8
}

.socialicons>ul>li:nth-child(3) a i {
    background-color: #247cbf
}

.socialicons>ul>li:nth-child(4) a i {
    background-color: #c51f26
}

.socialicons>ul>li a:hover i {
    opacity: .8
}

.footer_bot .partner_site {
    margin-top: 0
}

.footer_bot .partner_site ul {
    display: inline-block
}

.footer_bot .partner_site ul li:not(:first-child) {
    border-left: 1px solid #444
}

.footer_bot .partner_site ul li a {
    line-height: 14px;
    display: block;
    font-size: 15px
}

.footer_bot .partner_site ul li a:hover {
    opacity: 1
}

.footer_bot .partner_site h5 {
    margin: 0;
    font-size: 16px;
    color: #fff;
    opacity: .2;
    display: inline-block;
    min-width: 150px
}

.footer_bot .partner_site h5:after {
    content: ":"
}

.newsletterbox {
    border: 1px solid #9e9ea0;
    padding: 3px;
    border-radius: 25px
}

.newsletterbox input {
    width: calc(100% - 60px);
    border: none;
    background: 0 0;
    color: #fff;
    box-sizing: border-box;
    padding: 10px 15px;
    vertical-align: middle
}

.newsletterbox button {
    background: #d62c2b;
    border-radius: 25px;
    width: 54px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    border: none;
    vertical-align: middle
}

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

.fsec2 h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.fsec2 ul li {
    display: inline-block;
    min-width: 30%;
    margin-top: 15px;
    vertical-align: middle
}

.fsec2 ul li a {
    display: block;
    opacity: .4;
    line-height: 60px
}

.fsec2 ul li a span {
    display: inline-block
}

.share_options {
    font-weight: 300;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    width: 320px;
    position: absolute;
    right: 0;
    display: block;
    float: right;
    background: #fff;
    padding: 7px 15px;
    z-index: 9999999;
    border: 1px solid #e1e1e1;
    margin-top: -101px;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .5)
}

.share_options img {
    vertical-align: middle
}

.share_options a {
    color: #d62c2b;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    display: block;
    border-top: 1px solid #e1e1e1;
    margin-top: 7px;
    padding-top: 5px
}

.share_options a.close-right {
    font-size: 16px;
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    margin-top: -35px
}

.share_options input {
    width: 100%;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
    padding: 0 10px;
    font-size: 15px
}

.share_options input.contact-submit {
    font-size: 18px;
    height: auto;
    line-height: 34px;
    border: none
}

#Layer3 {
    margin-top: 10px
}

.share_options strong {
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px
}

.contact-table {
    font-size: 17px;
    font-weight: 300;
    margin-top: 20px
}

.contact-submit {
    background: #d62c2c;
    font-size: 25px;
    padding: 10px 25px;
    font-weight: 300;
    color: #fff;
    border: 1px solid #d62c2c;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 3px
}

.contact-form-input:focus {
    border: 1px solid #f05c29
}

.contact-close {
    font-size: 50px;
    text-align: right;
    float: right;
    color: #f05c29;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 30px
}

.contact-close:hover {
    color: #3e3e3e
}

.contact-location {
    width: 100%;
    height: 350px
}

.newslettersec .validation_error {
    color: #d62c2b;
    font-weight: 600
}

.newslettersec .validation_error .scuccess-msg {
    font-size: 13px;
    color: #4ba233
}

@media only screen and (max-width:1023px) {
    .flinks {
        width: 32%
    }
    .flinks.serviceslink {
        width: 68%
    }
    .flinks.newslettersec {
        width: 100%
    }
    .flinks>ul>li>a,
    .footer_bot .partner_site ul li a {
        font-size: 14px
    }
}

.bullets li {
    margin: 10px 0;
    padding-left: 30px;
    line-height: 1.3;
    background: url(../img/bulleticon.png) left 3px no-repeat;
    display: block
}

.fullcontent {
    font-size: 17px;
    line-height: 1.4
}

.bullets_color li {
    color: #242b34;
    font-size: 17px;
    line-height: 24px
}

.listbox {
    text-align: center
}

.listbox ul {
    list-style: none;
    margin: 0 -15px
}

.listbox ul li {
    width: 33.33%;
    float: left;
    padding: 15px
}

.boxbg .heading4 {
    font-size: 19px
}

.boxbg {
    border: 1px solid #d9dfe1;
    background: #f7f9fa;
    padding: 30px;
    display: block;
    height: 320px
}

.boxbg p {
    font-size: 15px;
    font-weight: 400;
    color: #21293a;
    line-height: 1.5
}
.boxbg:hover p a{color:#000;}

.boxbg:hover {
    background: #d62c2b
}

.listbox.listbox2 ul li {
    width: 50%
}

.listbox.listboxli .boxbg {
    height: 455px
}

.boxbg .listbullet {
    list-style: disc;
    text-align: left;
    margin: 0 15px
}

.boxbg .listbullet>li {
    width: 100%;
    color: #21293a;
    font-size: 15px;
    padding: 5px 0
}

.boxbg:hover .heading4,
.boxbg:hover .listbullet>li,
.boxbg:hover p {
    color: #fff
}

.readmore.redbg {
    background: #d62c2b;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 25px;
    margin-top: 15px
}

.boxbg:hover .readmore.redbg {
    background: #fff;
    color: #d62c2b
}

.joining {
    color: #d62c2b;
    font-size: 20px;
    margin-top: 30px
}

.nohead {
    height: 74px
}

.teamsec .titlehead2 {
    margin: 0;
    padding: 20px;
    font-weight: 700;
    background: #21293a;
    color: #fff;
    text-align: center
}

.team-members {
    list-style: none;
    padding: 30px
}

.team-members li {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.team-members {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.team-members li {
    flex-basis: 8.33%
}

.dept-title {
    display: none!important
}

.person-img {
    max-width: 100%
}

.person-img img {
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.person-designation,
.person-name {
    position: absolute;
    padding: 5px;
    z-index: 99;
    font-size: 10px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: none;
    left: 0
}

.person-name {
    bottom: 100%;
    background: #d62c2b;
    color: #fff
}

.person-designation {
    top: 100%;
    background: #fff;
    color: #000;
    font-size: 9px
}

.team-members li {
    position: relative;
    z-index: 9;
    transform: scale(1)
}

.item.zoom {
    z-index: 99
}

.team-members li:hover {
    transform: scale(1.35);
    z-index: 99
}

.team-members li:hover .person-designation,
.team-members li:hover .person-name {
    display: block
}

.team-members li:hover .person-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

.team-members li:hover .person-img img {
    display: block;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.joinus {
    margin-bottom: 60px
}

.joinus .btnlink.linkbg {
    min-width: 280px
}

.teamslider {
    margin-top: 30px
}

.teamslider.owl-carousel .owl-nav {
    text-align: center
}

.boxbg {
    transition: .5s
}

.sevices_icons {
    background-image: url(img/sprites.png);
    margin-bottom: 15px!important
}

.web_application_icon {
    width: 29px;
    height: 44px;
    margin: 0 auto;
    background-position: -12px -5px
}

.wordpress_icon {
    width: 42px;
    height: 44px;
    margin: 0 auto;
    background-position: -88px -5px
}

.custom_cms_icon {
    margin: 0 auto;
    background-position: -188px -5px;
    width: 39px;
    height: 46px
}

.joomla_icon {
    margin: 0 auto;
    background-position: -274px -5px;
    width: 47px;
    height: 46px
}

.php_icon {
    margin: 0 auto;
    background-position: -395px -5px;
    width: 61px;
    height: 46px
}

.drupal_icon {
    margin: 0 auto;
    background-position: -549px -5px;
    width: 41px;
    height: 43px
}

.node_icon {
    margin: 0 auto;
    background-position: -12px -63px;
    width: 39px;
    height: 44px
}

.ci_icon {
    margin: 0 auto;
    background-position: -109px -63px;
    width: 38px;
    height: 44px
}

.laravel_icon {
    margin: 0 auto;
    background-position: -209px -63px;
    width: 50px;
    height: 44px
}

.reactjs_icon {
    margin: 0 auto;
    background-position: -343px -63px;
    width: 51px;
    height: 44px
}

.angularjs_icon {
    margin: 0 auto;
    background-position: -472px -63px;
    width: 51px;
    height: 44px
}

.vue_development_icon {
    margin: 0 auto;
    background-position: -587px -63px;
    width: 44px;
    height: 44px
}

.custom_e-commerce_icon {
    width: 51px;
    height: 46px;
    margin: 0 auto;
    background-position: -651px -5px
}

.opencart_icon {
    width: 62px;
    height: 46px;
    margin: 0 auto;
    background-position: -702px -63px
}

.magento_icon {
    width: 43px;
    height: 46px;
    margin: 0 auto;
    background-position: -88px -123px
}

.shopify_icon {
    width: 43px;
    height: 46px;
    margin: 0 auto;
    background-position: -196px -123px
}

.ui_design_icon {
    width: 51px;
    height: 46px;
    margin: 0 auto;
    background-position: -310px -123px
}

.dedicated_teams_icon {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    background-position: -445px -123px
}

.javaScript_icon {
    width: 40px;
    height: 46px;
    margin: 0 auto;
    background-position: -568px -123px
}

.umbraco_icon {
    width: 47px;
    height: 46px;
    margin: 0 auto;
    background-position: -669px -122px
}

.sitefinity_icon {
    width: 47px;
    height: 46px;
    margin: 0 auto;
    background-position: -12px -182px
}

.kentico_icon {
    width: 47px;
    height: 46px;
    margin: 0 auto;
    background-position: -129px -182px
}

.business_software_icon {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    background-position: -251px -185px
}

.system_software_icon {
    width: 45px;
    height: 46px;
    margin: 0 auto;
    background-position: -374px -185px
}

.embedded_software_icon {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    background-position: -494px -185px
}

.control_software_icon {
    width: 50px;
    height: 46px;
    margin: 0 auto;
    background-position: -619px -185px
}

.expert_consulting_icon {
    width: 52px;
    height: 46px;
    margin: 0 auto;
    background-position: -12px -246px
}

.custom_software_icon {
    width: 49px;
    height: 46px;
    margin: 0 auto;
    background-position: -139px -246px
}

.thirdparty_solution_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    background-position: -263px -248px
}

.qa_testing_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    background-position: -386px -248px
}

.migration_icon {
    width: 50px;
    height: 46px;
    margin: 0 auto;
    background-position: -511px -248px
}

.product_development_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    background-position: -644px -248px
}

.support_maintenance_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    background-position: -15px -307px
}

.system-monitoring_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -136px -306px
}

.app-improvement_icon {
    width: 45px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -262px -306px
}

.pre-support_auditing_icon {
    width: 38px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -385px -306px
}

.server-migration_icon {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -501px -306px
}

.boxbg:hover .web_application_icon {
    background-position: -51px -5px
}

.boxbg:hover .wordpress_icon {
    background-position: -136px -5px
}

.boxbg:hover .custom_cms_icon {
    background-position: -229px -5px
}

.boxbg:hover .joomla_icon {
    background-position: -330px -5px
}

.boxbg:hover .php_icon {
    background-position: -470px -5px
}

.boxbg:hover .drupal_icon {
    background-position: -600px -5px
}

.boxbg:hover .node_icon {
    background-position: -59px -63px
}

.boxbg:hover .ci_icon {
    background-position: -160px -63px
}

.boxbg:hover .laravel_icon {
    background-position: -276px -63px
}

.boxbg:hover .reactjs_icon {
    background-position: -407px -63px
}

.boxbg:hover .angularjs_icon {
    background-position: -529px -63px
}

.boxbg:hover .vue_development_icon {
    background-position: -646px -63px
}

.boxbg:hover .custom_e-commerce_icon {
    background-position: -713px -5px
}

.boxbg:hover .opencart_icon {
    background-position: -12px -123px
}

.boxbg:hover .magento_icon {
    background-position: -141px -123px
}

.boxbg:hover .shopify_icon {
    background-position: -253px -123px
}

.boxbg:hover .ui_design_icon {
    background-position: -374px -123px
}

.boxbg:hover .dedicated_teams_icon {
    background-position: -508px -123px
}

.boxbg:hover .javaScript_icon {
    background-position: -618px -123px
}

.boxbg:hover .umbraco_icon {
    background-position: -728px -122px
}

.boxbg:hover .sitefinity_icon {
    background-position: -70px -182px
}

.boxbg:hover .kentico_icon {
    background-position: -190px -182px
}

.boxbg:hover .business_software_icon {
    background-position: -311px -185px
}

.boxbg:hover .system_software_icon {
    background-position: -433px -185px
}

.boxbg:hover .embedded_software_icon {
    background-position: -554px -185px
}

.boxbg:hover .control_software_icon {
    background-position: -690px -185px
}

.boxbg:hover .expert_consulting_icon {
    background-position: -76px -246px
}

.boxbg:hover .custom_software_icon {
    background-position: -199px -246px
}

.boxbg:hover .thirdparty_solution_icon {
    background-position: -323px -248px
}

.boxbg:hover .qa_testing_icon {
    background-position: -448px -248px
}

.boxbg:hover .migration_icon {
    background-position: -574px -248px
}

.boxbg:hover .product_development_icon {
    background-position: -715px -248px
}

.boxbg:hover .support_maintenance_icon {
    background-position: -74px -307px
}

.boxbg:hover .system-monitoring_icon {
    background-position: -198px -306px
}

.boxbg:hover .app-improvement_icon {
    background-position: -321px -306px
}

.boxbg:hover .pre-support_auditing_icon {
    background-position: -440px -306px
}

.boxbg:hover .server-migration_icon {
    background-position: -568px -306px
}

.sevices_icons2 {
    background-image: url(/img/sprite_icons.png);
    margin-bottom: 15px!important
}

.development_advises_icon {
    width: 36px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -212px -10px
}

.digital_transformation_icon {
    width: 78px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -307px -11px
}

.cost_optimization_icon {
    width: 47px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -489px -11px
}

.benchmarking_icon {
    width: 50px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -712px -10px
}

.fluid_navigation_icon {
    width: 47px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -605px -10px
}

.planned_layout_icon {
    width: 47px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -71px -66px
}

.w3c_credibility_icon {
    width: 92px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -182px -65px
}

.standardized_testing_icon {
    width: 40px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -393px -66px
}

.call_to_action_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -488px -66px
}

.scrolling_icon {
    width: 36px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -605px -66px
}

.custom_w_icon {
    width: 49px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -10px -126px
}

.written_content_icon {
    width: 51px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -267px -126px
}

.graphics_icon {
    width: 52px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -687px -65px
}

.cta_icon {
    width: 50px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -139px -126px
}

.android-app_icon {
    width: 40px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -110px -10px
}

.ios-app_icon {
    width: 40px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -10px -10px
}

.boxbg:hover .development_advises_icon {
    background-position: -259px -10px
}

.boxbg:hover .digital_transformation_icon {
    background-position: -399px -11px
}

.boxbg:hover .cost_optimization_icon {
    background-position: -547px -11px
}

.boxbg:hover .benchmarking_icon {
    background-position: -10px -66px
}

.boxbg:hover .fluid_navigation_icon {
    background-position: -658px -10px
}

.boxbg:hover .planned_layout_icon {
    background-position: -127px -66px
}

.boxbg:hover .w3c_credibility_icon {
    background-position: -286px -65px
}

.boxbg:hover .standardized_testing_icon {
    background-position: -441px -66px
}

.boxbg:hover .call_to_action_icon {
    background-position: -547px -66px
}

.boxbg:hover .scrolling_icon {
    background-position: -646px -66px
}

.boxbg:hover .custom_w_icon {
    background-position: -71px -126px
}

.boxbg:hover .written_content_icon {
    background-position: -327px -126px
}

.boxbg:hover .graphics_icon {
    background-position: -750px -65px
}

.boxbg:hover .cta_icon {
    background-position: -201px -126px
}

.boxbg:hover .android-app_icon {
    background-position: -159px -10px
}

.boxbg:hover .ios-app_icon {
    background-position: -60px -10px
}

.sevices_seo_icons {
    background-image: url(/img/sprites_seo_icons.png);
    margin-bottom: 15px!important
}

.national_seo_icon {
    width: 47px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -10px -10px
}

.e-commerce_seo_icon {
    width: 51px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -121px -10px
}

.reputation_seo_icon {
    width: 58px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -237px -10px
}

.enterprise_seo_icon {
    width: 50px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -366px -10px
}

.local_seo_icon {
    width: 49px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -480px -10px
}

.content_seo_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -589px -10px
}

.offpage_seo_icon {
    width: 76px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -702px -10px
}

.recovery_seo_icon {
    width: 43px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -95px -66px
}

.guestposting_seo_icon {
    width: 53px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -202px -66px
}

.search_advertising_icon {
    width: 44px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -330px -66px
}

.display_advertising_icon {
    width: 73px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -438px -66px
}

.sm_advertising_icon {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -604px -66px
}

.remarketing_seo_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -717px -66px
}

.shopping_ads_icon {
    width: 48px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -68px -127px
}

.generating_leads_icon {
    width: 47px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -188px -127px
}

.increased_visibility_icon {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 0;
    background-position: -300px -127px
}

.boxbg:hover .national_seo_icon {
    background-position: -66px -10px
}

.boxbg:hover .e-commerce_seo_icon {
    background-position: -180px -10px
}

.boxbg:hover .reputation_seo_icon {
    background-position: -300px -10px
}

.boxbg:hover .enterprise_seo_icon {
    background-position: -422px -10px
}

.boxbg:hover .local_seo_icon {
    background-position: -530px -10px
}

.boxbg:hover .content_seo_icon {
    background-position: -643px -10px
}

.boxbg:hover .offpage_seo_icon {
    background-position: -10px -66px
}

.boxbg:hover .recovery_seo_icon {
    background-position: -147px -66px
}

.boxbg:hover .guestposting_seo_icon {
    background-position: -267px -66px
}

.boxbg:hover .search_advertising_icon {
    background-position: -387px -66px
}

.boxbg:hover .display_advertising_icon {
    background-position: -523px -66px
}

.boxbg:hover .sm_advertising_icon {
    background-position: -660px -66px
}

.boxbg:hover .remarketing_seo_icon {
    background-position: -10px -127px
}

.boxbg:hover .shopping_ads_icon {
    background-position: -127px -127px
}

.boxbg:hover .generating_leads_icon {
    background-position: -245px -127px
}

.boxbg:hover .increased_visibility_icon {
    background-position: -356px -127px
}

.boxbg:hover .remarketing_seo_icon {
    background-position: -10px -127px
}
.seo-sec-wrapper .top-block .title {
    font-size: 26px;
    font-weight: 700;
    color: #242b34;
    margin-bottom:10px;
}
.seo-sec-wrapper .top-block .sub-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px!important;
    color: #403e3e;
}
.seo-sec-wrapper .bold-text {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.seo-sec-wrapper p {
    font-size: 16px;
    line-height: 1.4;
    color: #242b34;
}
.seo-sec-wrapper .short-description {
    margin-bottom: 20px;
}
.seo-sec-wrapper .leftcontent p:last-child {
    margin-bottom: 0;
}
.seo-sec-wrapper ul {
    margin-bottom: 15px;
}
@media only screen and (max-width:1600px) {
    .team-members li {
        flex-basis: 10%
    }
    .worklist ul li {
        width: 33.33%
    }
}

@media only screen and (max-width:1440px) {
    .team-members li {
        flex-basis: 11%
    }
    .worklist ul li {
        width: 33.33%
    }
}

@media only screen and (max-width:1300px) {
    .team-members li {
        flex-basis: 14.27%
    }
    .worklist ul li {
        width: 50%
    }
}

@media only screen and (max-width:1199px) {
    .team-members li {
        flex-basis: 16.66%
    }
    .blog_box .blog_title {
        font-size: 18px;
        min-height: 44px;
        max-height: 44px;
        margin-bottom: 10px
    }
    .blog_wrap .blog_box p {
        font-size: 16px;
        line-height: 1.3;
        max-height: 62px
    }
    .dtsection ul li {
        width: 48%
    }
}

@media only screen and (max-width:1023px) {
    .joining {
        font-size: 16px
    }
    .seo-sec-wrapper .imgsec {
        display: block;
        width: 100%;
        text-align: center;
        float: none;
        margin: 0 auto 30px;
    }
    .seo-sec-wrapper .imgsec+.leftcontent {
        width: 100%;
    }
}

@media only screen and (max-width:991px) {
    .team-members li {
        flex-basis: 20%
    }
}

@media only screen and (max-width:767px) {
    .team-members {
        padding: 20px 20px 10px
    }
    .team-members li {
        flex-basis: 20%
    }
    .flinks.serviceslink {
        width: 100%;
        padding-right: 0
    }
    .flinks>ul>li {
        padding-right: 10px
    }
    .flinks>ul>li>a {
        font-size: 14px
    }
    .boxlist>li {
        width: 100%
    }
    .joinus {
        margin-bottom: 25px
    }
    .joinus .btnlink.linkbg {
        min-width: 210px
    }
    .joining {
        font-size: 16px
    }
}

@media only screen and (max-width:640px) {
    .teamsec {
        margin-top: 30px
    }
}

@media only screen and (max-width:639px) {
    .team-members li {
        flex-basis: 33.33%
    }
    .dtsection ul li {
        width: 100%
    }
    .readyto br {
        display: none
    }
    .readyto a {
        display: inline-block
    }
    .footer_bot .partner_site ul {
        text-align: center
    }
    .footer_bot .partner_site ul li:not(:first-child) {
        border-left: none
    }
    .mobile_client_logo .owl-nav {
        text-align: center
    }
    .worklist ul {
        margin: 20px -5px 0
    }
    .worklist ul li {
        padding: 5px
    }
}

@media only screen and (max-width:480px) {
    .textimgbox img {
        height: 65px
    }
    .footer_outer {
        text-align: center
    }
    .readyto1 {
        margin-top: 0
    }
    .readyto1 .titlehead3 span {
        font-size: 16px;
        padding: 10px
    }
    .tabtext.strategysec .listli li {
        min-width: 250px;
        text-align: left
    }
}

.thin_font {
    font-weight: 300
}

.contact_wrap_div {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    padding: 50px 95px;
    box-sizing: border-box;
    margin-top: -70px;
    position: relative;
    overflow: hidden;
    z-index: 9;
    box-shadow: 15px 15px 0 0 rgba(0, 0, 0, .06)
}

.contact_full_gray {
    background: #f3f5f5;
    padding-bottom: 65px
}

.contact_full_gray .heading2 {
    font-size: 22px;
    border-bottom: solid 1px #e5e7ea;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 30px!important
}

.contact_full_gray .heading2:after {
    content: '';
    width: 150px;
    height: 1px;
    background: #d62c2b;
    display: block;
    position: absolute;
    bottom: 0
}

.contact-form {
    margin-top: 0
}

.form-box-100 {
    width: 100%;
    margin-bottom: 0
}

.contact_full_gray .contact-form-input {
    width: 100%;
    height: 48px;
    background: #fafafa;
    border: solid 1px #d0d0d0
}

.contact_full_gray label {
    font-size: 13px;
    color: #000;
    font-weight: 600
}

.row {
    margin: 0 -15px
}

.contact_full_gray .form-box-50 input,
.form-box-50 textarea {
    width: 100%!important
}

.contact_full_gray .form-box-50 {
    padding: 0 15px
}

.needed {
    font-size: 15px!important;
    margin-top: 15px;
    display: block
}

.contact_full_gray .textbox-big {
    background: #fafafa;
    border: solid 1px #d0d0d0
}

.contact_full_gray .contact_checkbox {
    margin-bottom: 20px
}

.contact_full_gray .btn_upload {
    position: relative;
    display: inline-block!important;
    overflow: hidden;
    width: auto
}

.contact_full_gray .btn_upload input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

.form-box-100 textarea {
    width: 100%!important
}

.contact_full_gray .file_info {
    max-width: 200px;
    margin: 14px 0 0 10px;
    display: inline-block!important;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.contact_full_gray .btn-primary {
    padding: 4px 32px;
    float: right;
    font-weight: 500;
    height: 100%;
    line-height: 36px;
    transition: .5s;
    text-align: center;
    display: block;
    background: #141f35;
    color: #fff!important;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0;
    border: none
}

.contact_full_gray .file_select {
    background: #fafafa;
    border: solid 1px #d0d0d0;
    height: 48px;
    margin-top: 0;
    border-radius: 3px
}

.contact_full_gray .contact-submit {
    font-size: 14px;
    background-color: #d62c2c;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 100px;
    border-radius: 30px
}

.contact_full_gray .contact-submit:hover {
    background: #fff;
    color: #d62c2c
}

.contact_mid {
    background-image: url(/img/contact-mid.jpg);
    text-align: center;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    float: left;
    padding: 80px 0
}

.contact_mid .contact_col {
    text-align: center;
    color: #fff
}

.contact_mid .container {
    position: relative;
    z-index: 9
}

.contact_mid .contact_col .pop-up-call {
    text-align: center
}

.contact_mid .contact_col .icon img {
    margin-bottom: 15px
}

.contact_mid .contact_col h4 {
    font-size: 20px
}

.contact_mid ul li {
    display: inline-block;
    width: 33%
}

.contact_mid ul li h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0 4px 0
}

.contact_mid ul li a {
    color: #fff;
    font-weight: 300
}

.contact_mid ul li .icon_sm {
    position: relative;
    top: 4px;
    margin-right: 2px
}

.contact_mid ul li p {
    margin-bottom: 5px
}

.our_loction {
    padding: 60px 0
}

.our_loction .heading2 {
    font-size: 30px;
    position: relative
}

.our_loction .heading2:after {
    content: '';
    width: 45px;
    height: 2px;
    background: #d62c2b;
    display: block;
    margin: 10px auto 0 auto
}

.address_wrap {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center
}

.address_wrap .text_lg {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.address_wrap .text_lg2 {
    font-size: 18px;
    font-weight: 600
}

.address_wrap .text_lg2 a {
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.address_wrap .images {
    margin-bottom: 10px
}

.india_add .address_block {
    margin-bottom: 15px
}

.others_address .address_block {
    width: 33.33%;
    float: left;
    padding: 0 15px
}

.others_address .row {
    margin: 0 -15px
}

.others_address .row:after {
    content: '';
    display: block;
    clear: both
}

.others_address .address_block_wrap {
    background: #f4f7f8;
    border: solid 1px #dee0e1;
    min-height: 308px;
    display: flex;
    align-items: center;
    justify-content: center
}

.others_address {
    margin-top: 40px
}

.others_address .address_block_wrap a {
    font-size: 18px;
    font-weight: 400;
    color: #242b35
}

.others_address .images {
    margin-bottom: 14px
}

.contact_checkbox label {
    width: 50%;
    float: left;
    margin-top: 10px;
    margin-bottom: 0!important;
    position: relative
}

.contact_checkbox label:nth-child(2n+1) {
    clear: left
}

.contact_checkbox label input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.contact_checkbox label span {
    position: relative;
    padding-left: 30px;
    margin: 2px 0!important;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px
}

.contact_checkbox label input[type=checkbox]+span:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #d0d0d0;
    position: absolute;
    left: 0
}

.contact_checkbox label input[type=checkbox]:checked+span:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    opacity: 1;
    position: absolute;
    left: 5px;
    top: 2px;
    transform: rotate(45deg)
}

.contact_checkbox label input[type=checkbox]:checked+span {
    opacity: 1
}

.workslider.owl-carousel .owl-item {
    width: 522px!important
}

@media (max-width:1440px) {
    .workslider.owl-carousel .owl-item {
        width: 450px!important
    }
}

@media (max-width:1199px) {
    .workslider.owl-carousel .owl-item {
        width: 380px!important
    }
}

@media (max-width:991px) {
    .workslider.owl-carousel .owl-item {
        width: 280px!important
    }
}

@media (max-width:600px) {
    .workslider.owl-carousel .owl-item {
        width: 260px!important
    }
    .contact_wrap_div {
        padding: 25px;margin-top: -45px;
    }
    .contact_checkbox label span {
        padding-left: 25px;
        font-size: 13px
    }
}

@media (max-width:1023px) {
    .contact_wrap_div {
        padding: 50px
    }
    .contact_mid ul li {
        width: 32%
    }
    .contact_mid ul li a {
        font-size: 14px
    }
    .others_address .address_block_wrap a {
        font-size: 16px
    }
    .blog_wrap .blog_box {
        width: 50%;
        margin-bottom: 35px
    }
    .blog_box .blog_title {
        margin-bottom: 5px
    }
    .blog_box .blog_images {
        margin-bottom: 10px
    }
    .blog_box .blog_date {
        font-size: 15px
    }
    .innercontent {
        padding: 40px 0
    }
    .innercontent.uiuxlist {
        padding-bottom: 0
    }
    .uiuxlist ul li a {
        width: 105px;
        height: 105px;
        font-size: 15px
    }
    .contact_full_gray .file_info {
        max-width: 150px
    }
    .flowlist li {
        margin: 100px -3px
    }
    .hexagon {
        height: 190px;
        width: 180px
    }
    .hextext {
        left: 28px;
        width: 180px
    }
    .hextext br {
        display: none
    }
    .flowlist li:nth-child(1) .hextext,
    .flowlist li:nth-child(3) .hextext,
    .flowlist li:nth-child(5) .hextext {
        top: 164px;
        padding-left: 0
    }
    .flowlist li:nth-child(2) .hextext,
    .flowlist li:nth-child(4) .hextext,
    .flowlist li:nth-child(6) .hextext {
        bottom: 164px;
        padding-left: 0
    }
}

@media (max-width:767px) {
    .contact_wrap_div {
        padding: 40px
    }
    .contact_mid ul li {
        width: 100%;
        padding-top: 20px
    }
    .blog_box .blog_date {
        font-size: 15px
    }
    .contact_info_grid li {
        margin-bottom: 15px
    }
    .homefirst h1.titlehead {
        margin-bottom: 15px
    }
    .tabscroll.owl-carousel li {
        width: 130px
    }
    .contact_mid {
        padding: 30px 0
    }
    .uiux img {
        height: 60px
    }
    .uiux .approachlist li {
        padding: 6px
    }
}

@media (max-width:600px) {
    .contact_wrap_div {
        padding: 30px
    }
    .contact_checkbox label,
    .form-box-50 {
        width: 100%
    }
    .contact_full_gray .btn-primary {
        padding: 4px 20px
    }
    .nolabel {
        display: none
    }
    .others_address .address_block {
        width: 100%;
        margin-bottom: 15px
    }
}

@media (max-width:479px) {
    .blog_wrap .blog_box {
        width: 100%;
        margin-bottom: 30px
    }
    .clients {
        margin-top: 25px
    }
    .choosebox5 .colorbox {
        min-height: 215px
    }
    .choosebox5.owl-carousel .owl-item img {
        display: inline-block;
        vertical-align: middle;
        height: 60px
    }
    .choosebox5 .colorbox p {
        display: inline-block;
        width: calc(100% - 90px);
        padding-left: 15px;
        vertical-align: middle
    }
    .home_page .blogcontent {
        padding: 8px!important
    }
    .blogsec .titlehead2 {
        font-size: 16px
    }
    .happening-slider .owl-next::before,
    .happening-slider .owl-prev::before {
        background-position: -312px -123px
    }
    .happening-slider .owl-prev:before {
        transform: rotate(180deg)
    }
    .black_shad {
        z-index: 96
    }
    .call-right-fixed {
        z-index: 97
    }
}

@media (max-width:385px) {
    .flowlist li:first-child,
    .flowlist li:nth-child(3),
    .flowlist li:nth-child(5) {
        margin-top: 20px
    }
    .flowlist li:nth-child(2),
    .flowlist li:nth-child(4),
    .flowlist li:nth-child(6) {
        margin-bottom: 20px
    }
}

.numbers {
    font-size: 20px;
    font-weight: 700
}

.about_banner {
    height: 445px
}

.bg_gray {
    background: #f6f9f9
}

@media (min-width:1200px) {
    .about_banner:before {
        display: none
    }
    .serv_arc_data {
        width: 855px;
        height: 290px;
        margin: 0 auto;
        position: relative;
        overflow: hidden
    }
    .serv_arc_data:before {
        content: '';
        display: block;
        width: 855px;
        height: 958px;
        border: 10px solid #d62c2b;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0
    }
    .mid_about_sec {
        width: 1170px;
        margin: 0 auto;
        position: relative;
        padding-top: 200px
    }
    .mid_about_sec .serv_arc_list>li:nth-child(1) {
        left: 17.85%;
        top: 67%
    }
    .mid_about_sec .serv_arc_list>li:nth-child(2) {
        left: 28.5%;
        top: 41%
    }
    .mid_about_sec .serv_arc_list>li:nth-child(3) {
        left: 50%;
        margin-left: -35px;
        top: 30%
    }
    .mid_about_sec .serv_arc_list>li:nth-child(4) {
        right: 24.5%;
        left: auto;
        top: 42%
    }
    .mid_about_sec .serv_arc_list>li:nth-child(5) {
        right: 13.85%;
        top: 67%;
        left: auto
    }
    .mid_about_sec .serv_arc_list>li {
        transition: .5s
    }
    .mid_about_sec .serv_arc_list>li:hover {
        margin-left: -15px
    }
    .mid_about_sec .serv_arc_list>li:hover:nth-child(4) {
        right: 26%
    }
    .mid_about_sec .serv_arc_list>li:hover:nth-child(5) {
        right: 16%
    }
}

@media (min-width:1200px) and (max-width:1440px) {
    .innercontent .mid_about_sec {
        width: 1000px
    }
    .mid_about_sec .serv_arc_list>li p {
        font-size: 16px;
        line-height: 1.3
    }
    .mid_about_sec .serv_arc_list>li:hover {
        transform: scale(1.1)
    }
    .serv_arc_list>li:nth-child(5) .text_box {
        width: 200px
    }
    .mid_about_sec .serv_arc_list>li:nth-child(1) {
        left: 13.85%
    }
}

@media (min-width:1200px) {
    .serv_arc_list>li {
        list-style: none;
        position: absolute;
        z-index: 3
    }
    .serv_arc_list .text_box {
        position: absolute;
        right: 115%;
        width: 260px;
        text-align: right;
        top: 22%;
        color: #42434c
    }
    .serv_arc_list>li:nth-child(3) .text_box {
        width: 250px;
        text-align: left;
        top: auto;
        bottom: 107%;
        left: 0;
        margin-left: 0
    }
    .serv_arc_list>li:nth-child(4) .text_box {
        width: 250px;
        text-align: left;
        left: 110%;
        bottom: 107%;
        margin-left: 0
    }
    .serv_arc_list>li:nth-child(5) .text_box {
        width: 250px;
        text-align: left;
        left: 110%;
        bottom: 107%;
        margin-left: 0
    }
}

.mid_about_sec .strong_text {
    font-weight: 700;
    font-size: 18px;
    color: #292c2d
}

.successful_sec .round_box {
    transition: .5s;
    height: 305px;
    z-index: 2;
    width: 305px;
    background: #fff;
    border: solid 1px #f2f2f4;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: relative;
    margin: 0 auto;
    padding: 25px;
    margin-top: -130px;
    margin-bottom: 38px
}

.successful_sec_wrap {
    max-width: 950px;
    margin: 0 auto;
    text-align: center
}

.successful_sec .successful_sec_wrap p {
    font-size: 17px
}

.successful_sec .round_box .inner {
    width: 255px;
    height: 255px;
    background: #d62c2b;
    border-radius: 50%;
    font-size: 32px;
    font-weight: 700;
    display: flex;
    align-items: center
}

.successful_sec:hover .round_box {
    border: solid 1px #d62c2b
}

.core_values_sec {
    width: 100%;
    float: left
}

.core_values_sec .imgsec+.leftcontent {
    width: calc(100% - 615px)
}

.core_values_sec .imgsec {
    width: 615px;
    float: right
}

.core_values_sec .heading2 {
    margin-bottom: 20px
}

.core_values_sec .orderlist {
    margin-top: 0
}

.capabilities_sec {
    background: #f6f9f9;
    width: 100%;
    float: left;
    position: relative
}

.capabilities_sec .left_side {
    width: 60%;
    float: left;
    padding: 70px 0 60px 0
}

.capabilities_sec .right_side {
    width: 40%;
    float: right
}

.capabilities_sec .video_img {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.capabilities_sec .right_side img {
    float: right
}

.capabilities_sec .list_sec {
    list-style: none
}

.capabilities_sec .list_sec li {
    width: 33.33%;
    float: left;
    margin-bottom: 30px
}

.capabilities_sec .list_sec li p {
    font-size: 15px;
    color: #242b34;
    line-height: 1.067
}

.play_btn {
    background: url(../img/video-play-icon.png);
    height: 109px;
    width: 109px;
    position: absolute;
    top: 50%;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.capabilities_sec .right_side {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.youtube-player {
    height: 100%
}

.video_box iframe {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 4
}

.technologies_slider .technologies_box {
    height: 150px;
    width: 150px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    margin: 15px auto;
    align-items: center
}

.technologies_slider {
    margin-top: 62px;
    position: relative
}

.technologies_slider .owl-item:nth-child(even) {
    margin-top: 85px
}

.technologies_slider .technologies_box img {
    width: auto!important
}

.technologies_slider .owl-nav {
    text-align: center;
    opacity: .7
}

.consult .bullets li{ display: inline-block; min-width: 30%; margin-right: 3%; }

@media (max-width:1199px) {
    .aboutlist {
        padding: 50px 0 100px!important
    }
    .mid_about_sec {
        max-width: 750px;
        margin: 0 auto
    }
    .serv_arc_list {
        list-style: none
    }
    .serv_arc_list>li {
        width: 50%;
        float: left;
        padding: 15px
    }
    .icon_sec {
        float: left;
        width: 110px
    }
    .icon_sec+.text_box {
        width: calc(100% - 120px);
        float: right
    }
    .successful_sec .round_box {
        margin-top: -85px
    }
    .innercontent.nopadding {
        width: 100%;
        float: left
    }
    .core_values_sec .imgsec+.leftcontent {
        width: 100%
    }
    .core_values_sec .imgsec {
        max-width: 300px;
        float: none;
        margin: 0 auto 15px
    }
    .capabilities_sec .left_side {
        padding: 40px 0 30px 0
    }
    .left_side .icon img {
        height: 45px
    }
    .dtsection ul li {
        width: 24%
    }
    .sitelogo {
        font-size: 30px
    }
}

@media (max-width:991px) {
    .dtsection ul {
        margin-bottom: 0
    }
    .dtsection ul li {
        width: 50%;
        float: left
    }
    .consult .bullets li{ width: 100%; margin-right: 0 }
}

@media (max-width:767px) {
    .capabilities_sec .left_side {
        width: 100%
    }
    .successful_sec .round_box {
        margin-top: -55px
    }
    .serv_arc_list>li {
        width: 100%
    }
    .capabilities_sec .right_side {
        width: 100%;
        float: right;
        position: static
    }
    .capabilities_sec .video_img {
        height: 400px
    }
    .sitelogo {
        font-size: 26px;
        line-height: 1.2
    }
    .portfoliodt {
        margin: -60px 0
    }
    .dtbottom {
        padding: 90px 0 40px;
        font-size: 16px
    }
}

@media (max-width:600px) {
    .icon_sec {
        width: 75px
    }
    .icon_sec+.text_box {
        width: calc(100% - 80px)
    }
    .aboutlist {
        padding: 50px 0 50px!important
    }
    .capabilities_sec .list_sec li {
        width: 50%
    }
    .dtsection ul li {
        width: 100%
    }
    .main_heading {
        font-size: 28px
    }
}

.mobile_app_banner:before {
    display: none
}

.bg_gray {
    background: #f6f9f9
}

.apps_platforms_wrap {
    position: relative;
    background: #fff;
    width: 100%;
    float: left
}

.apps_platforms_wrap:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #f1a614;
    width: 50%;
    content: ''
}

.apps_platforms_wrap .left_area {
    width: 50%;
    float: left;
    background: #fff;
    padding-right: 75px
}

.apps_platforms_wrap .right_area_color {
    color: #fff;
    width: 50%;
    padding: 40px 0 40px 120px;
    float: right;
    position: relative
}

.apps_platforms_wrap .right_area_color .heading_md {
    color: #fff
}

.apps_platforms_wrap .right_area_color .readmore {
    color: #fff
}

.heading_md {
    font-size: 25px;
    font-weight: 600;
    color: #242b34;
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.vertical_tabs_sec .left_side {
    width: 50%;
    padding-right: 75px;
    float: left
}

.vertical_tabs_sec .right_side {
    width: 50%;
    float: right
}

.vertical_tabs_sec ul {
    list-style-type: none
}

.vertical_tabs_sec ul li {
    cursor: pointer
}

.vertical_tabs_sec ul li a {
    display: block;
    padding: 17px 22px;
    border-bottom: solid 1px #bcbcbc;
    border-left: solid 1px #bcbcbc;
    border-right: solid 1px #bcbcbc
}

.vertical_tabs_sec ul li:first-child {
    border-top: solid 1px #bcbcbc
}

.vertical_tabs_sec .tab_icon {
    height: 52px;
    width: 52px;
    background: #292c2d;
    margin-right: 40px;
    border-radius: 50%;
    display: inline-block
}

.tab_icon .icon_inn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.vertical_tabs_sec li .tab_name {
    font-size: 21px;
    color: #292c2d;
    font-weight: 600;
    position: relative;
    top: -8px
}

.vertical_tabs_sec .showfile.activelink {
    background: #f0f5f9;
    border-right: solid 4px #d62c2b;
    position: relative
}

.vertical_tabs_sec .showfile.activelink:after {
    content: '';
    height: 10px;
    width: 10px;
    background: #d62c2b;
    position: absolute;
    top: 40%;
    z-index: -1;
    right: -8px;
    transform: rotate(45deg)
}

.vertical_tabs_sec .showfile.activelink .tab_icon {
    background: #d62c2b
}

.vertical_tabs_sec .tabtext {
    padding: 0
}

.vertical_tabs_sec {
    width: 100%;
    float: left;
    margin-top: 60px
}

.scleimg .container {
    position: relative
}

.scleimg .container .imgsec img {
    display: block
}

.border-bottom {
    border-bottom: 1px solid #eee
}

/*.blog-sidebar+.blog-detail-sec {
    width: calc(100% - 400px)
}
*/
.blog-detail-sec {
    width: calc(100% - 400px); float: left;
}

@media(max-width:991px) {
.blog-detail-sec {width: calc(100% - 310px);}
}

@media(max-width:767px) {
.blog-detail-sec {width:100%;}

}

.blog-detail-sec p {
    font-size: 16px;
    line-height: 1.4
}

.blog-detail-sec ol,
.blog-detail-sec ul {
    margin-left: 20px;
    font-size: 16px;
    line-height: 1.4
}

.blog-sidebar {
    width: 350px;
    float: right
}

.sidetitle {
    font-size: 21px;
    color: #2c2c2e;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px
}

.sidetitle:before {
    content: "";
    height: 20px;
    border-left: 4px solid #d62c2b;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px
}

.categories-side-blog {
    padding: 30px
}

.categories-side-blog ul {
    list-style: none;
    margin-left: 15px
}

.categories-side-blog ul li {
    font-size: 15px;
    padding: 1px 0
}

.categories-side-blog ul li a {
    padding: 5px 10px;
    display: inline-block;
    background: #fff
}

.categories-side-blog ul li a.clickactive-blog,
.categories-side-blog ul li a:hover {
    color: #fff;
    background: #d62c2b
}

.popular-post {
    border: 1px solid #e3e5e8;
    padding: 30px;
    margin-top: 30px
}

.popular-post ul {
    list-style: none
}

.popular-post ul li:not(:first-child) {
    padding: 20px 0;
    border-top: 1px solid #ccc
}

.popular-post ul li:first-child {
    padding-bottom: 20px
}

.popular-post .blog_box .blog_img {
    margin-bottom: 10px
}

.popular-post .blog_box .blog_date {
    font-size: 14px
}

.popular-post .blog_box .blog_date::before {
    width: 20px
}

.popular-post .blog_box .blog_title {
    font-size: 17px;
    margin-bottom: 5px
}

.blogdisc {
    font-size: 15px;
    line-height: 1.3
}

.applycontent {
    width: 100%
}

.applycontent p {
    font-size: 16px
}

.applycontent h3,
.applycontent h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 20px
}

.applycontent h4 strong {
    font-weight: 700
}

.applycontent ul {
    list-style-type: none;
    margin-bottom: 20px
}

.applycontent ul li {
    margin: 20px 0 0;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.4;
    background: url(../img/bulleticon.png) left 3px no-repeat;
    display: block
}

.job-form {
    width: 100%;
    background: #f8f9fa;
    padding: 80px 100px;
    box-shadow: 15px 15px 0 0 rgba(0, 0, 0, .06);
    margin-top: -130px;
    position: relative;
    margin-bottom: 50px
}

.formfilds {
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.inputfilds {
    width: 100%;
    border: 1px solid #d0d0d0;
    background: #fff;
    padding: 5px 10px;
    line-height: 36px;
    height: 42px
}

textarea.inputfilds {
    line-height: 26px;
    height: 80px;
    margin-bottom: 30px
}

.applybg {
    padding: 100px 0
}

.applybg .titlehead {
    color: #fff;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px
}

.applybg .titlehead:after {
    content: "";
    width: 40px;
    border-bottom: 2px solid #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20px
}

.job-form .titlehead3 {
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0
}

.applycontent h4:before,
.contentpage .heading4:before,
.job-form .titlehead3:before {
    content: "";
    border-left: 4px solid #d62c2b;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    height: 20px
}

.submitbtn .btnlink {
    font-size: 14px;
    cursor: pointer;
    min-width: 200px
}

.jobfild {
    margin-bottom: 20px
}

.jobfild>label {
    margin-bottom: 3px;
    display: block
}

.jobfild.widthsec2 {
    width: 50%;
    float: left;
    padding-left: 20px
}

.jobfild .selectlabel {
    display: inline-block;
    width: auto;
    min-width: 40%;
    line-height: 40px;
    color: #494c51
}

.selectlabel input {
    vertical-align: middle
}

.jobfild .file_select {
    margin-top: 0;
    border-radius: 0;
    height: 42px
}

.nopading {
    padding-left: 0!important
}

.jobfild .contact_full_gray {
    padding: 0;
    background: 0 0
}

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

.call2 label {
    display: block;
    margin-bottom: 3px
}

.joblist .boxbg {
    height: 350px
}

.joblist .heading4 {
    height: 70px;
    margin-bottom: 10px
}

.job-brief {
    height: 160px
}

.briefsec,
.briefsec p {
    font-size: 20px;
    font-weight: 500
}

@media(min-width:1025px) {
/* .sidenav .onlymobile {
        display: none
    }*/
    
}

.contentpage .heading3 {
    margin-bottom: 10px
}

.contentpage p {
    margin-bottom: 25px
}

.ui-widget-content {
    background: #fff!important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff!important;
    color: #575757!important
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #000!important;
    background: #eee!important;
    color: #000!important
}
.ui-widget-header {
    border: 1px solid #bbb;
    background: #f8f9fa!important
}
.page404 .titlehead {
    font-size: 50px;
    margin-bottom: 30px
}

.page404 p {
    font-size: 24px
}

.btnsec .viewallbtn {
    margin: 0 auto
}

.web_design_package .table-responsive {
    margin: 30px 0
}

.packages-text .bullets li {
    font-size: 17px
}
.button-box-wrapper {text-align: center; padding-top: 40px;}
.out-story {padding-bottom: 40px;}
.out-story.main-sc {padding-top: 45px;}
.out-story.main-sc .heading2 {margin-bottom: 12px;}
.out-story.main-sc .sub-title { margin-bottom: 40px; text-align: center;}
.out-story .web_design_package {padding-top: 0;}
.out-story .web_design_package .table-responsive {margin: 0;}
.web_design_package td.whitebg {background:#fff!important; color: #000!important; text-align: left;}
.web_design_package td.graybg {background:#504e5a!important; color: #fff!important; text-align: center;}
.web_design_package td.redbox {background:#d62c2b!important; color: #fff!important; text-align: center;}
.web_design_package .table .package-main-title{font-size:20px;font-weight:600}
.web_design_package .table .Package-title{background-color:#f0f1f2; color:#000; font-weight:600}
.friendrefer{width:400px; padding:35px; margin: 0 auto; background:#1f2a40; border-radius: 3px; position:fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; display: none; box-shadow: 0 0 3px #fff;}
.poptitle{font-size: 22px; color:#fff; margin-bottom: 8px;}
.friendrefer form .input-item > div {position: relative; top: -6px;}
.friendrefer input, .friendrefer textarea, .friendrefer select {width: 100%; border:none;border-radius: 3px; padding: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 400;}
.friendrefer button{cursor: pointer; width: 100%; background:#d62c2b; font-size: 16px; border-radius: 3px;border:none; border:2px solid #fff; padding:9px; color:#fff; text-transform: uppercase; font-weight:500;}
.cross{float: right; color:#fff; width: 20px; height: 20px;  position: absolute; right: 10px; top:10px; cursor: pointer;}
.cross:before, .cross:after {position: absolute; left:9px; content: ' '; height: 20px; width: 2px; background-color: #fff;}
.cross:before {transform: rotate(45deg);}
.cross:after {transform: rotate(-45deg);}
.web_design_package {
    width: 100%;
    float: left;
    padding: 40px 0
}
.web_design_package .inner-main-container .btn {
    border: solid 1px #f05c29;
    padding: 2px 8px;
    border-radius: 4px;
    color: #f05c29;
    font-size: 13px;
    margin-top: 10px;
    display: inline-block
}

.web_design_package ul.tabs {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.web_design_package ul.tabs li {
    background: 0 0;
    color: #222;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 28px;
    cursor: pointer
}

.web_design_package ul.tabs li.current {
    background: #f05c29;
    color: #fff
}

.web_design_package .tab-content {
    display: none;
    padding: 0 0 0 15px;
    background: #f1f1f1
}

.web_design_package .tab-content.current {
    display: inherit
}

.web_design_package .table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%
}

.web_design_package .table span {
    font-size: 12px
}

.web_design_package .table tr td {
    padding: 8px;
    line-height: 1.42857143;
    background: #f4f5f8;
    vertical-align: middle;
    border-top: 1px solid #ddd
}

.web_design_package .table>thead>tr>th {
    vertical-align: bottom;
    text-align: left;
    padding: 8px
}

.web_design_package .table img {
    display: block;
    margin: 0 auto 4px auto;
    height: 18px
}

.web_design_package .table .light_green {
    border-left: 1px solid #cfd7d9;
    background-color: #fff;
    text-align: center;
    width: 20%
}

.web_design_package .table .light_pink {
    border-left: 1px solid #cfd7d9;
    background-color: #fff;
    text-align: center;
    width: 20%
}

.web_design_package .table .light_blue {
    border-left: 1px solid #cfd7d9;
    background-color: #fff;
    text-align: center;
    width: 20%
}

.web_design_package .table .light_green1 {
    border-left: 1px solid #cfd7d9;
    background-color: #fff;
    text-align: center;
    width: 15%!important
}

.web_design_package .table .light_pink1 {
    border-left: 1px solid #cfd7d9;
    background-color: #fff;
    text-align: center;
    width: 15%
}

.web_design_package .table .light_blue1 {
    border-left: 1px solid #cfd7d9;
    background-color: #fff;
    text-align: center;
    width: 15%
}

.web_design_package .table .light_yello1 {
    border-left: 1px solid #cfd7d9;
    background-color: #fff;
    text-align: center;
    width: 15%
}

.web_design_package .table-responsive {
    overflow: auto
}

.web_design_package .scrool_btn {
    width: 100%;
    padding: 40px 0;
    overflow: hidden
}

.web_design_package .scrool_btn ul {
    list-style: none;
    text-align: center
}

.web_design_package .scrool_btn ul li {
    display: inline-block;
    margin: 0 15px
}

.boxsize {
    height: 100px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    padding-top: 15px
}

.boxsize strong {
    font-size: 28px;
    font-weight: 700
}

.redbox {
    background: #d62c2b
}

.graybg {
    background: #504e5a
}

.packagehead {
    font-size: 20px
}

.boxsize a {
    font-size: 15px;
    background: #d62c2b;
    color: #fff;
    padding: 6px 10px;
    display: block;
    border-radius: 20px;
    margin-top: 5px
}

@media(max-width:1280px) {
    .homefirst img {
        right: 15px
    }
    .titlehead {
        font-size: 30px
    }
    .homefirst ul li {
        font-size: 18px
    }
    .homefirst ul li:first-child {
        padding-right: 15px
    }
    .titlehead2 {
        font-size: 24px
    }
    .blogcontent p {
        font-size: 15px;
        margin-top: 10px
    }
    /*.bloglist>li {
        margin-top: 30px
    }*/
}

@media(max-width:1199px) {
    .why_col_4 {
        width: 31%
    }
    .why_col_4 .box-icon-item {
        min-height: 359px
    }
    .why_col_4 .why_choose {
        min-height: 323px
    }
    .menuheading {
        font-size: 22px
    }
    .contact_info_grid li {
        width: 33.33%;
        padding-right: 15px
    }
    .office_address p {
        padding-left: 24px;
        font-size: 14px;
        line-height: 1.4
    }
    .hometab ul li a {
        padding: 15px 10px
    }
    .heading2 {
        font-size: 26px
    }
    .boxbg .heading4 {
        font-size: 18px
    }
    .imgsec {
        width: 300px
    }
    .imgsec+.leftcontent {
        width: calc(100% - 350px)
    }
    .leftcontent p {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 20px
    }
    .boxbg p {
        font-size: 14px
    }
    .banner-heading {
        font-size: 26px
    }
    .banner-title-text {
        font-size: 16px;
        line-height: 1.3;
        margin-top: 15px
    }
    .other-links>li {
        font-size: 15px;
        padding: 0 15px
    }
    .homeslider {
        height: 500px
    }
}

@media(max-width:1023px) {
    .sidenav .onlymobile {
        display: block
    }
    .sidenav {
        padding: 20px 30px
    }
    .inner-banner-container {
        width: 94%
    }
    .topmenu>ul>li {
        display: none
    }
    .topmenu>ul>li.freequote,
    .topmenu>ul>li.mobilenum {
        display: inline-block;
        float: none
    }
    .topmenu>ul>li.mobilenum>a {
        font-size: 17px
    }
    .container {
        max-width: 740px
    }
    .listbox ul li {
        width: 50%
    }
    .list4>ul>li {
        width: 100%
    }
    .readyto .titlehead3 span {
        padding: 0 0 20px;
        display: block;
        font-size: 20px
    }
    .list4>ul>li p strong {
        width: calc(100% - 100px)
    }
    .job-form {
        padding: 40px
    }
    .formfilds {
        font-size: 13px
    }
    .blog-sidebar+.blog-detail-sec {
        width: calc(100% - 320px)
    }
    .blog-sidebar {
        width: 290px
    }
    .categories-side-blog,
    .popular-post {
        padding: 20px
    }
    .case-study-image {
        width: 280px;
        height: 230px;
        background-size: 100%
    }
    .case-study-image-box {
        width: 195px;
        height: 118px;
        margin-top: 38px;
        margin-left: 37px
    }
}

@media(max-width:991px) {
    .blog-sidebar {
        margin-bottom: 15px
    }
    .homeslider {
        height: 400px
    }
    .sidemenu {
        top: 72px;
        height: calc(100% - 72px)
    }
    .hometab ul li a span {
        min-height: 58px
    }
    .clients ul li {
        width: 25%
    }
    #servicesSubMenu a {
        width: 30%
    }
    .contact_col {
        width: 100%;
        text-align: center
    }
    .contact_col+.contact_col {
        margin-top: 30px;
        border-top: 1px solid #ddd;
        padding-top: 30px
    }
    .contact_col .pop-up-call {
        text-align: center
    }
    .choosebox5 {
        display: inherit
    }
    .choosebox5>li {
        width: 40%;
        vertical-align: top
    }
    .textright {
        padding: 10px 30px
    }
    .beswork .titlehead small::before {
        width: 60px;
        left: -80px
    }
    .beswork .container {
        padding: 0 15px 0 100px
    }
    .footer_bot .partner_site h5 {
        width: 100%;
        text-align: center;
        padding-bottom: 10px
    }
    .workheading {
        font-size: 22px
    }
    .why_col_4 {
        width: 47.2%
    }
    .why_col_4 .box-icon-item {
        min-height: 336px
    }
    .why_col_4 .why_choose {
        min-height: 222px
    }
    .inner-banner {
        height: 350px
    }
}

@media(max-width:767px) {
    p {
        font-size: 16px;
        line-height: 1.3
    }
    .our_loction {
        padding: 20px 0 10px
    }
    .contact_full_gray {
        padding-bottom: 40px
    }
    .benefitssec .listli>li {
        width: 100%
    }
    .list4>ul>li p strong br {
        display: none
    }
    .case-study-listing {
        width: 100%
    }
    .inner-banner-container {
        width: 90%
    }
    .happeningsec {
        margin-top: 25px
    }
    .relatedbg .titlehead {
        font-size: 24px
    }
    .tabtext {
        padding: 20px 0
    }
    .blog-sidebar {
        width: 100%
    }
    .blog-sidebar+.blog-detail-sec {
        width: 100%
    }
    .job-description>.half2 {
        width: 100%
    }
    .animationdiv {
        font-size: 24px
    }
    .job-form {
        padding: 30px;
        box-shadow: 10px 10px 0 0 rgba(0, 0, 0, .06)
    }
    .contact_wrap_div {
        box-shadow: 10px 10px 0 0 rgba(0, 0, 0, .06)
    }
    .jobfild.widthsec2 {
        width: 100%;
        padding-left: 0
    }
    textarea.inputfilds {
        margin-bottom: 0
    }
    .other-links {
        margin: 15px 0 25px
    }
    .imgsec+.leftcontent {
        width: 100%
    }
    .leftcontent p {
        font-size: 15px
    }
    .bullets_color li {
        font-size: 15px;
        color: #242b34!important;
        line-height: 1.4
    }
    .innercontent {
        padding: 30px 0
    }
    .listbox.listboxli .boxbg {
        height: auto
    }
    .approachlist li {
        width: 100%
    }
    .applybg {
        padding: 30px 0 90px
    }
    .heading2 {
        font-size: 22px
    }
    .readyto1 .titlehead3 {
        border: none
    }
    .readyto1 .titlehead3 span {
        font-size: 17px;
        padding: 15px;
        display: block
    }
    .list4>ul>li p {
        font-size: 14px;
        line-height: 20px
    }
    .listbox ul li,
    .listbox.listbox2 ul li {
        width: 100%
    }
    .heading2 {
        margin-bottom: 15px
    }
    .boxbg {
        height: auto
    }
    .btnlink {
        padding: 8px 30px
    }
    .btnlink.linkbg {
        font-size: 15px
    }
    .viewallbtn.ecom_table_btn,
    .viewallbtn.static_table_btn {
        max-width: inherit
    }
    .why_choose_home .box_wrap {
        width: 100%;
        box-sizing: border-box;
        margin: 20px 0 0
    }
    .contact-submit {
        margin-top: 0
    }
    .magento_page {
        width: 100%;
        overflow: hidden
    }
    .magento_page .magento_devlopment_area .left_side_area {
        width: 100%
    }
    .magento_page .magento_devlopment_area .right_side_area {
        width: 100%
    }
    .magento_devlopment_area .reasons_that .images {
        width: 100%;
        text-align: center
    }
    .magento_devlopment_area .main_heading_regular {
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 15px;
        margin-bottom: 14px;
        margin-top: 0
    }
    .magento_page .main_heading_regular {
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 15px;
        margin-top: 0;
        margin-bottom: 14px
    }
    .magento_page .main_heading_lineone {
        font-size: 20px
    }
    .magento_devlopment_area {
        padding-top: 0
    }
    .magento_page .magento_devlopment_area .left_side_area ul {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .tab-box-red-1 {
        width: 96%
    }
    .tab-box-pink-1 {
        width: 96%
    }
    .tab-box-blue-1 {
        width: 96%
    }
    .why_col_4 {
        width: 94%
    }
    .why_col_4 .box-icon-item {
        min-height: auto
    }
    .why_col_4 .why_choose {
        min-height: auto
    }
    .headerbg {
        padding: 0 15px
    }
    .navicon {
        right: 20px
    }
    .sidenav {
        width: 280px;
        padding: 25px
    }
    .clients ul li {
        width: 33.33%
    }
    .titlehead2 {
        font-size: 20px
    }
    .blogimg {
        width: 100%
    }
    .blogimg+.blogcontent,
    .bloglist>li:nth-child(2n) .blogcontent {
        padding: 15px 0;
        width: 100%;
        text-align: left
    }
    .viewallbtn {
        margin: 10px auto 0
    }
    .homefirst,
    .numbersec,
    .relatedbg {
        padding: 40px 0
    }
    .homefirst img {
        top: -40px;
        width: 100px
    }
    .homefirst ul li {
        width: 100%;
        padding: 5px 15px
    }
    .textright {
        width: 100%;
        padding: 15px
    }
    .innersec {
        padding: 0 5%
    }
    .flinks {
        width: 50%
    }
    .contact_info_grid li {
        width: 100%;
        padding-bottom: 15px
    }
    .border_addrecess {
        margin-bottom: 10px
    }
    .fsec2 {
        width: 100%
    }
    .fsec2:first-child {
        margin-bottom: 30px
    }
    .tcontent {
        padding: 15px;
        font-size: 14px
    }
    .titlehead {
        font-size: 22px
    }
    .innersec p {
        font-size: 15px
    }
    .tabtext img {
        width: 50%
    }
    .beswork .container {
        padding: 0 15px
    }
    .beswork .titlehead small::before {
        display: none
    }
    .tabtext p {
        font-size: 14px
    }
    .workbox .logos {
        width: 100px
    }
    .workheading {
        font-size: 20px
    }
    .arrowbtn {
        top: -25px;
        right: 18px;
        width: 50px;
        height: 50px;
        line-height: 52px
    }
    .worktext {
        padding: 15px 20px
    }
    .beswork {
        padding: 40px 0
    }
    .homefirst ul li {
        font-size: 16px
    }
    .bannertitle {
        font-size: 24px
    }
    .homefirst img {
        position: static
    }
    .logo {
        margin: 14px 0;
        width: 200px
    }
    .navicon {
        width: 40px;
        top: 18px
    }
    .navicon small {
        display: none
    }
    .viewallbtn {
        max-width: 150px;
        padding: 6px 15px;
        min-width: 150px
    }
    .flinks.newslettersec {
        width: 50%
    }
    .office_address.marginbot {
        margin-bottom: 25px
    }
}

@media (min-width:768px) {
    .contact_text br {
        display: none
    }
}

@media (max-width:767px) {
    .contact_mid {
        padding: 15px 0
    }
}

@media(max-width:640px) {
    .homeslider,
    .inner-banner {
        margin-top: 105px
    }
    .nobanner {
        margin-top: 100px
    }
    .submenuslink {
        display: block
    }
    #servicesSubMenu {
        display: none;
        margin-top: -10px;
        margin-bottom: 10px
    }
    #servicesSubMenu a {
        width: 49%;
        margin: 0 0 5px;
        box-sizing: border-box
    }
    .headerbg {
        margin-top: 32px
    }
    .topmenu>ul>li.freequote a {
        line-height: 18px;
        font-size: 14px;
        margin-top: 3px
    }
    .topmenu {
        width: 100%;
        margin: 0;
        position: absolute;
        left: 0;
        top: -32px;
        background: #f1f1f1;
        text-align: center
    }
    .topmenu>ul>li>a {
        padding: 6px 7px;
        line-height: 20px
    }
}

@media(max-width:480px) {
    .view_add_xs_wrap {
        margin-bottom: 0;
        padding-bottom: 0!important
    }
    .footerinner:before {
        background-attachment: fixed
    }
    #servicesSubMenu a {
        width: 100%
    }
    #servicesSubMenu a {
        width: 100%
    }
    .choosebox5>li {
        width: 90%
    }
    .choosebox5>li div {
        min-height: auto
    }
    .hometab ul li {
        min-height: 130px
    }
    .clients ul li {
        width: 50%
    }
    .clients ul li a {
        height: 80px
    }
    .clients ul li a img {
        max-height: 50px;
        width: auto!important;
        margin: 0 auto
    }
    .clients .logoscroll li {
        width: 100%
    }
    .tabtext img {
        width: 100%
    }
    .flinks {
        width: 100%
    }
    .flinks.newslettersec {
        width: 100%
    }
    .imgsec {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px
    }
    .animationdiv {
        font-size: 18px
    }
    .imgsec {
        max-width: 90%;
        margin: 10px auto;
        display: block;
        float: none
    }
}

@media(max-width:479px) {

    .inner-banner {height: 400px; } 
    .bottom_area_outer {
        position: relative;
        z-index: 96;
    }
    .homeslider {
        height: 215px
    }
    .call2.nopading {
        padding-bottom: 10px
    }
    .call2 {
        width: 100%
    }
    .jobfild .selectlabel {
        line-height: 30px
    }
    .homeslider {
        margin-top: 104px
    }
    .sidemenu {
        top: 97px;
        height: calc(100% - 97px)
    }
    .navicon.active {
        top: 44px
    }
    .bannerlogo {
        bottom: 15px;
        width: 280px;
        margin-left: -140px
    }
    .tabtext img {
        width: 90%;
        margin: 0 auto;
        display: block;
        float: none
    }
    .bannertitle {
        width: 280px
    }
    @keyframes reveal {
        0% {
            opacity: 0;
            width: 0
        }
        20% {
            opacity: 1;
            width: 0
        }
        30% {
            width: 160px
        }
        80% {
            opacity: 1
        }
        100% {
            opacity: 0;
            width: 160px
        }
    }
    .call-right-fixed,
    .skype-right-fixed,
    .whatsapp-right-fixed {
        top: inherit;
        width: 33.33%;
        right: inherit;
        bottom: 0!important
    }
    .call-right-fixed {
        left: 33.33%
    }
    .skype-right-fixed {
        left: 66.66%
    }
    .iconsbg,
    .iconsbg span {
        border-radius: 0;
        width: 100%
    }
    .footer_bot {
        margin-bottom: 40px
    }
    .share_options {
        margin-top: -101px;
        position: fixed;
        bottom: 40px;
        left: 50%;
        margin-left: -160px
    }
    .briefsec,
    .briefsec p {
        font-size: 17px
    }
    .applycontent ul li {
        font-size: 15px
    }
    .fsec2 ul li a {
        margin: 0 7px
    }
    .others_address .address_block_wrap {
        min-height: 250px
    }
}
@media(max-width:330px) {

    .inner-banner {height: 430px; } 
}

.page_loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #fff
}

.addtext {
    font-size: 17px;
    color: #242b35
}

.addtext a {
    color: #242b35
}

.homefirst.text-center {
    text-align: center
}

.australia_flag,
.calls-icon,
.digital-marketing-tab,
.dubai,
.ecommerce-solution-tab,
.indiaflag,
.mobile-app-tab,
.phon-number-top,
.skype-icon1,
.united_kingdom,
.web-hosting-tab,
.webdesign-tab,
.webdevelopment-tab,
.whatsapp-icon1 {
    background: url(../img/home-sprites.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.digital-marketing-tab {
    background-position: -307px 0;
    width: 38px;
    height: 40px
}

.ecommerce-solution-tab {
    background-position: -242px 0;
    width: 44px;
    height: 40px
}

.mobile-app-tab {
    background-position: -191px 0;
    width: 29px;
    height: 40px
}

.webdesign-tab {
    background-position: -120px 0;
    width: 50px;
    height: 40px
}

.webdevelopment-tab {
    background-position: -60px 0;
    width: 39px;
    height: 40px
}

.web-hosting-tab {
    background-position: 0 0;
    width: 35px;
    height: 40px
}

.indiaflag {
    background-position: -139px -65px;
    width: 24px;
    height: 16px
}

.phon-number-top {
    background-position: -188px -65px;
    width: 21px;
    height: 23px
}

.united_kingdom {
    background-position: -92px -65px;
    width: 24px;
    height: 16px
}

.australia_flag {
    background-position: -46px -65px;
    width: 24px;
    height: 16px
}

.dubai {
    background-position: 0 -65px;
    width: 24px;
    height: 16px
}

.calls-icon {
    background-position: -357px -58px;
    width: 40px;
    height: 40px
}

.skype-icon1 {
    background-position: -294px -59px;
    width: 40px;
    height: 40px
}

.whatsapp-icon1 {
    background-position: -228px -58px;
    width: 40px;
    height: 40px
}

.gallery-first-sc a:first-child {
    position: relative
}

.gallery-first-sc a:first-child:after {
    transform: rotate(0);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    content: '';
    width: 16px;
    height: 16px;
    border-right: 2px solid #d62c2b;
    border-bottom: 2px solid #d62c2b;
    position: absolute;
    bottom: -35px;
    right: 25px;
    z-index: 11
}

.gallery-first-sc a:first-child:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    content: '';
    width: 16px;
    height: 16px;
    border-right: 2px solid #d62c2b;
    border-bottom: 2px solid #d62c2b;
    position: absolute;
    bottom: -35px;
    right: 0;
    z-index: 11
}

.content-cat {
    font-size: 17px;
    color: #242b34;
    line-height: 24px;
    text-align: center
}

.content-cat p {
    margin-bottom: 15px
}

.breadcrumb {
    padding: 15px 0;
    border-bottom: solid 1px #ccc;
    background: #f1f1f1
}

.breadcrumb ul {
    list-style: none;
    text-align: center
}

.breadcrumb ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    position: relative
}

.breadcrumb ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.breadcrumb ul li.active {
    font-weight: 600;
    color: #d62c2b!important
}

.blog_single .breadcrumb ul li img {
    margin-right: 5px
}

.blog_single .breadcrumb ul li:after,
.blog_single .breadcrumb ul li:before,
.breadcrumb ul li:first-child:after,
.breadcrumb ul li:first-child:before {
    display: none
}

.breadcrumb ul li:before {
    content: "";
    width: 10px;
    height: 1px;
    background: #000;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: -8px;
    top: 8px
}

.breadcrumb ul li:after {
    content: "";
    width: 4px;
    height: 4px;
    margin-top: -1px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: -3px;
    top: 7px
}

.contact_page_main .breadcrumb ul li:before {
    background: #fff
}

.contact_page_main .breadcrumb ul li:after {
    border-color: #fff
}

.twosec.workdrop {
    width: 735px;
    left: -200px
}

.twosec.workdrop>li {
    width: 50%
}

@media(max-width:1280px) {
    .twosec.workdrop {
        width: 600px;
        left: -100px
    }
}

.breadcrumb ul li img {
    position: relative;
    top: 3px;
    height: 12px
}

.breadcrumb_top .nobanner {
    margin-top: 17px
}

.breadcrumb_top .breadcrumb {
    margin-bottom: 40px;
    border-top: solid 1px #ccc
}

.breadcrumb_top .headerbg {
    box-shadow: none
}

.portfolio_single_page .breadcrumb {
    background: 0 0;
    border: none
}

.portfolio_single_page .breadcrumb ul li a {
    color: #fff
}

.portfolio_single_page .breadcrumb ul li {
    color: #fff
}

.share_items li:nth-child(5) a i {
    background: #4ba233 url(../img/home-sprites.png) no-repeat;
    background-position: -230px -58px
}

.blog_single .share_items {
    opacity: 1;
    position: static;
    visibility: visible
}

@media (max-width:1023px) {
    .blog_single {
        margin-top: 105px!important
    }
    .breadcrumb_top .nobanner {
        margin-top: 78px!important
    }
}

.blog-detail-sec .blog_date {
    float: left;
    margin-right: 12px
}

.blog-detail-sec .blog_date:after {
    content: ',';
    display: inline-block
}

.popular-post .blog_box .blog_date {
    float: left;
    margin-right: 10px
}

.popular-post .blog_box .blog_title {
    width: 100%;
    float: left
}

.popular-post .blog_box .blog_date:after {
    content: ',';
    display: inline-block
}

.portfolio_single_page .breadcrumb ul li:before {
    top: 11px;
    background: #fff;
}

.portfolio_single_page .breadcrumb ul li:after {
    top: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.proceed .proceed_it {
    font-size: 15px;
    padding: 5px 25px;
}

@media (max-width: 767px) {
    .proceed .proceed_it {
        font-size: 14px;
        min-width: 140px;
    }
}

.ctab {
    padding-bottom: 0
}

.tabslink {
    text-align: center;
}

.tabslink ul {}

.tabslink ul li {
    display: inline-block;
    margin-bottom: 5px;
}

.tabslink ul li a {
    padding: 5px 25px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    background: #f6f7f8;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    display: block;
    border-radius: 20px;
}

.tabslink ul li a:hover,
.tabslink ul li a.activelink {
    background: #d62c2b;
    border-color: #d62c2b;
    color: #fff!important;
}

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

.tabcontents ul {
    list-style: none;
}

.tabcontents ul li {
    position: relative;
    padding: 4px 0 5px 25px;
    font-size: 17px;
}

.tabcontents ul li:before {
    content: "";
    width: 6px;
    height: 12px;
    border-right: 4px solid #d62c2b;
    border-bottom: 4px solid #d62c2b;
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 3px;
}

.tabcontents .heading2 {
    margin-top: 80px;
}

.logfile {
    display: none;
}

.logfile .imgsec {
    width: 100%;
    max-width: 45%;
    margin-left: 0;
}

.logfile .lightbg .imgsec {
    float: left;
}

.logfile .lightbg .tabcontents {
    float: right;
}

.checkdiv{margin-bottom: 30px;}
.checkdiv .heading2{margin-bottom: 5px;}
.tablepad.web_design_package .table tr td{padding: 15px;}


 
/*.popmodal .modal {display:none; position:fixed; z-index:99; padding-top:100px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color: rgba(0,0,0,0.9);}
.popmodal .modal-content {margin: auto; display: block; width: 80%; max-width: 700px;}
.popmodal #caption {margin: auto; display: block; width:80%; max-width: 700px;  text-align: center;  color: #ccc;  padding: 10px 0;  height: 150px;}
.popmodal .modal-content, .popmodal #caption {-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}

@-webkit-keyframes zoom { from {-webkit-transform:scale(0)}  to {-webkit-transform:scale(1)} }
@keyframes zoom {  from {transform:scale(0)}   to {transform:scale(1)} }
.popmodal .close {position: absolute; cursor: pointer; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;}
.popmodal .close:hover, .popmodal .close:focus {color: #bbb; text-decoration: none; cursor: pointer;}
@media only screen and (max-width:479px){
.popmodal .close{font-size: 30px; right: 5%;}
.popmodal .modal{padding-top:50px; top: 90px; }
.popmodal .modal-content {width: 90%;}
   
}
*/

.popup{ }
.popup img{ cursor: pointer}
.show{z-index: 9999; display: none; position: relative; }
.show .overlay{width: 100%; height: 100%; background: rgba(0,0,0,.66); position:fixed; top: 0; left: 0; z-index: 99}
.show .img-show{width:900px; background:#FFF; position: fixed; z-index: 99; top:50%;  left:50%; transform:translate(-50%,-50%); overflow:hidden;}
.img-show span {position: absolute; top: 0; right: 0; z-index: 99; cursor: pointer; font-size: 20px; background: #ccc; width: 30px; height: 30px;
    text-align: center; line-height: 30px;} 
@media only screen and (max-width:991px){
.show .img-show{ width: 100%; max-width:740px; }
}
@media only screen and (max-width:767px){
.show .img-show{width:450px;}
}
 
@media only screen and (max-width:479px){
.show .img-show{width:340px;}
}
@media only screen and (max-width:359px){
.show .img-show{width:310px;}
}




@media (max-width:1199px) {
    .tabslink ul li a {
        font-size: 14px;
    }
    .tabcontents .heading2 {
        margin-top: 40px;
    }
}

@media (max-width:600px) {
    .logfile .imgsec {
        max-width: 100%;
    }
    .tabcontents {
        width: 100%;
        max-width: 100%;
    }
    .tabcontents .heading2 {
        margin-top: 15px;
    }
    .friendrefer {width:330px;}
}