@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900);

@import url('https://fonts.googleapis.com/css?family=Rochester');

*,

header {

    margin: 0;

    padding: 0

}

.aboutBg h2,

.careerBg h2,

.portfolioBg h2,

.sliderTxt,

.testimonialBg h2,

.workfriends h2 {

    text-transform: uppercase

}

@font-face {

    font-family: robotoblack;

    src: url(../fonts/roboto-black-webfont.eot);

    src: url(../fonts/roboto-black-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-black-webfont.woff2) format("woff2"), url(../fonts/roboto-black-webfont.woff) format("woff"), url(../fonts/roboto-black-webfont.ttf) format("truetype"), url(../fonts/roboto-black-webfont.svg#robotoblack) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: robotoregular;

    src: url(../fonts/roboto-regular-webfont.eot);

    src: url(../fonts/roboto-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-regular-webfont.woff2) format("woff2"), url(../fonts/roboto-regular-webfont.woff) format("woff"), url(../fonts/roboto-regular-webfont.ttf) format("truetype"), url(../fonts/roboto-regular-webfont.svg#robotoregular) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: robotolight;

    src: url(../fonts/roboto-light-webfont.eot);

    src: url(../fonts/roboto-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-light-webfont.woff2) format("woff2"), url(../fonts/roboto-light-webfont.woff) format("woff"), url(../fonts/roboto-light-webfont.ttf) format("truetype"), url(../fonts/roboto-light-webfont.svg#robotolight) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: robotolight_italic;

    src: url(../fonts/roboto-lightitalic-webfont.eot);

    src: url(../fonts/roboto-lightitalic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-lightitalic-webfont.woff2) format("woff2"), url(../fonts/roboto-lightitalic-webfont.woff) format("woff"), url(../fonts/roboto-lightitalic-webfont.ttf) format("truetype"), url(../fonts/roboto-lightitalic-webfont.svg#robotolight_italic) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: robotomedium;

    src: url(../fonts/roboto-medium-webfont.eot);

    src: url(../fonts/roboto-medium-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-medium-webfont.woff2) format("woff2"), url(../fonts/roboto-medium-webfont.woff) format("woff"), url(../fonts/roboto-medium-webfont.ttf) format("truetype"), url(../fonts/roboto-medium-webfont.svg#robotomedium) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: robotomedium_italic;

    src: url(../fonts/roboto-mediumitalic-webfont.eot);

    src: url(../fonts/roboto-mediumitalic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-mediumitalic-webfont.woff2) format("woff2"), url(../fonts/roboto-mediumitalic-webfont.woff) format("woff"), url(../fonts/roboto-mediumitalic-webfont.ttf) format("truetype"), url(../fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: robotobold;

    src: url(../fonts/roboto-bold-webfont.eot);

    src: url(../fonts/roboto-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/roboto-bold-webfont.woff2) format("woff2"), url(../fonts/roboto-bold-webfont.woff) format("woff"), url(../fonts/roboto-bold-webfont.ttf) format("truetype"), url(../fonts/roboto-bold-webfont.svg#robotobold) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: tiza_negraregular;

    src: url(../fonts/tiza_negra-webfont.eot);

    src: url(../fonts/tiza_negra-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/tiza_negra-webfont.woff2) format("woff2"), url(../fonts/tiza_negra-webfont.woff) format("woff"), url(../fonts/tiza_negra-webfont.ttf) format("truetype"), url(../fonts/tiza_negra-webfont.svg#tiza_negraregular) format("svg");

    font-weight: 400;

    font-style: normal

}

body {

    font: 400 13px/17px robotoregular;

    color: #676767

}

.fTiza {

   /* font-family: tiza_negraregular*/

   /*font-family: 'Satisfy', cursive;*/

   font-family: 'Rochester', cursive;

}

img {

    max-width: 100%

}

header {

    background-color: #fff;

    border-bottom: none;

    height: 134px;

    top: 0;

    left: 0;

    position: fixed;

    -webkit-transition: background-color 400ms ease-out 200ms;

    -moz-transition: background-color 400ms ease-out 200ms;

    -o-transition: background-color 400ms ease-out 200ms;

    transition: background-color 400ms ease-out 200ms;

    width: 100%;

    z-index: 1000

}

header .navbar {

    background: 0 0;

    border: none;

    float: right;

    min-height: none;

    margin: 52px 0 0

}

header .navbar ul {

    font: 400 13px/15px robotobold

}

.nav>li {

    padding: 0 10px

}

.nav>li>a {

    padding: 10px 0

}

header .navbar-default .navbar-nav>.open>a,

header .navbar-default .navbar-nav>.open>a:focus,

header .navbar-default .navbar-nav>.open>a:hover {

    z-index: 1001;

    background-color: transparent

}

header .nav li:hover a {

    border-bottom: 5px solid #fff

}

header .navbar ul ul {

    border-color: #efefef;

    border-radius: 0;

    border-bottom: 4px solid #004c8d;

    box-shadow: none;

    font-family: robotoregular;

    margin-top: -1px!important;

    padding-top: 0

}

header .navbar-nav>li>.dropdown-menu {

    margin-left: 12px

}

header .navbar ul ul li a {

    padding: 11px 13px

}

header .navbar ul ul li a:hover {

    background: 0 0;

    color: #6cae30

}

header .navbar-default .navbar-nav>li.active>a,

header .navbar-default .navbar-nav>li.active>a:focus,

header .navbar-default .navbar-nav>li.active>a:hover,

header .navbar-default .navbar-nav>li>a:focus,

header .navbar-default .navbar-nav>li>a:hover {

    color: #fff

}

.navbar-default .navbar-nav>li>a {

    color: #fff;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}

@media (min-width: 1169px) {

    .navbar-toggle {

        display: none

    }

    .navbar-collapse {

        width: auto;

        border-top: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }

    .navbar-collapse.in {

        overflow-y: visible

    }

    .navbar-fixed-bottom .navbar-collapse,

    .navbar-fixed-top .navbar-collapse,

    .navbar-static-top .navbar-collapse {

        padding-right: 0;

        padding-left: 0

    }

}

@media(max-width:1200px) {

    .navbar-toggle {

        display: block;

        position: fixed;

        right: 0;

        top: 10px;

        height: 30px!important;

        z-index: 2000;

        padding: 0;

        width: 38px

    }

    .navbar {

        border-radius: 0

    }

    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }

    a.nav-expander {

        background: #000;

        color: #FFF;

        font-weight: 400;

        height: 50px;

        margin-right: 0;

        padding: 1em 1.6em 2em;

        position: absolute;

        right: 0;

        text-decoration: none;

        text-transform: uppercase;

        width: 130px;

        z-index: 12;

        -webkit-transition: right .3s ease-in-out 0;

        -moz-transition: right .3s ease-in-out 0;

        -o-transition: right .3s ease-in-out 0

    }

    .navbar,

    a.nav-expander {

        top: 0;

        display: block;

        font-size: 15px;

        transition: right .3s ease-in-out 0

    }

    .navbar,

    a.nav-expander.fixed {

        position: fixed

    }

    a.nav-expander:hover {

        cursor: pointer

    }

    .nav-expanded a.nav-expander.fixed {

        right: 20em

    }

    .navbar {

        height: 100%;

        overflow: auto;

        right: -100%;

        width: 90%;

        z-index: 1050;

        -webkit-transition: right .3s ease-in-out 0;

        -moz-transition: right .3s ease-in-out 0;

        -o-transition: right .3s ease-in-out 0

    }

    .nav-expanded nav {

        right: 0

    }

    body.nav-expanded {

        margin-left: 0;

        transition: right .4s ease-in-out 0;

        -webkit-transition: right .4s ease-in-out 0;

        -moz-transition: right .4s ease-in-out 0;

        -o-transition: right .4s ease-in-out 0

    }

    .navbar-nav {

        margin: 0

    }

    .navbar-nav .nav {

        width: 100%;

        display: block

    }

    header .navbar-collapse {

        position: absolute;

        right: -30px;

        top: 0

    }

    .navbar-collapse.collapse {

        display: none!important

    }

    .navbar-collapse.collapse.in {

        display: block!important

    }

    header .navbar {

        background-color: rgba(133, 192, 65, .98);

        margin: 0;

        width: 40%;

        float: none;

        text-align: center;

        height: 100%

    }

    header .navbar ul {

        width: 100%;

        margin-top: 29%;

        text-align: left;

        font: 400 24px/15px robotobold;

        margin-left: 5%

    }

    .navbar-nav>li {

        float: none

    }

    .navbar-default .navbar-toggle,

    .navbar-default .navbar-toggle:focus {

        background-color: #000

    }

    .navbar-toggle .icon-bar {

        width: 30px;

        height: 4px;

        position: relative

    }

    .navbar-toggle .icon-bar:after,

    .navbar-toggle .icon-bar:before {

        position: absolute;

        display: block;

        left: 0;

        height: 4px;

        background-color: #fff;

        content: ""

    }

    header .navbar-toggle.collapse.in .icon-bar,

    header .navbar-toggle.collapse.in .icon-bar:after,

    header .navbar-toggle.collapse.in .icon-bar:before,

    header.innerHdr .navbar-toggle .icon-bar,

    header.innerHdr .navbar-toggle .icon-bar:after,

    header.innerHdr .navbar-toggle .icon-bar:before,

    header.small .navbar-toggle .icon-bar,

    header.small .navbar-toggle .icon-bar:after,

    header.small .navbar-toggle .icon-bar:before {

        background-color: #000;

        -webkit-transition: all .6s ease;

        transition: all .6s ease;

        -webkit-transition-delay: .5s;

        transition-delay: .5s

    }

    .navbar-toggle.collapsed .icon-bar:before {

        top: -8px!important;

        transform: translateX(0) translateY(0) rotate(0);

        width: 100%

    }

    .navbar-toggle.collapsed .icon-bar:after,

    .navbar-toggle.collapsed .icon-bar:before {

        -webkit-transform: translateX(0) translateY(0) rotate(0);

        -ms-transform: translateX(0) translateY(0) rotate(0)

    }

    .navbar-toggle.collapsed .icon-bar:after {

        bottom: -8px!important;

        transform: translateX(0) translateY(0) rotate(0);

        width: 100%

    }

    .navbar-toggle .icon-bar:before {

        -webkit-transform-origin: top left;

        -ms-transform-origin: top left;

        transform-origin: top left;

        -webkit-transition: -webkit-transform .3s, width .3s, top .3s;

        transition: transform .3s, width .3s, top .3s

    }

    .navbar-toggle .icon-bar:after {

        -webkit-transform-origin: bottom left;

        -ms-transform-origin: bottom left;

        transform-origin: bottom left;

        -webkit-transition: -webkit-transform .3s, width .3s, bottom .3s;

        transition: transform .3s, width .3s, bottom .3s

    }

    .navbar-toggle .icon-bar {

        background-color: #18903c;

        -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

        transform: rotate(180deg)

    }

    .navbar-toggle .icon-bar:before {

        top: 0;

        -webkit-transform: translateX(0) translateY(0) rotate(45deg);

        -ms-transform: translateX(0) translateY(0) rotate(45deg);

        transform: translateX(0) translateY(0) rotate(45deg);

        width: 50%

    }

    .navbar-toggle .icon-bar:after {

        bottom: 0;

        -webkit-transform: translateX(0) translateY(0) rotate(-45deg);

        -ms-transform: translateX(0) translateY(0) rotate(-45deg);

        transform: translateX(0) translateY(0) rotate(-45deg);

        width: 50%

    }

    .logo {

        left: 22px

    }

    .small .hed-right span {

        float: left

    }

    header.small .navbar-toggle .icon-bar,

    header.small .navbar-toggle .icon-bar:after,

    header.small .navbar-toggle .icon-bar:before {

        background-color: #000

    }

    header .navbar .pull-left {

        float: left!important;

        width: 92%

    }

    .nav>li {

        padding: 7px 27px

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a,

    .navbar-default .navbar-nav>.open>a,

    header .navbar-default .navbar-nav>li>a,

    header.small .navbar-default .navbar-nav>li>a {

        color: #def7c4

    }

    header .navbar-default .navbar-nav>li.active>a,

    header .navbar-default .navbar-nav>li.active>a:focus,

    header .navbar-default .navbar-nav>li.active>a:hover,

    header .navbar-default .navbar-nav>li>a:focus,

    header .navbar-default .navbar-nav>li>a:hover {

        color: #fff!important

    }

    header .contactno {

        float: none;

        display: block;

        color: #def7c4;

        margin: 33px 0 0 10%;

        font-size: 25px;

        text-align: left

    }

    .navbar-nav>li.dropdown a {

        background: url(../images/dropdown-icon.png) right no-repeat;

        background-size: 9%

    }

    header .nav li:hover a {

        border-bottom: none

    }

    .navbar-nav>li.dropdown:nth-child(6) a,

    .navbar-nav>li.dropdown:nth-child(7) a {

        background: 0 0

    }

    .navbar-nav .open .dropdown-menu>li>a {

        background: 0 0;

        padding-left: 0;

        padding-right: 0;

        font-size: 16px

    }

    .navbar-nav .open .dropdown-menu {

        width: 90%;

        margin: 7px 0 0 10px;

        padding: 0

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,

    .navbar-default .navbar-nav>.open>a,

    .navbar-default .navbar-nav>.open>a:focus,

    .navbar-default .navbar-nav>.open>a:hover,

    header .in .contactno,

    header.innerHdr .contactno,

    header.small .contactno {

        color: #fff

    }

    header.small .nav li:hover a {

        border: none

    }

    .hed-right span {

        margin: 91px 0 0!important;

        float: left;

        font-size: 12px!important

    }

    .small .hed-right span {

        margin: 70px 0 0!important

    }

}

.border,

.contactFormDiv,

.crmBg1 .scrollDiv,

.formfld,

.freePlanDiv,

.portfolio,

.positionDiv,

.post,

.post div,

.project-testimonial,

.recogniseList li,

.serviceHD,

.services-seo-bus,

.slider {

    overflow: hidden

}

header .contactno {

    border-left: 1px solid #cacaca;

    color: #fff;

    display: inline-block;

    float: right;

    font-size: 18px;

    font-family: robotomedium;

    margin-top: 10px;

    padding-left: 15px

}

header .contactno:before,

header.small .contactno:before {

    content: "";

    display: block;

    float: left;

    height: 20px;

    margin-right: 5px;

    width: 20px

}

header .contactno:before {

    background: url(../images/spriteimg.png) -183px 0 no-repeat

}

.noRgtLftpad {

    padding-left: 0;

    padding-right: 0

}

header .navbar-collapse.collapsing,

header .navbar-collapse.in {

    background-color: #fff;

    width: 100%;

    z-index: 1000

}

.logo {

    width: auto;

    height: 88px;

    float: none;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    margin: 15px 0 0;

    display: inline-block;

    z-index: 1000;

    position: relative

}

@media(max-width:1200px) {

    header .contactno {

        border: none;

        padding-left: 0;

        float: left;

        display: block;

        color: #def7c4;

        margin: 33px 0 0 10%;

        font-size: 25px;

        text-align: left

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a,

    header.small .navbar-default .navbar-nav>li>a {

        color: #def7c4!important

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a,

    header.small .navbar-default .navbar-nav .open .dropdown-menu>li>a {

        background: url(../images/menu-bullet.png) left no-repeat;

        background-size: 3px;

        padding: 6px 13px

    }

    .navbar-toggle .icon-bar {

        background-color: #fff;

        border-radius: none

    }

    .navbar-toggle.collapsing .icon-bar,

    header .navbar-collapse.in {

        background-color: #888

    }

    ,

    header.small .navbar-default .navbar-nav>li>a {

        color: #fff

    }

}

@media(min-width:1169px) {

    .dropdown:hover .dropdown-menu {

        display: block

    }

}

header.small {

    height: 114px;

    background: #fff;

    text-align: left;

    padding: 0;

    border-bottom: 1px solid #cdd6dc;

    margin-top: 0

}

header.small .logo {

    float: left;

    margin-top: 10px;

    position: relative;

    top: 0;

    width: 169px;

    height: 65px;

    z-index: 100

}

header.small .navbar {

    margin-top: 41px

}

header .navbar-collapse.in .navbar-nav>li>a,

header .navbar-default .in li a,

header .navbar-default .in li:hover a,

header.innerHdr .navbar-collapse.in .navbar-nav>li>a,

header.innerHdr .navbar-default .navbar-nav>li>a,

header.small .navbar-default .navbar-nav>li>a {

    color: #777

}

header.innerHdr .navbar-default .navbar-nav>li.active>a,

header.innerHdr .navbar-default .navbar-nav>li.active>a:focus,

header.innerHdr .navbar-default .navbar-nav>li.active>a:hover,

header.innerHdr .navbar-default .navbar-nav>li>a:focus,

header.innerHdr .navbar-default .navbar-nav>li>a:hover,

header.small .navbar-default .navbar-nav>li.active>a,

header.small .navbar-default .navbar-nav>li.active>a:focus,

header.small .navbar-default .navbar-nav>li.active>a:hover,

header.small .navbar-default .navbar-nav>li>a:focus,

header.small .navbar-default .navbar-nav>li>a:hover {

    color: #1168ba

}

header.innerHdr .nav li:hover a,

header.small .nav li:hover a {

    border-bottom: 5px solid #76b43f

}

header .nav li:hover ul li a,

header.innerHdr .nav li:hover ul li a,

header.small .nav li:hover ul li a {

    border-bottom: none

}

header .in .contactno:before,

header.innerHdr .contactno:before,

header.small .contactno:before {

    background: url(../images/spriteimg.png) no-repeat

}

header .in .contactno,

header.innerHdr .contactno,

header.small .contactno {

    color: #000

}

@media(max-width:1200px) {

    header.small .navbar {

        margin-top: 0

    }

    header.small .logo {

        position: fixed;

        top: 0;

        width: 155px;

        z-index: 100

    }

    .logo {

        width: 200px;

        height: 88px;

        position: fixed;

        left: 50px;

        top: 0

    }

    header .navbar-collapse.in .navbar-nav>li>a,

    header .navbar-default .in li a,

    header .navbar-default .in li:hover a,

    header .navbar-default .navbar-nav>li>a,

    header.innerHdr .navbar-collapse.in .navbar-nav>li>a,

    header.innerHdr .navbar-default .navbar-nav>li>a {

        color: #fff

    }

    header .navbar-default .navbar-nav>li.active>a,

    header .navbar-default .navbar-nav>li.active>a:focus,

    header .navbar-default .navbar-nav>li.active>a:hover,

    header .navbar-default .navbar-nav>li>a:focus,

    header .navbar-default .navbar-nav>li>a:hover {

        color: #1168ba

    }

    header .navbar-nav>li>.dropdown-menu {

        border: none

    }

}

.blueBG {

    background: url(../images/bluebg.jpg)

}

.sliderTxt {

    color: #fff;

    font: 400 44px/47px robotobold;

    padding-top: 40px;

    margin: 120px 0 37px

}

.sliderTxt span {

    font: 400 27px/29px robotoregular;

    margin-top: 5px

}

.formfld {

    background-color: rgba(0, 0, 0, .2);

    margin: 0 auto 25px;

    padding: 15px;

    width: 735px

}

.formfld .form-control {

    border-radius: 0;

    border: none;

    float: left;

    font: 400 13px/50px robotoregular;

    height: 50px;

    margin-right: 15px;

    padding: 0 20px;

    width: 262px

}

.startBtn {

    background: url(../images/btn-bg.gif) repeat-x;

    border: none;

    border-radius: 0;

    color: #fff;

    font: 400 18px/20px robotoblack;

    height: 50px;

    text-shadow: 1px 0 5px rgba(0, 0, 0, .23);

    width: 150px

}

.startBtn:hover {

    background-position: 0 -52px;

    color: #fff

}

.sliderBg {

    background: url(../images/sliderlftimg.jpg) 0 100% no-repeat, url(../images/sliderrgtImg.jpg) 100% 100% no-repeat

}

.slider {

    background: url(../images/sliderbg.png) no-repeat;

    margin: 0 auto;

    padding: 41px 141px 0;

    position: relative;

    display: block;

    width: 720px;

    height: 334px

}

@media(max-width:768px) {

    .slider {

        background-size: cover;

        width: 600px;

        height: 272px;

        padding: 33px 116px 0 118px

    }

}

@media(max-width:480px) {

    .slider {

        background-size: cover;

        width: 360px;

        height: 172px;

        padding: 22px 63px 0 73px

    }

}

@media(max-width:640px) {

    .slider {

        background-size: cover;

        width: 360px;

        height: 172px;

        padding: 22px 63px 0 73px

    }

    .slider div {

        height: 100%;

        width: 100%

    }

    .slider div img {

        max-width: 100%

    }

}

.serviceDiv {

    color: #242d34;

    padding: 51px 0

}

.helpTxt {

    color: #278ddf;

    font-size: 40px;

    margin-bottom: 15px

}

.serviceTxt {

    font: 400 20px/23px robotomedium

}

.serviceHD {

    font: 400 30px/36px robotomedium;

    margin: 0;

    white-space: nowrap

}

@media(max-width:640px) {

    .serviceHD {

        white-space: normal

    }

}

.border span,

.serviceHD span {

    display: inline-block;

    position: relative

}

.border>span:after,

.border>span:before,

.serviceHD>span:after,

.serviceHD>span:before {

    background: #e1e1e1;

    content: "";

    height: 1px;

    position: absolute;

    top: 50%;

    width: 125px

}

.serviceHD>span:before {

    margin-right: 15px;

    right: 100%

}

.serviceHD>span:after {

    left: 100%;

    margin-left: 15px

}

.rate {

    font: 400 15px/17px robotoregular;

    margin: 15px 0 20px

}

.rate span {

    color: #0b4f8f;

    font-family: robotomedium

}

.border {

    font: 400 16px/17px robotoregular;

    color: #252d34;

    margin-bottom: 47px;

    white-space: nowrap

}

.border>span:after,

.border>span:before {

    width: 300px

}

.border>span:before {

    margin-right: 10px;

    right: 100%

}

.servicemsg {

    font: 400 17px/23px robotolight;

    margin: 0 auto 65px;

    width: 75%

}

@media(max-width:640px) {

    .servicemsg {

        width: 100%

    }

}

.servicemsg span {

    font-family: robotomedium

}

.border>span:after {

    left: 100%;

    margin-left: 10px

}

.brands li {

    display: inline-block;

    margin: 0 30px 10px

}

.perform {

    background-color: #e4f4f6

}

.performHD {

    font: 400 50px/53px robotoblack;

    margin: 0

}

.performborder>span:after,

.performborder>span:before {

    background-color: #94b4ba;

    width: 43px

}

.benifts,

.more {

    background: url(../images/btn-bg1.jpg) 0 -59px repeat-x;

    border: none;

    border-radius: 0;

    box-shadow: none;

    color: #fff;

    display: inline-block;

    font: 400 18px/20px robotoblack;

    margin-top: 70px;

    padding: 18px 40px 20px;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, .23)

}

.investor,

.investor i {

    background-color: #f4f4f4

}

.benifts:focus,

.benifts:hover,

.more:focus,

.more:hover {

    background-position: 0 0;

    color: #fff

}

.investor {

    padding-bottom: 25px;

    position: relative;

    min-height: 160px

}

@media(max-width:980px) {

    .investor {

        max-width: 360px;

        margin: 0 auto 25px

    }

}

.investor p {

    font-size: 14px;

    color: #818181;

    padding: 25px 25px 0;

    position: relative;

    z-index: 100

}

.investor i {

    border-radius: 50px;

    display: block;

    height: 50px;

    width: 50px;

    position: absolute;

    left: 0;

    top: -20px;

    bottom: 0;

    right: 0;

    margin: 0 auto;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease

}

.investor i,

.socialmedia {

    transition: all .5s ease 0

}

.investor i:before {

    background: url(../images/spriteimg.png) -105px 0 no-repeat;

    content: "";

    display: block;

    height: 23px;

    width: 27px;

    margin: 15px auto

}

.investorName {

    font-family: robotobold;

    font-size: 13px

}

.investor1 i:before {

    background-position: -142px 0;

    height: 20px;

    width: 25px

}

.freePlan {

    background: url(../images/free-plan.jpg);

    padding: 70px 0 50px

}

.recognized {

    font: 400 30px/33px robotobold;

    color: #fff;

    margin: 0 0 5px

}

.recogniseTxt {

    font: 400 14px/16px robotoregular;

    color: #fff;

    margin-bottom: 10px

}

.recogniseList {

    list-style: none;

    margin: 26px 0 0;

    display: inline-block

}

.recogniseList li {

    color: #fff;

    display: block;

    margin-bottom: 10px;

    padding-left: 50px;

    position: relative

}

.recogniseList li span.no {

    background-color: #fff;

    border-radius: 50px;

    color: #4a4a4a;

    display: block;

    font: 400 18px/36px robotobold;

    height: 36px;

    position: absolute;

    left: 0;

    top: 0;

    text-align: center;

    width: 36px

}

.recogniseList li div {

    border-bottom: 1px solid #7aaa5e;

    font-size: 13px;

    line-height: 15px

}

.recogniseList li div span {

    font-family: robotobold;

    font-size: 16px;

    display: inline-block;

    margin: 0 0 5px

}

.recogniseList li:last-of-type div {

    border: none

}

.freePlanDiv {

    background-color: #fff;

    padding: 30px 10px 50px

}

.mandatoryflds,

.txtBox {

    background: url(../images/txtboxBg.gif) repeat-y

}

@media(min-width:980px) {

    .noRgtPad {

        padding-right: 0

    }

}

@media(max-width:980px) {

    .freePlanDiv {

        margin-bottom: 25px

    }

}

.freeplanTxt1 {

    font: 400 17px/21px robotoregular;

    color: #252d34

}

.freeplanTxt2 {

    font: 400 40px/58px robotoblack;

    color: #252d34

}

@media(max-width:480px) {

    .freeplanTxt1 {

        font-size: 25px;

        line-height: 27px;

        text-align: center

    }

    .freeplanTxt2 {

        font-size: 30px;

        line-height: 33px;

        text-align: center

    }

}

.freeplanTxt2 span {

    color: #ff4431

}

.satisfaction {

    margin-bottom: 10px;

    position: relative;

    right: 20px;

    top: -15px

}

.txtBox {

    border: 1px solid #e4e8e2;

    border-radius: 0;

    box-shadow: none;

    margin-bottom: 15px;

    resize: none

}

.form-control::-moz-placeholder {

    color: #424242

}

.form-control::-webkit-input-placeholder {

    color: #424242

}

.form-control:-moz-placeholder {

    color: #424242

}

.form-control:-ms-input-placeholder {

    color: #424242

}

.mandatoryflds {

    font-size: 12px;

    line-height: 13px;

    padding-left: 10px;

    margin-top: 30px;

    margin-left: 25px

}

@media(max-width:360px) {

    .mandatoryflds {

        margin-left: 0

    }

}

.benifts {

    background-position: 0 0;

    margin: 10px 0 0

}

.benifts:hover {

    background-position: 0 -59px

}

.technology {

    padding-top: 25px;

    padding-bottom: 25px

}

.technology span {

    color: #252d34;

    font-size: 20px;

    line-height: 23px

}

.technology span:first-of-type {

    font-family: robotobold

}

.technology .col-lg-2 {

    border-right: 1px solid #cbcbcb;

    padding-top: 5px;

    padding-bottom: 5px

}

.technology .col-lg-2 span {

    display: block;

    text-align: right

}

@media(max-width:765px) {

    .technology .col-lg-2 {

        text-align: center

    }

    .technology .col-lg-2 span {

        display: inline-block;

        text-align: center;

        margin-bottom: 10px

    }

}

.technologies li {

    display: inline-block;

    margin: 0 12px;

    position: relative

}

.thoughts {

    border-top: 2px solid #eee9f0;

    background-color: #f8f1fb

}

.thoughts h2 {

    margin-bottom: 25px

}

.thoughts img {

    display: block;

    margin: 0 auto;

    min-height: 180px

}

.thoughts .investor {

    background-color: #fff;

    padding: 25px;

    min-height: 265px

}

.thoughts .investor h3 {

    border-bottom: 1px solid #d3d9cc;

    font: 400 24px/28px robotobold;

    color: #1a6892;

    margin-top: 0;

    min-height: 76px

}

.thoughts .investor h3 span {

    font: 400 18px/24px robotomedium;

    color: #000;

    margin: 5px 0 10px

}

.thoughts .investor p {

    font-size: 13px;

    margin-bottom: 15px;

    padding: 0;

    min-height: 68px;

}

.thoughts .investor a {

    color: #ff7132;

    display: inline-block;

    margin-bottom: 10px;

    border: 1px solid #ddd;

    padding: 5px 10px

}

.thoughts .investor a:focus,

.thoughts .investor a:hover {

    opacity: .7;

    text-decoration: none

}

.thoughts .investor span.thtPost {

    color: #676767;

    font-size: 11px

}

footer {

    background: url(../images/footerBg.gif);

    border-top: 1px solid #307398;

    color: #bbd2df;

    font: 400 13px/17px robotoregular;

    padding: 32px 0 0

}

footer h2 {

    color: #fff;

    font: 400 14px/17px robotobold

}

.terms li {

    font-size: 13px;

    line-height: 17px;

    list-style: inside;

    margin-bottom: 2px

}

footer a {

    color: #bbd2df

}

footer a:hover {

    color: #fff

}

.lftBordr {

    border-left: 1px solid rgba(255, 255, 255, .2)

}

.subHD {

    margin-bottom: 10px

}

footer p {

    margin-bottom: 20px

}

.contactus,

.email {

    display: block;

    position: relative;

    padding-left: 23px;

    margin-bottom: 3px

}

.contactus:before,

.email:before {

    background: url(../images/spriteimg.png) -57px 0 no-repeat;

    content: "";

    display: block;

    height: 12px;

    width: 12px;

    position: absolute;

    left: 0;

    top: 4px

}

.email:before {

    background-position: -79px 0;

    width: 16px

}

.newsletterSignup {

    margin-bottom: 35px

}

.newsletterSignup span {

    margin-bottom: 5px

}

.newsletterSignup label {

    display: inline-block

}

.newsletterSignup .form-control {

    box-shadow: none;

    color: #424242;

    font-size: 12px;

    width: 227px;

    border-radius: 0

}

.newsletterSignup .btn,

.newsletterSignup .form-control {

    float: left;

    border: none;

    font-weight: 400;

    height: 25px;

    line-height: 14px

}

.newsletterSignup .btn {

    background-color: #2aa9e0;

    border-left: 1px solid #e7e7e7;

    border-radius: 0;

    color: #fff;

    font-size: 11px

}

@media(max-width:640px) {

    .lftBordr {

        border-left: none

    }

}

.socialmedia {

    border-radius: 5px;

    margin-right: 5px;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease

}

.socialmedia:hover {

    opacity: .6

}

.copyright {

    background-color: #fff;

    color: #676767;

    display: block;

    font-size: 11px;

    line-height: 24px;

    height: 65px;

    margin-top: 47px;

    padding: 20px 0 30px;

    width: 100%

}

.workfriends h2 {

    color: #fff;

    font: 36px/38px robotoblack;

    padding-top: 30px;

    margin: 0

}

.workfriends p {

    color: #fff;

    font-size: 17px;

    line-height: 23px;

    margin: 15px auto 3px

}

@media(max-width:800px) {

    .workfriends p {

        width: 100%

    }

}

.breadcrumb {

    background: 0 0;

    display: inline-block;

    margin: 0

}

.breadcrumb li {

    display: inline-block;

    color: #fff;

    vertical-align: middle

}

.breadcrumb li a {

    color: #fff;

    display: inline-block;

    float: left

}

.breadcrumb>li+li:before {

    background: url(../images/spriteimg.png) -174px 0 no-repeat;

    content: "";

    display: block;

    height: 5px;

    width: 3px;

    float: left;

    margin: 7px 10px 0

}

.postionHD {

    font: 400 30px/33px robotobold;

    color: #000;

    margin: 0 0 35px

}

.postionTxt {

    color: #000;

    font-size: 17px;

    line-height: 23px

}

.positions {

    height: 222px;

    margin-bottom: 30px

}

.positionDiv {

    font: 400 16px/18px robotomedium;

    color: #fff;

    display: block;

    height: 100%;

    padding: 55px 0;

    width: 100%;

    position: relative

}

.positionDiv i {

    background-image: url(../images/spriteimg.png);

    display: block;

    margin: 0 auto 20px;

    height: 75px;

    width: 80px;

    bottom: 0;

    right: 0

}

.positionDiv .apply {

    padding: 112px 0 82px;

    position: absolute!important;

    left: 0;

    bottom: 0;

    opacity: 0;

    transition: all .3s ease-out 0;

    z-index: 101;

    width: 100%;

    text-align: center

}

.positionDiv:hover .apply {

    opacity: 1;

    transition: all .9s ease 0;

    -moz-transition: all .9s ease;

    -webkit-transition: all .9s ease;

    -o-transition: all .9s ease

}

.positionDiv .apply input {

    background-color: #fff;

    border: none;

    border-radius: 0;

    font: 400 15px/17px robotoblack;

    color: #000

}

.position1,

.position7 {

    background-color: #00af84

}

.position1 i {

    background-position: 2px -827px

}

.position5 i {

    background-position: -319px -827px

}

.positionDiv.position1:hover .apply,

.positionDiv.position7:hover .apply {

    background: rgba(0, 150, 234, .9)

}

.position2,

.position8 {

    background-color: #e14164

}

.position2 i {

    background-position: -74px -827px

}

.position6 i {

    background-position: -9px -922px

}

.positionDiv.position2:hover .apply,

.positionDiv.position8:hover .apply {

    background: rgba(197, 47, 146, .9)

}

.position3,

.position5 {

    background-color: #95368c

}

.position3 i {

    background-position: -155px -827px

}

.position7 i {

    background-position: -88px -921px;

    width: 71px

}

.positionDiv.position3:hover .apply,

.positionDiv.position5:hover .apply {

    background: rgba(125, 179, 59, .9)

}

.position4,

.position6 {

    background-color: #00659a

}

.position4 i {

    background-position: -236px -827px;

    width: 82px

}

.position8 i {

    background-position: -165px -920px

}

.positionDiv.position4:hover .apply,

.positionDiv.position6:hover .apply {

    background: rgba(242, 94, 34, .9)

}

@keyframes bounceY {

    0% {

        transform: translateY(-205px)

    }

    100%,

    55%,

    75%,

    87%,

    97% {

        transform: translateY(0)

    }

}

.urbenefits {

    background-color: #e5f4f7

}

.benefitHD {

    font: 400 36px/40px robotoblack;

    color: #000;

    margin-top: 0

}

.benefitsDiv {

    background-color: #0b4f8f;

    color: #b6d8f9;

    font: 400 14px/20px robotolight;

    height: 350px;

    margin-bottom: 30px;

    padding: 35px

}

.benefitsDiv span {

    font-family: robotomedium

}

.benefitsDiv i {

    background-image: url(../images/spriteimg.png);

    display: block;

    height: 89px;

    margin: 0 auto 35px;

    width: 99px

}

.benefitsDiv h3 {

    color: #fff;

    font: 400 20px/22px robotobold

}

.projects i {

    background-position: -300px -28px

}

.grow i {

    background-position: 0 -101px

}

.days i {

    background-position: -91px -101px

}

.paidtime i {

    background-position: -203px -101px

}

.time i {

    background-position: -301px -122px

}

.rewards i {

    background-position: 0 -197px

}

.reviews {

    margin: 75px 0 72px

}

.reviews img {

    border-radius: 50%

}

.reviews p {

    text-align: left;

    color: #1f2122;

    font: 400 18px/26px robotolight_italic

}

p.blog-img-tx {

    color: red !important;

    text-align: right;

}

span.cl-red {

    color: #0b4f8f;

}

.carousel-inner>.active,

.crmBg1 {

    text-align: center

}

.reviews p span:first-of-type {

    font-family: robotomedium_italic;

    font-size: 20px;

    margin-top: 10px

}

.reviews p span {

    font-family: robotoregular;

    font-size: 16px

}

.reviews .carousel-indicators {

    top: 100%

}

.reviews .carousel-indicators li {

    background-color: #afc3c7;

    border: none;

    border-radius: 50%;

    box-shadow: 1px 0 2px #000 inset;

    display: inline-block;

    margin: 3px;

    height: 15px;

    width: 15px

}

.reviews .carousel-indicators li.active {

    border: none;

    background-color: #118bec;

    margin: 3px

}

.careerHd {

    background-color: #0096ea;

    padding: 5px;

    color: #fff

}

.careerPopup .modal-header .close {

    margin-right: -27px;

    margin-top: -24px

}

.careerPopup .close {

    color: #fff;

    opacity: 1;

    text-shadow: 0 1px 0 #fff

}

.careerPopup .modal-header {

    border-bottom: none

}

.careerTxt {

    color: #000

}

.careerTxt h5 {

    font: 400 20px/30px robotobold;

    margin-top: 0;

    margin-bottom: 40px

}

.careerTxt h6 {

    font: 400 16px/20px robotobold;

    margin-top: 0

}

.careerTxt ul {

    margin-bottom: 40px;

    font-size: 14px;

    line-height: 18px

}

.careerTxt li {

    padding-left: 10px;

    margin-bottom: 5px;

    list-style: none;

    position: relative

}

.careerTxt li:before {

    border-bottom: 4px solid transparent;

    border-top: 4px solid transparent;

    border-left: 4px solid #000;

    font-size: 0;

    line-height: 0;

    content: '';

    position: absolute;

    left: -5px;

    top: 5px;

    height: 0;

    width: 0

}

.aboutBg p,

.careerBg p {

    width: 80%;

    min-height: 70px

}

.applyBtn {

    background: url(../images/btn-bg1.jpg) 0 -59px repeat-x;

    border: none;

    border-radius: 0;

    box-shadow: none;

    color: #fff;

    display: inline-block;

    font: 400 18px/20px robotoblack;

    margin-bottom: 40px;

    padding: 10px 20px;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, .23)

}

.aboutBg,

.careerBg {

    padding-bottom: 50px

}

.applyBtn:focus,

.applyBtn:hover {

    background-position: 0 0;

    color: #fff

}

.aboutBg {

    background: url(../images/about-bg.jpg) center top no-repeat #07365c;

    padding-top: 70px;

    margin-top: 120px

}

.aboutBg h2 {

    color: #fff;

    font: 36px/38px robotoblack;

    padding-top: 8px;

    margin: 0

}

.aboutBg p {

    margin: 30px auto 5px

}

p.about-testi {

    font-size: 28px;

    font-weight: 700;

    line-height: 36px

}

p.about-testi a {

    font-size: 20px;

    font-weight: 700

}

.careerBg {

    background: url(../images/career-bg.jpg) center top no-repeat #07365c;

    padding-top: 70px;

    margin-top: 120px

}

.careerBg h2 {

    color: #fff;

    font: 36px/38px robotoblack;

    padding-top: 8px;

    margin: 0

}

.careerBg p {

    margin: 30px auto 5px

}

@media(max-width:640px) {

    .aboutBg {

        padding-top: 15px;

        padding-bottom: 15px

    }

    .aboutBg h2 {

        font: 24px/29px robotoblack;

        padding-top: 15px

    }

    .aboutBg p {

        width: 100% margin: 13px auto 5px

    }

}

@media(max-width:320px) {

    .aboutBg {

        padding-top: 10px;

        padding-bottom: 10px

    }

    .aboutBg h2 {

        font-size: 30px;

        line-height: 33px

    }

}

.aboutHD {

    font: 400 36px/40px robotomedium;

    color: #000;

    margin: 80px 0 35px

}

.story {

    color: #242d34;

    font-family: robotolight;

    line-height: 24px;

    width: 80%;

    margin: 0 auto

}

.story a,

.story strong {

    color: #242d34;

    font-weight: 400;

    font-family: robotomedium

}

.marB20 {

    margin-bottom: 20px

}

.w760 {

    width: 760px

}

@media(max-width:800px) {

    .w760 {

        width: 100%

    }

}

.companies {

    color: #252d34;

    font: 400 16px/18px robotoregular;

    padding: 40px 0 55px

}

.companies span {

    margin-bottom: 30px

}

.companies .brands li {

    margin: 0 5px 10px

}

.companies .brands li img {

    max-width: 70%

}

.mission {

    background: url(../images/mission-vision-bg.jpg) center top no-repeat #febf00;

    padding-top: 60px;

    padding-bottom: 9px

}

.mission h2 {

    color: #1b1501;

    font: 36px/38px robotobold;

    margin: 70px 0 20px

}

.mission h3 {

    color: #1b1501;

    font: 400 48px/50px robotoblack;

    margin: 0 0 40px

}

.journey p,

.mission p {

    color: #1b1501;

    font: 400 17px/23px robotolight

}

.journey p strong,

.mission p strong {

    font-weight: 400;

    font-family: robotomedium

}

.mission p span {

    color: #ed1c24;

    font-family: robotomedium

}

.journey p:first-of-type,

.mission p:first-of-type {

    margin-bottom: 25px

}

@media(max-width:980px) {

    .mission img {

        margin-top: 30px

    }

}

.framework {

    border-bottom: 1px solid #e9eaec;

    padding-top: 30px;

    padding-bottom: 30px

}

.framework ul {

    margin: 0

}

.framework li {

    color: #999;

    display: inline-block;

    font: 400 16px/27px robotoregular;

    margin-right: 40px;

    padding-left: 35px;

    position: relative

}

.framework li:before {

    background: url(../images/spriteimg.png) -166px -213px no-repeat;

    content: "";

    display: inline-block;

    height: 27px;

    position: absolute;

    left: 0;

    top: 0;

    width: 27px

}

.framework li:nth-child(2) {

    padding-left: 40px

}

.framework li:nth-child(2):before {

    background-position: -230px 0;

    width: 34px

}

.framework li:nth-child(3):before {

    background-position: -282px 0

}

.framework li:nth-child(4):before {

    background-position: -328px 0

}

.framework li:last-of-type:before {

    background-position: 100% 0

}

.framework li:last-of-type {

    margin-right: 0

}

@media(max-width:980px) {

    .framework li {

        margin-right: 20px

    }

}

@media(max-width:800px) {

    .framework li {

        margin-bottom: 20px

    }

}

@media(max-width:360px) {

    .framework li {

        margin-right: 0

    }

}

.projectDiv {

    color: #242d34

}

.projectsHd {

    color: #000;

    font: 400 36px/38px robotobold;

    margin: 0 0 10px

}

.projectsSubHd {

    color: #000;

    font: 400 16px/18px robotolight;

    margin: 0 0 50px

}

.projects-carousel img {

    margin: 0 auto

}

.carouselDiv {

    display: block;

    overflow: hidden;

    position: relative

}

@media only screen and (max-width: 940px) {

    .carouselDiv {

        height: 320px

    }

}

@media only screen and (max-width: 640px) {

    .carouselDiv {

        height: auto

    }

}

.carouselDiv .carousel-control {

    background: 0 0;

    width: auto

}

.carouselDiv .carousel-control span {

    background: url(../images/spriteimg.png) -127px -245px no-repeat;

    color: transparent;

    display: block;

    height: 29px;

    width: 18px;

    text-shadow: none;

    margin: 0!important

}

.carouselDiv .carousel-control span.glyphicon-chevron-left {

    transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -webkit-transform: rotate(180deg)

}

.carouselDiv .carousel-control span:before {

    display: none

}

.carouselDiv .carousel-control.right {

    right: 50px

}

.carouselDiv .carousel-control.left {

    left: 50px

}

.desktop {

    background: url(../images/desktop.jpg) no-repeat;

    background-size: cover;

    padding: 22px 22px 159px;

    width: 607px;

    height: 505px;

    margin: 0 auto

}

@mediaa only screen and (max-width:1024px) {

    .desktop {

        height: 300px;

        width: 361px

    }

}

.laptop {

    background: url(../images/laptop.png) no-repeat;

    background-size: cover;

    float: left;

    padding: 17px 68px 46px 71px;

    width: 428px;

    height: 247px;

    margin: -182px 0 0 118px;

    z-index: 101

}

@media only screen and (max-width: 1024px) {

    .carouselDiv .carousel-control.left {

        left: 0

    }

    .carouselDiv .carousel-control.right {

        right: 0

    }

    .laptop {

        margin-left: 20px

    }

}

@media only screen and (max-width: 940px) {

    .desktop {

        display: none

    }

    .laptop {

        margin-top: 74px

    }

}

@media only screen and (max-width: 640px) {

    .laptop {

        float: none;

        margin: 0 auto

    }

}

@media only screen and (max-width: 450px) {

    .laptop {

        width: auto;

        height: auto

    }

}

.tab {

    background: url(../images/tab.png) no-repeat;

    background-size: cover;

    float: right;

    padding: 30px 22px;

    width: 220px;

    height: 315px;

    margin: -280px 159px 0 0

}

@media only screen and (max-width: 1024px) {

    .tab {

        margin-right: 40px

    }

}

@media only screen and (max-width: 940px) {

    .tab {

        margin: 0 100px 0 0;

        position: relative;

        top: -320px

    }

}

.mobile {

    background: url(../images/phone.png) no-repeat;

    background-size: cover;

    padding: 35px 7px;

    width: 95px;

    height: 212px;

    margin: 0 auto;

    position: absolute;

    right: 100px;

    top: 350px

}

@media only screen and (max-width: 1024px) {

    .mobile {

        right: 20px

    }

}

@media only screen and (max-width: 940px) {

    .mobile {

        right: 40px;

        top: 125px

    }

}

@media only screen and (max-width: 640px) {

    .mobile,

    .tab {

        display: none

    }

}

.projTestBg {

    background-color: #f1f8fa

}

.project-testimonial {

    background: url(../images/testimonial.jpg) 100% 0 no-repeat;

    color: #000;

    font: 400 18px/24px robotolight_italic;

    padding: 55px 0;

    text-align: center

}

@media(max-width:640px) {

    .project-testimonial {

        background-position: center 0

    }

}

@media(max-width:480px) {

    .mobile, .tab {

        position: relative;

        margin: 20px auto 0;

        top: auto;

        right: auto

    }

    .project-testimonial {

        padding: 75px 0

    }

}

.project-testimonial span {

    font-size: 14px;

    font-family: robotoregular;

    margin-top: 11px

}

.project-testimonial a {

    margin: 0;

    display: inline-block

}

.project-testimonial span strong {

    font-family: robotobold;

    font-size: 18px

}

.journey {

    padding-top: 80px;

    padding-bottom: 50px

}

.journeyHd {

    color: #322537;

    font: 400 30px/33px robotoblack;

    margin: 70px 0 30px

}

.satisfactionImg {

    margin-top: 20px

}

.testimonialBg {

    background: url(../images/testimonial-bg.jpg);

    margin-top: 120px;

    padding-bottom: 45px

}

.testimonialBg h2 {

    color: #fff;

    font: 36px/38px robotoblack;

    padding-top: 60px;

    margin: 0

}

.testimonialBg p {

    color: #fff;

    font: 400 16px/22px robotolight;

    margin: 7px auto

}

.post,

.post img {

    margin-bottom: 10px

}

.testimonials {

    padding-top: 65px;

    padding-bottom: 50px

}

.post {

    border: 1px solid #ebebeb;

    border-radius: 2px;

    color: #000;

    font-size: 13px;

    line-height: 17px;

    margin-right: 11px;

    padding: 9px

}

.post img {

    border-bottom: 1px solid #fff

}

.post div.testPad {

    padding: 12px 2px 8px

}

.post div:nth-child(2) {

    border: none

}

.contact {

    background-color: #fff;

    margin-top: 35px;

    padding-bottom: 20px;

    padding-top: 65px

}

.contactMap {

    margin-bottom: 20px

}

.contactBread {

    background: 0 0;

    display: inline-block;

    margin: 14px 0 0

}

.contactBread li {

    display: inline-block;

    font-size: 14px;

    vertical-align: middle

}

.contactBread li a {

    color: #1f1f1f;

    display: inline-block;

    float: left

}

.contactBread>li+li:before {

    background: url(../images/spriteimg.png) -212px -13px no-repeat;

    content: "";

    display: block;

    height: 6px;

    width: 4px;

    float: left;

    margin: 7px 10px 0

}

.breadcrumb>.active {

    color: #1f1f1f

}

.topBordr {

    border-top: 1px solid #e8e8e8

}

.contact-carousel {

    width: auto

}

.contact-carousel .carousel-control {

    background-image: none;

    opacity: 1

}

.carousel-control .leftArrow,

.carousel-control .rightArrow {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    margin-top: -15px;

    height: 54px;

    width: 39px

}

.carousel-control .leftArrow {

    background: url(../images/arrow.gif) no-repeat;

    left: 0

}

.carousel-control .rightArrow {

    background: url(../images/arrow.gif) -39px 0 no-repeat;

    right: 0

}

.contactFormDiv {

    padding: 10px 25px

}

.contactFormHd,

.contactSubHd {

    color: #000;

    padding-left: 15px

}

.contactFormHd {

    font: 400 48px/48px robotobold;

    margin: 31px 0 0

}

.contactSubHd {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 25px

}

.selectTxtBox {

    border: 1px solid #e4e8e2;

    border-radius: 0;

    box-shadow: none;

    margin-bottom: 15px

}

.skype {

    color: #1f1f1f;

    font-size: 14px;

    line-height: 18px;

    margin-bottom: 25px

}

.skype a {

    color: #0e84ec;

    display: inline-block;

    margin-left: 35px

}

.skype a:before {

    background: url(../images/spriteimg.png) -124px -206px no-repeat;

    content: '';

    display: block;

    position: relative;

    left: -30px;

    top: 20px;

    height: 24px;

    width: 24px

}

.coreCustom li:before,

.dev-srvice li:before,

.tools ul li:before {

    content: "";

    left: 0

}

.contactBotmTxt {

    color: #1f1f1f;

    font-size: 15px;

    line-height: 24px

}

.contactBotmTxt a {

    color: #00aaf1

}

.contactBtmmarg {

    margin-bottom: 11px

}

.investors-box a:hover {

    text-decoration: none

}

@media(max-width:1024px) {

    .contact-carousel {

        width: auto

    }

}

@media(max-width:800px) {

    .contact-carousel {

        width: auto

    }

}

.portfolioBg {

    margin-top: 120px;

    padding-bottom: 35px

}

.portfolioBg h2 {

    color: #fff;

    font: 36px/38px robotoblack;

    padding-top: 48px;

    margin: 0

}

.portfolioBg h2 span {

    font-family: tiza_negraregular;

    margin-bottom: 10px;

    text-transform: none

}

.portfolioBg p {

    color: #fff;

    font-size: 16px;

    line-height: 22px;

    margin: 7px auto

}

.portfolio {

    color: #000;

    font: 400 14px/17px robotoregular;

    position: relative;

    height: 100%;

    width: 100%

}

.portfolio div.title div,

.portfolio p span {

    font-family: robotobold

}

.portfolio img {

    width: 100%

}

.portfolio div.title {

    background-color: rgba(255, 178, 30, 0);

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    transition: all .9s ease

}

@media(max-width:360px) {

    .portfolio div.title {

        padding: 30px 0

    }

}

.portfolio:hover div.portfolio1 {

    background-color: rgba(255, 178, 30, .95);

    top: 0

}

.portfolio:hover div.portfolio2 {

    background-color: rgba(63, 125, 155, .9);

    top: 0

}

.portfolio:hover div.portfolio3 {

    background-color: rgba(250, 73, 43, .9);

    top: 0

}

.portfolio:hover div.portfolio4 {

    background-color: rgba(98, 177, 0, .9);

    top: 0

}

.portfolio:hover div.portfolio5 {

    background-color: rgba(255, 104, 0, .9);

    top: 0

}

.portfolio:hover div.portfolio6 {

    background-color: rgba(0, 161, 63, .9);

    top: 0

}

.portfolio:hover div.portfolio7 {

    background-color: rgba(148, 35, 115, .9);

    top: 0

}

.portfolio:hover div.portfolio8 {

    background-color: rgba(207, 17, 28, .9);

    top: 0

}

.portfolio div.title div {

    padding: 87px 0 96px;

    display: table;

    left: 0;

    position: absolute;

    right: 0;

    top: 40px;

    width: 100%;

    transition: top .3s ease-out 0;

    opacity: 0;

    color: #fff

}

.portfolio:hover div.title div {

    top: 0;

    opacity: 1

}

.portfolio div.title div img {

    margin-bottom: 10px

}

.portfolio p {

    margin: 0;

    opacity: 0;

    transition: opacity .4s ease-in-out 0

}

.portfolio:hover p {

    opacity: 1

}

.portfolio p span {

    border-bottom: 1px solid #fff;

    display: inline-block;

    letter-spacing: 1px;

    margin-bottom: 10px;

    padding: 0 57px 5px

}

.portfolio a {

    color: #000

}

@media(max-width:1200px) {

    .portfolio div.title div {

        padding: 30px 0 96px

    }

}

@media(max-width:1024px) {

    .portfolio div.title div {

        padding: 40px 0 96px

    }

}

@media(max-width:800px) {

    .portfolio div.title div {

        padding: 30px 0 96px

    }

}

@media(max-width:640px) {

    .portfolio div.title div {

        padding: 10px 0 96px;

        width: 80%;

        margin: 0 auto

    }

    .portfolio div.title div img {

        margin-bottom: 10px;

        width: 40%

    }

}

.portfolio-carousel {

    margin: 50px 0

}

.portfolio-carousel img {

    border: 2px solid #d3d3d3;

    border-radius: 50%;

    margin-bottom: 20px

}

.appTxt,

.bordrTop {

    border-top: 1px solid #f1f1f1

}

.portfolio-carousel span.author {

    color: #000;

    font: 400 17px/19px robotobold

}

.portfolio-carousel p {

    color: #000;

    font: 400 22px/26px robotomedium_italic;

    margin: 20px auto;

    width: 945px

}

@media(max-width:800px) {

    .portfolio-carousel p {

        width: 100%

    }

}

.portfolio-carousel a {

    color: #18628b;

    font: 400 17px/20px robotomedium_italic;

    margin: 5px 0 0;

    display: inline-block

}

.portfolioBtnMarg {

    margin-top: 105px!important

}

.marT35 {

    margin-top: 35px!important

}

.projects-carousel .carousel-control {

    background: 0 0

}

.projects-carousel .carousel-control span {

    background: url(../images/spriteimg.png) -127px -245px no-repeat;

    color: transparent;

    display: block;

    height: 29px;

    width: 18px;

    text-shadow: none

}

.projects-carousel .carousel-control span.glyphicon-chevron-left {

    transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -webkit-transform: rotate(180deg)

}

.projects-carousel .carousel-control span:before {

    display: none

}

.crmBg {

    background: url(../images/crm-bg.jpg) center top no-repeat #0097eb;

    padding-top: 63px;

    padding-bottom: 52px;

    margin-top: 120px

}

@media(max-width:800px) {

    .crmBg {

        padding-top: 43px;

        padding-bottom: 35px

    }

}

@media(max-width:600px) {

    .crmBg {

        background-size: cover;

        padding-top: 33px;

        padding-bottom: 25px

    }

}

.crmBg h2,

.custom-software-bg h2 {

    font: 44px/47px robotobold text-shadow: none

}

.crmBg p,

.custom-software-bg p {

    font: 400 16px/18px robotolight;

    margin-top: 18px;

    width: 80%

}

.marT90 {

    margin-top: 90px

}

.marB90 {

    margin-bottom: 90px

}

.crmHD {

    color: #004b8d;

    font: 400 28px/30px robotomedium;

    margin: 0 0 26px

}

.crmTxt {

    color: #242d34;

    font: 400 14px/24px robotolight

}

.crmTxt i {

    font-size: 9px;

}

.crmTxt span {

    display: inline-block;

    margin-left: 9px;

    width: 90%;

    vertical-align: top;

}

.crmTxt a,

.crmTxt strong {

    font-family: robotobold

}

.crmTxt p {

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 25px

}

.crmTxt strong {

    font-weight: 400

}

.crmTxt a {

    color: #222

}

.padT65 {

    padding-top: 65px

}

.flexHD {

    color: #004b8d;

    font: 400 26px/30px robotomedium;

    margin-bottom: 10px

}

.benefitsBg {

    background-color: #f5f8fa;

    padding-top: 58px;

    padding-bottom: 55px

}

.benefitsHD {

    color: #242d34;

    font: 400 24px/27px robotomedium;

    margin-top: 0;

    margin-bottom: 18px

}

.benefitsTxt {

    color: #242d34;

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 55px;

    padding: 0 44px

}

.benefitssubHd {

    color: #242d34;

    font: 400 14px/17px robotobold;

    margin: 0 0 20px

}

.benefitssubHd i {

    background: url(../images/spriteimg.png) -203px -214px no-repeat;

    display: block;

    height: 44px;

    margin: 0 auto 22px;

    width: 45px

}

.benefitsTxt1 {

    color: #242d34;

    font-size: 14px;

    line-height: 20px

}

.benefitssubHd1 i {

    background-position: -257px -213px

}

.benefitssubHd2 i {

    background-position: -311px -213px;

    width: 55px

}

.benefitssubHd3 i {

    background-position: 0 -288px;

    width: 58px

}

.crmBg1 {

    background: url(../images/crm-bg1.jpg) center top no-repeat #073357;

    margin: 0

}

.crmcarouselTxt {

    color: #fff;

    font-size: 25px;

    line-height: 42px

}

.crmBg1 .projectsHd {

    color: #fff

}

.crmBg1 .projectsSubHd {

    color: #fff;

    margin-bottom: 44px;

    padding: 0 250px;

    line-height: 22px

}

.crmBg1 .projects-carousel .carousel-control span {

    background-position: -64px -288px

}

.crmBg1 .scrollDiv {

    display: block;

    margin: 0 95px 0 120px;

    position: relative

}

.marB65 {

    margin-bottom: 65px

}

.custom-infrastructure {

    list-style: none;

    margin: 5px 0 0 35px;

    display: inline-block

}

.custom-infrastructure li {

    color: #242d34;

    margin-bottom: 10px;

    position: relative;

    padding-left: 3px;

    font-size: 16px;

    list-style: outside

}

.coreCustom,

.value-erp ul {

    list-style: none

}

.custom-infrastructure li strong {

    font-weight: 400;

    font-family: robotobold

}

.coreCustomBg {

    background-color: #febf00

}

.padT60 {

    padding-top: 60px

}

.padB45 {

    padding-bottom: 45px

}

.coreCustomHD {

    color: #201400;

    font: 400 24px/30px robotomedium;

    margin: 0 0 42px

}

.coreCustom {

    margin: 0

}

.coreCustom li {

    color: #201400;

    font-size: 18px;

    line-height: 20px;

    margin-bottom: 15px;

    padding-left: 41px;

    position: relative

}

.coreCustom li:before {

    background: url(../images/spriteimg.png) no-repeat;

    display: block;

    height: 20px;

    width: 28px;

    position: absolute;

    top: 0

}

.application1:before {

    background-position: -93px -289px!important

}

.application2:before {

    background-position: -131px -289px!important

}

.application3:before {

    background-position: -167px -289px!important

}

.application4:before {

    background-position: -201px -289px!important

}

.application5:before {

    background-position: -235px -289px!important

}

.application6:before {

    background-position: -267px -289px!important

}

.application7:before {

    background-position: -296px -289px!important

}

.application8:before {

    background-position: -325px -289px!important

}

.pos {

    background-image: url(../images/posbg.jpg)

}

.marT100 {

    margin-top: 100px

}

.marB75 {

    margin-bottom: 75px

}

.padB30 {

    padding-bottom: 30px

}

.cards {

    margin-right: 13px

}

@media(max-width:320px) {

    .cards {

        margin-right: 10px

    }

}

.cards:last-of-type {

    margin: 0

}

.posDiv {

    margin-bottom: 68px

}

.erp {

    background-image: url(../images/erpbg.jpg)

}

.marT75 {

    margin-top: 60px

}

.marB40 {

    margin-bottom: 40px

}

.marB55 {

    margin-bottom: 55px

}

.marT55 {

    margin-top: 55px

}

.marT30 {

    margin-top: 30px

}

.padB85 {

    padding-bottom: 85px

}

.erpHd {

    color: #004b8d;

    font-size: 32px;

    font-family: robotomedium;

    margin-bottom: 20px;

    margin-top: 0

}

.businessTxt p,

.value-erp p {

    font-size: 16px;

    line-height: 26px;

    padding: 0 20px

}

.businessTxt p {

    margin-bottom: 0;

    min-height: 144px

}

.value-erp p {

    margin-bottom: 13px

}

.value-erp ul li {

    color: #242d34;

    font-size: 16px;

    font-family: robotobold;

    margin-bottom: 20px;

    position: relative;

    padding-left: 18px

}

.custom-mob-bg {

    background: url(../images/custom-mob-bg1.jpg) center bottom no-repeat #0097eb;

    padding-bottom: 10px

}

.mobHD {

    margin-bottom: 60px

}

.mobTxt {

    margin: 75px auto 66px

}

.padT105 {

    padding-top: 105px

}

.appHD {

    margin-top: 10px;

    margin-bottom: 45px

}

.appTxt {

    color: #242d34;

    font: 14px/24px robotolight;

    margin-bottom: 92px;

    padding-top: 65px

}

.appTxt p {

    margin-bottom: 25px!important

}

.appTxt1 {

    margin-bottom: 75px

}

.natApp {

    padding-top: 98px;

    margin-bottom: 44px

}

@media(max-width:800px) {

    .appTxt img {

        margin-bottom: 20px

    }

}

.apptestDiv {

    background-image: none

}

.testTxt {

    color: #242d34;

    font: 400 16px/24px robotolight

}

.testTxt p {

    margin-bottom: 25px

}

.marB10 {

    margin-bottom: 10px

}

.w910 {

    width: 910px

}

@media(max-width:1000px) {

    .w910 {

        width: 100%

    }

}

.testing-type span {

    display: inline-block;

    margin: 20px 0

}

.testing-type div {

    float: left;

    margin-bottom: 0;

    padding-top: 10px

}

@media(max-width:360px) {

    .testing-type span {

        float: none;

        margin: 0 auto 20px!important;

        text-align: center

    }

    .testing-type div {

        float: none

    }

}

.testing-type div h3 {

    color: #616364;

    font: 400 16px/22px robotomedium;

    margin: 0 0 15px

}

.testing-type div ul li {

    list-style: outside;

    font: 400 16px/26px robotolight;

    margin-bottom: 5px;

    padding-left: 0;

    position: relative;

    margin-left: 29px

}

.seoXpertise ul,

.tools ul {

    list-style: none

}

.testing-type span.icon1 {

    background-position: 0 -334px;

    height: 82px;

    width: 66px

}

.testing-type span.icon2 {

    background-position: -81px -334px;

    height: 67px;

    width: 65px

}

.testing-type span.icon3 {

    background-position: -157px -335px;

    height: 64px;

    width: 67px

}

.testing-type span.icon4 {

    background-position: -239px -334px;

    height: 52px;

    width: 70px

}

.testing-type span.icon5 {

    background-position: -320px -334px;

    height: 70px;

    width: 70px

}

.testing-type span.icon6 {

    background-position: 0 -425px;

    height: 59px;

    width: 60px

}

.appdev-img {

    margin-top: 37px

}

.dev-srvice {

    font: 400 20px/34px robotolight;

    padding: 0 126px;

    margin-top: 38px

}

.dev-srvice li {

    float: left;

    display: block;

    margin-bottom: 10px;

    padding-left: 24px;

    position: relative;

    width: 50%

}

.dev-srvice li:before {

    border-left: 4px solid #131313;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-right: none;

    display: block;

    height: 0;

    width: 0;

    position: absolute;

    top: 13px

}

.responsivePad,

.tools {

    border-bottom: 1px solid #e9eaec

}

.cmsBG {

    background-image: url(../images/srvce-cms.jpg);

    padding-top: 70px;

    padding-bottom: 90px

}

.marT65 {

    margin-top: 65px

}

.cmsTxt .custom-infrastructure li {

    line-height: 20px;

    margin-bottom: 10px

}

.cmsTxt .custom-infrastructure li:before {

    top: 8px

}

.cmsImg {

    margin-bottom: -43px;

    margin-top: 40px

}

.cmsPad {

    padding-top: 69px

}

.cms-tools {

    margin-bottom: 20px

}

.cms-tools span {

    margin-left: 8px

}

.cms-tools div {

    font: 14px/24px robotolight;

    margin-bottom: 0;

    padding: 0;

    width: 378px;

    min-height: 160px

}

.cms-tools-left {

    text-align: left

}

.cms-tools-left .businessTxt p,

.cms-tools-left p {

    padding: 0!important

}

.cms-tools-left div {

    padding: 0 0 0 30px

}

@media(max-width:800px) {

    .cms-tools div {

        width: 100%

    }

}

.cms-tools div h3 {

    color: #000

}

.csm-icon1 {

    background-position: -80px -425px!important;

    height: 81px;

    width: 77px

}

.csm-icon2 {

    background-position: -167px -425px!important;

    height: 77px;

    width: 55px

}

.csm-icon3 {

    background-position: -232px -425px!important;

    height: 65px;

    width: 77px

}

.csm-icon4 {

    background-position: -319px -425px!important;

    height: 81px;

    width: 61px

}

.csm-icon5 {

    background-position: 0 -515px!important;

    height: 63px;

    width: 76px

}

.csm-icon6 {

    background-position: -86px -515px!important;

    height: 42px;

    width: 62px

}

.noBtmmarg {

    margin-bottom: 0!important

}

.marB50 {

    margin-bottom: 50px

}

.marT20 {

    margin-top: 20px

}

.padB50 {

    padding-bottom: 25px

}

.padT95 {

    padding-top: 95px

}

.crmTxt1 {

    margin-top: 142px

}

.csm-icon7 {

    background-position: -159px -519px!important;

    height: 62px;

    width: 71px

}

.csm-icon8 {

    background-position: -240px -510px!important;

    height: 69px;

    width: 60px

}

.csm-icon9 {

    background-position: -310px -510px!important;

    height: 76px;

    width: 76px

}

.csm-icon10 {

    background-position: 0 -594px!important;

    height: 92px;

    width: 56px

}

.padB70 {

    padding-bottom: 70px

}

.marT50 {

    margin-top: 50px

}

.padB105 {

    padding-bottom: 105px

}

.web-designTxt {

    background-image: url(../images/web-design-bg.jpg);

    padding-bottom: 72px

}

.tools {

    border-top: 1px solid #e9eaec;

    margin-bottom: 80px;

    padding-top: 30px;

    padding-bottom: 30px

}

.tools ul li {

    color: #999;

    display: inline-block;

    font-size: 18px;

    line-height: 42px;

    position: relative;

    padding-left: 39px;

    width: 263px

}

.tools ul li:before {

    background: url(../images/spriteimg.png) no-repeat;

    display: block;

    position: absolute;

    top: 10px;

    height: 26px;

    width: 29px

}

.tools ul li.tools1:before {

    background-position: -72px -594px

}

.tools ul li.tools2:before {

    background-position: -105px -594px

}

.tools ul li.tools3:before {

    background-position: -138px -594px

}

.tools ul li.tools4:before {

    background-position: -176px -594px

}

.responsiveBg {

    background-image: url(../images/responsive-bg.jpg)

}

.responsiveBg .projectsHd {

    font-family: robotomedium;

    margin-bottom: 62px

}

.responsiveBg img {

    margin-bottom: 99px

}

.responsivePad {

    padding-top: 75px;

    padding-bottom: 79px

}

.padT75 {

    border-top: 1px solid #ddd;

    padding: 75px 0

}

.useDesign h3 {

    background-color: #0990dc;

    color: #fff;

    font-size: 24px;

    line-height: 30px;

    margin: 0;

    padding: 55px 0 33px

}

.useDesign h3 i {

    background: url(../images/spriteimg.png) no-repeat;

    display: block;

    height: 104px;

    margin: 0 auto 33px;

    width: 85px

}

.useDesign p.designTxt {

    border: 1px solid #d6d6d6;

    color: #242d34;

    font: 400 17px/24px robotolight;

    padding: 42px 40px;

    margin-bottom: 10px

}

.design-icon1 i {

    background-position: -213px -593px!important

}

.design-icon2 i {

    background-position: -318px -595px!important;

    width: 61px!important

}

.design-icon3 i {

    background-position: -71px -637px!important;

    width: 112px!important

}

.lightBg {

    background-color: #f5f8fa

}

.seoBG {

    background: url(../images/bluebg.jpg)

}

.seoXpertise h3 {

    font-size: 32px

}

.seoXpertise ul li {

    color: #201400;

    font-size: 15px;

    line-height: 17px;

    margin-bottom: 12px;

    padding-left: 20px;

    position: relative

}

.faq dd,

.faq dt {

    padding-left: 40px

}

.seoXpertise ul li:before {

    top: 6px

}

.busns-icon {

    display: block;

    height: 60px!important

}

.business-icon1 {

    background-position: 0 -752px!important;

    height: 52px;

    width: 74px

}

.business-icon2 {

    background-position: -97px -755px!important;

    height: 49px;

    width: 73px

}

.business-icon3 {

    background-position: -180px -747px!important;

    height: 63px;

    width: 83px

}

.business-icon4 {

    background-position: -280px -748px!important;

    height: 60px;

    width: 61px

}

.faq {

    margin-bottom: 50px

}

.faq dl {

    padding-right: 30px;

    margin-bottom: 95px

}

.faq dt {

    color: #242d34;

    font: 400 16px/20px robotomedium;

    margin-bottom: 20px;

    position: relative

}

.faq dd:before,

.faq dt:before {

    left: 0;

    text-align: center;

    border-radius: 50px;

    color: #fff;

    display: block;

    height: 25px;

    width: 25px;

    top: 0

}

.faq dt:before {

    background-color: #ff5656;

    content: "Q";

    font: 400 15px/25px robotobold;

    position: absolute

}

.faq dd {

    font: 400 16px/26px robotolight;

    position: relative

}

.faq dd:before {

    background-color: #6fd276;

    content: "A";

    font: 400 15px/25px robotobold;

    position: absolute

}

.faqMarg {

    margin-bottom: 0!important

}

.contentDiv h3 {

    font-size: 24px

}

.contentDiv .contents {

    width: 765px

}

@media(max-width:900px) {

    .contentDiv .contents {

        width: 100%

    }

}

.contentDiv .contents ul li {

    font-size: 20px;

    line-height: 36px

}

.contentDiv .contents ul li:before {

    display: none

}

.service-middel {

    font-size: 14px;

    line-height: 16px;

    margin: 10px 0

}

.recognized-Benefit {

    font: 18px/24px robotobold;

    color: #FFF;

    margin: 18px 0

}

.service-benefits {

    background-color: #febf00;

    padding: 30px 0 50px;

    margin: 0

}

.service-benefits h2 {

    color: #1b1501;

    font: 400 28px/30px robotomedium;

    margin: 25px 0 0

}

.service-benefits ul {

    list-style: none;

    margin: 30px 0 0;

    text-align: center

}

.sem-service-benefits ul li {

    background: url(../images/service-bullet-icon.png) 0 12px no-repeat;

    background-size: 18px;

    padding: 5px 36px;

    color: #1b1501;

    font-size: 18px;

    line-height: 26px;

    text-align: left

}

.businessTxt {

    font-size: 14px;

    line-height: 20px

}

.service-sma ul li {

    display: inline-block;

    padding: 0 16px

}

.faq ul li {

    list-style: outside

}

.faq ul li i {

    color: #000;

    padding: 0 8px 0 0

}

.business-icon22 {

    float: left

}

.services-seo-bus {

    margin: 70px 0 0;

    text-align: center

}

.hed-right,

span#msg {

    text-align: left

}

.services-seo-bus h2 {

    text-transform: uppercase;

    font: 400 30px/33px robotobold;

    color: #000;

    margin: 0 0 23px

}

.services-seo-bus p {

    font-size: 18px;

    line-height: 26px;

    color: #242d34;

    font-family: robotolight;

    display: inline-block;

    width: 90%

}

.padding-com {

    padding: 70px 0;

    border-bottom: 1px solid #ddd

}

.hire-part-time-bottom-gap {

    padding-bottom: 60px

}

.others-cont {

    font-size: 14px;

    line-height: 20px

}

ul.extra {

    padding: 20px 0 20px 30px

}

.carousel-inner>.item>img.testi-image {

    width: 157px;

    height: 157px

}

i#link {

    z-index: 999;

    cursor: pointer

}

.portfolio div.title h2 {

    text-transform: uppercase;

    margin: 65px 0 0

}

.modal-header span {

    float: right;

    margin: -9px -6px 0 0

}

.carousel.carousel-fade .item {

    -webkit-transition: opacity .9s ease-in-out;

    -moz-transition: opacity .9s ease-in-out;

    -ms-transition: opacity .9s ease-in-out;

    -o-transition: opacity .9s ease-in-out;

    transition: opacity .9s ease-in-out;

    opacity: 0

}

.carousel.carousel-fade .active.item {

    opacity: 1

}

.carousel.carousel-fade .active.left,

.carousel.carousel-fade .active.right {

    left: 0;

    z-index: 2;

    opacity: 0;

    filter: alpha(opacity=0)

}

.carousel.carousel-fade .next,

.carousel.carousel-fade .prev {

    left: 0;

    z-index: 1

}

.carousel.carousel-fade .carousel-control {

    z-index: 3

}

.footer-logo img {

    margin: 27px 0 0;

    width: 144px

}

.investors-box3 a:hover>.investor1 {

    opacity: 1

}

.investors-box3 a {

    position: relative;

    display: inline-block

}

.investor1 {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    background: 0 0;

    box-shadow: none;

    transition: all .9s ease 0;

    -moz-transition: all .9s ease;

    -webkit-transition: all .9s ease;

    -o-transition: all .9s ease

}

.tosBg {

    background: url(../images/bluebg.jpg) center top #0097eb;

    padding-top: 63px;

    padding-bottom: 52px;

    margin-top: 120px

}

.contact-carousel img {

    width: 100%

}

.hed-right span {

    font-size: 13px;

    color: #777;

    margin: 3px 0 0;

    display: inline-block

}

.blueBG .hed-right span {

    color: #abd3f3

}

.service-imagem {

    margin: 20px 0 0

}

.small .hed-right span {

    color: #5a5a5a;

    font-size: 11px;

    text-align: left;

    float: left

}

.redmessage,

span#msg {

    color: #C00

}

.image-gap {

    margin: 10px 0 0

}

span.help-block.custom-error {

    font-size: 10px;

    line-height: 2;

    font-family: robotoregular;

    font-weight: 400

}

span.help-block.form-error {

    font-size: 12px

}

i#link:hover {

    opacity: 9999

}

ul.customzed-softre li {

    margin-bottom: 10px!important

}

.crmBg1 .more {

    background: url(../images/btn-bg1.jpg) repeat-x;

    margin-top: 41px

}

.crmBg1 .more:hover {

    background-position: 0 -59px

}

.crmBg1 .serviceDiv {

    padding-bottom: 43px

}

.custom-software-bg {

    background: url(../images/customisebg.jpg) center top no-repeat #0097eb;

    padding-top: 63px;

    padding-bottom: 52px;

    margin-top: 120px

}

.crmBg1 .desktop {

    background: url(../images/projects-device-img1.png) no-repeat;

    background-size: cover;

    padding: 59px 4px 0;

    width: 656px;

    height: 514px;

    float: left

}

.crmBg1 .tab {

    background: url(../images/projects-device-img.png) no-repeat;

    background-size: cover;

    float: left;

    padding: 51px 0 0 10px;

    width: 184px;

    height: 392px;

    margin: 122px 0 0;

    z-index: 101

}

.crmBg1 .mobile {

    background: url(../images/projects-device-img2.png) 0 -1px no-repeat;

    background-size: cover;

    padding: 39px 7px 0;

    width: 205px;

    height: 321px;

    margin: -320px 30px 0;

    position: relative;

    right: inherit;

    top: inherit;

    float: right

}

span#msg {

    display: block

}

div#mouseenter {

    cursor: pointer

}

.crmf {

    font-family: robotomedium;

    font-size: 20px

}

.ourservsem p {

    min-height: 94px;

    display: inline

}

#querySuccMsg,

.contactSuccMsg {

    color: #87c144;

    display: block;

    font-size: 14px

}

#subcribSuccMsg {

    color: #fff;

    display: block;

    font-size: 14px

}

.perform-sec a {

    font-size: 0

}

.faq span {

    display: block

}

.body-left {

    border-right: 2px solid #f2f2f2;

    margin: 40px 0 0

}

.top-partnf {

    margin: 140px 0 66px;

    border-top: 1px solid #eee

}

.body-right {

    padding: 42px 0

}

.body-right h2 {

    font-size: 42px;

    color: #000;

    font-family: robotobold

}

.body-right h3 {

    font-size: 18px;

    font-family: robotoregular

}

.body-right strong {

    color: #000;

    font-family: robotobold

}

.body-right p {

    font-size: 14px;

    font-family: robotolight

}

.body-left div {

    float: right;

    margin: 0 20px 0 0

}

.body-right div {

    float: left;

    padding: 3px 216px 0 52px

}

.value-erp .padB50 {

    padding-bottom: 0

}

.faq ul {

    margin: 0 0 0 27px

}

.online-serv {

    margin: 26px 0

}

.slides ul li {

    list-style: none

}

@media(max-width:1024px) {

    .crmBg1 .desktop {

        height: 300px;

        width: 361px

    }

    .small .hed-right span {

        float: none!important

    }

    .logo {

        left: 40px

    }

    .hed-right span {

        margin: 91px 0 0;

        float: left;

        font-size: 12px

    }

    header.innerHdr .nav li:hover a,

    header.small .nav li:hover a {

        border: none

    }

    .crmBg1 .mobile {

        margin-right: 20px

    }

    header .in .contactno,

    header.innerHdr .contactno,

    header.small .contactno {

        color: #fff

    }

    header .contactno:before {

        background: url(../images/spriteimg.png) -183px 0 no-repeat

    }

    .cms-tools div {

        width: 100%

    }

    .businessTxt p {

        min-height: 191px

    }

    header .navbar-toggle.collapse.in .icon-bar,

    header .navbar-toggle.collapse.in .icon-bar:after,

    header .navbar-toggle.collapse.in .icon-bar:before {

        background-color: #fff

    }

    .framework li {

        margin-right: 22px

    }

    .crmBg1 .tab {

        height: 179px

    }

    .benefitsDiv {

        overflow: hidden;

        font: 400 14px/19px robotolight

    }

    .thoughts .investor {

        min-height: 285px

    }

    .investors-box3 img {

        width: 100%;

        min-height: 288px

    }

    .newsletterSignup .form-control {

        width: 200px

    }

    .freeplanTxt2 {

        font: 35px/50px robotoblack

    }

    .crmBg1 .projectsSubHd {

        padding: 0 200px

    }

    .marB55 {

        margin-bottom: 40px

    }

    .value-erp hr {

        margin-top: 0

    }

    .padB85 {

        padding-bottom: 55px

    }

    header .contactno::before {

        background: url(../images/spriteimg.png) -183px 0 no-repeat!important

    }

}

@media(max-width:990px) {

    .investors-box3 {

        margin: 0 0 25px;

        display: inline-block

    }

    .small .hed-right span {

        float: none

    }

}

@media only screen and (max-width: 980px) {

    .crmBg1 .scrollDiv {

        margin: 0 95px 0 30px;

        overflow: visible

    }

    .crmBg1 .tab {

        display: none

    }

    .crmBg1 .mobile {

        margin-right: -65px

    }

    .crmHD {

        margin: 15px 0 35px

    }

    .cms-tools div {

        width: 100%

    }

}

@media only screen and (max-width: 940px) {

    .crmBg1 .desktop {

        float: none;

        height: auto;

        width: auto;

        display: block

    }

    .thoughts img {

        width: 100%

    }

    .thoughts .investor {

        max-width: 100%

    }

}

@media(max-width:800px) {

    .custom-software-bg {

        padding-top: 43px;

        padding-bottom: 35px

    }

}

@media(max-width:768px) {

    header.innerHdr .nav li:hover a, header.small .nav li:hover a {

        border: none

    }

    header.small .navbar-toggle .icon-bar,

    header.small .navbar-toggle .icon-bar:after,

    header.small .navbar-toggle .icon-bar:before {

        background-color: #000

    }

    header .navbar ul {

        margin-top: 29%;

        text-align: left;

        font: 400 24px/15px robotobold;

        margin-left: 5%

    }

    header .navbar .pull-left {

        float: left!important;

        width: 92%

    }

    .nav>li {

        padding: 7px 27px

    }

    .navbar-default .navbar-nav>.open>a,

    header .navbar-default .navbar-nav>li>a {

        color: #def7c4

    }

    header .navbar-default .navbar-nav>li.active>a,

    header .navbar-default .navbar-nav>li.active>a:focus,

    header .navbar-default .navbar-nav>li.active>a:hover,

    header .navbar-default .navbar-nav>li>a:focus,

    header .navbar-default .navbar-nav>li>a:hover {

        color: #fff!important

    }

    .navbar-nav>li.dropdown a {

        background: url(../images/dropdown-icon.png) right no-repeat;

        background-size: 9%

    }

    header .nav li:hover a {

        border-bottom: none

    }

    .navbar-nav>li.dropdown:nth-child(6) a,

    .navbar-nav>li.dropdown:nth-child(7) a {

        background: 0 0

    }

    .navbar-nav .open .dropdown-menu>li>a {

        background: 0 0;

        padding-left: 0;

        padding-right: 0;

        font-size: 16px

    }

    .navbar-nav .open .dropdown-menu {

        width: 90%;

        margin: 7px 0 0 10px;

        padding: 0

    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,

    .navbar-default .navbar-nav>.open>a,

    .navbar-default .navbar-nav>.open>a:focus,

    .navbar-default .navbar-nav>.open>a:hover,

    header .in .contactno,

    header.innerHdr .contactno,

    header.small .contactno {

        color: #fff

    }

    header .in .contactno:before,

    header.innerHdr .contactno:before,

    header.small .contactno:before {

        background: url(../images/spriteimg.png) -183px 0 no-repeat

    }

    .brands li {

        margin: 0 0 11px;

        width: 127px

    }

    .logo,

    header.small .logo {

        top: 9px;

        margin: 0 auto;

        left: 0

    }

    header .navbar {

        width: 100%

    }

    header .navbar-toggle.collapse.in .icon-bar,

    header .navbar-toggle.collapse.in .icon-bar:after,

    header .navbar-toggle.collapse.in .icon-bar:before {

        background-color: #fff

    }

    header.small .logo {

        width: 200px;

        height: 88px;

        position: fixed

    }

    .logo {

        right: 0

    }

    .hed-right span,

    .small .hed-right span {

        float: none;

        margin: 89px 0 0!important

    }

    .aboutBg {

        padding-top: 59px

    }

    .aboutBg h2 {

        font: 25px/27px robotoblack

    }

    .aboutBg p {

        margin: 16px auto 5px

    }

    .last-tasti {

        margin-top: -99.6em

    }

    .post {

        text-align: center

    }

    .post div.testPad {

        text-align: left

    }

    .careerBg {

        padding-bottom: 37px

    }

    .marT75 {

        margin-top: 30px

    }

    .serv-image-gap {

        margin: 31px 0 40px

    }

    .marT30 {

        margin-top: 10px

    }

    .businessTxt p {

        min-height: 166px

    }

    .cms-tools div {

        min-height: auto

    }

    .crmHD {

        margin: 15px 0 30px

    }

    .marT50,

    .marT55 {

        margin-top: 30px

    }

    .marB40 {

        margin-bottom: 20px

    }

    .business-icon22 {

        margin-left: 0;

        display: inline-block;

        float: none

    }

    .cms-tools-left {

        text-align: center

    }

    .benefitsBg {

        padding-top: 40px;

        padding-bottom: 30px

    }

    .marB55 {

        margin-bottom: 0

    }

    .value-erp ul {

        list-style: none;

        text-align: left;

        margin: 0 98px

    }

    .padB85 {

        padding-bottom: 50px

    }

    .padT60 {

        padding-top: 30px

    }

    .services-seo-bus {

        margin: 50px 0 0

    }

    .padding-com {

        padding: 15px 0

    }

    .web-dev2,

    .web-dev3 {

        margin: 30px 0

    }

    .web-dev6 {

        margin: 10px 0 30px

    }

    .web-dev7 {

        margin: 13px 0 30px

    }

    .hire-part-time-bottom-gap {

        padding-bottom: 30px

    }

    .padT75 {

        padding: 30px 0

    }

    .serv-sma.businessTxt p {

        min-height: 107px

    }

    .image-gap {

        margin: 10px 0 30px

    }

    .portfolio {

        height: 305px

    }

    .contact-carousel {

        width: auto;

        position: relative;

        margin-top: 54em

    }

    .contactFormDiv {

        position: relative;

        margin-top: -113em

    }

    .journey img {

        display: none

    }

    .journey {

        padding-top: 0;

        padding-bottom: 50px

    }

    .formfld {

        margin: 0 auto 26px

    }

    .crmBg1 .projectsSubHd {

        padding: 0 80px

    }

    .crmBg1 {

        background: url(../images/crm-bg1.jpg) center top no-repeat;

        margin: 0;

        background-size: 100% 100%;

    }

    .project-testimonial {

        padding: 55px 0 20px;

    }

    .modal-body .col-lg-12 {

        margin: 0 0 13px;

    }

    .careerTxt h6 {

        margin: 0;

    }

    .eco-serv {

        margin: 0 22px!important

    }

    .cms-tools-left div {

        padding: 0

    }

    .businessTxt {

        padding-left: 0;

        margin-left: 0;

    }

    .thoughts .investor h3 {

        min-height: auto;

    }

    .hed-right {

        text-align: center;

    }

}

@media only screen and (max-width: 640px) {

    .navbar-toggle,

    header,

    header.small .logo {

        position: absolute;

    }
	

   
    .portfolio {

        height: 100%

    }

    .crmBg1 .mobile {

        display: none

    }

    .hed-right span {

        margin: 83px 0 0;

        float: none

    }

    .logo,

    header.small .logo {

        right: 0;

        left: 0;

        top: 10px;

        margin: 0 auto

    }

    .business-icon1,

    .business-icon1 img,

    .business-icon2,

    .business-icon2 img,

    .business-icon22,

    .business-icon22 img,

    .business-icon3,

    .business-icon3 img {

        display: none!important

    }

    .investors-box3 a img {

        width: 100%

    }

    .perform-sec img {

        display: none

    }

    .perform-sec a {

        width: 100%;

        min-height: 56px;

        display: inline-block;

        font-size: 16px;

        padding: 19px 0;

        color: #fff

    }

    .businessTxt p,

    .cms-tools div {

        min-height: auto

    }

    .Perform1 {

        background-color: #0197ec

    }

    .Perform2 {

        background-color: #7eb33d

    }

    .Perform3 {

        background-color: #f85d24

    }

    .Perform4 {

        background-color: #c52f93

    }

    .Perform5 {

        display: none

    }

    .benifts,

    .more {

        padding: 18px 0 20px;

        width: 60%;

        margin-top: 26px

    }

    footer p,

    ul.terms {

        width: auto

    }

    .performHD {

        font: 400 25px/32px robotoblack

    }

    .satisfaction {

        right: 0;

        top: 0

    }

    .perform-sec a:hover {

        text-decoration: none;

        opacity: .7

    }

    .brands li {

        display: inline-block;

        margin: 0 2px 10px

    }

    .crmBg1 .projectsSubHd,

    .journey img,

    .technology {

        display: none

    }

    .small .hed-right span {

        float: none

    }

    .aboutBg {

        padding-top: 14px

    }

    .marT75 {

        margin-top: 30px

    }

    .marB55 {

        margin-bottom: 47px

    }

    .marT30 {

        margin-top: 20px

    }

    .businessTxt p {

        margin: 0 0 20px

    }

    .benefitsBg {

        padding-top: 30px;

        padding-bottom: 47px

    }

    .footer-logo,

    .footer-logo img,

    footer p,

    ul.terms {

        display: inline-block

    }

    .crmBg1 .scrollDiv {

        margin: 21px 56px 0

    }

    footer p {

        margin: 0 108px 20px 0

    }

    .footer-logo img {

        margin: -21px 0 0;

        width: 144px

    }

    .footer-logo {

        width: auto;

        margin: 0 83px

    }

    .formfld,

    .startBtn {

        width: 100%

    }

    .testing-type div {

        margin-bottom: 10px

    }

    .marT50 {

        margin-top: 25px

    }

    .marB40 {

        margin-bottom: 25px

    }

    .careerPopup .modal-header .close {

        margin-right: -3px;

        margin-top: -9px

    }

    .careerPopup .close {

        color: #000

    }

    .navbar-toggle {

        top: -75px

    }

    .formfld .form-control {

        margin: 0 0 15px;

        width: 100%

    }

}

@media(max-width:603px) {

    .navbar-toggle, header, header.small .logo {

        position: absolute

    }

    .custom-software-bg {

        background-size: cover;

        padding-top: 33px;

        padding-bottom: 25px

    }

    .careerPopup .modal-header .close {

        margin-right: 11px;

        margin-top: -3px

    }

    .careerPopup .close {

        color: #000;

        font-size: 25px

    }

    .post {

        margin: 0 130px 17px

    }

    .last-tasti {

        margin-top: 0

    }

    .innerHdr .hed-right {

        display: block

    }

    .careerBg {

        background: #07365c;

        margin-top: 99px

    }

    .hed-right {

        text-align: center

    }

    header {

        height: 125px

    }

    .custom-infrastructure {

        margin: 0 0 34px 33px;

        text-align: left

    }

    .footer-logo {

        width: auto;

        display: inline-block;

        margin: 0 22px

    }

    .footer-logo img {

        margin: -21px 7px 0

    }

    .navbar-toggle {

        top: -80px

    }

    .careerHd {

        margin: 0 40px

    }

    .ourservsem p {

        min-height: auto

    }

    .body-left {

        text-align: center

    }

    .body-left div {

        float: none;

        margin: 0

    }

    .body-right div {

        float: left;

        padding: 3px 50px 0

    }

    .modal-header span {

        float: none;

        margin: 0;

        width: 20px

    }

    .contactFormDiv {

        position: relative;

        margin-top: -101em

    }

    .companies .brands li {

        margin: 0 -10px 10px

    }

    .border {

        font: 400 16px/20px robotoregular;

        margin-bottom: 14px;

        white-space: initial

    }

    .servicemsg {

        padding: 0 19px;

        margin: 0 auto 34px

    }

}

@media(max-width:480px) {

    .contact-carousel, .contactFormDiv, .web-dev3, .web-dev4, .web-dev7, .web-dev8 {

        position: relative

    }

    .nav>li {

        padding: 0 27px

    }

    .navbar-nav .open .dropdown-menu>li>a {

        font-size: 15px;

        text-transform: none

    }

    .navbar-default .navbar-nav>.open>a,

    header .navbar-default .navbar-nav>li>a {

        font-size: 20px

    }

    .perform-sec a {

        padding: 24px 0;

        font-size: 13px

    }

    .freeplanTxt2 {

        font-size: 25px;

        line-height: 27px

    }

    .freeplanTxt1 {

        font-size: 18px;

        line-height: 24px;

        text-align: center

    }

    .brands li {

        margin: 10px 34px 4px!important

    }

    .servicemsg {

        font: 400 15px/23px robotolight;

        margin: 0 auto 28px;

        padding: 0 15px

    }

    .border {

        margin-bottom: 15px

    }

    .serviceHD {

        font: 400 24px/26px robotomedium;

        margin: 0 0 8px;

        display: inline-block

    }

    .center-block img,

    .crmBg1,

    .framework,

    .freeplanTxt1 {

        display: none

    }

    .rate {

        font: 400 15px/17px robotoregular;

        margin: 0 0 15px

    }

    .service-middel {

        margin: 10px 0 0;

        padding: 0 50px

    }

    .serviceDiv {

        padding: 36px 0

    }

    .satisfaction {

        width: 65%;

        margin: 5px 0 10px

    }

    .breadcrumb {

        margin: 8px 0 0

    }

    .aboutHD {

        font: 400 26px/32px robotomedium;

        margin: 30px 0 12px

    }

    .companies {

        padding: 24px 0 23px

    }

    .mission h2 {

        font: 30px/32px robotobold;

        margin: 0 0 20px

    }

    .framework li {

        width: 90%;

        text-align: left

    }

    .project-testimonial {

        background-image: none

    }

    .journeyHd {

        font: 400 26px/33px robotoblack;

        margin: 0 0 16px

    }

    .journey {

        padding-top: 40px;

        padding-bottom: 40px

    }

    .contactFormDiv {

        padding: 10px 0;

        top: -37em;

        margin-top: 0

    }

    .contact-carousel {

        top: 56em;

        z-index: 999;

        margin-top: 0

    }

    .contactFormHd {

        font: 400 37px/48px robotobold

    }

    .lightBg {

        background-color: #fff

    }

    .workfriends p {

        font-size: 14px;

        line-height: 19px

    }

    .post {

        margin: 0 40px 17px

    }

    .crmTxt {

        text-align: center;

        padding: 0 10px

    }

    .web-dev2 {

        margin: 0 0 40px

    }

    .web-dev4 {

        margin: -36em 0 10em

    }

    .web-dev3 {

        margin: 28.3em 0 1em

    }

    .web-dev6 {

        margin: 13px 0 40px

    }

    .web-dev5 {

        margin: 14px 0 0

    }

    .web-dev8 {

        margin: -44.5em 0 23em

    }

    .web-dev7 {

        margin: 25em 0 0

    }

    .services-seo-bus {

        margin: 40px 0 0

    }

    .serv-image-gap {

        margin: 0

    }

    .sliderTxt {

        padding-left: 10px;

        padding-right: 10px;

        margin: 92px 0 37px

    }

}

@media(max-width:460px) {

    .brands li {

        margin: 10px 0 4px!important

    }

    .border {

        white-space: initial

    }

    .benifts,

    .more {

        padding: 18px 0 20px;

        width: 60%;

        margin-top: 26px

    }

    .contact-carousel {

        top: 56em

    }

    .contactFormDiv {

        top: -35em

    }

}

@media(max-width:360px) {

    .benifts, .more {

        padding: 18px 0 20px;

        margin-top: 26px

    }

    .cms-tools-left,

    .reviews p,

    .reviews p span {

        text-align: center

    }

    .more {

        width: 91%

    }

    .benifts {

        width: 100%

    }

    .marT35 {

        margin-top: 4px!important

    }

    .slider {

        background-position: center top;

        width: 89%;

        height: 172px;

        padding: 22px 47px 0

    }

    .cms-tools-left div {

        padding: 0

    }

    .aboutBg h2 {

        font: 20px/25px robotoblack

    }

    .workfriends p {

        margin: 7px auto 0

    }

    .our-mission img {

        display: none

    }

    .footer-logo,

    footer p,

    ul.terms {

        display: inline-block

    }

    .mission {

        padding: 30px 4px 25px

    }

    .post {

        padding: 13px 19px;

        margin: 0 30px 22px

    }

    .footer-logo {

        margin: 0

    }

    .footer-logo img {

        margin: -16px 0 0 26px;

        width: 144px

    }

    footer p {

        width: 48%

    }

    .benefitsDiv i,

    .companies,

    .office-image,

    .performborder>span:after,

    .performborder>span:before {

        display: none

    }

    .aboutBg {

        padding: 40px 20px;

        background: #07365c

    }

    .serviceDiv {

        padding: 36px 16px

    }

    .border {

        white-space: normal;

        font: 400 16px/20px robotoregular

    }

    .padT75 {

        padding: 40px 0

    }

    .story {

        margin: 0 auto 32px

    }

    .project-testimonial {

        padding: 30px 0

    }

    p.about-testi {

        font-size: 25px;

        line-height: 32px

    }

    p.about-testi a {

        font-size: 17px

    }

    .careerPopup .modal-header .close {

        margin-right: 15px;

        margin-top: -7px

    }

    .careerTxt h6 {

        margin: 7px 0 4px

    }

    .careerPopup .modal-header {

        padding: 18px

    }

    .careerHd {

        margin: 10px 30px 0

    }

    .benefitsDiv {

        height: auto;

        padding: 20px

    }

    .benefitsBg,

    .padT60 {

        padding-top: 30px

    }

    .marB50 {

        margin-bottom: 30px

    }

    .marB55 {

        margin-bottom: 50px

    }

    .marT75 {

        margin-top: 30px

    }

    .benefitsBg {

        padding-bottom: 50px

    }

    .careerBg h2 {

        font: 28px/38px robotoblack

    }

    .reviews {

        margin: 40px 0 66px

    }

    .reviews p {

        margin: 20px 0 0;

        font-size: 16px;

        line-height: 22px

    }

    .reviews p span {

        margin: 0 0 5px

    }

    .marT50 {

        margin-top: 25px

    }

    .marB40 {

        margin-bottom: 25px

    }

    .padB85 {

        padding-bottom: 40px

    }

    .businessTxt p,

    .cms-tools div {

        min-height: auto

    }

    .marT55 {

        margin-top: 30px

    }

    .marB20 {

        margin-bottom: 0

    }

    .cms-tools {

        margin-bottom: 5px

    }

    .faq,

    .testing-type div {

        margin-bottom: 30px

    }

    .service-sma ul li {

        padding: 3px 0

    }

    .crmHD {

        margin: 15px 0

    }

    .cmsTxt .custom-infrastructure li {

        text-align: left

    }

    .web-design-top .cmsTxt {

        padding: 0

    }

    .web-design-bottom .marT55 {

        margin-top: 0

    }

    .web-design-bottom .marB55 {

        margin-bottom: 15px

    }

    .service-sma h2 {

        padding: 0 19px

    }

    .modal-header span {

        margin: 0;

        float: none

    }

    .eco-serv {

        margin: 0!important

    }

    .sliderTxt {

        margin: 92px 0 37px;

        padding-left: 0;

        padding-right: 0

    }

    .brands li {

        margin: 10px 34px 4px!important

    }

    .contactFormDiv {

        top: -29em

    }

    .contact-carousel {

        top: 63em

    }

}

@media(max-width:320px) {

    footer, footer h2, footer p, ul.terms {

        text-align: center

    }

    .newsletterSignup label .form-control {

        width: 66%

    }

    .newsletterSignup label .btn {

        width: 34%

    }

    .slider,

    .workfriends p,

    header .navbar .pull-left {

        width: 100%

    }

    .small .hed-right span {

        float: none!important

    }

    .sliderTxt {

        font: 400 27px/31px robotobold;

        padding-top: 10px;

        margin: 122px 0 19px

    }

    .sliderTxt span {

        font: 400 17px/17px robotoregular

    }

    .serviceHD {

        font: 400 24px/28px robotomedium

    }

    .serviceTxt {

        font: 400 18px/23px robotomedium

    }

    .border {

        margin-bottom: 13px

    }

    .workfriends h2 {

        font: 29px/33px robotoblack

    }

    .marT75 {

        margin-top: 30px

    }

    header .navbar ul {

        margin-left: 0

    }

    .noRgtLftpad {

        padding-left: 10px;

        padding-right: 10px

    }

    .servicemsg {

        font: 400 15px/20px robotolight;

        margin: 0 auto 27px;

        padding: 0 9px

    }

    .serviceDiv {

        padding: 36px 0

    }

    header .navbar-collapse.in .navbar-nav>li>a,

    header .navbar-default .in li a,

    header .navbar-default .in li:hover a,

    header.innerHdr .navbar-collapse.in .navbar-nav>li>a,

    header.innerHdr .navbar-default .navbar-nav>li>a,

    header.small .navbar-default .navbar-nav>li>a {

        color: fff

    }

    .perform-sec a {

        min-height: 82px;

        padding: 24px 20px

    }

    .contactFormDiv {

        top: -26em

    }

    .post {

        padding: 13px 19px;

        margin: 10px 0 17px

    }

    ul.terms {

        padding: 0 37px

    }

    .terms li {

        font-size: 16px

    }

    footer h2 {

        padding: 0;

        font-size: 19px

    }

    .newsletterSignup .form-control {

        width: 201px

    }

    .footer-logo img {

        margin: 5px 0 0

    }

    footer p {

        width: 100%;

        display: block;

        margin: 0 0 20px;

        font-size: 16px;

        padding: 0 54px;

        line-height: 22px

    }

    ul.terms li {

        background: 0 0;

        list-style: none

    }

    .email {

        margin-bottom: 16px

    }

    .crmTxt {

        padding: 0 15px

    }

    .contact-carousel {

        top: 65em

    }

}

.top_bc {

    padding-top: 29px!important;

    padding-bottom: 40px!important

}

.top_main_content {

    margin-top: 51px!important;

    margin-bottom: 37px!important

}

.questions {

    padding-top: 49px!important;

    padding-bottom: 49px!important

}

.creative_padding {

    padding-top: 51px!important;

    padding-bottom: 51px!important

}

.creative_padding .fTiza {

    margin-top: -10px!important

}

.creative_padding .projectsHd {

    margin-top: 10px!important

}

.carousel_margin {

    margin-top: 51px!important;

    margin-bottom: 31px!important

}

.ready_section {

    padding-top: 51px!important;

    padding-bottom: 51px!important

}

.thoughts_section {

    padding-top: 51px!important;

    padding-bottom: 51px!important

}

.services_section {

    margin-top: 44px!important

}

.services_section .cms-tools {

    margin-bottom: 26px

}

.services_section1 .cms-tools {

    margin-bottom: 6px

}

.services_section2 .cms-tools {

    margin-bottom: 0

}

.services_section_bottom {

    margin-bottom: 15px!important

}

.for_web .cms-tools {

    margin-bottom: 0

}

.top_bc2 {

    padding-top: 29px!important;

    padding-bottom: 52px!important

}

.mobile_website_margin {

    margin-top: 51px!important

}

.mobile_website_padding {

    padding-top: 51px!important;

    padding-bottom: 51px!important

}

.mobile_website_padding p {

    margin-bottom: 0

}

.for_web_respnsive {

    padding-top: 44px!important;

    padding-bottom: 51px!important

}

.top_main_content_2 {

    padding-top: 34px!important;

    padding-bottom: 51px!important

}

.hr_margin hr {

    margin: 0;

    padding: 0

}

.hr_margin .top_main_content {

    margin-top: 51px!important;

    margin-bottom: 51px!important

}

.approach {

    padding-top: 45px;

    padding-bottom: 45px

}

.benefits_section {

    padding-top: 21px;

    padding-bottom: 51px

}

.faq1 {

    margin-bottom: 0

}

.dm_p p {

    margin-bottom: 0

}

.services_section3 {

    padding-top: 14px

}

.services_section_p p {

    min-height: 134px

}

.min_min {

    min-height: 79px!important

}

.min_min p {

    min-height: 83px

}

.other_top_bg {

    padding-bottom: 6px!important;

    padding-top: 29px!important

}

.other_page_content {

    padding-bottom: 45px!important;

    padding-top: 45px!important

}

.testi_top_bg {

    padding-bottom: 39px!important

}

.testimonials_padding {

    padding-bottom: 41px!important;

    padding-top: 51px!important

}

.portfolio_top_bg {

    padding-bottom: 41px!important;

    padding-top: 57px!important

}

.portfolio_top_bg h2 {

    padding-top: 0!important

}

.carousel_margin1 {

    margin-bottom: 68px!important;

    margin-top: 51px!important

}

.benefits_sect {

    padding-bottom: 20px!important;

    padding-top: 41px!important

}

.open_position {

    margin-bottom: 21px!important;

    margin-top: 45px!important

}

.com_other_top_bg {

    padding-bottom: 43px!important;

    padding-top: 50px!important

}

.our_story_custom h2 {

    margin-top: 43px

}

.our_story_custom .companies {

    padding-bottom: 31px

}

.mission_section {

    padding-top: 51px;

    padding-bottom: 51px

}

.journey_section {

    padding-bottom: 51px!important;

    padding-top: 51px!important

}

.padding_top_0 {

    padding-top: 0 !important;

}

.thoughts .investor h3 span {

    display: block;

    display: -webkit-box;

    max-width: 400px;

    height: 80px;

    line-height: 1.4;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.thoughts .investor h3 a {

    color: #000;

    font: 400 18px/24px robotomedium;

    border: 0;

    padding: 0;

}

.site_map_new {

    padding: 25px 0 30px 0;

}

.site_map_new h3 {

    color: #333;

    font: normal 20px/19px robotomedium;

    margin-bottom: 20px;

    text-transform: uppercase;

}

.site_map_new h3 a {

    color: #333;

}

.site_map_new ul li {

    list-style: none;

}

.site_map_new ul li a {

    text-transform: uppercase;

    border-radius: 0 !important;

    margin-top: -1px;

    background: #fdfdfd;

    border: 0;

}

.site_map_new ul li:nth-child(odd) a {

    background-color: #f5f5f5;

}

.site_map_new ul li a:hover {

    background-color: #e9e9e9;

}

.site_map_new ul li a abbr {

    font-size: 20px;

    margin-right: 10px;

}

.top_bc h1 {

    color: #fff;

}

.top_bc h2.h2 {

    font: 400 16px/18px robotolight;

    margin-top: 18px;

    color: #fff;

    padding-top: 0;

    text-transform: none !important;

    margin-bottom: 3px;

}

.h2_h2 {

    font: 400 16px/18px robotolight !important;

    margin-top: 18px!important;

    color: #fff!important;

    padding-top: 0!important;

    text-transform: none !important;

    margin-bottom: 3px!important;

}

.color_white {

    color: #FFF;

    margin-top: 52px;

}

.nill a {

    border: 0 !important;

    padding: 0 !important;

    border-radius: 0 !important;

}

.nill a:hover {

    background: none;

}

.add_logo img {

    background: #fff none repeat scroll 0 0;

    border-radius: 3px;

    padding: 9px 7px;

    width: 120px;

}

.footer_logo22 img {

    width: 122px;

}

.color_white1 {

    margin-top: 0;

}

.color_white1 span {

    font-family: tiza_negraregular !important;

    font-size: 28px !important;

    margin-bottom: 5px !important;

    text-transform: none !important;

}

.careerBg001 h1 {

    color: #fff;

    font: 36px/38px robotoblack;

    margin: 0;

    padding-top: 8px;

    text-transform: uppercase;

}

.careerBg001 h2 {

    font: 400 17px/22px robotolight;

    min-height: 97px;

    width: 80%;

    color: #fff!important;

    padding-top: 30px!important;

    text-transform: none !important;

    margin: 0 auto;

}

.partners_icons img {

    background: rgb(255, 255, 255) none repeat scroll 0 0;

    border-radius: 3px;

}

/*24-03-2016*/



.casestudypost {

    background: #fff;

    border: 1px solid #dcdcdc;

    padding: 0px;

    text-align: center;

    min-height: 536px;

    position: relative;

}

.casestudy-det h2 {

    color: #000;

    margin-top: 12px;

    font-family: 'Roboto', sans-serif;

    font-weight: 500;

    font-size: 18px;

    text-transform: uppercase;

    padding: 9px 15px;

    min-height: 56px;

    vertical-align: middle;

}

.casestudy-det h2:hover {

    opacity: 0.5;

}

.casestudypost .case-studt-btn {

    border: 1px solid #ddd;

    color: #fb6057;

    display: inline-block;

    font-size: 13px;

    padding: 8px 9px;

    text-decoration: none;

    position: absolute;

    border-radius: 0;

    bottom: 23px;

    margin: 0 auto;

    width: 154px;

    left: 0;

    right: 0;

}

.casestudypost a:hover {

    opacity: 0.7;

}

.casestudy-det p {

    color: #818181;

    font-size: 13px;

    padding: 0 16px;

    text-align: justify;

}

.download {

    text-align: center;

}

.download h3 {

    margin: 0;

    padding: 0;

}

.download h3 a {

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    text-transform: uppercase;

    text-decoration: underline;

}

.download h3 a:hover {

    text-decoration: none;

    color: #00478B;

}

.download2 {

    text-align: center;

}

.download2 h3 {

    margin-top: 20px;

}

.download2 h3 a {

    font-size: 18px;

}

.crmBgg1 {

    text-align: center;

    background: #f5f8fa;

    padding: 50px 0;

    color: #000;

}

.crmBgg1 p {

    line-height: 31px;

    font-style: italic;

    font-size: 18px;

}

.crmBgg1 h6 {

    font-size: 22px;

    padding-bottom: 15px;

    color: #0953B2;

    font-weight: bold;

}

.div_strong_color h2 {

    font-size: 40px;

    font-family: 'robotolight';

}

.div_2 h2 {

    text-align: center;

    font-size: 60px;

    margin: 50px 0;

    font-family: 'robotolight';

}

.nnp p,

.nnps p {

    font-size: 22px;

    line-height: 32px;

    text-align: center;

}

.div_bg {

    background: #F5F8FA;

}

.padding_left0 {

    padding-left: 0 !important;

}

.padding_right0 {

    padding-left: 0 !important;

}

.div_bg strong {

    display: block;

}

.strong1 {

    font-size: 20px !important;

}

.casestudy-body-top {

    margin: 60px 0 40px 0;

}

.magin_left20 {

    margin-left: 10px;

}

.result p span {

    padding-bottom: 10px;

    display: inline-block;

    width: 87%;

    vertical-align: top;

    margin-left: 9px;

    font-size: 14px;

}

.headstrong-body-midtext span {

    padding-bottom: 10px;

    display: inline-block;

    width: 87%;

    vertical-align: top;

    margin-left: 9px;

}

.headstrong-body-midtext {

    text-align: left;

    margin: 0 auto 40px;

    font-size: 14px;

}

.headstrong-body-midtext p {

    margin-bottom: 0;

}

.headstrong-body-link span {

    display: inline-block;

    margin: 20px 0 0;

    vertical-align: middle;

}

.headstrong-body-link {

    background: #073357;

    color: #fff;

    font-size: 30px;

    padding: 6px 0 40px !important;

    text-align: center;

    width: 100%;

}

.headstrong-body-link a {

    border-radius: 4px;

    display: inline-block;

    font-size: 17px;

    margin: 24px 0 0 31px;

    text-decoration: none;

}

.headstrong-body-link a:hover {

    opacity: 0.7;

}

.result p {

    text-align: left;

    width: 70%;

    margin: 0 auto;

}

.result {

    background-size: cover;

    padding: 45px 0 0;

}

.result .creative_padding {

    padding-bottom: 0px!important;

}

.headstrong-made {

    padding: 10px 0 0;

}

.image-gap2 {

    margin: 4% 0 0;

}

.resultbody-midtext p {

    font-size: 14px;

    color: #fff;

}

.resultbody-midtext {

    padding: 19px 0 31px;

}

.div_strong_color strong {

    color: #004b8d;

}

.div_strong_color p b {

    color: #333;

    float: left;

    font-size: 7px;

    margin-top: -1px;

}

.testim {

    background: #febf00;

    padding: 60px 0;

    color: #fff;

    margin: 0;

    text-align: center;

}

.testim h6 {

    font: 400 24px/23px robotomedium;

    margin: 0;

    white-space: nowrap;

    color: #000;

    text-transform: uppercase;

}

.testim p {

    color: #1b1501;

    font-size: 17px;

    line-height: 23px;

    font-style: italic;

}

#testing {

    text-align: left;

    padding: 50px 0 60px;

}

#testing h2 {

    color: #004b8d;

    font-size: 33px;

    margin: 8px 0 30px;

    font-family: 'robotolight';

}

#testing p {

    font-size: 16px;

    line-height: 26px;

    display: inline-block;

    margin: 0 0 30px;

}

.testim span img {

    width: 60px;

    margin: 6px 0 16px;

}

.conclusion {

    background: #F5F8FA;

    padding: 60px 0;

    text-align: center;

}

.conclusion h2 {

    color: #004b8d;

    font-size: 60px;

    margin: 0 0 50px;

    font-family: 'robotolight';

}

.ourstrategy {

    padding: 9px 0 21px;

}

.ourstrategy h3 {

    font-family: 'robotolight';

    color: #004b8d;

    font-size: 22px;

    margin: 0 0 14px;

    font-weight: 600;

    min-height: 40px;

}

.ourstrategy i {

    font-size: 9px;

}

.conclusion a {

    color: #85C041;

    font-family: 'robotolight';

    text-decoration: none;

}

.conclusion a:hover {

    color: #242d34;

}

.app-slider {

    padding: 70px 0 0

}

.app-slider .projectsHd {

    margin: 0 0 40px

}

.crmBg1 .mobile2 {

    background: url(../images/app-mob2.png) 0 -1px no-repeat;

    background-size: cover;

    padding: 42px 10px 0;

    width: 205px;

    height: 321px;

    margin: -320px 30px 0;

    position: relative;

    right: inherit;

    top: inherit;

    float: right;

}

.title.text-center.portfolio78:hover {

    /* background: red; */

    

    background-color: rgba(98, 177, 0, .9);

    top: 0;

}

/*.banner_case { background:#0097EB url(../images/case-study-banner.png) no-repeat scroll center center;    padding: 110px 0 !important;} */



@media only screen and (max-width: 1200px) {

    .caret {

        display: none;

    }

}

@media only screen and (max-width: 991px) {

    .download2 {

        margin-bottom: 20px !important;

    }

}

.crmBgg1 h6 {

    font-family: 'robotoregular';

}

.casestudy_bg_tex {

    background: #0097eb url("../images/case-study-banner1.png") no-repeat scroll center -8px !important;

    padding: 84px 0 35px !important;

    height: 265px;

}

.casestudy_bg_tex .casestudy-bg-tex {

    margin-top: -92px;

}

.conclusion_bottom_margin0 {

    margin-bottom: 0 !important;

}

.app-slider .carouselDiv {

    height: 514px;

}



/*------------------------16.2.17--start--------------------------*/

.right-sidebar {

    display: none;

}

.for_bg .col-lg-9 {

    background: #f1f1f1;

    border: none !important;

}

/*------------------------16.2.17-end---------------------------*/

/*-------------------------2.3.17-------------------------*/

.small h1.logo {

    display: none;

}



.small h1.logo2 {

    display: block;

}

h1.logo2 {

    display: none;

}

.small span.logo-hidedive {

    display: none;

}

.small .hed-right {

    width: 115px;

	padding-right: 0;

}

.small .pull-right{

    float: left!important;

	    padding: 0 !important;

}

header.small .navbar {

    margin-top: 6px;

}

/*.subcribe_and_search{ display:none;}*/

header.small .subcribe_and_search{ display:block;}

header.small a.contactno{ display:none;}

header.small .subcribe_and_search {

    /* display: block; */

    border-left:none;

    color: #fff;

    display: inline-block;

    float: right;

    font-size: 18px;

    font-family: robotomedium;

    margin-top: 0px;

    padding-left: 46px;

}

button.subjscibe {

    padding: 10px 0;

    text-align: center;

    width: 100%;

    color: rgba(20, 18, 18, 0.68);

    text-decoration: none;

    border: 1px solid red;

    text-transform: uppercase;

    background: none;

    padding: 8px 10px;

    font-weight: 400;

   font-size: 13px;

    letter-spacing: 0.06em;

    letter-spacing: 0.06em;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-transition: background 0.3s;

    -moz-transition: background 0.3s;

    -o-transition: background 0.3s;

    transition: background 0.3s;

	background: url(../images/btn-bg1.jpg) 0 -59px repeat-x;

	color:#fff;

	

}

.sbn-btb {

    float: left;

    padding-right:8px;

}

.srch_cl {

    float: left;

}



.srch_cl img {

    padding: 5px 0px;

}

.toogles_function {

    position: absolute;

    top:44px;

    width: 276px;

    font-size: 10px;

    color: #000;

  border: 1px solid #51a985;

  background: rgba(130, 191, 60, 0.58);

  padding: 10px;

  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44);

background: rgb(16, 140, 238);

	

}

.toogles_function .form-horizontal .control-label {

    padding-top: 7px;

    margin-bottom: 0;

    text-align: left;

}



.toogles_function .form-group {

    margin: 0px;

    padding: 0px ;

    margin-bottom:6px;

    padding-bottom: 0px ;

}

.ba_imjs {

    position: absolute;

    top: -19px;

    left: 78px;

    right: 0;

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

}

.toogles_function{ display:none;}

header.small {

    height: 50px !important;

}

.small h1.logo2 {

    margin-top: 3px;

}

.fuul_width-ssrch {

    display: none; 

    position: absolute;

    width: 100%;

    left: 12px;

    top: 44px;

    background: #4e8c27;

    padding: 10px;

}

.fuul_width-ssrch input {

    width: 100%;

    /* width: 130px; */

    box-sizing: border-box;

    border: 2px solid #ccc;

    border-radius: 4px;

    font-size: 16px;

    background-color: white;

	color:#000;

    background-image: url(../images/searchicon.png);

    background-position: 10px 10px;

    background-repeat: no-repeat;

    padding: 12px 20px 12px 40px;

    -webkit-transition: width 0.4s ease-in-out;

    transition: width 0.4s ease-in-out;

}



.small .col-lg-9.col-md-12.col-sm-12.col-xs-12.pull-right {

    width: 83%;

}

.small nav.navbar.navbar-default {

    float: left;

}

.small header .navbar {

    background: 0 0;

    border: none;

    float: left;

    min-height: none;

    margin: 52px 0 0;

}

.sumit_bx {

    width: 157px;

    /* background: #91c754 !important; */

    border: none;

    color: #fff !important;

    transition: background 0.3s;

    background: url(../images/btn-bg1.jpg) 0 -59px repeat-x;

    color: #fff;

}

/*.small span{

    display:none;

}*/

header.small .navbar {

    margin-top: 7px !important;

}

.head-social-icon{ display:none;}



.small .head-social-icon{ 

    display: block;

    float: left;

    margin-top: 6px;

	margin-left: 5px;

}

.small .nav>li {
    padding: 0 9px;
}
.small .col-lg-3.col-md-3.col-sm-12.hed-right span {
    display: none;
}
.head-social-icon ul li {

    list-style: none;

    display: inline-block;

    width: 27px;

    border: 1px solid #dddddd;

	    height: 27px;

    padding: 3px;

}

.head-social-icon .socialmedia{ border-radius:0;}

.head-social-icon ul li:last-child {

    padding: 4px;

}

.rss-class img {

    width: 20px;

    border-radius: 0;

}

.rss-class span {

    color: #000;

    font-size: 16px;

    display: inline-block;

    text-transform: capitalize;

    line-height: 20px;

    float: right;

}

.rss-class {

    width: 124px;

    margin: 14px auto 1px;

    background: #fff;

    padding: 3px 14px;

    border-radius: 4px;

}



span.empty{ color:red !important;}

span.error{ color:red !important;}

span.alreadyemail{ color:red !important;}

span.success{ color:green !important;}

/*-------------------------2.3.17-------------------------*/



/*------------------------3.3.17-------------------------*/

@media screen and (max-width:1200px){

	.at-share-dock-outer.addthis-smartlayers.addthis-smartlayers-mobile {
    display: none;
}

	.toogles_function {

    position: absolute;

    top: 630px;

    width: 100%;

    font-size: 10px;

    color: #000;

    border: 1px solid #51a985;

    background: rgba(130, 191, 60, 0.58);

    padding: 20px;

    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44);

    background: #fff;

    left: 0px;

}



.fuul_width-ssrch {

    display: none;

    position: absolute;

    width: 100%;

    left: 0px;

    top:630px!important;

    background: #4e8c27;

    padding: 10px;

}

.small nav.navbar.navbar-default {

    float: left;

    overflow-y: scroll !important;

}


.small .head-social-icon{ 

    display: block;

    float: left;

    margin-top: 6px;

	margin-left: 38px;

}
header.small .subcribe_and_search {

    

    border-left: none;

    color: #fff;

    display: inline-block;

    float: left;

    font-size: 18px;

    font-family: robotomedium;

    margin-top: 0px;

    padding-left: 48px;

}

.fuul_width-ssrch {

    display: none;

    position: absolute;

    width: 100%;

    left: 0px;

    top: 44px;

    background: #4e8c27;

    padding: 10px;

}

/*.share-container {

    position: absolute !important;

    top: 513px !important;

    right:0% !important;

}*/

.atss .at-share-btn, .atss a {

    position: relative;

    display: block;

    width: 3pc;

    margin: 0;

    outline-offset: -1px;

    text-align: center;

    float: none !important;

    -webkit-transition: width .15s ease-in-out;

    transition: width .15s ease-in-out;

    overflow: hidden;

    background: #e8e8e8;

    z-index: 100030;

    cursor: pointer;

    top: 151px;

}

#at-share-dock {

    width: 30%;

    margin: 0;

    float: left;

    box-shadow: none !important;

}

