@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800;900&display=swap);
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Light.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
body{
    margin:0;
    padding:0;
    background:#fff; font-family: 'SF Pro Display';
    /*font-family:'Work Sans',sans-serif;*/
    font-weight:normal;
    font-size:20px;
    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
}
.newsletterbox input::-ms-input-placeholder, .newsletterbox input::-webkit-input-placeholder{
    color:#fff;
}
span#email_newsletter_error {
    text-align: center;
    width: 100%;
    display: block;
    padding-top: 10px;
}
.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{
    color:#78787e;
    margin-bottom:10px
}
a:active,a:focus{
    outline:0!important
}
.clear{
    clear:both
}
.process .textimgbox {
    background: #ffff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #d9d9d9;
    height: 300px;
}
.process .textimgbox img {
    transition: all ease-in 0.4s;
}
.process .textimgbox:hover img {
    transform: translateY(-10px);
}
.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:0 -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:#d91f32
}
.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:#D91F32
}
p{
    font-size:18px; line-height: 1.4;
}
.container{
    max-width:1280px;
    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
}
.home_page .headerbg{
    background:transparent;
    /* padding:20px 30px; */
    }
.headerbg{
    background:rgba(38,33,89,1);
    /*box-shadow:0 0 10px 0 rgba(0,0,0,.16);*/
    padding: 7px 30px;
    position:fixed;
    width:100%;
    z-index:9999;
    top:0;
    transition: 0.5s;
}
.headerbg ul{
    list-style:none
}
.headerbg .headercontainer{
    max-width:100%;
        width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo{
    /* margin:10px 0; */
    float:left;
    max-width:340px
}
.logo img{width:275px; display: block;}
.topmenu{
    float:right;
    margin-right:80px;
    position:relative
}
.topmenu>ul>li{
    display:inline-block;
    float:left
}
.topmenu>ul>li>a{
    color:#fff;
    padding:12px 25px;
    line-height:50px;
    display:block;
    font-size:18px;
   /* 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:#D91F32
}
.topmenu>ul>li:hover>a{
    color:#D91F32
}
.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:222px
}
.height3{
    height:450px
}
.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
}
.menuheadings2{margin-top: 15px;}
.menuheading{
    font-size:26px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:10px
}
.menuheading a{
    color:#000
}
.hoverbg a:hover{
    color:#D91F32
}
.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:#D91F32
}
.topmenu>ul>li:hover .twosec{
    visibility:visible!important;
    opacity:1
}
.topmenu>ul>li.freequote a{
    background:#D91F32;
    color:#fff;
    line-height:30px;
    font-size:13px;font-weight: 600; letter-spacing: 3px;
    padding:7px 30px;
    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: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
}

.bannerslider  .owl-item img  { height: 100vh; object-fit: cover;}

.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:fixed;
    top:40px;
    right:40px;
    z-index:9999;
    width:40px;
    height:35px;
    padding-top:8px;
    transition: 0.5s;
}

.sticky .navicon {     top: 26px;}

.navicon small{
    float:left;
    font-size:19px;
    font-weight:600;
    text-transform:uppercase
}
.navicon span{
    margin-top:8px;
    width:25px;
    height:3px;
    background:#fff;
    position:relative;
    display:block;
    float:right
}
.navicon span:after,.navicon span:before{
    content:"";
    width:16px;
    height:3px;
    background:#fff;
    display:block;
    position:absolute;
    left:0
}
.navicon span:after{
    left:0px;
    width:20px
}
.navicon span:before{
    top:-10px
}
.navicon span:after{
    bottom:-11px
}
.navicon span:after{
    width:35px
}
.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:0;
    background:#262159;
    z-index:99;
    height:100%; padding: 0px 30px;
}
.sidenav{
    width:50%;
    /*float:right;*/
    height:100%;
    position:relative;
    /*background:rgba(38,33,89,1);*/ display: table-cell; vertical-align: middle;
   
    z-index:99;
    height:100%;
    padding:10%;
     /*border-top:1px solid #f1f1f1;
    box-shadow:0 3px 3px #c2c2c2;*/
    overflow:auto
}
.sidenav>li{
    display:block;
    padding:3px 0;
    position:relative
}
.sidenav>li>a{
    color:#fff;
    padding:5px 0;
    line-height:24px;
    display:block;
    font-size:32px;
    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:#fff;
    font-size:32px;
    display:block;
    padding:8px 0px;
    font-weight:600
}
.sidenav>li>a.active{
    color:#D91F32
}
.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:#D91F32
}
.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:50px
    }
}
@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;
/*    height: 100vh;*/
}
.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;opacity: 0.8;
    z-index: 1;
}
.animationdiv{
    padding-top:10px;
    font-size:40px;
    font-weight:500
}
.btext>div>span{
    background:#D91F32;
    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:1200px; max-width: 94%;
    transform:translate(-50%,-50%);
    /*text-align:center;*/
    z-index:9;
    color:#fff
}
.caption_item{
    font-size:65px;
    /* overflow:hidden; */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1200px;
    max-width: 94%;
    transform: translate(-50%, -50%);
}
.text_line{
    padding:6px 0;
    margin:2px 0;
    position:relative
}
/*.text_line1{
    font-weight:300;
    font-size:52px
}*/
.text_line span{ line-height: 1;
    display:block;
    position:relative;
    left:-50%;
    opacity:0
}
.text_line span cite{font-style: normal; font-size: 100px; display:block;}
.text_line2 span{
    left:-80%
}
.owl-item.active .text_line span{
    left:0;
    opacity:1;
    transition:2s .2s;
    color: #fff;
}

.caption_item{
    transition:2s .2s
}
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:#D91F32; */
    }
    .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
    }

