@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

body, form, h1, h2, h3, h4, h5, h6, li, p, ul {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

body {
    background: #000;
}

    body.subPageBack {
        background: #FFF;
    }

li {
    list-style: none;
}

div, td {
    vertical-align: top;
}

div, td, select, input, textarea, * {
    font-family: 'Montserrat', Arial;
}

img {
    border: 0;
}

* {
    outline: 0;
}

html {
    overflow-x: hidden;
}

.backgroundImage {
    z-index: -999;
    min-height: 100%;
    min-width: 1000px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.headerContainer {
    position: fixed;
    top: 0;
    width: 100%;
    background: url(../images/header-back.png) repeat-x;
    z-index: 100;
}

.subPageBack .headerContainer {
    border-bottom: 1px solid #E8E8E8;
    background: #FFF;
    height: 85px;
}

.logoContainer {
    padding: 15px 0;
}

.centerContainer {
    margin: 95px 0 0;
    width: 100%;
}

.centerContainerSub {
    position: absolute;
    top: 165px;
    width: 100%;
    left: 3000px;
}

.centerContainer div, td {
    text-align: left;
}

.mainMenuContainer, .mainMenuContainer a {
    color: #575757;
}

    .mainMenuContainer a {
        display: inline-block;
        margin-left: 30px;
    }

.welcomeContainer {
    padding: 50px 10px 83px;
}

.helloText {
    font-size: 70px;
    line-height: 70px;
}

.welcomeThanks {
    font-size: 48px;
    margin-bottom: 10px;
}

.introText {
    font-size: 19px;
}

.highlighstContainer {
    background: #2f3038;
}

.highlighstContainerPad {
    padding: 40px 10px;
}

.highlighstContainer .sectionTitle, .highlighstContainer .welcomeThanks {
    color: #FFF;
}

.highlightsTitle {
    font-size: 24px;
    margin-bottom: 10px;
}

.projectDetails, .projectLinks {
    font-size: 12px;
    color: #515151;
    margin-bottom: 2px;
}

.projectLinks {
    font-size: 14px;
}

    .projectLinks, .projectLinks a {
        color: #9C9C9C;
    }

.absoluteProjInfos {
    padding: 15px 0 0;
}

    .absoluteProjInfos .projDetailsLinks {
        padding-bottom: 5px;
    }

    .absoluteProjInfos, .absoluteProjInfos a {
        color: #FFF;
        font-size: 14px;
        text-decoration: none;
    }

.ourWorkListing .projectsListing ul li div.highlightsContainer {
    margin-right: 15px;
    border: 1px solid #E2E2E2;
}

.highlightsPad {
    padding: 7px;
}

.aboutContainerPad {
    padding: 0 25px;
    background: #FFF;
    margin-bottom: 195px;
}

.aboutContentCont {
    padding: 40px 60px 0 0;
    color: #2F3038;
    overflow: hidden;
}

    .aboutContentCont h2 {
        color: #2F3038;
    }

.servicesContentCont {
    padding: 40px 0 0;
}

.servicesContainerPad {
    padding: 0 20px;
    background: #00002B;
    overflow: hidden;
    margin-bottom: 85px;
}

.sectionTitle {
    font-size: 11px;
    margin-bottom: 20px;
}

    .sectionTitle a.selected {
        font-weight: 700;
    }

.filterByText {
    font-size: 18px;
    color: #000;
    padding: 25px 0 0;
    width: 70px;
}

#carousel, .clear {
    clear: both;
}

.filterSelectBack {
    border: 1px solid #C2C2C2;
    width: 100%;
    margin: 20px 0 0;
}

.filterSelectBackPad {
    padding: 7px;
}

.filterSelectBack select {
    width: 100%;
    border: 0;
    background: 0 0;
    font-size: 12px;
    color: #C2C2C2;
}

.aboutContent {
    line-height: 20px;
    color: #2F3038;
}

    .aboutContent a {
        display: inline-block;
        width: 45%;
        float: left;
        background: url(../images/bluearrow.png) left 7px no-repeat;
        padding: 0 0 5px 10px;
    }

.servicesContentCont .aboutContent a {
    display: inline-block;
    width: 40%;
    float: left;
    background: url(../images/whitearrow.png) left 7px no-repeat;
}

    .servicesContentCont .aboutContent a:hover {
        color: #DD0466;
    }

#carousel, .posRelative, .projectDetails, div.googleMapCont {
    position: relative;
}

div.googleMapCont {
    display: none;
}

.ourworkContainerPad {
    padding: 0 25px;
    background: #FFF;
    overflow: hidden;
}

    .moreLinkCont a:hover, .ourworkContainerPad .aboutContentCont a:hover, .projectListingContainer .projectLinks a:hover {
        color: #DD0466;
    }

.projectsListing li {
    float: left;
    width: 227px;
    margin: 0 35px 15px 0;
}

    .projectsListing li .liContainer, .projectsListing li.Facebook, .projectsListing li.News, .projectsListing li.Press, .projectsListing li.Twitter {
        min-height: 275px !important;
    }

    .projectsListing li div.highlightsContainer {
        min-height: 280px;
    }

.ourWorkListing .projectsListing li {
    width: 25.4%;
    float: left;
    margin: 0 0 15px;
    clear: none;
}

    .ourWorkListing .projectsListing li.last {
        width: 23.8%;
    }

    .ourWorkListing .projectsListing li img.workPicBorder {
        width: 100%;
    }

.projectsListing li.last {
    margin: 0 0 15px;
}

.ourWorkListing .projectsListing li.last div.highlightsContainer {
    margin-right: 0;
}

.moreLinkCont {
    background: url(../images/morelink-back.gif) repeat-x;
    text-align: center !important;
    font-size: 12px;
}

    .moreLinkCont span {
        background: #FFF;
        padding: 0 15px;
    }

.vacanciesContainerPad {
    padding: 55px 25px 0;
}

    .vacanciesContainerPad .welcomeThanks {
        width: 550px;
    }

    .vacanciesContainerPad .aboutContent {
        color: #FFF;
        width: 500px;
        margin-bottom: 15px;
    }

#contactContainer {
    background: #E7E7E7;
    height: 720px;
}

.contactContainerPad {
    background: #E7E7E7;
    padding: 40px 0 135px 25px;
}

    .contactContainerPad .welcomeThanks {
        color: #2F3038;
    }

.subTitleSection {
    font-size: 30px;
    color: #2F3038;
    margin-bottom: 20px;
}

.subsubTitleSection {
    color: #292B31;
    font-size: 18px;
}

.errorMessage, .margBottom15, .relatedProjectRow, .subContentText, .subIntroText, .subsubTitleSection, .successMessage, .vacanciesListing {
    margin-bottom: 15px;
}

.contactInfos {
    font-size: 13px;
    line-height: 18px;
    color: #777;
    margin-bottom: 25px;
    height: 160px;
}

    .contactInfos a:hover, .vacanciesListing li a:hover {
        color: #313739;
    }

.email, .mobile, .phone, .viewonMap {
    background: url(../images/phone.gif) left 3px no-repeat;
    padding: 3px 0 3px 20px;
}

.mobile {
    background: url(../images/mobile.gif) left 3px no-repeat;
}

.email {
    background: url(../images/email.gif) left 3px no-repeat;
}

.viewonMap {
    background: url(../images/map.gif) left 3px no-repeat;
}

.vacanciesListing li {
    background: url(../images/bluearrow.png) left 4px no-repeat;
    padding: 0 0 5px 10px;
    font-size: 14px;
}

.orContent {
    font-size: 19px;
    color: #213340;
    padding: 0 20px 0 0;
}

.absoluteContactChart {
    position: absolute;
    right: -140px;
    top: -28px;
    overflow: hidden;
}

.footerLinksContainer {
    background: #2F3038;
    padding: 35px 10px 15px;
    font-size: 14px;
}

.headerContainerPad {
    padding: 0 0 0 10px;
}

.footerLinksContainer a {
    display: block;
    margin: 0 0 5px;
}

.sitemapLevel1 {
    margin-bottom: 7px;
}

    .sitemapLevel1, .sitemapLevel1 a {
        color: #8F8F8F;
    }

        .sitemapLevel1 a {
            min-width: 110px;
        }

.servicesSecondRow {
    padding: 30px 0 0;
    width: 130px;
}

.absoluteTopLink {
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 20;
    width: 100%;
}

    .absoluteTopLink .safeArea {
        text-align: right;
    }

.copyrightContainerPad {
    background: #01aac5;
    padding: 35px 10px;
}

.mailingTextFieldBack {
    background: #FFF;
    width: 100%;
    height: 35px;
    border: 1px solid #FFF;
}

    .mailingTextFieldBack.error {
        border: 1px solid #B60606;
    }

.errorContainer, .successMsg {
    background: url(../images/errorarrow.png) left bottom no-repeat;
    width: 160px;
    position: absolute;
    left: 50px;
    top: -60px;
    font-size: 12px;
    color: #FFF;
    display: none;
}

.errorContainerPad, .successMsgPad {
    padding: 10px 10px 30px;
}

.successMsg {
    width: 220px;
    background: url(../images/successarrow.png) left bottom no-repeat;
    left: 40px;
}

    .successMsg.active {
        display: block;
    }

.mailingTextFieldBack input {
    min-width: 210px;
    background: 0 0;
    border: 0;
    color: #999;
    font-size: 12px;
    margin: 10px 0 0 7px;
}

.copyrightMainTitle {
    font-size: 24px;
    margin: 5px 10px 0 0;
}

.textboxHolder {
    float: right;
}

.newsText {
    font-size: 15px;
}

.newsDate {
    color: #313739;
    margin-top: 5px;
}