.small .navbar-toggle {

    top: 7px !important;

}
.small .subcribe_and_search {
    clear: both;
}
}



@media screen and (max-width:1024px){

	

.atss .at-share-btn, .atss a {

    position: relative;

    display: block;

    width: 3pc;

    margin: 0;

    outline-offset: -1px;

    text-align: center;

    float: none !important;

    -webkit-transition: width .15s ease-in-out;

    transition: width .15s ease-in-out;

    overflow: hidden;

    background: #e8e8e8;

    z-index: 100030;

    cursor: pointer;

    top: 0px !important;

}
#at-share-dock {
    top: 151px !important;
}
div#at-share-dock {

    width: 30%;

    margin: 0;

    float: left;

	box-shadow: none !important;

}

#at-share-dock {
    width: 60px !important;
}

.atss .at-share-btn, .atss a {

    width: 50px !important;

}

#sfbap-form2-container {

   max-width: 100% !important;

}

.share-container.darkHeader {
    position: fixed !important;
    top: 128px !important;
    right: 0px !important;
}
.share-container {
    position: absolute !important;
    top: 513px !important;
    right: 0px !important;
}

a.category-link {
    padding: 4px 12px;
    background: #dddddd;
    color: #000;
    border-radius: 5px;
    margin-left: 0px !important;
    display: inline-block;
    margin-bottom: 3px;
}
div#os-share-counter-vert-top {
    display: none !important;
}
}