/*======= Suraj CSS =======*/
.bannerslider .owl-item img {
    height: auto;
}
body .navicon {
    top: 10px
}
body.sticky .navicon {
    top: 17px;
}
body.sticky .mobileshow {
    top: 22px;
    transition: 0.5s;
}
.homeslider .bottom_logos .ignite {
    width: 175px;
    height: 70px;
}
.homeslider .owl-item .item .caption_item .text_line {
    font-size: 30px;
    padding: 0;
    margin-bottom: 15px;
}
.homeslider .owl-item .item a.banner-btn {
    margin-top: 10px;
    display: inline-block;
}
.bottom_area_outer .footerinner .flinks.addlocation {
    padding-left: 25px;
}
.footer_outer .leftlogos, .footer_outer .rightlogos {
    width: 100%;
    text-align: center;
}

}
@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;
        
    }
    .navicon small{
        display:none
    }
    .navicon span{
        width:30px
    }
    .navicon span::after{
        left:0
    }
    .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:50px;
    height:50px;
    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{
    text-align: center;
    background: #f3f3f3;
    padding:70px 0px
}
.homefirst .titlehead{
    margin-bottom:15px
}
.homefirst p{
    /*font-size:21px;
    line-height:1.4;font-weight:300;*/
    color:#78787e;
}
.titlehead{ color:#293b55;
    font-size:45px;
    font-weight: normal;
}
.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{
    /* padding: 100px 0; height: 100vh; background: url(../img/servicebg.jpg) center center no-repeat;*/
    background-size: cover;
    position: relative;
    /*border-top:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2*/
    padding: 0!important;
}
.hometab:before{content:"";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;/* background: rgba(217, 32, 50, 0.8); */}
.serviceslide{width: 100%;float: right;overflow: hidden;/*position: absolute;right: 0; bottom: 100px;z-index: 9;*/margin-top: -12rem;}
.hometab .container{position: relative;}
.smalltitle{position: relative; color:#fff; font-size: 24px; font-weight: normal;}
.smalltitle:before{content:""; width: 64px; position: absolute; left: -75px; top: 14px; height:2px; background:#fff;display: block;}
.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{ color:#fff; font-weight: bold; font-size: 24px; text-align: left; display:block; padding-top:10px}
.hometab ul li a.activelink{ background:#a89ffb;    color:#D91F32}
.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; max-height: 120px;}
.colbox{/* margin-top: 50px; */}
.colbox img{transition: all 0.5s ease;}
.center .colbox{padding-top: 100px; margin-top:0;}
.center .colbox img{ /*transform: scale(1.1); margin-bottom: 10px;*/}

.fulsecwidth{width: 100%; position: relative;z-index: 1; }
.tabcontentbg {/* margin-bottom: 11%; */width: 100%;float: left;/*position: absolute; top: 50%;left: 0; transform: translate(0, 50%);*//* padding: 80px 0; *//* padding-left: 10%; *//* padding-right: 5%; */z-index: 0;position: relative;}
.colbox{cursor: pointer; border-radius: 10px;align-items: center;justify-content: center;}
.colbox span{display: block;color: #29292c;font-size: 22px;font-weight: bold;}
.colbox .showfile {padding: 20px 20px 20px; }


.tabscroll .owl-stage{display: flex;}
.textcontent p strong {min-height: 60px;font-size: 25px;font-weight: 300;}

/* .tabscroll .owl-stage-outer { overflow: inherit !important; } */

.tabscroll .article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.tabscroll .colbox   {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* background: #bebdff; */
}


.one{background: #bebdff;} 
.two{background: #fbd6d6;} 
.three{background: #befadd;} 
.four{background: #fadfbe;} 
.five{background: #e6d0fd;} 
.six{background: #ffafcf;} 
.titlehead2{
    font-size:65px;
    line-height: 1;
    font-weight:300;
     color:#fff; 
    margin-bottom:20px
}
.tabtext{
    display:none;
    /* padding:10px 0; */
    width:100%;
    float:left
}
.tabtext > img{display: none;}
.tabtext p{ color:#fff; font-weight:300; 
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;   
    font-size: 18px;
}
.tabtext img{
    /* width: 40%; */
    /* float:left; */
    /* margin-right: 3%; */
}
/*.textright{
    width:54%;
    padding:20px 50px;
    float:right
}*/
.textright {
    width: 60%;
    padding: 0;
    float: left;
    background: #3634a5;
    padding: 80px 5% 18rem 10%;
    margin: 0;
}
.textright > img{display: none;}
.viewmore{
    border:1px solid #D91F32;
    color:#D91F32;
    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:#D91F32;
    color:#fff
}
.viewportfolio{
    border:1px solid #D91F32;
    background:#D91F32;
    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:#D91F32
}
.why_choose_home{
    padding:65px 0 50px;
   /* background:#f0f3f7; */
   float:left;
   width:100%
}
.home_page .beswork .portfoliocontent a.viewproject:hover {
    background: #D91F32;
    color: #fff;
}
.ourclients .center-text a.viewallbtn {
    margin-top: 0;
}
.readmorebtn{padding: 15px 35px; text-transform: uppercase; font-size: 13px; font-weight: 600; letter-spacing: 3px; border-radius: 30px; background:#D91F32; color:#fff;}
.innersec{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    /*padding:0 15%;
    text-align:center*/
}
.innersec .titlehead{
    margin-bottom:20px
}
.innersec p{
    margin-bottom: 50px;
    /*
    font-weight:300;
    line-height:1.6;
    color:#55595b*/
    column-count: 2;
    gap: 70px;
    font-size:18px;
}
.choosebox5{width: 100%;display: inline-block;vertical-align: middle;}
.choosebox5 > ul{list-style: none;padding: 0;margin: 0 -15px;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 20px;}
.choosebox5 > ul > li{width: 17.4%;padding: 5px;/* float: left; */margin: 15px;border-radius: 20px;text-align: center;}
.choosebox5 > ul > li:nth-child(2), .choosebox5 > ul > li:nth-child(5) {/* margin-top: -35px; */}
.choosebox5 .front, .choosebox5 .back{ width: 100%; padding:20px; min-height:200px; background:#fff;}
.front span{ display: block; color:#2d3d56;}

.flip-box {/* background-color: transparent; */width: 100%;height: 200px;/* border: 1px solid #f1f1f1; */perspective: 1000px;}
.flip-box-inner { position: relative; width:100%; height:100%; transition: transform 0.8s; transform-style: preserve-3d;}
.flip-box:hover .flip-box-inner {transform: rotateY(180deg);/* text-align: left; */}
.flip-box-front, .flip-box-back {position:absolute; width:100%; height:100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.flip-box-front {background: var(--bg);color: black;padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.flip-box-front span{display: block;color:#2d3d56;font-weight: 500;}
.flip-box-back {background: var(--bg);padding: 20px;transform: rotateY(180deg);will-change: transform;}
.flip-box-back ul{margin-left: 15px;font-size: 16px;list-style: none;list-style: none;margin: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.flip-box-back ul li{margin-top: 8px;color: #2d3d56;position:relative;list-style: none;font-weight: 500;} 
.flip-box-back ul li::before {
    content: "•";
    position: absolute;
    left: -15px;
    display: block;
    color: #d91f32;
    font-size: 20px;
    top: 0px;
    line-height: 1;
    display: none;
    }
.back{display: none;}

.faq_list { list-style:none }
.faq_list li { position: relative;    margin-bottom: 6px;  padding-left: 18px; }
.faq_list li:after { height: 8px; width: 8px; content: ''; background-color: #D91F32; display: block; position: absolute; top: 7px; left: 0; border-radius: 50px; }
.faq_list li {font-size: 16px;color: #78787e; }

.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
}
.numberslider{margin-top: 80px;}
.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/arrowleft.png) center center no-repeat;
}

.tabscroll.owl-carousel .owl-nav button{ width:54px; height:54px; border-radius: 50%; border: 1px solid #fff!important;}
.tabscroll.owl-carousel .owl-next{margin-left:10px;}
.tabscroll.owl-carousel .owl-next:before { transform: rotate(180deg);   }
.tabscroll.owl-carousel .owl-next:before,  .tabscroll.owl-carousel .owl-prev:before{
   /* background-position:-262px -167px;
    width:26px;
    height:15px*/
     width:54px;
    height:54px
}
.choosebox5 .owl-item{
    border:1px solid #fff;
    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{width: 100%; float: left;
     padding:75px 0 
}
.home_page .beswork{padding: 0;}
.beswork .titlehead{
    margin-bottom:30px
}
.beswork .titlehead small{
    font-size:19px;
    color:#D91F32;
    display:block;
    position:relative;
    text-transform:uppercase
}
.beswork .titlehead small:before{
    content:"";
    width:80px;
    border-bottom:2px solid #D91F32;
    position:absolute;
    left:-100px;
    top:10px
}
.beswork .container{
   /* max-width:100%;
    width:100%;
    padding:0 15px 0 150px*/
}
.workbox{
    position:relative;
    background: rgba(38,33,89,1);
    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: rgba(38,33,89,1);*/
    /*background:#cb1070;*/
    padding:20px 30px;
    color:#fff;
    font-weight:300;
    position:relative
}
.worktext p{
    margin:0
}
.workheading{
    font-size:24px;
    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:#d91f32
}
.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:220px;
     
    display:inline-block;
    padding:20px 35px;
    font-size:13px;
    letter-spacing: 3px;
    font-weight:600;
    color:#d91f32;
    border:1px solid #d91f32;
    /*background:#262159;*/
    border-radius:30px;
    text-align:center;
    text-transform:uppercase
}
.viewallbtn:hover{
    background:#D91F32;
    color:#fff;
    border-color:#D91F32
}
.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; background-color:#f1f1f1!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:left;
    padding: 2rem 1.5rem;
    background:#fff;
    border-radius: 12px;
}
.numbox:hover {
    background: #1c1b4b;
}
.numbox:hover .numbers, .numbox:hover .numbers strong {
    color: #fff;
}
.numbox span{
    display:inline-block
}
.numbers{/*color:#fff;
    font-size:18px;*/
    margin-bottom:10px
}
.numbers strong{ color:#2d2d33;
    font-size:30px;
    font-weight:600;
    display:block
}

.numbox:hover span{
    margin-top:-10px
}
.numbersec .owl-item:nth-child(1) .numbers,.numbersec .owl-item:nth-child(4) .numbers{
    margin-bottom:75px
}
.clients{
     float:left;
    width:100%
}
.clients ul{
    list-style:none;
    display: flex;
    flex-wrap: wrap;
}
.clients ul li{
    width:20%;
   
    text-align:center;
    display:table;
    padding:5px 20px;
}
.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:100px;
 webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    /*opacity:.5*/
}
.clients ul li a:hover img{
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
    opacity:1
}
.clients ul li a:hover{box-shadow: 0 0 10px #ccc;}
.clientpage .clients{
    margin-top:0
}
.relatedbg{ background:#fff;
    padding:70px 0;
    width:100%;
    float:left
}
.relatedbg .titlehead{ position: relative;
    margin-bottom:15px;
    font-size:35px 
}
.relatedbg .titlehead:before{content:""; width:60px; background:#293b55; height: 2px; position: absolute; top: 20px; left: -70px; display: block;}
.blogsec{
    width:100% 
    /*67.66%*/
    ;
    float:left
}
.bloglist{
    list-style:none
}
.bloglist>li{
    width:33.33%;
    float:left;
    padding-right:15px
}
.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
}
.blogsec .blogcontent p{
    color:#2a3139
}
.blogsec .titlehead2{
    min-height:50px;
    font-weight:600;
    font-size:19px;
    margin:10px 0 0
}
.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 #D91F32;
    display:inline-block;
    margin-right:10px;
    vertical-align:middle
}
.blogcontent p{
    font-size:16px
}
.bloglist>li:first-child{
    margin-top:0
}
.bloglist>li:nth-child(2n) .blogimg{
    float:right
}
.bloglist>li:nth-child(2n) .blogcontent .titlehead2 small:after{
    content:"";
    width:45px;
    border-top:1px solid #D91F32;
    display:inline-block;
    margin-left:10px;
    vertical-align:middle
}
.bloglist>li:nth-child(2n) .blogcontent .titlehead2 small:before{
    display:none
}
.happeningsec{ width:100%  float:left;}
.blogsec .viewallbtn{
    background:none;
    border-color:#D91F32;
    color:#D91F32
}
.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:#D91F32
}
.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:#D91F32
}
.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:#D91F32;
    text-transform:uppercase;
    font-size:15px;
    font-weight:600;
    display:block
}
.tbox:hover{
    background:#fff
}
.tbox:hover .testiby{
    background:#D91F32;
    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%;border-top:1px solid #dadada;padding:5px 0;
    
}
.ftitle{ font-size: 16px;
    
    padding:10px 30px 10px 45px;
    color:#383842;
    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:before{ content:"Q.";  color:#D91F32;  display:block;  line-height:20px;  position:absolute;  left:10px; top:8px;
    font-size:16px;  font-weight:600}
.ftitle:after{
    content:"+";
    color:#D91F32;
    display:block;
    line-height:20px;
    position:absolute;
    right:15px;
    top:5px;
    font-size:28px;
    font-weight:300
}
.faqlist>ul>li.active .ftitle:after{
    content:"-";
    line-height:16px
}
.ftitle.active{
    border-color:#D91F32;
    color:#D91F32
}
.faqlist>ul>li.active{border-color:#D91F32;}
.faqlist>ul>li.active .ftitle{
    border-color:#D91F32;
    color:#D91F32
}
.fqcont{ font-size: 16px;
    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{ font-size: 16px;}
.fqcont p:last-child{
    margin-bottom:0
}
.faqlist>ul>li.active .fqcont{
    padding:15px 15px 15px 45px;
    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
}

::-webkit-input-placeholder, 
::-moz-placeholder, ::placeholder { opacity: 1;
    color:#ccc;
}
input[type="email"]::-webkit-input-placeholder{color:#f1f1f1;}
@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: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;
        display: none;
        color: red;
    }
    .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{
        
    }
    .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){
    .navicon{position: fixed;}

    .clients ul li{padding: 5px;}
    .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; color:#445c69;
    }
    .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
    }
  
    .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:#D91F32;
    text-transform:uppercase;
    font-weight:600
}
.readyto{
    background:#262159;
    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 #D91F32;
    color:#D91F32;
    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:#D91F32;
    border:1px solid #D91F32;
    color:#fff;
    font-size:17px;
    font-weight:600
}
.btnlink.linkbg:hover{
    background:#fff;
    color:#D91F32
}
.readyto1{
    text-align:center;
    margin-top:30px
}
.readyto1 .titlehead3{
    margin:0;
    font-weight:700;
    border:1px solid #D91F32;
    border-radius:30px;
    display:inline-block
}
.readyto1 .titlehead3 span{
    font-size:19px;
    padding:0 30px 0 40px;
    font-weight:600;
    color:#D91F32
}
.readyto.redstrip{
    background:#D91F32
}
.readyto.redstrip .btnlink.linkbg{
    background:#262159;
    padding:12px 30px
}
.morebtn{
    color:#D91F32;
    text-transform:uppercase;
    font-weight:500;
    font-size:14px;
    position: relative;
}
.morebtn:before{
    content:"";
    width: 30px;
    border-bottom: 2px solid;
    margin-right: 0px;
    display:inline-block;
    vertical-align:middle;
    position: absolute;
    right: -44px;
    top: 6px;
    height: 0px;
}
.morebtn:after {
    content: "";
    position: absolute;
    width: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    height: 6px;
    /* background: red; */
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 3px;
    right: -43px;
}
.hometab a.morebtn:hover {
    color: #D91F32;
}
.ourclients .headingsec h2.heading2 {
    padding-bottom: 30px;
}
.beswork .smalltitle.mobiletitle {
    margin-bottom: 25px;
}
.beswork a.viewproject {
    margin-right: 20px;
}
.pull-right{
    float:right
}
.blog_wrap .blog_box{
    width:33.33%;
    padding:0 12px;
    float:left;
    margin-bottom:60px
}
.blog_wrap .blog_box:nth-child(3n+1){ clear: left; }

.blog_wrap .blog_box p{
    max-height:44px; font-size: 16px;
    overflow:hidden
}
.blog_wrap .blog_box .readmore{font-size: 16px;}
.blog_wrap #portlist{
    list-style:none;
    margin:0 -12px
}
.blog_box .blog_title a{color: #262159;     margin: 20px 0 5px 0;
    display: block;}
.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 #D91F32;
    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:#D91F32;
    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:#262159;
    color:#fff;
    text-align:center
}
.inner-banner{
    margin-top:86px;
    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(38,33,89,0.6)/*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
}
.other-links>li>a:hover, .breadcrumb ul li a:hover {
    color: #D91F32;
}
.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:#D91F32
}
.heading2{
    font-weight:700;
    font-size:32px;
    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:#262159;
    margin:0 0 15px
}
.heading-subhading{
    padding:0 8% 15px;
    font-size:17px
}
.heading-subhading .heading2{
    margin-bottom:15px
}
.innercontent{
    padding:40px 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:15px
}
.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 #D91F32;
    border-bottom:4px solid #D91F32;
    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:#D91F32
}
.approachlist .heading2{
    margin-bottom:30px
}
.approachlist ul{
    list-style:none;
    display: flex;
    flex-wrap: wrap;
}
.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:#D91F32
}
.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:#D91F32;
    color:#fff
}
.listli{
    list-style:none
}
.listli li{
    display:block;
    font-weight:300;
    padding:4px 0 12px 25px;
    position:relative
}
/*.listli li:before{
    content:"";
    width:6px;
    height:12px;
    border-right:4px solid #D91F32;
    border-bottom:4px solid #D91F32;
    transform:rotate(45deg);
    position:absolute;
    left:5px;
    top:3px
}*/
.listli li::before {
    content: "";
    width: 5px;
    height: 9px;
    border-right: 2px solid #D91F32;
    border-bottom: 2px solid #D91F32;
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 6px;
}
.tabtext.strategysec{
    padding-top:0
}
.tabtext.strategysec img{
    float:right;
    width:45%
}
.tabtext.strategysec .textright{
    float: left;
    width: 100%;
    padding: 0px 0 35px;
    text-align: center;
    background: inherit;
}
section.innercontent.flowbg ul.flowlist {
    padding: 30px 0;
}
.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:#D91F32;
    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:#D91F32
}
.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,#D91F32 100%);
    background-image:-webkit-linear-gradient(90deg,#4c94d7 0,#D91F32 100%);
    background-image:-ms-linear-gradient(90deg,#4c94d7 0,#D91F32 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:#D91F32;
    border-color:#D91F32;
    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:#D91F32
}
.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
}
.blog-detail-sec .titlehead2{color:#000; font-size: 32px;    font-weight: 500;}
.left_views{
    width:9%;
    margin-top:5px;
    margin-right:3%;
    float:left;
    position:relative
}

.blog-detail-sec ul li {    font-size: 16px;
    line-height: 1.4;   color: #242b34;}

.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 #D91F32;
    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 #D91F32;
    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{color:#293b55;
    font-size:18px;
    font-weight:600;
    display:inline-block;
    vertical-align:middle
}

.list4>ul>li h3 strong{color:#293b55;
    font-size:18px;
    font-weight:600;
    display:inline-block;
    vertical-align:middle
}

.list4>ul>li h3 {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 15px;
}

.list4>ul>li h3 img{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px
}

.list4>ul>li p img{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px
}
.footerbg{
    background:#262159 url(../img/footerbg1.jpg) center center no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    color:#fff; position: relative;
}
footer.bottom_area_outer {
    padding: 0 !important;
}
.footerinner{
    padding:60px 0 15px!important;
    position:relative
}
.footer_outer{position: relative; margin-top: 90px;}
.footer_outer:before{
    content:"";
    width:100%;
    height:90px;
    display:block;
   background:url(../img/footershade.png) center center no-repeat;background-size: 100% 100%;
    position:absolute;
    left:0;
    bottom:100%;
    
}
.footerbg .container{
    position:relative; z-index: 1;
}
.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{ padding:0 0 50px; background:#262159;}
.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;font-weight:300;
    /*opacity:.6;*/
    font-size:17px
}
.flinks>ul>li>a:hover{
    opacity:1
}
.footerinner .heading4{
    font-size:20px;
    font-weight:500; 
    margin:0;
    color:#fff
}
.footerinner .heading4:after{ content:""; width: 60px; background:#d91f32; height: 2px;  margin-top: 10px; display: block;bottom: -1px;position: relative;}
.flinks>.heading4{
    margin-bottom:15px
}
.flagicon{
    display:inline-block;
    width:24px
}
.footer_bot{
    background:#262159; text-align: center;
    padding:40px 0;
    font-size:16px
}
.footer_bot a{
    color:#fff;
    
    text-decoration:none;
    -webkit-transition:color .5s;
    -moz-transition:color .5s;
    -o-transition:color .5s;
    transition:color .5s;
    opacity:.3
}
.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:0px;
    margin-bottom:15px
}
.spacetop{
    margin-top:15px
}
.info_grid_inner p{ color:#fff;
    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:0px;
    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:":"
}
 
.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
}
.fsec2 .tabslink{text-align: left;}
.fsec2 .tabslink ul li a{line-height: 26px; opacity: 1;text-align: center;}

.share_options{
    font-weight:300;
    color:#000;
    font-size:16px;
    line-height:25px;
    width:320px;
    position:absolute;
    right:50px;
    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:#D91F32;
    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:0px
}
.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:#D91F32;
    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:16px;
    font-weight:400;
    color:#78787e;
    line-height:1.5
}
.boxbg:hover p a{
    color:#000
}
.boxbg:hover{
    background:#D91F32
}
.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:#262159;
    font-size:15px;
    padding:5px 0
}
.boxbg:hover .heading4,.boxbg:hover .listbullet>li,.boxbg:hover p{
    color:#fff
}
.readmore.redbg{
    background:#D91F32; font-size: 16px;
    color:#fff;
    display:inline-block;
    padding:8px 20px;
    border-radius:25px;
    margin-top:15px
}
.boxbg:hover .readmore.redbg{
    background:#fff;
    color:#D91F32
}
.joining{
    color:#D91F32;
    font-size:20px;
    margin-top:30px
}
.nohead{
    height:90px
}
.teamsec .titlehead2{
    margin:0;
    padding:20px;
    font-weight:700;
    background:#262159;
    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:#D91F32;
    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
}
.serv-icon { background-image: url(/img/sprites-secnd.png); margin-bottom: 15px!important; }
.laravl_icon { margin: 0 auto; width: 54px; height: 57px; }
.sc_icon { width: 60px; height: 57px; background-position: -132px -71px; margin: 0 auto; }
.th_icon { width: 60px; height: 57px; background-position: -276px -82px; margin: 0 auto; }
.fr_icon { width: 60px; height: 57px; background-position: -418px -87px; margin: 0 auto; }
.boxbg:hover .laravl_icon { background-position: -65px -78px; }
.boxbg:hover .fr_icon {
    background-position: -482px -87px;
}
.boxbg:hover .sc_icon {
    background-position: -197px -71px;
}
.boxbg:hover .th_icon {
    background-position: -341px -82px;
}
.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
}
.yii_icon{
    margin:0 auto;
     background-position:-640px -311px;
    width:50px;
    height:44px;
}
.boxbg:hover .yii_icon{background-position:-712px -311px;}
.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:#D91F32;
    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:#D91F32;
    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;
    cursor: pointer;
}
.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;
}
.home_page .workslider.owl-carousel .owl-item{width: 100%; max-width: 100%;}
@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{
         
    }
    .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 #D91F32;
        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:#D91F32;
    border-radius:50%;
    font-size:32px;
    font-weight:700;
    display:flex;
    align-items:center
}
.successful_sec:hover .round_box{
    border:solid 1px #D91F32
}
.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%
}

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

@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 #D91F32;
    position:relative
}
.vertical_tabs_sec .showfile.activelink:after{
    content:'';
    height:10px;
    width:10px;
    background:#D91F32;
    position:absolute;
    top:40%;
    z-index:-1;
    right:-8px;
    transform:rotate(45deg)
}
.vertical_tabs_sec .showfile.activelink .tab_icon{
    background:#D91F32
}
.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-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: 26px;
    color: #242b34;
}

.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 #D91F32;
    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:#D91F32
}
.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: 16px;
    line-height: 26px;
    color: #242b34;
    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 #D91F32;
    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
}
.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:#D91F32!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:#D91F32;
    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:#D91F32
}
.graybg{
    background:#504e5a
}
.packagehead{
    font-size:20px
}
.boxsize a{
    font-size:15px;
    background:#D91F32;
    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
    }
}
@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:500px
    }*/

    .sidemenu{padding: 0 20px;
        top:0; height: 100%;
        /*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
    }
     .textright{
        width:100%;
        padding: 50px 30px;
        text-align:left;
    }

    .aboutfirst{flex-direction: column;}
    .aboutfirst .leftsec{width: 100%;padding: 0;text-align: center;}
    .aboutfirst  .righsec{width: 100%;text-align: center;}
}
@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{
        
    }
    .relatedbg .titlehead{
        font-size:24px
    }
    .tabtext{
        padding: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: 100%; float: left;
        /*width:280px;*/
        padding:25px;
        margin-top: 3rem;
    }
    .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 !important;
    }
    .homefirst img{
        top:-40px;
        width:100px
    }
    .homefirst ul li{
        width:100%;
        padding:5px 15px
    }
   
    .innersec{
        padding:0 5%
    }
    .flinks{
        width:50%
    }
    .contact_info_grid li{
        width:100%;
        padding-bottom:15px
    }
    .border_addrecess{
        margin-bottom:10px;
        padding-bottom: 10px;
    }
    .office_address.iconns {
        padding-bottom: 10px;
   }
    .footer_outer .flogo {
     padding-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;
    line-height: 1.6;
    color: #445c69;
}
    .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:210px
    }
    .navicon{
        width:40px;
        top:8px
    }
    .navicon small{
        display:none
    }
    .viewallbtn{
        max-width:150px;
        padding:6px 15px;
        min-width:150px
    }
    .flinks.newslettersec{
        width:50%
    }
    .office_address.marginbot{
        margin-bottom:25px
    }
    /*.bannerslider .owl-item img {
    height: 65vh;
    }*/
    .bottom_area_outer .footerinner ul li {
    padding-left: 10px;
}

}
@media (min-width:768px){
    .contact_text br{
        display:none
    }
}
@media (max-width:767px){
    .contact_mid{
        padding:15px 0
    }
    .homefirst .aboutfirst h1.titlehead br, .why_choose_home h3.titlehead br {
        display: none;
}
#desktop-banner {
    display: none;
}
#mobile-banner {
    display: block !important;
}
}
@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:500px
    }
    .banner-heading {
    font-size: 24px;
}
    .bottom_area_outer{
        position:relative;
        z-index:99
    }
    /*.homeslider{
        min-height:calc(100vh - 70px);
    }*/
    /*.bannerslider .owl-item img {
        height: 60vh;
    }*/
    .bottom_area_outer .footerinner .flinks.addlocation {
        padding-left: 0px;
   }
    .call2.nopading{
        padding-bottom:10px
    }
    .call2{
        width:100%
    }
    .jobfild .selectlabel{
        line-height:30px
    }
    /*.homeslider{
        margin-top:72px
    }*/