.newsText, .newsText a {
    color: #212121;
    text-decoration: none;
}

    .newsText a:hover {
        color: #01aac5;
    }

.footerLinks {
    margin-top: 15px;
    font-size: 12px;
}

    .footerLinks a {
        color: #014977;
    }

.subContentContainer {
    background: #FFF;
    padding: 115px 14px 50px 13px;
    position: relative;
}

    .subContentContainer .welcomeThanks {
        color: #313739;
    }

.subIntroText {
    color: #313739;
    font-size: 18px;
    line-height: 23px;
}

.caseStudyDescp, .caseStudyDescp a, .subContentText, .subContentText a {
    font-size: 13px;
    color: #313739;
    line-height: 18px;
}

    .subContentText a {
        text-decoration: underline;
    }

        .subContentText a:hover {
            text-decoration: none;
        }

    .subContentText li {
        background: url(../images/content-bullet.gif) left 6px no-repeat;
        padding: 0 0 5px 13px;
    }

.viewAll, .viewAll a {
    font-size: 11px;
    background: none !important;
    text-align: right;
}

    .highlightsTitle, .latestProjectsContainer h1, .relatedProjects, .viewAll a:hover {
        color: #2C2A2A;
    }

.relatedProjectsCont {
    margin-bottom: 40px;
    width: 95%;
    float: right;
}

.projectCateg, .projectTitle {
    font-size: 12px;
    margin-bottom: 4px;
}

.visitWebsite {
    margin-bottom: 10px;
}

    .aboutusSections li a, .moreLink, .visitWebsite a {
        font-size: 12px;
        background: url(../images/bluearrow.png) left 4px no-repeat;
        padding: 0 0 0 10px;
    }

    .visitWebsite a {
        background: url(../images/bluearrow.png) left 6px no-repeat;
    }

.aboutusSections li h2 a {
    background: 0 0;
    font-size: inherit;
    color: inherit;
    padding: inherit;
}

    .aboutusSections li h2 a:hover {
        background: 0 0;
        color: #79C142;
    }

.servicesInfos {
    display: none;
    z-index: 5;
}

.aboutusSections li a:hover, .latestProjectsContainer a:hover, .moreLink:hover {
    background: url(../images/grayarrow-2.png) left 4px no-repeat;
    color: #313739;
}

.subpageCont {
    background: #FFF;
    position: fixed;
    z-index: 9999;
    right: -3000px;
    top: 0;
    width: 100%;
}

.leftMenuContainer a {
    display: block;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 7px;
    margin-bottom: 7px;
    color: #454545;
    font-size: 14px;
}

.loadingMessage {
    font-size: 24px;
    color: #FFF;
    padding-top: 10px;
}

h1.subPageTitle {
    margin-bottom: 30px;
    font-size: 48px;
    color: #313739;
    line-height: 48px;
}

.rightColumnContainer {
    padding: 100px 0 0;
    width: 25%;
    float: left;
}

.middleContainer {
    float: left;
    width: 49.46%;
    margin-right: 1%;
}

.servicesSubCont div.middleContainer {
    width: 76.75%;
}

.leftMenuContainer {
    padding: 100px 0 0;
    width: 19.23%;
    float: left;
}

.contentPageSpace {
    width: 4.02%;
    float: left;
    font-size: 1px;
}

.projectDetails {
    width: 100%;
    background: #e5e5e5;
}

td.viewAllHighlights {
    text-align: right;
    padding: 5px 17px 0 0;
}

.margBottom7 {
    margin-bottom: 7px;
}

.absoluteMap {
    position: absolute;
    right: 0;
    top: 70px;
}

.absolutContactLine {
    position: absolute;
    right: 40px;
    top: -40px;
    background: url(../images/contact-line-2.png) left top no-repeat;
    width: 58px;
    height: 121px;
}

.mainPhotosContainer {
    background: url(../images/homepic.jpg) center 75px no-repeat;
    height: 6050px;
    width: 100%;
}

.contactLine1 {
    padding: 7px 25px 0 0;
}

.footerLinksSpace {
    font-size: 1px;
    width: 4.7%;
}

#employmentContainer {
    background: url(../images/employmentpic.jpg) center top no-repeat;
    height: 776px;
}

#carousel {
    width: 100%;
    height: 130px;
}

    #carousel img {
        cursor: pointer;
    }

.backToHomepageLink {
    position: fixed;
    left: 0;
    top: 115px;
}

.formAreaCont, .formFieldCont {
    border: 1px solid #C2C2C2;
    width: 247px;
    height: 35px;
    margin: 0 0 15px;
}

.formAreaCont {
    height: 62px;
}

    .formAreaCont textarea, .formFieldCont input, .formFieldCont select {
        font-size: 12px;
        color: #8D8D8D;
        border: 0;
        background: 0 0;
        width: 232px;
        margin: 8px 0 0 4px;
    }

.formFieldCont select {
    width: 295px;
}

.formAreaCont textarea {
    height: 49px;
}

.formLabel {
    font-size: 16px;
    color: #000;
    padding: 4px 10px 0 0;
}

.errorField .formAreaCont, .errorField .formFieldCont {
    border: 1px solid #E40000;
}

.errorField .formLabel, .errorField .formLabel span {
    color: #E40000;
}

.errorMessage {
    font-size: 13px;
    color: #E40000;
}

.successMessage {
    padding: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #000 !important;
}

.projectDetailsCont {
    background: #e5e5e5;
    width: 100% !important;
    display: none;
}

.projectDetailsContPad {
    padding: 20px 17px;
}

.projectInfos h1 {
    font-size: 24px;
    color: #515151;
    margin-bottom: 4px;
}

.projectInfos h2 {
    margin-bottom: 10px;
    color: #9C9C9C;
    font-size: 14px;
}

.projectDescp {
    line-height: 20px;
    margin-bottom: 15px;
}

.projectTootls {
    margin-top: 15px;
    line-height: 23px;
}

.projectDetailsShare {
    padding: 0 10px 0 0;
    color: #6B6B6B;
}

.projectGalleryListing {
    margin-top: 10px;
}

    .projectGalleryListing li {
        float: left;
        width: 111px !important;
        height: 95px !important;
        margin: 0 7px 0 0 !important;
    }

        .projectGalleryListing li img {
            border: 1px solid #D5D5D5;
        }

            .projectGalleryListing li img.active {
                border: 1px solid #01aac5;
            }

        .projectGalleryListing li.last {
            margin: 0 !important;
        }

.projectInfosContainer, .projectInfosContainer a {
    font-size: 13px;
    color: #313739;
}

.absoluteSelectArrow {
    position: absolute;
    background: url(../images/projectselect-arrow.png) no-repeat;
    width: 30px;
    height: 15px;
    left: 40%;
    bottom: -20px;
    display: none;
}

.aboutusSections li {
    width: 44%;
    margin: 0 30px 30px 0;
    float: left;
    padding: 0;
    background: 0 0;
    min-height: 100px;
}

    .aboutusSections li.last {
        margin-right: 0;
    }

    .aboutusSections li h2 {
        color: #3c3c3c;
        margin-bottom: 5px;
    }

    .aboutusSections li .desc {
        font-size: 13px;
        color: #313739;
        margin-bottom: 5px;
    }

    .aboutusSections li a {
        font-size: 13px;
    }

.valignBot {
    vertical-align: bottom !important;
}

.padBot0 {
    padding-bottom: 0 !important;
}

.latestProjectsContainer {
    background-color: #e5e5e5;
}

    .latestProjectsContainer .padding {
        padding: 10px 0;
    }

    .latestProjectsContainer a {
        font-size: 11px;
        background: url(../images/bluearrow.png) left 3px no-repeat;
    }

    .latestProjectsContainer ul li {
        width: 29%;
        float: left;
        margin: 0 40px 0 0;
        clear: none !important;
    }

        .latestProjectsContainer ul li span {
            display: block;
        }

        .latestProjectsContainer ul li .mainImg img {
            border: 1px solid #bebebe;
        }

        .latestProjectsContainer ul li .title {
            font-size: 12px;
        }

        .latestProjectsContainer ul li .desc {
            font-size: 11px;
            color: gray;
        }

.alignRight {
    text-align: right !important;
}

.last {
    margin-right: 0 !important;
}

#brandingContent, #customDevelopmentContent, #integrationContent, #multimediaContent, #ourproductsContent, #outSourcingContent, #socialMediaContent, #webContent {
    position: absolute;
    width: 220px;
    background-color: #f4f3f3;
    text-align: left;
}

#webContent {
    top: 108px;
    left: -90px;
}

#brandingContent {
    top: 230px;
    left: -30px;
}

#multimediaContent {
    top: 400px;
    left: -80px;
}

#ourproductsContent {
    top: 35px;
    left: 230px;
}

#integrationContent {
    top: 80px;
    left: 416px;
}

#customDevelopmentContent {
    top: 280px;
    left: 550px;
}

#outSourcingContent {
    top: 371px;
    left: 500px;
}

#socialMediaContent {
    top: 435px;
    left: 230px;
}

.arrowServices {
    position: absolute;
    top: -24px;
    left: 50px;
}

#webContent .arrowServices {
    position: absolute;
    top: -24px;
    left: 110px;
}

#brandingContent .arrowServices {
    position: absolute;
    top: -11px;
    left: 20px;
}

#multimediaContent .arrowServices {
    position: absolute;
    top: -11px;
    left: 105px;
}

#ourproductsContent .arrowServices {
    position: absolute;
    top: -11px;
    left: 90px;
}

#integrationContent .arrowServices {
    position: absolute;
    top: -11px;
    left: 80px;
}

#customDevelopmentContent .arrowServices {
    position: absolute;
    top: -11px;
    left: 70px;
}