@media screen and (max-width:767px){

	

.toogles_function {

    position: absolute;

    top: 614px !important;

	

}

.fuul_width-ssrch {

    

    top: 615px !important;

}

.blg-po {

    border: 1px solid #dcdcdc;

    height: auto !important;

    margin: 0 0 50px;

    position: relative;

}

.blog .investor a {

    border: 1px solid #dddddd;

    color: #fb6057;

    display: inline-block;

    padding: 7px;

    padding: 5px 10px;

    bottom: 0 !important;

    left: 16px;

    position: relative !important;

}

#sfbap_subscribe_form #sfbap-form2-button {

 

     min-width: 42% !important;

}

#sfbap_subscribe_form .sfbap-form2-fields {

    min-width: 100% !important;

   

}

.share-container {

   

    right: 0 !important;

}

}

@media screen and (max-width:640px){
.small .navbar-toggle,

    header,

    header.small .logo {

        position:fixed !important;

   }	
	
}

@media screen and (max-width:603px){
	
.small .navbar-toggle {
    top: 0px !important;
}
.small .navbar-toggle {
    top: 0px !important;
    position: fixed !important;
}	
	
}


@media screen and (max-width:520px){

	

	.toogles_function {

    position: absolute;

    top: 542px !important;

	

}

.fuul_width-ssrch {

    

    top: 542px !important;

}


}