/*
    #fullpage > .section {
        padding: 50px 0!important;
    }*/
    .sidemenu{
        top:97px;
        height:calc(100% - 97px)
    }
    .navicon.active{
        top:44px
    }
    .bannerlogo{
        bottom:15px;
        width:280px;
        margin-left:-140px
    }
    .tabtext img{
        /*width:80%;
        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; display: none;
    }
    .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:-237px -65px;
    width:24px;
    height:25px; filter: brightness(10);
}
.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:-358px -57px;
    width:40px;
    height:40px
}
.skype-icon1{
    background-position:-295px -57px;
    width:40px;
    height:40px
}
.whatsapp-icon1{
    background-position:-229px -57px;
    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 #D91F32;
    border-bottom:2px solid #D91F32;
    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 #D91F32;
    border-bottom:2px solid #D91F32;
    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{ margin-left: 10px;
    font-weight:600;
    color:#D91F32!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:-140px
}
.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:74px
}
.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:27px!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 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:#D91F32;
    border-color:#D91F32;
    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 #D91F32;
    border-bottom:4px solid #D91F32;
    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
}
.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){
    .bloglist > li{
        margin-bottom:20px;
    }
    .logfile .imgsec{
        max-width:100%
    }
    .tabcontents{
        width:100%;
        max-width:100%
    }
    .tabcontents .heading2{
        margin-top:15px
    }
    .friendrefer{
        width:330px
    }
}
 .socialicons {
     text-align: center;
}
 .dmca_logo {
     margin-top:5px; margin-bottom: 15px;
     display: inline-block;
     background-color: #f1f1f1;
     padding: 5px;
}
 #bN015htcoyT__google-cache-hdr+div .headerbg {
    top: 112px;
}
 .sticky #bN015htcoyT__google-cache-hdr+div .headerbg {
    top: 0;
}

.fullsection{width: 100%; padding: 100px 0; height: 100vh; position: relative;}
.fullsection::before { content: "WORK";  display: inline-block;  position: absolute; font-size: 500px;  color: #000;  opacity: 0.1;
    bottom: -10%;  font-weight: 700;  line-height: 1;  text-align: center;  width: 100%;}
.fullsection .container{}
.fullsection .container{width: 1500px; max-width: 1500px; position: absolute;   left: 50%;  top: 50%;transform: translate(-50%, -50%);}
.bgse1, .fullsection {
background: rgba(89,107,179,1);
background: -moz-linear-gradient(left, rgba(89,107,179,1) 0%, rgba(89,107,179,1) 55%, rgba(77,92,154,1) 55%, rgba(77,92,154,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(89,107,179,1)), color-stop(55%, rgba(89,107,179,1)), color-stop(55%, rgba(77,92,154,1)), color-stop(100%, rgba(77,92,154,1)));
background: -webkit-linear-gradient(left, rgba(89,107,179,1) 0%, rgba(89,107,179,1) 55%, rgba(77,92,154,1) 55%, rgba(77,92,154,1) 100%);
background: -o-linear-gradient(left, rgba(89,107,179,1) 0%, rgba(89,107,179,1) 55%, rgba(77,92,154,1) 55%, rgba(77,92,154,1) 100%);
background: -ms-linear-gradient(left, rgba(89,107,179,1) 0%, rgba(89,107,179,1) 55%, rgba(77,92,154,1) 55%, rgba(77,92,154,1) 100%);
background: linear-gradient(to right, rgba(89,107,179,1) 0%, rgba(89,107,179,1) 55%, rgba(77,92,154,1) 55%, rgba(77,92,154,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596bb3', endColorstr='#4d5c9a', GradientType=1 );

}
.bgse2{

background: rgba(105,107,122,1);
background: -moz-linear-gradient(left, rgba(105,107,122,1) 0%, rgba(105,107,122,1) 50%, rgba(121,124,140,1) 50%, rgba(121,124,140,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,107,122,1)), color-stop(50%, rgba(105,107,122,1)), color-stop(50%, rgba(121,124,140,1)), color-stop(100%, rgba(121,124,140,1)));
background: -webkit-linear-gradient(left, rgba(105,107,122,1) 0%, rgba(105,107,122,1) 50%, rgba(121,124,140,1) 50%, rgba(121,124,140,1) 100%);
background: -o-linear-gradient(left, rgba(105,107,122,1) 0%, rgba(105,107,122,1) 50%, rgba(121,124,140,1) 50%, rgba(121,124,140,1) 100%);
background: -ms-linear-gradient(left, rgba(105,107,122,1) 0%, rgba(105,107,122,1) 50%, rgba(121,124,140,1) 50%, rgba(121,124,140,1) 100%);
background: linear-gradient(to right, rgba(105,107,122,1) 0%, rgba(105,107,122,1) 50%, rgba(121,124,140,1) 50%, rgba(121,124,140,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696b7a', endColorstr='#797c8c', GradientType=1 );

}

.bgse3{
background: rgba(151,147,118,1);
background: -moz-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(151,147,118,1)), color-stop(50%, rgba(151,147,118,1)), color-stop(50%, rgba(162,158,126,1)), color-stop(100%, rgba(162,158,126,1)));
background: -webkit-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -o-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -ms-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: linear-gradient(to right, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979376', endColorstr='#a29e7e', GradientType=1 );

}

.bgse4{

background: rgba(255,188,0,1);
background: -moz-linear-gradient(left, rgba(255,188,0,1) 0%, rgba(255,188,0,1) 50%, rgba(255,225,25,1) 50%, rgba(255,225,25,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,188,0,1)), color-stop(50%, rgba(255,188,0,1)), color-stop(50%, rgba(255,225,25,1)), color-stop(100%, rgba(255,225,25,1)));
background: -webkit-linear-gradient(left, rgba(255,188,0,1) 0%, rgba(255,188,0,1) 50%, rgba(255,225,25,1) 50%, rgba(255,225,25,1) 100%);
background: -o-linear-gradient(left, rgba(255,188,0,1) 0%, rgba(255,188,0,1) 50%, rgba(255,225,25,1) 50%, rgba(255,225,25,1) 100%);
background: -ms-linear-gradient(left, rgba(255,188,0,1) 0%, rgba(255,188,0,1) 50%, rgba(255,225,25,1) 50%, rgba(255,225,25,1) 100%);
background: linear-gradient(to right, rgba(255,188,0,1) 0%, rgba(255,188,0,1) 50%, rgba(255,225,25,1) 50%, rgba(255,225,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc00', endColorstr='#ffe119', GradientType=1 );

}

.bgse5{
background: rgba(151,147,118,1);
background: -moz-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(151,147,118,1)), color-stop(50%, rgba(151,147,118,1)), color-stop(50%, rgba(162,158,126,1)), color-stop(100%, rgba(162,158,126,1)));
background: -webkit-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -o-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -ms-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: linear-gradient(to right, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979376', endColorstr='#a29e7e', GradientType=1 );
}


.bgse6{
background: rgba(151,147,118,1);
background: -moz-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(151,147,118,1)), color-stop(50%, rgba(151,147,118,1)), color-stop(50%, rgba(162,158,126,1)), color-stop(100%, rgba(162,158,126,1)));
background: -webkit-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -o-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: -ms-linear-gradient(left, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
background: linear-gradient(to right, rgba(151,147,118,1) 0%, rgba(151,147,118,1) 50%, rgba(162,158,126,1) 50%, rgba(162,158,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979376', endColorstr='#a29e7e', GradientType=1 );

}

 
.portfolioslide .owl-next:before,.portfolioslide .owl-prev:before{ content:"";  display:inline-block; background:#fff url(../img/slidearrow.png) center center no-repeat;} 
.portfolioslide.owl-carousel .owl-nav button{ width:50px; height:50px; position: absolute; top: 48%;}
.portfolioslide.owl-carousel button.owl-prev{left: 0;}
.portfolioslide.owl-carousel button.owl-next{right:0;}
.portfolioslide.owl-carousel .owl-next:before { transform: rotate(180deg);   }
.portfolioslide.owl-carousel .owl-next:before, .portfolioslide.owl-carousel .owl-prev:before{ width:50px; height:50px}
.portfolioslide.owl-carousel .owl-nav {margin-top: 0;width: 100%;}

.portfoliocontent{ margin-left: 5%; width:45%; float: left; padding-right: 50px;}
.portfoliocontent .heading2 {font-weight: 300;  font-size: 45px;color: #fff;margin: 20px 0;}
.portfoliocontent  p{color:#fff; margin-bottom: 40px;}
.viewproject{display: inline-block; padding: 15px 35px; font-weight: 500; color:#fff; border-radius: 30px; border: 1px solid #fff; text-transform: uppercase;font-size: 13px; letter-spacing: 3px;}
.portfolioimg{width: 45%; float: right; padding-left: 50px;}


@media (max-width:1600px){
.fullsection .container{max-width: 1400px;}
}
@media (max-width:1440px){
.fullsection .container{max-width: 1250px;}
}
@media (max-width:1280px){
.fullsection .container{max-width:92%;}
.navicon {top: 20px;}
}

.ourclients{padding: 50px 0;}
.headingsec{text-align: center;}
.headingsec .heading2{color:#2d3d56; font-size: 45px; font-weight: normal; position: relative; padding-bottom: 15px;}
.headingsec .heading2:after{content:""; width: 56px; height: 2px; background:#d91f32; display: block; position: absolute;left: 50%; bottom: 0; margin-left: -28px;}

.testimonialsec{/*padding: 80px 0; height: 100vh;*/background: url(../img/testimonialbg1.jpg)  no-repeat;background-size: cover;}
.testimonialsec .heading2{color:#fff;padding-bottom: 0;margin-bottom: 15px;font-size: 40px;font-weight: 300;}
.testimonialsec .heading2:after{display: none;}
.testisec{text-align:center;background: #3734a5;padding: 80px 30px;border-radius: 26px;display: flex;position: relative;}
.testimonialslider .owl-item .ttext img{/* margin: 20px auto 0 auto; *//*  */opacity: 1;max-height:60px;}
.timg{display: none;}
.ttext p strong{font-weight: 600;}
.tcontent{/* padding:20px 20%; *//* */color: #29292c;font-size: 18px;min-height:220px; }

.ttext p strong{color: #29292c;}
.testimonialslider .owl-dots button{margin:2px 5px; display: inline-block;}
.testimonialslider .owl-dots button span{width:20px; height: 4px; background:#869bb5; display: inline-block;}
.testimonialslider .owl-dots button.active span{background:#fff;}

.faqsec{padding: 50px 0; width: 100%;}
.faqsec .smalltitle{color:#2a3b55;}
.faqsec .smalltitle:before{background:#d91f32;}
.faqsec .heading2{color:#2a3b55;}


.happeningsec{/*padding:120px 0 20px;*/}
.happeningsec .container{position: relative;}
.happeningsec .titlehead{background:#262159; color:#fff; font-size: 30px; padding:15px 30px; display: inline-block; position: absolute;bottom: 425px; left: 50px; z-index: 2;}
.happeningbox {
    display: flex;
    flex-direction: row-reverse;
}
.happyimg{width: 60%;/* float:right; */height: 400px;padding-right: 3rem;}
.happyimg img{object-position: center center;object-fit: cover;width: 100%;height: 100%;border-radius: 20px;}
.happycontent{width: 40%; height: 450px;/* float:left; *//* background:#d91f32; *//* color:#fff; */z-index: 2;/* position:absolute; */top:0;left: 0;}
.happycontent .titlehead2{font-size: 35px; font-weight: 600;}
.happycontent p{/* color:#fff; */}

.testimonialsec{position: relative; padding: 100px 0px;}
.testisec .headingsec {/*position: absolute;   left: 50%;  top: 50%;transform: translate(-50%, -50%);*/min-width: 260px;display: flex;/* align-items: center; */justify-content: center;flex-direction: column;text-align: left;}

.newlettersec{width: 100%; clear: left; margin-bottom: 45px;}
.newlettersec .newsletterbox{max-width: 800px; margin: 0 auto; background:#d91f32; border-radius:40px; padding: 3px;}

.newsletterbox input{
    width:calc(100% - 210px);
    border:none;
    background:0 0;
    color:#fff; height: 60px;
    box-sizing:border-box;
    padding:10px 40px; font-size: 17px;border-radius:40px;
    vertical-align:middle; 
}
.newsletterbox button{
    background:#fff;
    border-radius:40px;
    font-size: 13px; 
    color:#000; 
    font-weight: 600; 
    width: 205px;
    height:60px;
    cursor:pointer;
    text-align:center; 
    text-transform: uppercase;
    border:none;
    vertical-align:middle; 
    float: right;
    font-family: 'SF Pro Display';
}
.newsletterbox button:hover {
    background: #262159;
    color: #fff;
}

.addlocation p{ font-size: 17px; color:#fff; }

.leftlogos{float: left;}
.rightlogos{float:right;}
.cenerlogos{position: absolute; left: 50%; margin-left: -180px; width:390px; text-align: center;}
.cenerlogos p{color:#fff; font-size: 13px; opacity: 0.5;}
.flogo{width: 280px;margin: 0 auto;}
.footer_outer .flogo {padding-bottom: 10px;}
.contentboxs{width: 100%; float: left; display: none; margin:10px 0px 20px;}
.blogimgb{width: 40%;float: left;height: 300px;border-radius: 20px;}
.blogimgb img{object-position: center center;object-fit: cover;width: 100%;height: 100%;border-radius: 20px;}
.blogcontb{width: 55%; float: right;}
.blogshorlist{width: 100%; float: left;}
.blogshorlist ul{list-style: none;padding: 0;margin: 0 -10px;display: flex;height: 100%;flex-wrap: wrap;}
.blogshorlist ul li{width: 33.33%;/* float: left; */padding: 10px;min-height: 100%;}
.blogshorlist ul li a{width: 100%;float: left;padding:25px;border-radius: 20px;height: 100%;box-shadow: 0 2px 15px -3px #00000012, 0 10px 20px -2px #0000000d;
    /* background: #18151514; */border: 1px solid #ddd;}
.blogshorlist ul li a:hover {background: #d91f3214;border: 1px solid #d91f3214;}
.contact_info_grid li p a:hover {color: #d91f32;}
.footerinner .linksec ul.fmenus li a:hover {color: #d91f32;}
.blogheading{
  font-size: 20px;
  font-weight:600;
  color:#383842;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-top: 10px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  }
.blogfile small, .blogcontb small{color: #3634a5;font-size: 16px;font-weight:600;text-transform: uppercase;}
.blogtitle{
  font-size: 20px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-top: 10px;
  }
.blogtitle{margin-bottom: 11px;}
.blogtitle a{color:#383842; font-weight: 600;}
.blogcontb .readmore {font-size: 13px; border:1px solid #D91F32; border-radius:30px; padding:15px 35px; display:inline-block; margin-top:30px;}
.sticky .headerbg {background: #1C1B4B;padding: 5px 30px;}

footer{background: #262159;}
 
.menucontentsec{ width: 1200px; max-width: 94%; height: 100%; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); display: table;}
.addersstop{display: table-cell;vertical-align: middle; width: 40%; color:#fff;}
.addersstop p{color:#fff;}
.addersstop .socialicons{text-align: left;}
.addersstop .socialicons > ul > li a{background:#000;}


.tabtext.strategysec .titlehead2 { font-size: 40px;  color: #293b55; }
.tabtext.strategysec p{color:#78787e;}

.ignite{width: 217px;height: 108px;position: absolute;right: 80px;bottom: 30px;z-index: 1;}
/*.ignite { position: absolute; width: 180px; height: 180px; top: 35%; right: 30px; transform: translate(0, -50%); border-radius: 110px;}
.ignite-desktop { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.ignite-mobile {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none;}*/
.ignite:hover {cursor: pointer; background: rgba(0, 0, 0, 0);}
.ignite:hover img.rotate {animation-play-state: paused;}
.ignite img { width: auto; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); color: #fff; font-size: 30px;font-weight: 900;}
.ignite img.rotate {animation: rotateIgnite 15s linear; animation-iteration-count: infinite; }
@keyframes rotateIgnite {
    0% {transform: translate(-50%, -50%) rotate(0deg);}
    100% {transform: translate(-50%, -50%) rotate(-360deg);}
}
.innercontent.logosicon{padding: 20px 0;}
.logosicon ul{ display:flex; justify-content: center; list-style: none; flex-wrap: wrap; }
.logosicon ul li{padding: 5px;}
.logosicon ul li img{border: 1px solid #f1f1f1;}

@media (max-width:1600px){
 
}
@media (max-width:1440px){
    .breadcrumb_top .nobanner {
    margin-top: 18px;
}
    .inner-banner{margin-top: 74px;}
    .logo {margin: 7px 0; max-width: 310px;}
    body{font-size: 18px;}
    p{font-size: 18px;}
    .smalltitle, .blogheading{font-size: 22px;}    
    .titlehead, .portfoliocontent .heading2, .headingsec .heading2{font-size:40px;}
    .viewallbtn{min-width: 200px; padding: 15px 35px;}
    .titlehead2{font-size: 46px;}
    .blogheading{min-height: 52px;}
    .clients ul li a{padding: 5px; height: 90px;}
    .clients ul li a img{max-height: 80px;}
 .happeningsec .container{max-width: 1100px;}
 .happyimg{height:400px;}
 .happycontent{height: 400px;}
 .happeningsec .titlehead{bottom: 370px;}
 .newlettersec{margin-top: 0px; margin-bottom: 20px;}
 .footer_outer::before{height: 60px;}
 .footer_outer { margin-top: 50px;}
 .contentboxs{margin: 10px 0;}
 .blogshorlist ul li a{padding:20px;}
 .choosebox5 > ul > li:nth-child(2), .choosebox5 > ul > li:nth-child(4) {/* margin-top: 20px;*/}
 /* .tabcontentbg{width: 35%;}
 .serviceslide{width: 47%;} */
}
@media (max-width:1280px){
 .tabcontentbg{}
 .logo { margin: 14px 0; }
}

@media (max-width:1199px){
.colbox span{font-size: 20px;}
.portfoliocontent{padding-right: 0;}
.viewproject{margin-top: 5px; min-width: 200px;text-align: center;}
.flip-box-back{padding: 15px;}
.blogcontb .readmore{padding: 10px 35px;}
.blogimgb{height: 210px;}
}
@media(max-width: 1024px){
    .innercontent{
        padding: 30px 0px;
    }
}
@media (max-width:991px){

.serviceslide{display: none;}
.tabtext{display: block;}

    .footer_outer::before { height: 40px;}
    body{font-size: 18px;}
    .serviceslide, .innersec{width: 100%;}
 .tabcontentbg{/* width: 90%; */}
 .choosebox5 {width: 100%;  margin-top: 40px;}
 .fullsection .container { max-width: 100%;}
 .portfoliocontent{margin-left: 0;}
.heading2, .headingsec .heading2, .happycontent .titlehead2{font-size: 32px;}
.blogtitle, .happeningsec .titlehead{font-size: 24px;}
.blogheading{font-size: 20px;}

p{font-size: 15px;}
 .portfoliocontent .heading2, .caption_item{font-size: 32px;} 

 .cenerlogos{position: static; width: 100%; margin-left: 0;}
 .footer_outer{padding-bottom: 20px;}
 .text_line span cite{font-size: 75px;}
 .text_line1{font-size: 35px;}

}

.companyd{display: none!important;}
.textright .morebtn{color:#fff;}
.textright .morebtn:before{border-color:#fff;}
.mobiletitle{display: none;}
.calltoact{position: fixed;right: 0; bottom: 30%; z-index: 9999;}

.returntotop{
    background: #81b304;
    width: 56px !important;
    height: 56px !important;
    color: #333;
    font-size: 20px;
    position: fixed;
    right: 15px !important;
    bottom: 80px !important;
    cursor: pointer;
    z-index: 999;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease-in-out;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
}

.support {
    background:#d91f32;
    width: 50px !important;
    height: 50px !important;
    color: #333;
    font-size: 20px;
    position: fixed;
    right: 15px;
    bottom:65px;
    cursor: pointer;
    z-index: 999;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease-in-out;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.support img {
    transition: all 300ms ease-in-out;
    width: 60%;
}
.inner-fabs {
    /* position: relative; */
    width: 300px;
    float: right;
    position: fixed;
    right: 0;
    z-index: 999;
    bottom: 223px; transition: all 300ms ease-in-out;
}
.inner-fabs a, .inner-fabs.show a{  transition: all 300ms ease-in-out;}
.skype-icon, .whatsapp-icon, .collicon{ transition: all 300ms ease-in-out;width: 50px; height: 50px; color:#fff; font-size:35px; position: fixed; right: 15px;bottom:80px; cursor: pointer; z-index: 99; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all 300ms ease-in-out;}
.inner-fabs a:hover{text-decoration: none; border-radius: 50%;}
.inner-fabs.show a{ transition: all 300ms ease-in-out;}
.inner-fabs a.skype-icon{bottom:120px;background:#00b0f0;  transition: all 300ms ease-in-out;}
.inner-fabs a.whatsapp-icon{bottom:175px; background:#49e670;}
.inner-fabs a.collicon{bottom: 230px; background:#d91f32;}
/*.inner-fabs.show a:nth-child(4) {bottom: 340px !important; background: #81b304;}*/

.learncontent{width: 70%; float: left;} 
.learncontent .tabslink{text-align: left; margin-bottom: 15px;}
.learncontent .tabslink ul li a{line-height: 26px; opacity: 1;text-align: center; min-width: 140px;}
.learimage{width: 30%; float: right;}
.mobileshow{position: fixed; right: 66px; top: 15px; z-index: 9999; display: none;transition: 0.5s;}

.mainheadsec{height:440px;}
.mainheadsec .inner-banner-container{display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; }
.leftheader{width: 65%; }
.leftheader .banner-title-text ul li{position: relative; margin-bottom: 3px; padding-left: 25px;}
 
.leftheader .banner-title-text ul li:before {
    content: "";
    width: 5px;
    height: 9px;
    border-right: 2px solid #D91F32;
    border-bottom: 2px solid #D91F32;
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 6px;
}
.leftheader .banner-heading, .leftheader .banner-title-text{text-align: left;}
.headerform .contact-submit{font-size: 16px; width: 100%;}
.headerform{width: 30%; margin-left: 5%; padding:25px; background:#fff; height:440px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.headerform .heading2{margin-bottom: 10px;}
.headerform .heading2 small{display: block; font-size: 18px ;}
.headerform  .contact-form-input {width: 100%; height: 38px; margin-bottom: 10px;} 
.headerform .form-box-100{text-align: left;}
.headerform .form-box-100 textarea{height:56px; line-height: 1.4; margin-top: 0;}
.headerform .heading2{ font-size: 24px; }
@media (max-width:991px){
.hometab{background:#fff;}
.hometab:before{display: none;}
.textright > img{display: block; float: none; width: 70px; margin-bottom:25px; -webkit-filter: invert(50%) grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(-50deg) saturate(900%) contrast(1); }
.titlehead2 {font-size: 30px; color:#fff; font-weight: 500; line-height: 1.2;}

 .textcontent {/* height:53px; */overflow: hidden;min-height: unset!important;}
    .textcontent p{
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  }

.tabscroll.owl-carousel .owl-nav{text-align: center;}
.tabtext p {font-size: 18px;font-weight: 400;line-height: 1.6;margin-bottom: 15px;/* color: #445c69; */}

.textright .morebtn {/* color: #293b55; */}
.tabscroll.owl-carousel .owl-nav button { width: 44px; height: 44px;}
.tabscroll.owl-carousel .owl-next::before, .tabscroll.owl-carousel .owl-prev::before {width: 44px; height: 44px;}
.learncontent,.learimage{
    width: 100%;
 }
 .learimage{
    float: left;
    margin-top: 20px;
    margin-bottom: 30px;
 }
 .dg{
    display: flex;
    gap:10px;
 }
 .dg .gridbox{
    height: 366px;
 }
 .dg .gridbox img{
    width: 100%;
    height: 100%;
    object-position: center top;
    object-fit: cover;
 }
.leftheader {
    width: 62%;
}
 .headerform{width: 36%; margin-left: 0;}
 .hometab{padding: 0!important}
}

@media (max-width:767px){
    .logosicon ul li img{max-height: 40px;}
    .mainheadsec{height: auto; padding: 15px 0;}
    .mainheadsec .inner-banner-container{position: relative; left: 0; top: 0; transform: inherit;}
.leftheader{width: 100%;}
.headerform{width: 100%; margin-left: 0; margin-top: 15px; height: auto;}
.morecontent{position: relative;} 
.newlettersec .newsletterbox { margin-bottom: 12px;}
/*.morecontent:after{content:"";
    width: 100%;
    padding: 50px 0 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(240,243,247,0);
    background: -moz-linear-gradient(top, rgba(240,243,247,0) 0%, rgba(240,243,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,243,247,0)), color-stop(100%, rgba(240,243,247,1)));
    background: -webkit-linear-gradient(top, rgba(240,243,247,0) 0%, rgba(240,243,247,1) 100%);
    background: -o-linear-gradient(top, rgba(240,243,247,0) 0%, rgba(240,243,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,243,247,0) 0%, rgba(240,243,247,1) 100%);
    background: linear-gradient(to bottom, rgba(240,243,247,0) 0%, rgba(240,243,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f3f7', endColorstr='#f0f3f7', GradientType=0 );
}*/
.morecontent p {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    }
.morecontent.showfull{-webkit-line-clamp: inherit!important; height: auto;}
.morecontent.showfull:after{display: none;}
.morecontent.showfull p{display: block;}


.whitebgcontent:after {

background: rgba(255,255,255,0);  
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);  
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);  
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);  
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);  
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.relatedbg .titlehead::before{left: 50%; margin-left: -30px; margin-top: 8px; top: 100%;}

.dg{display: unset;}
.dg .gridbox{height: inherit;}
.mobileshow{display:block;}
.bannerlogo{opacity: 1;}
.leftcontent p, .successful_sec .successful_sec_wrap p, .blog_wrap .blog_box p, .testicontent{ font-size: 15px; line-height: 1.6;}
.blog_wrap .blog_box p {max-height: 54px;}
.blog_wrap .blog_box .readmore{font-size: 15px;}
.rotate{width: 110px!important;}
.years{width: 34px!important;}

.mobiletitle{display: block;}
.desktoptitle{display: none;}
.viewproject { padding: 10px 20px; color: #d91f32; border: 1px solid #d91f32;  letter-spacing: 0px;}
.homefirst > .container > p{ -webkit-box-orient: vertical;  display: -webkit-box;  -webkit-line-clamp: 3;  overflow: hidden;
text-overflow: ellipsis;  white-space: normal;}
.blogheading { font-size: 18px; min-height: auto;}
.readmorebtn{padding: 10px 25px;}
.blogcontb .readmore{margin-top: 15px;}
.portfoliocontent p{color:#445c69; font-size: 15px; line-height: 1.6; margin-bottom: 20px;}
.portfoliocontent .viewproject{ margin-bottom: 10px; }
.topmenu > ul > li.freequote a{margin-top: 10px;}
.topmenu > ul > li > a{padding: 0 8px;}
.topmenu > ul > li.freequote, .topmenu > ul > li.mobilenum{display: none;}
.blog_single.nobanner{margin-top:58px!important;}
    .numberslider.owl-carousel .owl-nav{display: none;}
.portfolioslide.owl-carousel .owl-nav button {width: 42px; height: 42px;}
.portfolioslide.owl-carousel .owl-next::before, .portfolioslide.owl-carousel .owl-prev::before {width: 42px; height: 42px;}
 .sidenav > li > ul{display: none;}
    /*.plusicon::after{content:"-";}
    .sub-links > a.active .plusicon::after {content: "+";}*/
    .banner_caption_box{top: 30%;}
.ignite {left:20px; right: inherit; bottom: 35px; margin-right: -70px;}
    .flogo { width: 220px;}
    .logo { margin: 8px 0; }
.smalltitle{font-size: 18px;}
body, .homefirst p{font-size: 15px;}
.homefirst p{line-height: 1.6;}
.colbox {margin-top: 0;}
.colbox span{font-size: 20px;}
.text_line span cite {  font-size: 36px; margin-top: 10px;}
.portfoliocontent .heading2, .numbers strong { font-size: 20px;}
.portfoliocontent, .portfolioimg{width: 100%;}
.portfoliocontent .heading2 { color: #293b55; font-weight: 600;}
.home_page .beswork{padding-top:60px;}
.fullsection{background:#fff!important; padding:0; height: auto;}

.fullsection::before{display: none;}
.fullsection .container{transform: inherit;position: static;}
.happycontent .titlehead2{color:#000;}
.portfolioimg{padding-left: 0;}

.happyimg{width: 100%; height: 300px;}
.happeningsec .titlehead{position: static;}
.happycontent{width: 100%; height: auto;position: static; padding: 25px 0;}
.newlettersec .newsletterbox { max-width: 100%;  float: left;}
.newlettersec{float: left;}
.newsletterbox input{width: 100%;border-radius:40px 0px 40px 0px; text-align: center;}
.newsletterbox button{width: 100%; border-radius: 0 0 40px 40px;}
.blogcontb .readmore{padding: 10px 25px;}
.blogimgb { width: 100%;  height: auto;}
.blogcontb{width: 100%;padding-top: 2rem;}
.blogshorlist ul li{width: 100%; text-align: left;}
.tcontent{padding: 15px 0;font-size: 16px;}
.banner_caption_box{width: 90%;}

.menucontentsec{position: static;transform: inherit; width: 100%; display: inherit;}
.addersstop{display: none;}
.sidenav > li > a{font-size: 20px;}
.sidenav > li > ul > li > a{font-size:18px; padding:8px 10px;}
.sublink2 > li > a{color:#fff; font-size: 16px;}
.sidemenu { top: 0; height: 100%;z-index: 999;}
.companyd{display: block!important;}
.sidemenu{padding: 0 15px;}
.sidenav > li > a.active, .plusicon:after{ color: #fff;}
.navicon.active { top: 10px;}
/*.homeslider, .inner-banner {margin-top: 53px;}*/
.serviceslide { padding: 15px;}
.tabscroll.owl-carousel .owl-item img{max-height: 70px;}

.hometab{width: 100%; float: left; padding-top:60px; padding-bottom: 30px;}
.colbox{padding: 20px 15px;}
.numberslider { margin-top: 30px;}
.tabcontentbg { width: 100%; margin-left: 0;}

.why_choose_home{padding: 60px 0;}
.choosebox5{padding-left: 0;}
.choosebox5 > ul{/*text-align: center;*//* margin: 0; */}
.choosebox5 > ul > li{width:100%;/* float: none; display: inline-block;*/}
.choosebox5 > ul > li:nth-child(2), .choosebox5 > ul > li:nth-child(5) {/* margin-top: 0; */}
.flip-box-front{/* text-align: left; */}
.flip-box-front > img{/* width: 50px; *//* margin-right: 10px; */display: inline-block;/* vertical-align: middle; */}
.flip-box-front > span{/* width: calc(100% - 65px); *//* display: inline-block; *//* vertical-align: middle; */}
.flip-box-front > span br{display: none;}
.flip-box{/* height: 100px; */}
.flip-box-back{padding: 5px 15px;}
.flip-box-back ul{font-size: 14px;}
.flip-box-back ul li{color:#2d3d56;}
.flip-box-back ul li::before{top: -3px;}
.portfoliocontent{padding-left:10px;padding-right:10px; margin-bottom: 30px; text-align: center;}
.smalltitle { font-size: 28px;font-weight: 600;text-align: center;padding-bottom: 10px; color:#293b55;} 
.smalltitle::before {width: 40px; left: 50%;top: inherit; bottom: 0; margin-left: -15px; background:#d13b48;}
.portfoliocontent .heading2 { margin: 20px 0 5px;}
.ourclients, .faqsec{padding: 40px 0;}
.viewallbtn {
    min-width: 130px;
    padding: 10px 25px;
}

.happeningsec .titlehead{font-size: 20px;}
.newlettersec{margin-top: 0;}
.flinks{margin-bottom: 0;}
.flinks > ul{margin-bottom: 20px; clear: both; float: left;}
.flinks > ul > li{width: 100%;}  
.fmenus, .footerinner .heading4:after{display: none;} 
.flinks > .heading4{margin: 0; padding: 10px 0;color:#fff; border-top: 1px solid #3E3E7A;cursor: pointer;}
.clicklink{position: relative;}
.clicklink:before{content:""; width:8px; height:8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; display: block; position: absolute;right: 0; top: 10px; transform: rotate(45deg);}
.nohead {height: 58px;}
.teamsec { margin-top: 0px;}
div#inner-banner-services, .inner-banner {
    margin-top: 57px;
}
.tabtext.strategysec .titlehead2 {
    font-size: 25px;
    margin-bottom: 5px;
}
.newlettersec .newsletterbox{
    width: 100%;
}

}

@media (max-width:479px){
.numbox{padding: 15px;}
}


@media(min-width:1440px) and (max-width: 1600px){
.topmenu > ul > li > a{padding: 12px 20px;}
}
@media(min-width:1281px) and (max-width:1439px){
.topmenu > ul > li > a{padding: 12px 15px;}
}

.pb-40{padding-bottom: 40px;}
.pb-60{padding-bottom: 60px;}
.blog-detail-sec h2, .blog-detail-sec h3, .blog-detail-sec h4, .blog-detail-sec h5, .blog-detail-sec h6 { text-align: justify; font-size: 1.5rem; font-weight: 500;}


/* 31 march 2022 */
.beswork .titlehead {text-align: center;}
.beswork .titlehead small{text-transform: initial; font-weight: 700; font-size: 32px; color: #242b34; margin: 0 0 25px;}
.beswork .titlehead small:before{opacity: 0;}
.faqsec .heading2 { color: #293b55; font-size: 45px; text-align: center; }
.faqsec .smalltitle { display: none; }

.happeningsec  .blogcontb { width: 100%;}
#fullpage > .section{float: left;width: 100%;padding: 80px 0;position: relative;}
#fullpage > .beswork.section{padding: 0; }
.fullsection {  position: relative; min-height: 600px; max-height:700px;}
.ignite span{
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    font-weight:bold;
    font-size: 30px;
}
.happycontent p span {
    font-size: 18px!important;
    font-family: 'SF Pro Display'!important;
}

/* 31 march 2022 end */


/* 13 Dec 2022 Start */

.aboutfirst {
    display: flex;
}

.leftsec {
    width: 48%;
    text-align: left;
    padding-right: 4rem;
}

.righsec {
    width: 50%;
    text-align: left;
}

.leftsec .titlehead {
    font-size: 40px;
    font-weight: 300;
    margin-top: 1rem;
    color: #29292c;
}

span.shorthead {
    color: #d91f32;
    text-transform: uppercase;
   font-size: 18px;
   font-weight: 500;
}
.homefirst p{
    font-size: 18px;
    color: #38383d;
}
.numbox span {
   
    height: 80px;
    width: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.orangebox{
     background: #f8e4cd;
}

.pinkbox{
    background: #fbd6ee;
}
.purplebox{
    background: #d3c4f6;
}
.greenbox{
    background: #c2f7b6;
}

.why_choose_home .titlehead{
    font-size: 40px;
    font-weight: 300;
    margin-top: 1rem;
    color: #29292c;
}

.choosebox5 > ul > li:nth-child(1) {
    background: #b6e5f7;
     --bg: #b6e5f7;
overflow: hidden;
}
.choosebox5 > ul > li:nth-child(2) {
    background: #fbd6d6;
    --bg: #fbd6d6;
overflow: hidden;
}
.choosebox5 > ul > li:nth-child(3) {
    background: #befadd;
     --bg: #befadd;
overflow: hidden;
}
.choosebox5 > ul > li:nth-child(4) {
    background: #fadfbe;
     --bg: #fadfbe;
overflow: hidden;
}
.choosebox5 > ul > li:nth-child(5) {
    background: #e6d0fd;
     --bg: #e6d0fd;
overflow: hidden;
}

.flip-box-back ul li:nth-child(1) {
    margin-top: 0;
}
.flip-box-front img {
    margin-bottom: 15px;
}

.colbox p{
    font-size: 16px;
    color: #29292c;
    margin: 0;
}
.tabscroll{
    margin-left: 10%;
    /* margin-top: -10%; */
}
.tabimg {
    width: 40%;
    background: red;
}
.tabmain {
    display: flex;
}
#website-design {
    display: flex;
}
.imgleft {
    width: 40%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 6rem;
}
.ttext {
    color: #000;
    background: #fff;
    padding: 2rem;
    margin: 0 1rem;
    border-radius: 24px;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonialslider .owl-stage{display: flex;}
.testimonialslider .owl-item .ttext .commoimg {
    background: #d92032;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    margin: 0;
    margin-bottom: 2rem;
}
.testimonialslider {
    width: calc(100% - 260px) !important;
}
.testisec{
    background: #3734a5;
}


.textright.two {
    background: #dd8c8c;
}

.textright.three {
    background: #6bc79a;
}

.textright.four {
    background: #dda560;
}

.textright.five {
    background: #ad87d5;
}

.textright.six {
    background: #d95c8f;
}


.textcontent {
    min-height: 260px;
}
.main-commoimg {
    position: absolute;
    top: -47px;
    left: 30px;
    background: #d92032;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.testisec .headingsec p{
    color: #fff;
    font-size: 22px;
}
.mobt{
      display: none;
}

.mobiletab {
    background: #fff;
    display: flex;
    align-items: center;
    width: 70px;
    height: 70px;
    justify-content: center;
    margin-bottom: 1.5rem;
    border-radius: 12px;  
}

.mobiletab img {
    width: auto;
    height: auto;
   
}
.clientimg {
    margin-bottom: 20px;
}
.clientimg img {
    width: auto!Important;
/*    border: solid 1px #bdbdbd;*/
/*    border-radius: 10px;*/
/*    padding: 12px;*/
    max-height: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.clientimg:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.ourclients .headingsec, .blogsec .headingsec {
    text-align: left;
}

.ourclients .headingsec .heading2:after, .blogsec .headingsec .heading2:after{
    display: none;
}
.ourclients .headingsec .heading2, .blogsec .headingsec .heading2{
    font-size: 40px;
    font-weight: 300;
    margin-top: 1rem;
    color: #29292c;
    margin-bottom: 0;
}
.tabcontentbg .titlehead2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
}
.happycontent .titlehead2 {
    color: #000;
    margin-top: 1rem;
}
.banner-btn{
    background: #D91F32;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
    border-radius: 30px;
}
.bannerslider a.banner-btn:hover {
    background: #fff;
    color: #D91F32;
}
.caption_item p {
    font-size: 30px;
    color: #fff;
}


@media (max-width: 991px){
    .happeningbox{flex-direction: column;}
    .happycontent, .happyimg{width: 100%;}
    .happyimg{padding-right: 0;}
.imgleft {
    display: none;
}
div#website-design {
    background: #3634a5;
}

div#webiste-development {
    background: #dd8c8c;
}

div#digital-marketing {
    background: #ad87d5;
}

div#ecommerce-solution {
    background: #dda560;
}

div#mobile-app {
    background: #6bc79a;
}

div#web-hosting {
    background: #d95c8f;
}
.textright{
    background: transparent;
}
.textcontent p strong {
    font-size: 22px;
}
.innersec p{
    column-count: 1;
    margin-bottom: 0;
}
.choosebox5 > ul > li {
    width: 28.4%;
    height: 100%;
 }   
 .container.testisec {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.testisec .headingsec {
    margin-bottom: 2rem;
}

.testimonialslider {
    width: 100%!important;
}

.testimonialsec .heading2 {
    margin-bottom: 5px;
}
.mobt{
    display: block;
}
body {
    overflow-x: hidden;
}
.office_address p i, .office_address p img {
    top: 0px;
}

}


@media (max-width: 767px){
.testisec {margin: 0 2rem;}
.tabtext p{line-height: 1.2;}
.hometab{padding: 0!important}
.choosebox5 > ul > li { width: 43.4%;}
.caption_item p{font-size: 18px;}
.aboutfirst .righsec, .aboutfirst .leftsec {text-align: left;}
.beswork .portfolioslide .portfoliocontent {float: inherit;}
.beswork .portfolioslide .portfolioimg {padding-bottom: 25px;}
.titlehead, .heading2, .headingsec .heading2, .happycontent .titlehead2, .portfoliocontent .heading2, .caption_item, .text_line1, .tabcontentbg .titlehead2{font-size: 24px!important;}

}

@media (max-width: 489px){
    .choosebox5 > ul > li {
    width: 44%;
    margin: 10px;
}
.why_choose_home .titlehead, .leftsec .titlehead, .ourclients .headingsec .heading2, .blogsec .headingsec .heading2, .faqsec .heading2 {
    font-size: 22px;
    }
.ttext{
    padding: 2rem 1rem;
    margin: 0 5px;
}
.tcontent {
    margin-bottom: 2rem;
}
.why_choose_home {
    padding: 40px 0;
}
.home_page .beswork {
    padding-top: 40px;
}
.main-commoimg{
    width: 70px;
    height: 70px;
    top:-30px;
}
.main-commoimg img {
    width: 45%;
}
.testisec{padding: 50px 20px;}
.testimonialsec {padding: 40px 0;}
.testisec .headingsec {
    margin-bottom: 1rem;
}
.testimonialslider .owl-item .ttext .commoimg {margin-bottom: 1rem;}
p{font-size: 16px;}
.tabtext p, .homefirst p{font-size: 16px;}
.textcontent p strong {
    font-size: 20px;
}
.innersec{padding: 0;}
.testisec {
    margin: 0 1rem;
}
/*div#inner-banner-services, .inner-banner {
    margin-top: 27px;
}*/
.sticky .headerbg {
    background: #1C1B4B;
    padding: 5px 10px;
}
.ignite {
   bottom: 60px;
   left:5px;
 
}
.ignite img{width: 125px;}
.caption_item p br {
    display: none;
}
.caption_item p{font-size: 17px;}
}

#mobile-banner {
    display: none;
}
.why_choose_home .innersec p {
    margin-bottom: 0px;
}


.swiper.clientslider{height: 350px;}
.sidemenu .logo{display: none;}