#outSourcingContent .arrowServices {
    position: absolute;
    top: -11px;
    left: 80px;
}

#socialMediaContent .arrowServices {
    position: absolute;
    top: -11px;
    left: 123px;
}

#brandingContent .padding, #customDevelopmentContent .padding, #integrationContent .padding, #multimediaContent .padding, #ourproductsContent .padding, #outSourcingContent .padding, #socialMediaContent .padding, #webContent .padding {
    padding: 15px;
}

#brandingContent .desc, #customDevelopmentContent .desc, #integrationContent .desc, #multimediaContent .desc, #ourproductsContent .desc, #outSourcingContent .desc, #socialMediaContent .desc, #webContent .desc {
    font-size: 12px;
    color: #696969;
    margin-bottom: 5px;
}

.latestProjectsContainer .highlightsTitle, .orContent, .relatedProjects, .sitemapLevel1, .sitemapLevel1 a {
    text-transform: uppercase;
}

.applyLink {
    color: #01aac5;
    text-decoration: none;
}

    .applyLink:hover {
        color: #79C142;
    }

.filterProjectsCont h1.subPageTitle {
    font-size: 25px;
}

.filterProjectsCont div.filterSelectBack {
    margin: 0;
    background: #FFF;
}

.filterProjectsCont td.filterByText {
    padding: 5px 10px 0 0;
}

.resultsListing li {
    float: left;
    width: 23%;
    margin: 0 0 10px;
    font-size: 13px;
    color: #515151;
    background: url(../images/arrow-visitwebsite2.png) left 4px no-repeat;
    padding: 0 0 0 10px;
    height: 26px;
}

    .resultsListing li a {
        padding: 0 20px 0 0;
        color: #01aac5;
        text-decoration: none;
        background: url(../images/linkarrow.png) right top no-repeat;
    }

        .resultsListing li a:hover {
            color: #000;
        }

.paginationCont {
    text-align: right;
    padding: 20px 0 0;
}

    .paginationCont a {
        display: inline-block;
        font-size: 16px;
        color: #9c9c9c !important;
        margin: 0 0 0 5px;
        padding: 7px;
        text-decoration: none;
    }

        .paginationCont a.next, .paginationCont a.prev {
            background: #01aac5;
            color: #FFF !important;
            padding: 7px 15px;
        }

        .paginationCont a.selected, .paginationCont a:hover {
            color: #010403 !important;
        }

.grayStyle {
    background: #E7E7E7;
}

.blueStyle {
    background: #5e5d5d;
}

    .blueStyle .newsDate {
        color: #D9D9D9;
    }

    .blueStyle, .blueStyle a {
        color: #FFF;
    }

        .blueStyle a:hover {
            color: #212121;
        }

.newsContainerPad {
    padding: 15px 15px 0;
}

.projDetailsName {
    font-size: 16px;
    margin-bottom: 10px;
}

.viewListingLink {
    text-align: right;
    vertical-align: middle !important;
    font-size: 16px;
}

    .viewListingLink a {
        display: block;
        background: url(../images/viewlisting-arrow.gif) right top no-repeat;
        padding: 0 30px 7px 0;
    }

    .viewListingLink, .viewListingLink a {
        color: #01aac5;
        text-decoration: none;
    }

.caseStudyPic {
    border: 1px solid #D2D2D2;
    width: 100%;
    margin-bottom: 7px;
}

h2.caseStudyTitle {
    color: #515151;
    font-size: 24px;
    margin-bottom: 10px;
}

    h2.caseStudyTitle a {
        color: #515151;
    }

div.caseStudyDescp {
    margin-bottom: 7px;
}

.caseStudyDate, .caseStudyType {
    color: #9C9C9C;
    font-size: 14px;
}

.caseStudyType {
    margin-bottom: 10px;
}

.caseStudiesRow {
    margin: 0 0 35px;
}

.leftSubMenu {
    padding: 0 0 10px 10px;
}

    .leftSubMenu a {
        display: block;
        color: #313739;
        background: url(../images/grayarrow.png) left 3px no-repeat;
        padding: 0 0 0 10px;
        font-size: 13px;
        border: 0;
    }

        .leftSubMenu a.selected, .leftSubMenu a:hover {
            color: #01aac5;
            background: url(../images/bluearrow.png) left 3px no-repeat;
        }

.productDetailsLink a {
    display: inline-block;
    background: url(../images/bluearrow.png) left 5px no-repeat;
    padding: 0 0 0 15px;
    font-size: 16px;
}

    .productDetailsLink a:hover {
        background: url(../images/greenarrow.png) left 5px no-repeat;
    }

.margBottom35 {
    margin-bottom: 35px;
}

.shareContainer {
    position: fixed;
    top: 115px;
    width: 180px;
    right: -141px;
    z-index: 10;
}

.shareThisRightComp .copyrightMainTitle {
    margin-top: 0px;
}

.shareThisRightComp {
    background: #01aac5;
    padding: 10px 0 10px 15px;
}

    .shareThisRightComp a {
        cursor: pointer;
    }

.subPageCareers .subsubTitleSection {
    color: #424242;
    margin-bottom: 3px;
}

.subPageCareers .vacanciesListing {
    margin-bottom: 0;
}

    .subPageCareers .vacanciesListing li {
        padding: 0;
        background: 0 0;
    }

        .subPageCareers .vacanciesListing li a {
            background: url(../images/bluearrow.png) left 3px no-repeat;
            padding: 0 0 0 12px;
        }

            .subPageCareers .vacanciesListing li a:hover {
                background: url(../images/greenarrow.png) left 3px no-repeat;
            }

.subPageCareers .orContent {
    padding: 0 25px 3px;
    vertical-align: bottom !important;
}

.subPageCareers .formButtonCont {
    vertical-align: bottom !important;
    padding: 0 0 6px;
}

.careersListing {
    padding: 50px 0 0;
}

    .careersListing h2, h2.formTitle {
        color: #515151;
        font-size: 24px;
        margin-bottom: 20px;
    }

.projectTitle a {
    text-decoration: none;
}

.aboutContent a:hover, .productDetailsLink a:hover, .subPageCareers .vacanciesListing li a:hover, .viewListingLink a:hover {
    color: #313739;
}

.aboutContentCont .sectionTitle, .contactContainerPad .sectionTitle, .latestProjectsContainer ul li .title, .projectCateg, .projectTitle, .projectTitle a, .subContentContainer .sectionTitle, .subContentContainer .sectionTitle a {
    color: #333;
}

    .aboutContent a, .aboutusSections li a, .contactInfos a, .footerLinksContainer a:hover, .formLabel span, .latestProjectsContainer a, .leftMenuContainer a.selected, .leftMenuContainer a:hover, .mainMenuContainer a.selected, .mainMenuContainer a:hover, .moreLink, .moreLinkCont, .moreLinkCont a, .productDetailsLink a, .projectLinks a:hover, .projectTitle a:hover, .subContentContainer .sectionTitle a.selected, .subContentContainer .sectionTitle a:hover, .vacanciesListing li a, .viewAll, .viewAll a, .visitWebsite a, h2.caseStudyTitle a:hover {
        color: #01aac5;
    }

        .copyrightMainTitle, .footerLinks, .footerLinks a:hover, .footerLinksContainer, .footerLinksContainer a, .servicesContentCont, .servicesContentCont .aboutContent, .servicesContentCont .aboutContent a, .sitemapLevel1 a:hover, .successMessage, .vacanciesContainerPad .orContent, .vacanciesContainerPad .subsubTitleSection, .vacanciesContainerPad .welcomeThanks, .vacanciesListing li a:hover, .welcomeContainer, .welcomeThanks.servicesTitle, div.vacanciesContainerPad div.sectionTitle {
            color: #FFF;
        }

            .aboutContent a, .aboutusSections li a, .contactInfos a, .footerLinks a, .footerLinksContainer a, .latestProjectsContainer a, .leftMenuContainer a, .mainMenuContainer a, .moreLink, .moreLinkCont a, .productDetailsLink a, .projectLinks, .projectLinks a, .subContentContainer .sectionTitle, .subContentContainer .sectionTitle a, .vacanciesListing li a, .viewAll, .viewAll a, .visitWebsite a, h2.caseStudyTitle a {
                text-decoration: none;
            }

                .copyrightContainerPad td, .logoContainer, .mainMenuContainer, .mainMenuContainer td, .orContent, .projectTootls td, .viewAll, .viewAll a, td.viewAllHighlights {
                    vertical-align: middle !important;
                }

.safeArea {
    max-width: 1150px;
    margin: 0 auto;
    min-width: 989px;
}

.aboutContent, .aboutusSections li h2, .latestProjectsContainer .highlightsTitle, .latestProjectsContainer h1, .mainMenuContainer, .projectDetailsShare, .projectInfos .visitWebsite a, .projectTitle, .relatedProjects, .sitemapLevel1, .sitemapLevel1 a, h2 {
    font-size: 16px;
}

.percentageWidth img {
    width: 100%;
}

.servicesPic {
    float: right;
}

.mobileMenu {
    display: none;
}

.mainMenuIcon {
    display: block;
    background: #01aac5;
    text-align: center;
    width: 59px;
    padding: 23px 0;
    margin: 0;
}

.floatContactInfos {
    float: left;
    width: 50%;
    margin-bottom: 40px;
}

.absoluteContatDetails .floatContactInfos {
    width: 30%;
}

.logoContainer a.logo img {
    width: 100%;
    max-width: 210px;
}

.logoContainer a img {
    width: 100%;
    max-width: 210px;
}

.floatLeft {
    float: left;
}

.aboutPic, .servicesPic {
    display: none;
}

.floatRight {
    float: right;
}

.clearBoth {
    clear: both;
}

.tdRightSection img.aboutPicture {
    width: 100%;
}