@media screen and (max-width:480px){

.toogles_function {

    position: absolute;

    top:543px !important;

}

.fuul_width-ssrch {

   

    top: 543px !important;

    

}	

#sfbap_subscribe_form #sfbap-form2-button {

 

     min-width: 52% !important;

}

#wonderplugin-box-1 .wonderplugin-box-fullscreenclosebutton { 
left:93% !important;
}
.blog-post h1 {
    font-size: 25px;
}

.blog-subscribe {
   
    padding: 0 0px !important;

}
}

@media screen and (max-width:455px){
	
.wp-pagenavi a, .wp-pagenavi span {
    padding: 1px 9px !important;
    color: #fb6057 !important;
}
	.wp-pagenavi a.last {
    float: right;
    margin: 0px 14px 0 0px !important;
}
}

@media screen and (max-width:447px){

	#sfbap_subscribe_form #sfbap-form2-button {

 

     min-width: 75% !important;

}

}

/*------------------------3.3.17-------------------------*/
/*---------------14.3.17----------*/
.im_src {
    display: none;
}
 body.home .im_src {
    display: block;
}
body.post-template-default .im_src {
    display: block;
}
.portfolio-itemheight{  overflow:hidden;}
.small h1.logo2 {
    margin-top: -7px;
}
.subcribe_and_search {
    width: auto;
    float: left;
}
a.contactno {
    display: none;
}