.servicesMobilePic {
    display: none;
}

.servicesMainPic {
    display: block;
}

.mobileSubMenu {
    width: 100%;
    background: #01aac5;
    color: #FFF;
    display: none;
}

    .mobileSubMenu a {
        color: #FFF;
        text-decoration: none;
    }

        .mobileSubMenu a:hover {
            color: #45545F;
        }

.mobileSubMenuPad {
    padding: 15px 15px 0;
}

.subMenuMainBtn {
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 700;
}

.subMenuSubBtns {
    padding: 0 0 15px 15px;
}

    .subMenuSubBtns a {
        display: block;
        margin-bottom: 7px;
        font-size: 14px;
    }

.contactMap img {
    width: 100%;
}

.landingTitle {
    color: #565656;
    font-size: 24px;
}

.date {
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 10px;
}

.newsHolder {
    color: #2f3038;
    font-size: 16px;
}

    .newsHolder .caroufredsel_wrapper {
        height: 436px !important;
    }

    .newsHolder .blocLeft, .newsHolder .blocRight {
        float: left;
    }

    .newsHolder .blocLeft {
        width: 605px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .newsHolder .blocRight {
        width: 180px;
    }

    .newsHolder .list_carousel li {
        width: 180px;
        height: 125px;
        display: block;
        float: left;
        margin: 0 0 22px;
        border: 1px solid #D2D2D2;
    }

        .newsHolder .list_carousel li img {
            width: 100%;
        }

        .newsHolder .list_carousel li a {
            display: block;
        }

    .newsHolder #nextBtn, .newsHolder #previousBtn {
        width: 15px;
        height: 9px;
        top: 0;
        margin-top: -15px;
    }

    .newsHolder #previousBtn {
        right: 25px;
        left: inherit;
    }

    .newsHolder .blocLeft ul li {
        display: none;
    }

.listingLink, .tabsMenu {
    float: right;
}

    .tabsMenu .padding {
        padding: 0 35px;
        border-bottom: 1px solid #e5e5e5;
    }

    .tabsMenu ul li {
        position: relative;
        margin-right: 8px;
        background: #e5e5e5;
        -webkit-border-top-left-radius: 12px;
        -moz-border-top-left-radius: 12px;
        border-top-left-radius: 12px;
        -webkit-border-top-right-radius: 12px;
        -moz-border-top-right-radius: 12px;
        border-top-right-radius: 12px;
    }

        .tabsMenu ul li.selected, .tabsMenu ul li:hover {
            background: #01aac5;
        }

            .tabsMenu ul li.selected a, .tabsMenu ul li:hover a {
                color: #fff;
            }

        .tabsMenu ul li .arrow {
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -6px;
            display: none;
        }

        .tabsMenu ul li.selected .arrow {
            display: block;
        }

    .tabsMenu ul li {
        float: left;
    }

        .tabsMenu ul li a {
            color: #323232;
            text-decoration: none;
            font-size: 14px;
            padding: 10px 40px;
            display: block;
        }

.listingLink {
    font-size: 16px;
    color: #01aac5;
    text-decoration: none;
    background: url(../images/listing-icon.png) right 50% no-repeat;
    padding: 5px 30px 5px 0;
    margin-top: 5px;
}

    .listingLink:hover {
        color: #575757;
    }

.sliderHolder {
    width: 475px;
    height: 440px;
    position: relative;
    float: left;
    margin-right: 24px;
}

    .sliderHolder #carousel {
        width: 92%;
        height: 100px;
        background: #000;
        position: absolute !important;
        bottom: 0;
        padding: 2% 4%;
    }

        .sliderHolder #carousel .flex-viewport ul li {
            height: 97px;
            width: 140px !important;
            border: 1px solid #d2d2d2;
            margin-right: 5px;
            margin-bottom: 0;
        }

        .sliderHolder #carousel ul li img {
            display: block !important;
            left: 0 !important;
            top: 0 !important;
            position: relative !important;
            opacity: 1 !important;
            width: 100% !important;
            height: 100% !important;
            visibility: visible;
        }

.visitWebsite a {
    margin-right: 50px;
}

.infographic {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

    .infographic img {
        margin-bottom: 5px;
    }

.projectInfosContainer h1 {
    font-size: 24px;
    color: #515151;
    margin-bottom: 10px;
}

.projectInfosContainer h3 {
    color: #313739;
    font-size: 16px;
    margin-bottom: 5px;
}

#slider .flex-viewport .slides > li {
    width: 475px !important;
    height: 330px !important;
}

.width75 {
    width: 75% !important;
}

.width74 {
    width: 74% !important;
}

.width100 {
    width: 100% !important;
}

.productImage {
    float: left;
    width: 65%;
    margin: 0 2% 0 0;
}

    .productImage img {
        width: 100%;
        border: 1px solid #d2d2d2;
    }

.productText {
    float: left;
    width: 32%;
}

.footerSitemap li {
    float: left;
    margin: 0 76px 10px 0;
}

.sitemapLevel1 a {
    color: #8f8f8f;
}

.newsDetailsContent .mainDesc {
    width: 72.71%;
    float: left;
    margin-right: 2.02%;
}

.approachChart {
    margin-bottom: 20px;
}

.aboutPicture {
    position: absolute;
    right: 0;
    bottom: 0;
}

.mapHolder img {
    width: 100%;
}

.mapHolder {
    height: 157px;
    width: 249px;
}

#contactContainer .mapHolder {
    width: 295px;
}

#contactContainer .contactInfos {
    margin-bottom: 15px;
    min-height: 170px;
}

#contactContainer .formButtonCont {
    margin-bottom: 20px;
}

#contactContainer .floatContactInfos {
    margin-bottom: 0;
}

.projectsListing ul.projectGalleryListing li {
    min-height: 95px;
}

.absoluteContatDetails .subTitleSection {
    width: 90%;
}

.projectListingContainer .projectsListing li {
    border: 1px solid #e2e2e2;
    min-height: 240px;
}

    .projectListingContainer .projectsListing li div.highlightsContainer {
        min-height: 240px;
    }

a.closeForm {
    width: 44px;
    height: 35px;
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
}

.caseStudiesRow img, .newsDetailsPic {
    width: 100%;
}

.leftMenuContainer a.last {
    border-bottom: 0 !important;
    margin: 0 !important;
}

#map area {
    cursor: pointer;
}

h2.caseStudyTitle.milestoneTitle {
    color: #01aac5;
}

.milestoneImgCont img {
    position: absolute;
    bottom: 0;
}

map#map area {
    display: block;
    cursor: pointer;
}

.ourClients {
    float: right;
}

.borderedBorder {
    position: absolute;
    top: 0;
    z-index: 99999;
    right: 39PX;
    margin-top: -66PX;
}

.productGallery {
    float: left;
    margin-right: 2%;
    width: 500px;
    position: relative;
}

    .productGallery #nextBtn, .productGallery #previousBtn {
        top: 0;
        margin-top: -23px;
    }

    .productGallery #nextBtn {
        right: 0;
    }

    .productGallery #previousBtn {
        left: auto;
        right: 23px;
    }

.challenges li {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

.contactFormHolder {
    padding-top: 30px;
}

#OurClients ul li {
    width: 16.4%;
    min-width: 175px;
    height: 143px;
    border: 1px solid #e5e5e5;
    float: left;
}

    #OurClients ul li table td {
        vertical-align: middle;
        text-align: center;
    }

#ourworkContainer .mobileChart, #servicesChartMobile {
    display: none;
}

.socialMediContainer {
    width: 540px;
    margin-right: 30px;
}

    .socialMediContainer .sharingIcons {
        width: 235px;
    }

.projectTootls .sharingIcons {
    margin-bottom: 15px;
}

.socialMediContainer .sharingIcons ul li {
    float: left;
    margin-right: 7px;
}

.leftMenuMobile {
    display: none;
}

.approachChart img {
    width: 100%;
}

#OurClients ul li img {
    max-width: 175px;
}

.fbComponent h1 {
    font-size: 16px;
    text-transform: uppercase;
    color: #2C2A2A;
    background: url(../images/fb-component-logo.png) left 50% no-repeat;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 46px;
    line-height: 40px;
}

.fbComponent ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100% !important;
    border-bottom: 1px solid #e5e5e5;
}

    .fbComponent ul li a img {
        width: 100%;
    }

.fbComponent .imgHolder {
    width: 125px;
    border: 1px solid #e5e5e5;
    margin-right: 10px;
}

.fbComponent span.date {
    display: block;
    font-size: 10px;
    color: #313739;
    margin-bottom: 5px;
}

.fbComponent .desc {
    color: #606060;
    font-size: 12px;
}

#clientsCarousel li {
    float: left;
    width: 47.5%;
    height: 87px;
    border: 1px solid #f1f1f1;
    margin: 0 3% 10px 0;
}

.clientLogoPic {
    border: 0;
    max-width: 105px;
    max-height: 65px;
}

#clientsCarousel li table td {
    vertical-align: middle;
    text-align: center;
}

.ourClients .link {
    position: absolute;
    right: 0;
    top: 0;
    color: #01aac5;
    font-size: 12px;
    text-decoration: none;
}

    .ourClients .link:hover {
        color: #575757;
    }

.projectListingContainer {
    margin: 20px 0 0;
}

    .projectListingContainer .list_carousel.responsive {
        margin-bottom: 20px;
    }

    .projectListingContainer .list_carousel li, .projectListingContainer .list_carousel.responsive {
        height: 225px;
    }

    .projectListingContainer .list_carousel li {
        border: 1px solid #d2d2d2;
    }

.pdfLink {
    background: url(../images/pdf-icon-small.gif) left 50% no-repeat;
    padding: 2px 0 2px 24px;
}

.subContentText ul {
    padding-top: 7px;
}

.newsDesc {
    font-size: 14px;
    color: #313739;
}

.newsDate {
    font-size: 13px;
}

.newsDesc img {
    width: 100%;
}

.newsDetailDate {
    color: #515151;
}

.productImg {
    float: left;
    margin-right: 5%;
}

.productDesc {
    float: left;
    width: 80%;
}

.ourWorkListing .flexslider.carousel {
    background: #000;
    padding: 10px;
    position: relative;
    height: 100px;
}

    .ourWorkListing .flexslider.carousel ul.projectGalleryListing li {
        height: 100px !important;
        width: 140px !important;
    }

.ourWorkListing .flex-direction-nav .flex-disabled {
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    display: block !important;
}

.flex-direction-nav .flex-next {
    right: 0 !important;
}

.flex-direction-nav .flex-prev {
    left: 0 !important;
}

@media all and (max-width:1024px) and (min-width:1000px) {
    .projectListingContainer #previousBtn1 {
        left: -11px !important;
    }

    .highlighstContainer #previousBtn {
        left: 0 !important;
    }

    .highlighstContainer #nextBtn, .projectListingContainer #nextBtn1 {
        right: 0 !important;
    }

    .tabsMenu ul li a {
        padding: 10px 30px;
    }

    .tabsMenu .padding {
        padding: 0;
    }

    .footerSitemap li {
        width: 165px;
    }
}

td.formLabel {
    width: 205px;
}

.contactFormHolder .formFieldCont {
    width: 100%;
}

.contactFormHolder .formAreaCont {
    margin-left: 0 !important;
    width: 100% !important;
}

.contactFormHolder .formFieldCont input {
    width: 90%;
}

.contactFormHolder .formAreaCont textarea {
    width: 98% !important;
}

.aboutLinks .desc {
    margin-bottom: 20px;
}

.servicesChartIpad {
    display: none;
}

.servicesMainPic {
    margin: 70px 0;
}

.servicesMapHolder {
    width: 612px;
    margin: 0 auto;
    height: 379px;
    background: url(../images/map-main.png) center center no-repeat;
}

    .servicesMapHolder a {
        display: block;
        position: absolute;
    }

.webIcon {
    width: 145px;
    height: 97px;
    background: url(../images/web-off.png) right top no-repeat;
    top: 0;
    right: 520px;
}

    .webIcon.selected, .webIcon:hover {
        background: url(../images/web-hover.png) right top no-repeat;
    }

.brandingIcon {
    width: 110px;
    height: 76px;
    background: url(../images/branding.png) no-repeat;
    top: 138px;
    left: -50px;
}

    .brandingIcon.selected, .brandingIcon:hover {
        background: url(../images/branding-hover.png) no-repeat;
    }

.appsIcon {
    width: 256px;
    height: 70px;
    background: url(../images/apps-off.png) left top no-repeat;
    top: -10px;
    left: 460px;
}

    .appsIcon.selected, .appsIcon:hover {
        background: url(../images/apps-hover.png) left top no-repeat;
    }

.devIcon {
    height: 127px;
    width: 169px;
    background: url(../images/dev-off.png) no-repeat;
    top: 137px;
    right: -120px;
}

    .devIcon.selected, .devIcon:hover {
        background: url(../images/dev-hover.png) no-repeat;
    }

.multimediaIcon {
    width: 127px;
    height: 112px;
    background: url(../images/multimedia-off.png) no-repeat;
    top: 275px;
    left: -20px;
}

    .multimediaIcon.selected, .multimediaIcon:hover {
        background: url(../images/multimedia-hover.png) no-repeat;
    }

.outsourcingIcon {
    width: 212px;
    height: 56px;
    background: url(../images/outsourcing-off.png) left top no-repeat;
    top: 297px;
    left: 470px;
}

    .outsourcingIcon.selected, .outsourcingIcon:hover {
        background: url(../images/outsourcing-hover.png) left top no-repeat;
    }

.productsIcon {
    width: 237px;
    height: 66px;
    background: url(../images/products-off.png) right top no-repeat;
    top: -49px;
    right: 250px;
}

    .productsIcon.selected, .productsIcon:hover {
        background: url(../images/products-hover.png) right top no-repeat;
    }

.socialmediaIcon {
    width: 143px;
    height: 61px;
    background: url(../images/social-media.png) no-repeat;
    top: 360px;
    left: 310px;
}

    .socialmediaIcon.selected, .socialmediaIcon:hover {
        background: url(../images/social-media-hover.png) no-repeat;
    }

div.highlightsContainer:hover {
    background: #e5e5e5;
}

.fbLink {
    color: inherit;
    font: inherit;
    text-decoration: none;
}

h2 {
    color: #313739;
    margin-bottom: 7px;
    font-weight: 400;
}

a.aboutMainLink, a.servicesMainLink {
    background: #2f3038 !important;
    font-size: 16px !important;
    color: #FFF !important;
    display: inline-block !important;
    float: none !important;
    width: inherit !important;
    padding: 7px 20px !important;
    text-decoration: none !important;
}

    a.aboutMainLink:hover, a.servicesMainLink {
        background: #01aac5 !important;
    }

        a.servicesMainLink:hover {
            background: #79c142 !important;
        }

.betaContainer {
    padding-left: 20px;
}

a.backLink {
    background: url(../images/bluearrowreverse.png) left 5px no-repeat;
    font-size: 16px;
    color: #01aac5;
    text-decoration: none;
    padding: 0 0 15px 15px;
    display: inline-block;
}

.absoluteShareComp {
    position: absolute;
    left: -80px;
    bottom: 45px;
    width: 200px;
    display: none;
    z-index: 9999;
}

.absoluteShareCompPad {
    background: #FFF;
    padding: 10px 15px 15px;
}

.shareOn {
    font-size: 18px;
    color: #2f3038;
    margin-bottom: 10px;
}

.shareOnLinks a {
    display: inline-block;
    color: #01aac5;
    font-size: 16px;
    text-decoration: none;
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;
}

    .shareOnLinks a.twitter {
        background: url(../images/sharetwitter.gif) left top no-repeat;
        margin: 0;
        padding: 0 0 0 20px;
    }

    .shareOnLinks a.facebook {
        background: url(../images/sharefbook.gif) left top no-repeat;
    }

    .shareOnLinks a:hover {
        color: #2f3038;
    }

.loadingContainer {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 110%;
    height: 100%;
    z-index: 9999;
}

.loadingContainerPad {
    width: 90%;
    padding: 75px 0 0;
    text-align: center;
}

.websiteContContainer {
    display: none;
}

.alignCenter {
    text-align: center;
}

td.viewAllHighlights a, td.viewAllHighlights a:hover {
    color: #FFF;
}

    td.viewAllHighlights a:hover {
        text-decoration: underline;
    }

.mainWelcomeCont {
    background: url(../images/welcomecont-back.png) repeat-y;
    width: 605px;
}

.mainWelcomeContPad {
    padding: 35px 45px;
}

.newsListingImg {
    float: left;
    width: 38%;
    margin-right: 2%;
}

    .newsListingImg img {
        width: 100%;
    }

.newsListingInfos {
    float: left;
    width: 60%;
}

div.map69 div.contactInfos {
    height: 80px !important;
}

.margBottom20 {
    margin-bottom: 20px;
}

.projectInfosContainer a, div.visitWebsite a:hover {
    text-decoration: underline;
}

    .projectInfosContainer a:hover, div.visitWebsite a {
        text-decoration: none;
    }

.fbComponentCont {
    border: 1px solid #E8E8E8;
}

.absoluteCloseDetails {
    position: absolute;
    right: -7px;
    top: 5px;
    width: 100%;
    text-align: right;
}

.servicesMessage {
    background: #E5E5E5;
    padding: 7px;
}

.inTheNewsListing div.projDetailsLinks {
    color: #a6a6a6;
    font-size: 13px;
}

.inTheNewsListing div.projDetailsName, .inTheNewsListing div.projDetailsName a {
    font-size: 15px;
}

.sharingIcons a {
    margin-right: 5px;
}

.inTheNewsListing div.projDetailsName a:hover {
    color: #01aac5;
}

.mobileMenu, .mobileMenu a {
    float: right;
}

#News, .media {
    padding-top: 25px;
}

    .media li {
        float: left;
        width: 47.25%;
        margin-right: 5%;
        height: 270px;
        margin-bottom: 30px;
        border: 1px solid #E2E2E2;
    }

        .media li:nth-child(2n) {
            margin-right: 0;
        }

a.pressDownload, a.pressThumb, a.pressTitle {
    display: block;
}

a.pressThumb {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #bbb;
    display: block;
    height: 170px;
    overflow: hidden;
}

    a.pressThumb img {
        width: 100%;
    }

a.pressTitle {
    width: 95%;
    padding: 10px 2.5%;
    color: #515151;
    text-decoration: none;
}

a.pressDownload {
    text-decoration: none;
    color: #9C9C9C;
    padding: 0 0 0 25px;
    margin: 0 0 0 10px;
    display: block;
}

.media li:hover {
    background: #E5E5E5;
}

.MarginTop10 {
    margin-top: 10px;
}

.sectionIcon {
    position: absolute;
    z-index: 99;
    right: 25px;
    top: 10px;
    width: 35px;
    height: 35px;
}

li.Facebook .sectionIcon {
    background: url(../images/facebookicon.png) top left no-repeat;
}

li.Twitter .sectionIcon {
    background: url(../images/mediatwittericon.png) top left no-repeat;
}

li.Press .sectionIcon {
    background: url(../images/pressicon.png) top left no-repeat;
}

li.News .sectionIcon {
    background: url(../images/newsicon.png) top left no-repeat;
}

td.projectsListing li {
    position: relative;
}

.floatLeftBiIcon {
    float: left;
    margin: 0 10px 0 0;
}

.floatLeftMediaDate {
    float: left;
    margin: 15px 0 0;
}

.partnerShipsTitle {
    font-size: 26px;
    color: #01aac5;
    padding: 10px 0 20px 0;
	text-align: center;
}

.partnerShipsPad {
    padding: 25px 0;
    background: #FFF;
}

.partnershipsLogos li {
    float: left;
    margin: 0 0 40px 140px;
    height: 46px;
}
li.azure {
    background: url(../images/azure.gif) no-repeat;
    width: 152px;
}

    li.azure:hover {
        background: url(../images/azure-on.gif) no-repeat;
    }
li.midmarket {
    background: url(../images/midmarket.gif) no-repeat;
    width: 175px;
}
li.microsoft {
    background: url(../images/microsoft.gif) no-repeat;
    width: 162px;
}

    li.microsoft:hover {
        background: url(../images/microsoft-on.gif) no-repeat;
    }

  li.episerver {
    height: 270px;
    margin-left: 100px;
    margin-bottom: 0;
  }
li.shopify {
    background: url(../images/ShopifyPlus_Secondary.png) no-repeat;
    width: 184px;
    margin-left: 113px;
    background-size: contain;
}
li.shopify:hover {
    background: url(../images/ShopifyPartners_Primary.png) no-repeat;
    background-size: contain;
}
    /* li.episerver:hover {
        background: url(../images/episerver-on.gif) no-repeat;
    }  */

li.magento {
    background: url(../images/magento.gif) no-repeat;
    width: 184px;
}

    li.magento:hover {
        background: url(../images/magento-on.gif) no-repeat;
    }

li.google {
    /*background: url(../images/google.gif) no-repeat;*/
    width: 140px;
}

  
li.klavio {
    background: url(../images/klavio.png) no-repeat;
    width: 182px;
    background-size: contain;
}

    li.klavio:hover {
        background: url(../images/klavio-on.png) no-repeat;
        width: 182px;
        background-size: contain;
    }

li.microsoft-all {
    background: url(../images/AllCompetencies-grey.jpg) no-repeat;
    width: 250px;
    height: 77px;
    background-size: contain;
    margin-left: 113px;
}

    li.microsoft-all:hover {
        background: url(../images/AllCompetencies.jpg) no-repeat;
        background-size: contain;
    }
li.linkedin {
    background: url(../images/linkedin.gif) no-repeat;
    width: 118px;
}

    li.linkedin:hover {
        background: url(../images/linkedin-on.gif) no-repeat;
    }

.greetingDescp {
    position: relative;
}

div.greetingSubTitle {
    font-size: 30px;
    margin-top: 7px;
}

.greetingDescp a {
    display: block;
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    background: url(../images/greeting-arrow.png) left 6px no-repeat;
    padding: 0 0 0 15px;
    margin-top: 10px;
}

    .greetingDescp a:hover {
        text-decoration: underline;
    }

.absoluteGrinche {
    position: absolute;
    left: 475px;
    top: 55px;
    background: url(../images/grinche.png) no-repeat;
    width: 145px;
    height: 281px;
}

.absoluteSanta {
    position: absolute;
    left: 930px;
    top: 70px;
    background: url(../images/santa.png) no-repeat;
    width: 150px;
    height: 179px;
    z-index: 9999;
}

.hiddenH1 {
    display: none;
}

h2.whiteH2 {
    color: #fff;
}

@media all and (min-width:300px) and (max-width:1024px) {
    .logoContainer {
        padding: 5px 0;
    }

    .mainMenuContainer a {
        margin-left: 15px !important;
    }

    .mailingTextFieldBack input {
        min-width: 110px;
    }

    .latestProjectsContainer .padding {
        padding: 10px;
    }

    .formAreaCont, .formFieldCont {
        width: 100% !important;
    }

    .formAreaCont {
        margin-left: 0 !important;
    }

    .applyNowContainer .formAreaCont, .applyNowContainer .formFieldCont {
        width: 235px;
    }

    .formAreaCont textarea, .formFieldCont input, .formFieldCont select {
        width: 200px;
    }

    #webIcon, #webIcon.selected, #webIcon:hover {
        width: 95px;
    }

    #productsIcon, #productsIcon.selected, #productsIcon:hover {
        width: 66px;
    }

    #appsIcon, #appsIcon.selected, #appsIcon:hover {
        width: 72px;
    }

    .subContentContainer.padBot0 {
        padding-right: 20px;
        padding-left: 20px;
    }

    #devIcon, #devIcon.selected, #devIcon:hover {
        height: 85px;
    }

    #brandingIcon, #brandingIcon.selected, #brandingIcon:hover {
        height: 58px;
    }

    #multimediaIcon, #multimediaIcon.selected, #multimediaIcon:hover {
        height: 90px;
    }

    #outsourcingIcon, #outsourcingIcon.selected, #outsourcingIcon:hover, #socialmediaIcon, #socialmediaIcon.selected, #socialmediaIcon:hover {
        width: 60px;
    }

    #webContent {
        top: 108px;
        left: -70px;
    }

    #brandingContent {
        top: 210px;
        left: -30px;
    }

    #multimediaContent {
        top: 380px;
        left: -70px;
    }

    #ourproductsContent {
        top: 35px;
        left: 230px;
    }

    #integrationContent {
        top: 80px;
        left: 416px;
    }

    #customDevelopmentContent {
        top: 240px;
        left: 450px;
    }

    #outSourcingContent {
        top: 371px;
        left: 410px;
    }

    #socialMediaContent {
        top: 435px;
        left: 200px;
    }

    #customDevelopmentContent .arrowServices {
        left: 150px;
    }

    .betaContainer {
        display: none;
    }

    #News, #Press {
        padding-top: 25px;
    }

        #Press li {
            float: left;
            width: 45.25%;
            margin-right: 5%;
            height: 270px;
            margin-bottom: 20px;
            border: 1px solid #E2E2E2;
        }

            #Press li:nth-child(2n) {
                margin-right: 0;
            }

    a.pressDownload, a.pressThumb, a.pressTitle {
        display: block;
    }

    a.pressThumb {
        width: 100%;
        margin-right: 0;
        border-bottom: 1px solid #bbb;
        display: block;
        height: 170px;
        overflow: hidden;
    }

        a.pressThumb img {
            width: 100%;
        }

    a.pressTitle {
        width: 95%;
        padding: 10px 2.5%;
        color: #515151;
        text-decoration: none;
    }

    a.pressDownload {
        background: url(../images/pdf-icon-small.gif) left top no-repeat;
        text-decoration: none;
        color: #9C9C9C;
        padding: 0 0 0 25px;
        margin: 0 0 0 10px;
    }

    #Press li:hover {
        background: #E5E5E5;
    }

    .partnerShipsTitle, .partnershipsLogos {
        float: none;
        clear: both;
        width: 100%;
    }

        .partnershipsLogos li {
            margin-left: 0;
            margin: 0 30px 30px 0;
        }

    .partnerShipsPad {
        padding: 15px;
    }
}

@media all and (min-width:300px) and (max-width:768px) {
    .resultsListing li {
        width: 45% !important;
    }

    #aboutContainer .aboutLinks a, #ourworkContainer .aboutContent a {
        font-size: 14px !important;
    }

    #copyrightCont .socialMediContainer .sharingIcons {
        text-align: left !important;
        margin-bottom: 15px;
    }

    .headerContainer {
        position: fixed;
        height: 60px !important;
    }

    .mainMenuCont, .shareContainer {
        display: none;
    }

    .mobileMenu {
        display: block;
    }

    .helloText {
        font-size: 30px;
        line-height: 30px;
    }

    .welcomeThanks {
        font-size: 25px;
    }

    .subTitleSection {
        font-size: 18px;
    }

    .introText {
        font-size: 13px;
    }

    #highlightsPicture {
        display: none;
    }

    #servicesPicture {
        display: none;
        height: 364px;
        background: url(../images/workpic-s.jpg) center bottom no-repeat;
    }

    #workPicture {
        display: none;
        height: 367px;
        background: url(../images/servicespic-s.jpg) center bottom no-repeat;
    }

    #aboutChart, .servicesChart {
        display: none;
    }

    .aboutContentCont, .servicesContentCont {
        width: 100%;
    }

    .aboutPicCont, .ourWorkChart, .servicesChartCont {
        width: 1px;
        font-size: 1px;
    }

    #footerLinks, .ourWorkChartCont {
        display: none;
    }

    #examples-parallax {
        position: relative !important;
    }

    #aboutContainer, #contactContainer, #employmentContainer, #highlights, #ourworkContainer, #servicesContainer, .absoluteAboutText, .absoluteContatDetails, .absoluteServicesText, .awards, .biMark, .building1, .building2, .building3, .building4, .cloud, .countries, .desk, .employees, .languages, .projectChart1, .projectChart2, .welcomeContainer {
        position: relative !important;
        top: 0 !important;
    }

    .googleMapCont {
        display: none;
    }

    .absoluteContatDetails .floatContactInfos {
        float: none;
        width: 100%;
        height: inherit !important;
    }

        .absoluteContatDetails .floatContactInfos .contactInfos {
            height: inherit !important;
        }

    #contactContainer, #employmentContainer, .mainContainerHeight, .scrollblock {
        height: inherit;
    }

    #employmentContainer {
        background: url(../images/employmentpic-s.jpg) left top no-repeat;
    }

    .aboutContentCont, .servicesContentCont {
        padding: 0;
    }

    .aboutContainerPad, .contactContainerPad, .ourworkContainerPad, .servicesContainerPad {
        padding: 20px 10px;
    }

    .aboutContainerPad {
        padding-bottom: 0;
    }

    .aboutContainerPad, .servicesContainerPad {
        margin-bottom: 0;
    }

    #examples-parallax {
        top: 0 !important;
    }

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

    .aboutLinks {
        max-width: 60%;
    }

    .aboutPic, .servicesPic {
        display: block;
        max-width: 40%;
    }

        .aboutPic img, .middleContainer, .rightColumnContainer, .servicesMobilePic img, .servicesPic img {
            width: 100% !important;
        }

    .middleContainer, .rightColumnContainer {
        float: none;
        padding-top: 0;
    }

    .contentPageSpace, .latestProjectsContainer, .leftMenuContainer, .servicesMainPic, .tdLeftSection {
        display: none;
    }

    .servicesMobilePic {
        display: block;
    }

    .padBot0 {
        padding-bottom: 20px !important;
    }

    .copyrightMainTitle {
        font-size: 14px;
    }

    .copyrightContainerPad {
        padding: 15px 10px;
    }

    .subContentContainer {
        padding: 80px 14px 25px 13px;
    }

    .contactMap {
        display: none;
    }

    .safeArea {
        min-width: inherit;
    }

    .welcomeContainer {
        padding: 75px 10px 20px;
    }

    .highlighstContainerPad {
        padding: 20px 10px;
    }

    #nextBtn, #nextBtn1 {
        right: 15px;
    }

    #previousBtn, #previousBtn1 {
        left: 0;
    }

    .servicesPic {
        position: absolute;
        top: -20px;
        right: 0;
        margin-right: -8px;
    }

    .fullPad {
        width: 100% !important;
    }

    .aboutPicture, .borderedBorder, .contactLine1, .filterProjectsCont, .listingLink, .milestoneImgCont img, .ourworkContainerPad .aboutContent .text, .projectListingContainer .moreLinkCont, .relatedProjectsCont, .servicesPic img, .tabsMenu {
        display: none;
    }

    .ourworkContainerPad .aboutContent a {
        width: auto;
    }

    #ourworkContainer .mobileChart {
        left: 70px;
        position: absolute;
        top: 0;
    }

    .newsletterContainer .textboxHolder {
        margin: 0 auto;
    }

    .copyrightMainTitle {
        margin-bottom: 5px;
    }

    .shareFooter .icon {
        margin-bottom: 15px;
    }

    .projectTitle {
        font-size: 14px;
    }

    .projectLinks {
        font-size: 12px;
    }

    .aboutusSections li, .contactInfos {
        min-height: inherit;
    }

    .ourClients {
        float: left;
    }

    h1.subPageTitle {
        font-size: 30px;
    }

    .productGallery {
        width: 290px;
        height: 210px;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .formAreaCont {
        margin: 0 !important;
        width: 100% !important;
    }

        .formAreaCont textarea {
            width: 95% !important;
        }

    .formFieldCont select {
        height: 20px;
    }

    .ourWorkListing .projectsListing li:nth-child(2n+1) {
        clear: both;
        margin-right: 2%;
    }

    .ourWorkListing .projectsListing li:nth-child(2n) .highlightsContainer {
        margin-right: 0;
    }

    .ourWorkListing .projectsListing li, .ourWorkListing .projectsListing li.last {
        width: 45%;
    }

    .ourWorkListing .projectsListing ul li div.highlightsContainer {
        margin-right: 0;
    }

    .projectsListing li div.highlightsContainer {
        min-height: 190px;
    }

    .projectsDetails .flexslider {
        height: auto;
        margin-bottom: 10px;
    }

    .projectsDetails .carousel li {
        margin-right: 0;
    }

    .projectsDetails .carousel .flex-direction-nav a {
        width: 25px;
        height: 38px;
    }

    .projectsDetails .flex-direction-nav .flex-prev {
        background: url(../images/mobile-carousel-arrow-left.png) no-repeat;
        left: 0;
    }

    .projectsDetails .flex-direction-nav .flex-next {
        background: url(../images/mobile-carousel-arrow-right.png) no-repeat;
        right: 0;
    }

    .aboutusSections li, .approachChart img, .copyrightMainTitle, .formAreaCont, .formAreaCont textarea, .formFieldCont, .formFieldCont input, .formFieldCont select, .fullWidthTable, .newsletterContainer, .ourWorkListing, .shareFooter, .shareFooter .icon, .socialMediContainer, .socialMediContainer .sharingIcons {
        width: 100%;
    }

        .aboutusSections li, .copyrightMainTitle, .newsletterContainer, .shareFooter, .shareFooter .icon, .socialMediContainer, .socialMediContainer .sharingIcons {
            float: none;
        }

            .copyrightMainTitle, .footerLinks, .newsletterContainer, .shareFooter, .shareFooter .icon, .socialMediContainer, .socialMediContainer .sharingIcons {
                text-align: center;
            }

        .formFieldCont select {
            width: 95%;
        }

    .projectsDetails h2 {
        font-size: 24px;
        color: #515151;
    }

    .projectsDetails .info {
        margin-bottom: 10px;
        font-size: 14px;
        color: #9c9c9c;
    }

    .projectsDetails .desc {
        font-size: 14px;
        color: #2f3038;
        margin-bottom: 10px;
    }

    .projectsDetails .link {
        font-size: 14px;
        color: #01aac5;
        text-decoration: none;
        background: url(../images/bluearrow.png) left 3px no-repeat;
        display: block;
        float: left;
        padding: 0 15px;
    }

    .leftMenuMobile {
        border: 1px solid #c2c2c2;
        color: #8d8d8d;
        font-size: 12px;
        margin-bottom: 30px;
        cursor: pointer;
        display: block;
    }

        .leftMenuMobile.active {
            border-bottom: 0;
        }

        .leftMenuMobile .padding {
            padding: 10px 8px;
        }

        .leftMenuMobile img {
            right: 14px;
            top: 50%;
            margin-top: -6px;
            position: absolute;
            display: none;
        }

        .leftMenuMobile .sub li {
            border-bottom: 1px solid #c2c2c2;
        }

            .leftMenuMobile .sub li a {
                color: #8d8d8d;
                font-size: 12px;
                text-decoration: none;
                display: block;
                padding: 10px 0;
            }

                .leftMenuMobile .sub li a:hover {
                    color: #000;
                }

        .leftMenuMobile .sub {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: #fff;
            border-right: 1px solid #c2c2c2;
            border-left: 1px solid #c2c2c2;
            border-bottom: 1px solid #c2c2c2;
            width: 100%;
            margin-left: -1px;
        }

    .vacanciesContainerPad .aboutContent, .vacanciesContainerPad .welcomeThanks {
        width: inherit;
    }

    .newsletterContainer .textboxHolder {
        width: 100%;
    }

        .newsletterContainer .textboxHolder .leftSection {
            width: 85%;
        }

    .mailingTextFieldBack input {
        min-width: inherit;
    }

    .absoluteServicesText .aboutContent a {
        display: block;
        font-size: 14px;
        float: none;
    }

    .ourworkContainerPad .aboutContent {
        margin-top: 90px;
    }

        .ourworkContainerPad .aboutContent a {
            float: none;
            font-size: 18px;
            margin-right: 28px;
        }

    .projectListingContainer {
        margin: 15px 0 0;
    }

    #contactContainer .contactInfos {
        min-height: inherit;
    }

    #contactContainer .floatContactInfos {
        margin-bottom: 15px;
    }

    .copyrightMainTitle, .shareFooter, .shareFooter .icon, .socialMediContainer .sharingIcons {
        float: left;
    }

        .copyrightMainTitle, .shareFooter, .shareFooter .icon {
            width: 30%;
        }

    .socialMediContainer .sharingIcons {
        width: 100%;
        max-width: 245px;
    }

    .copyrightMainTitle, .footerLinks {
        text-align: left;
    }

    .socialMediContainer .copyrightMainTitle {
        padding-top: 10px;
        max-width: 90px;
    }

    .socialMediContainer .shareFooter .copyrightMainTitle {
        max-width: 30px;
    }

    .newsletterContainer .copyrightMainTitle {
        width: 50%;
    }

    .mailingTextFieldBack input {
        width: 97%;
    }

    @media all and (max-width:324px) and (min-width:100px) {
        .resultsListing li {
            float: none;
            width: 100%;
            clear: both;
        }

        .socialMediContainer .shareFooter .copyrightMainTitle {
            margin-right: 20px;
        }

        .ourWorkListing .projectsListing li, .ourWorkListing .projectsListing li:nth-child(2n+1) {
            margin: 0 10px 15px 0;
            clear: none;
        }

        .socialMediContainer .sharingIcons {
            margin-right: 0;
        }

        .formAreaCont {
            margin-bottom: 15px !important;
        }

        .projectsListing li div.highlightsContainer {
            min-height: 190px;
        }

        .servicesPic img#servicesChartIpad {
            display: none;
        }

        .aboutPic {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .aboutContent, .welcomeThanks {
            width: 100% !important;
        }

        .shareFooter {
            margin: 10px 0 0;
        }

        .floatContactInfos, .productText {
            width: 100%;
            float: none;
        }

        .caroufredsel_wrapper {
            margin: 0 !important;
        }
    }

    .servicesPic img#servicesChartIpad {
        display: block;
    }

    #OurClients.ourWorkListing ul li table td {
        display: table-cell;
    }

    #OurClients.ourWorkListing ul li table {
        display: table;
    }

    .fbComponent, .ourClients {
        display: none;
    }

    @media all and (max-width:768px) and (min-width:700px) {
        .ourWorkChartCont {
            display: block;
        }

        #ourworkContainer .mobileChart {
            display: none;
        }

        .projectChart1, .projectChart2 {
            position: absolute !important;
        }

        .projectChart1 {
            margin-right: 245px;
            margin-top: -15px;
            right: 0;
        }

        .projectChart2 {
            top: 0;
            margin-top: -20px;
        }

        #contactContainer .contactInfos {
            min-width: 345px;
            float: left;
        }

        .contactInfos {
            float: left;
        }

        .servicesPic {
            margin-right: 20px;
        }

        .aboutPic {
            height: 500px;
        }

        .servicesMainPic {
            display: block;
        }

        .servicesMobilePic {
            display: none;
        }

        .vacanciesContainerPad .aboutContent, .vacanciesContainerPad .welcomeThanks {
            width: 350px !important;
        }

        .servicesTextContt {
            float: left;
            width: 55%;
        }

        .servicesContentCont div.aboutContentContt {
            float: left;
            width: 40%;
            margin-left: 5%;
        }

        td.viewAllHighlights {
            padding: 5px 0 0;
        }

        .caroufredsel_wrapper {
            width: 100% !important;
        }

        .productText {
            width: 50%;
            margin-left: 20px;
        }

        .resultsListing li {
            width: 27%;
            margin: 0 2% 0 0;
        }

            .resultsListing li:nth-child(3n+1) {
                clear: both;
            }
    }

    .leftMenuMobile .sub li:last-child {
        border: 0;
    }

    .leftMenuMobile {
        background: url(../images/menu-mobile-arrow.png) 95% 50% no-repeat;
    }

        .leftMenuMobile.active {
            background: url(../images/menu-mobile-arrow-acitve.png) 95% 50% no-repeat;
        }

    .newsDetailsContent .mainDesc {
        width: 100%;
    }

    .mapHolder {
        width: 295px;
    }

    .productDesc {
        float: none;
        width: 100%;
    }

    div.servicesPic {
        display: none !important;
    }

    .servicesContentCont .aboutContent a {
        width: 100%;
    }

    .betaContainer {
        display: none;
    }

    #wrapper1 {
        width: 100%;
        height: 285px;
        margin: 0 auto;
    }

    #expand #slider1 {
        width: 100%;
        height: 285px;
        list-style: none;
    }

    .absoluteShareComp {
        left: 0;
    }

    .alignCenter {
        text-align: left;
        padding-left: 10px;
    }

    .mainWelcomeCont {
        width: 300px;
    }

    .mainWelcomeContPad {
        padding: 15px;
    }

    .anythingSlider-default .anythingControls {
        top: 265px;
    }

    .anythingControls a {
        float: left;
        margin: 0 0 0 10px;
    }

    #foo5 {
        margin: 0 0 0 10px;
    }

    td.formLabel {
        padding-bottom: 7px;
    }

    .tableForm {
        width: 100%;
    }

    .vacanciesContainerPad {
        padding: 20px 10px 50px;
    }

    .servicesContentCont .aboutContent a.servicesMainLink {
        width: auto !important;
    }

    .rightColumnContainer {
        display: none;
    }

    td.hasRightSectMobile .rightColumnContainer {
        display: block;
    }

    #Press li {
        float: none;
        width: 100%;
        margin-right: 0;
        height: auto;
        margin-bottom: 25px;
    }

        #Press li:nth-child(3n) {
            margin-right: 0;
        }

    a.pressDownload, a.pressThumb, a.pressTitle {
        float: none;
    }

    a.pressThumb {
        width: 100%;
        margin-right: 0;
    }

        a.pressThumb img {
            width: 100%;
        }

    a.pressTitle {
        width: 100%;
        color: #515151;
        text-decoration: none;
    }

        a.pressTitle:hover {
            color: #01aac5;
        }

    div.greetingSubTitle {
        font-size: 20px;
    }

    .mainWelcomeCont {
        max-width: 100%;
    }

    .greetingDescp a {
        font-size: 14px;
        background-size: 5px 5px !important;
        padding-left: 8px;
    }

    .welcomeThanks {
        margin-bottom: 5px;
    }
    li.google {
        height: 140px;
    }
}

.inquiryFormCon {
    background: #f1f1f1;
    padding: 15px;
}

    .inquiryFormCon .formFieldCont, .inquiryFormCon .formAreaCont {
        width: 100%;
        background: #FFF;
    }

    .inquiryFormCon .formAreaCont {
        height: auto;
        margin: 0 0 15px 0 !important;
    }

        .inquiryFormCon .formAreaCont textarea {
            height: 100px;
            margin-bottom: 8px;
        }

.formInquiryLabel {
    font-size: 14px;
    color: #000;
    margin-bottom: 7px;
}

.inquiryTitle {
    font-size: 16px;
    color: #FFF;
    margin-bottom: 15px;
}

#clientsCarousel.inquiryPageCarousel li {
    background: none;
    width: 27%;
    height: 100px;
}

.blueBox {
    background: #01aac5;
}

    .blueBox .formInquiryLabel {
        color: #FFF;
    }

.mobile .mobileDiv .formInquiryLabel {
    float: left;
}

.mobile .mobileDiv span {
    float: right;
}

@media all and (max-width:490px) {
    #clientsCarousel.inquiryPageCarousel li {
        width: 43%;
        margin: 0 2% 10px 0;
    }
}

@media all and (max-width:350px) {
    #clientsCarousel.inquiryPageCarousel li {
        width: 100%;
        margin: 0 0 10px 0;
        height: auto;
        padding: 7px 0;
    }
}

@media all and (max-width:440px) {
    .partnershipsLogos li {
        width: 100%;
        background-position: center top;
        margin: 0 0 30px 0;
        text-align:center;
    }

    div.partnerShipsTitle {
        text-align: center;
    }

    .partnershipsLogos li:hover {
        background-position: center top;
    }

    div.floatLeft.shareFooter {
        margin: 0px;
    }
}

@media all and (max-width:665px) {
    .resultsListing li {
        width: 95% !important;
    }

    .floatContactInfos {
        float: none;
        clear: both;
        width: 100%;
    }

    .newsListingImg, .newsListingInfos {
        float: none;
        width: 100%;
        clear: both;
    }
}

@media all and (max-width:500px) {
    .ourWorkListing .projectsListing li, .ourWorkListing .projectsListing li.last, #OurClients.ourWorkListing li {
        float: none;
        clear: both;
        width: 100%;
    }

    #OurClients.ourWorkListing li {
        margin-bottom: 10px;
    }

    table.subPageCareers td {
        display: block;
        padding-bottom: 10px;
    }
}

@media all and (max-width:800px) {
    table.tableForm td, div.applyNowTableCont table td {
        display: block !important;
    }

        table.tableForm td .formFieldCont input, div.applyNowTableCont table td input {
            width: 90%;
        }
}

td.hasRightSectMobile td.inquiryFormCon .mobile {
    background: none;
    padding: 0px;
}

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

.mapImageMain {
    margin-bottom: 10px;
}

.aboutPictureHome {
    background-size: cover;
}

a.visitBlogBtn {
    background: #01aac5;
    color: #FFF;
    display: inline-block;
    font-size: 16px !important;
    padding: 7px 20px !important;
    text-decoration: none !important;
    margin-top: 10px;
}

    a.visitBlogBtn:hover {
        background: #FFF;
        color: #313739;
    }

/*Ayoub*/
#hider {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 1600px;
    height: 2000px;
    margin-top: -800px; /*set to a negative number 1/2 of your height*/
    margin-left: -500px; /*set to a negative number 1/2 of your width*/
    /*
        z- index must be lower than pop up box
       */
    z-index: 99;
    background-color: Black;
    //for transparency opacity:0.6;
}

#popup_box{
   display:none;

}

#popup_box {
    position: fixed;
    width: auto;
    /*margin-top: -242px;
    margin-left: -600px;*/
    border: 1px solid #ccc;
    border: 2px solid black;
    z-index: 100;
    background-color: #FFF;
    font-size: 14px;
    font-family: 'Montserrat', Arial;
    padding: 20px;
    height: auto;
    color: #000;
    width: 900px;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
    z-index: 91000;
    max-width:80%;
}


#buttonClose {
    position: absolute;
    top: 100px;
    right: 168px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url('../images/fancybox_sprite.png');
}

#buttonCloseFooter {
    position: absolute;
    top: -17px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url('../images/fancybox_sprite.png');
}

.privacyUL {
    float: right;
    width: 60%;
    height: 100%;
    padding: 20px 0;
}

    .privacyUL li {
        background-image: url('../images/arrow2.png');
        background-repeat: no-repeat;
        list-style: none;
        padding-left: 0px;
        position: relative;
        padding-left: 41px;
        background-position: 0 5px;
    }
    .footerUL li{
          background-image: url('../images/arrow2grey.png');
    }


/*.goUnderPrivacy {
    margin-top: 120px;
}*/

#privacyPopup, #privacyPopupfooter {
    display: block;
    /*min-height: 120px;*/
    background-color: #2f3038;
    color: #fff;
    right: 0px;
    /*position: absolute;*/
    width: 100%;
    /*top: 86px;*/
    padding-top: 87px;
padding-right: 20px;
box-sizing: border-box;
padding-left: 20px;
position:relative
}

.popupText {
    float: left;
    width: 40%;
    height: 100%;
    padding: 20px 0;
}

.popupOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 90000;
    left:0;
    top:0;
}
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
@media all and (min-width:768px) and (max-width:1024px) {

    #buttonClose {
        top: 65px;
        right: 5px;
    }

}
@media all and (min-width:300px) and (max-width:768px) {

       #buttonClose {
        top: 65px;
        right: 5px;
    }


}
.small-note {
    font-size: 12px;
    font-style: italic;
}



.noteForm{
    font-size:12px !important;

}


h2.subPageTitle {
    font-size:20px;
}