/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
html {
    background-color: #eee;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.6;
    background-color: #fff;
}

html, body {
    height: 100%;
    position: relative;
}

.wrapper {
    min-height: 100%;
    width: 100%;
    padding-bottom: 500px;
}

footer {
    margin-top: -500px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.6;
    font-weight: normal;
    font-family: CenturyGothicProCyr-Regular, "Century Gothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
}

h3 {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}

a {
    color: #2eaecc;
    text-decoration: none;
}

    a:hover {
        color: #FF8000;
        text-decoration: underline;
    }

/* =Common styles */

/* Intro block (under header) */

.intro-section {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .intro-section .intro-text {
        font-size: 36px;
        font-weight: normal;
        font-family: CenturyGothicProCyr-Regular, "Century Gothic","Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;
    }

.content-wrapper {
    background-color: #eee;
}

.section img {
    padding-bottom: 10px;
}

.section h2,
.section h3 {
    text-align: center;
}

.sections-page-container section {
    padding-top: 80px;
    padding-bottom: 80px;
}

section .section-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0 0 40px 0;
    margin: 0;
}

.list > div:last-child .list-item {
    padding-bottom: 0;
}

.list .list-item {
    background: url("../../images/list-item-image.png") no-repeat left top;
    padding: 0 0 60px 40px;
    list-style: none;
}

    .list .list-item a {
        text-decoration: underline;
    }

img.full-width-image {
    width: 100%;
}

/* override bootstrap class  */
address {
    margin-bottom: 0;
}


.btn-container {
    clear: both;
    text-align: center;
}

    .btn-container .button {
        display: inline-block;
        padding: 0 55px;
        line-height: 60px;
        font-size: 20px;
        text-transform: uppercase;
        cursor: pointer;
        background-color: #c7eaf1;
        color: #4a4a4a;
    }

        .btn-container .button:hover {
            background-color: #ff9831;
            color: #777;
            text-decoration: none;
        }

        .btn-container .disabled {
            background-color: #c7eaf1;
            color: #eee;
            text-decoration: none;
            pointer-events: none;
        }

    .btn-container .chevron-down {
        background: url('../../images/chevron-down.png') no-repeat;
        width: 18px;
        height: 10px;
        vertical-align: middle;
        display: inline-block;
        margin: -5px 0 0 12px;
    }

.loading-spinner {
    width: 32px;
    height: 32px;
    background: url("../../images/ajax-loader.gif") no-repeat;
    margin: 40px auto;
    padding: 0;
}

.popup-wrapper {
    position: absolute;
    z-index: 998;
    left: 50%;
    padding: 100px 0;
    display: none;
    cursor: pointer;
}

    .popup-wrapper button.close {
        font-size: 40px;
        opacity: 0.4;
        right: 20px;
        top: 20px;
        position: absolute;
        outline: 0;
    }

        .popup-wrapper button.close:hover {
            opacity: 0.7;
        }

.popup-container {
    position: relative;
    cursor: default;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66000000', endColorstr='#66000000'); /* IE */
    z-index: 20;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: none;
}

.yashare-auto-init .b-share {
    height: 50px;
}

.yashare-auto-init .b-share-icon_vkontakte,
.yashare-auto-init .b-share-icon_facebook,
.yashare-auto-init .b-share-icon_twitter,
.yashare-auto-init .b-share-icon_lj,
.yashare-auto-init .b-share-icon_gplus,
.yashare-auto-init .b-share-icon_linkedin {
    width: 36px;
    height: 36px;
    display: block;
    background: url(../../images/social-share.png) no-repeat;
}

.yashare-auto-init .b-share-icon_vkontakte {
    background-position: -97px -5px;
}

.yashare-auto-init .b-share-icon_facebook {
    background-position: -5px -5px;
}

.yashare-auto-init .b-share-icon_twitter {
    background-position: -51px -51px;
}

.yashare-auto-init .b-share-icon_gplus {
    background-position: -51px -5px;
}

.yashare-auto-init .b-share-icon_linkedin {
    background-position: -5px -51px;
}

.yashare-auto-init .b-share-icon_vkontakte:hover {
    background-position: -97px -92px;
}

.yashare-auto-init .b-share-icon_facebook:hover {
    background-position: -5px -92px;
}

.yashare-auto-init .b-share-icon_twitter:hover {
    background-position: -51px -138px;
}

.yashare-auto-init .b-share-icon_gplus:hover {
    background-position: -51px -92px;
}

.yashare-auto-init .b-share-icon_linkedin:hover {
    background-position: -5px -138px;
}

/* Header slider */

.slider img {
    width: 100%;
}

.slick-slider {
    margin-bottom: 0;
}

.slick-dots li {
    margin: 0 10px;
}

    .slick-dots li button:focus:before {
        opacity: 0.25;
    }

    .slick-dots li.slick-active button:before,
    .slick-dots li button:hover:before {
        opacity: 1;
        color: #2eaecc;
    }

    .slick-dots li button:before {
        font-size: 20px;
        color: #2eaecc;
        line-height: 25px;
    }

.slick-slide img.slick-loading {
    display: none;
}

.layer {
    background-color: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#44000000', endColorstr='#44000000'); /* IE */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* Header */

header {
    position: relative;
}

    header .container-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    header .header-page-img {
        width: 100%;
    }

    header .fixed-logo {
        position: absolute;
        left: 95px;
        top: 25px;
        z-index: 3;
        width: 162px;
        height: 53px;
        overflow: hidden;
    }

        header .fixed-logo img {
            float: right;
        }

.caption-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4); /* browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#44000000', endColorstr='#44000000'); /* IE */
    color: #fff;
}

.alpha20 {
    background-color: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#22000000', endColorstr='#22000000'); /* IE */
}

.caption-container .container {
    position: relative;
    height: 100%;
}

    .caption-container .container[data-href] {
        cursor: pointer;
    }

.header-slider {
    visibility: hidden;
}

    .header-slider .slider-header {
        top: 48px;
        position: absolute;
        width: 100%;
    }

        .header-slider .slider-header h1 {
            color: #fff;
            line-height: 1.2;
            margin-top: 0;
        }

    .header-slider .slider-footer {
        position: absolute;
        bottom: 100px;
        width: 100%;
        color: #ffffff;
        margin-bottom: 24px;
    }

        .header-slider .slider-footer .success-story {
            text-transform: uppercase;
            font-size: 21px;
            font-weight: normal;
            width: 300px;
            border-bottom: 1px solid #fff;
        }

        .header-slider .slider-footer .business-case-title {
            font-weight: bold;
            margin: 0 0 20px;
        }

        .header-slider .slider-footer .business-case-summary {
            font-size: 24px;
        }

.full-width-slider .slick-slide {
    position: relative;
}

.full-width-slider .slick-dots {
    bottom: 50px;
}

    .full-width-slider .slick-dots li.slick-active button:before,
    .full-width-slider .slick-dots li button:hover:before,
    .full-width-slider .slick-dots li button:before {
        opacity: 1;
        color: #fff;
    }

    .full-width-slider .slick-dots li button:before {
        opacity: 0.5;
    }

.full-width-slider .slick-next,
.full-width-slider .slick-prev {
    background: url("../../images/chevron-next.png") no-repeat;
    width: 34px;
    height: 60px;
    margin-top: -30px;
    top: auto;
    bottom: 200px;
    opacity: 0.7;
    display: none !important;
}

    .full-width-slider .slick-next:hover,
    .full-width-slider .slick-prev:hover {
        opacity: 1;
    }

.full-width-slider .slick-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: -34px;
}

    .full-width-slider .slick-next:before,
    .full-width-slider .slick-prev:before {
        content: none;
    }

.cropped-imaged {
    display: none;
    width: 100%;
    height: auto;
    min-height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-background-container {
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    background-position: center center !important;
}

/* Static image in header displayed only on xs screen devices */

.header-static-image {
    position: relative;
    overflow: hidden;
}

    .header-static-image .container {
        position: absolute;
        bottom: 20px;
    }

    .header-static-image .header-image {
        max-height: 300px;
        position: relative;
    }

    .header-static-image h1 {
        font-size: 24px;
        color: #fff;
    }

/* Generic title in header */

header .caption-container .header-title {
    position: absolute;
    bottom: 60px;
    width: 100%;
}

    header .caption-container .header-title h1 {
        line-height: 1.2;
        margin: 0;
        font-family: "Open Sans", sans-serif;
    }

header .bottom-line {
    position: absolute;
    text-align: right;
    font-family: CenturyGothicProCyr-Regular, "Century Gothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;
    font-size: 60px;
    line-height: 1.2;
    bottom: 60px;
    width: 100%;
}

header .top-line {
    position: absolute;
    width: 100%;
    top: 48px;
}

header .our-characteristic-list li {
    list-style-type: none;
}

header .caption-container h1 {
    line-height: 1.2;
    margin: 0;
}

/* =Main menu */

.main-menu {
    position: fixed;
    z-index: 3;
    top: 48px;
    left: 3%;
}

    .main-menu ul {
        padding: 10px 0 0 35px;
    }

    .main-menu li {
        list-style-type: none;
        padding: 5px 0;
    }

        .main-menu li.active {
            font-weight: bold;
        }

    .main-menu a {
        text-decoration: none;
        display: block;
    }

        .main-menu a:hover {
            text-decoration: underline;
        }

    .main-menu ul li.more-menu-items {
        padding-top: 20px;
    }

.menu-light a {
    color: #fff;
}

.menu-dark a {
    color: #4a4a4a;
}

.ios .menu-light a {
    text-shadow: 1px 1px 0 rgba(43, 43, 43, 1);
}

/* =Mobile menu */

.menu-mobile {
    display: none;
    position: fixed;
    top: 25px;
    left: 25px;
    z-index: 9;
    min-height: 50px;
    min-width: 50px;
    background-color: #4a4a4a;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menu-mobile .logo-small {
        background: url("../../images/arcadia-logo-small.png") no-repeat;
        z-index: 2;
        width: 50px;
        height: 50px;
        position: absolute;
        cursor: pointer;
    }

    .menu-mobile ul {
        display: none;
        margin: 0;
        padding: 0;
        width: 260px;
    }

    .menu-mobile li {
        list-style-type: none;
    }

        .menu-mobile li a {
            color: #fff;
            line-height: 30px;
            height: 51px;
            padding: 10px 10px 10px 55px;
            border-bottom: 1px solid #666;
            display: block;
            background-color: #4a4a4a;
        }

            .menu-mobile li a:hover {
                text-decoration: none;
                background-color: #666;
            }

/* =Home Page */

.home-page .how-we-work-title {
    padding-top: 40px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

.news-template {
    display: none;
}

/* Services section */

.services-section h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
}

.services-section {
    padding-bottom: 50px;
}

    .services-section .service-item {
        margin-top: 50px;
    }

        .services-section .service-item:nth-child(3n+1) {
            clear: both;
        }

    .services-section img {
        margin-bottom: 25px;
    }

/* Customer feedback */

.customer-feedback-section {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .customer-feedback-section h2 {
        margin: 0 0 40px;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: bold;
    }

/* Customer feedback slider */

.customer-feedback-slider {
    padding-bottom: 55px;
}

    .customer-feedback-slider .slick-dots {
        bottom: -10px;
    }

.customer-feedback-section .feedback-text {
    font-style: italic;
    color: #888;
    font-size: 26px;
    margin-top: 35px;
}

.customer-feedback-section .person-info {
    text-transform: uppercase;
    font-weight: bold;
    background: url('../../images/quote.png') no-repeat;
    padding: 12px 0 12px 65px;
}

.customer-feedback-section .person-company {
    font-style: italic;
    text-transform: none;
}

/* News section */

.news-section {
    padding: 50px 0;
    position: relative;
}

    .news-section .bs-window-size-min-1700 {
        display: none;
    }

    .news-section h2 {
        margin: 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 24px;
    }

    .news-section .news-item:nth-child(2n+1) {
        clear: both;
    }

.news-item {
    margin-top: 50px;
}

    .news-item .news-date {
        color: #888;
        border-bottom: 1px solid #bababa;
        padding-bottom: 5px;
    }

    .news-item .news-title {
        font-size: 24px;
        line-height: 1.6;
        margin-top: 15px;
    }

    .news-item .news-image {
        margin-bottom: 24px;
        border: 1px solid #efefef;
    }

.news-section .btn-container {
    margin-bottom: -65px;
    padding-top: 65px;
}

/* = Blog Section*/

.blog-section {
    padding: 50px 0;
    position: relative;
}

    .blog-section .bs-window-size-min-1700 {
        display: none;
    }

    .blog-section h2 {
        margin: 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 24px;
    }

    .blog-section .article-item:nth-child(2n+1) {
        clear: both;
    }

.article-item {
    margin-top: 50px;
}

    .article-item .article-date {
        color: #888;
        border-bottom: 1px solid #bababa;
        padding-bottom: 5px;
    }

    .article-item .article-title {
        font-size: 24px;
        line-height: 1.6;
        margin-top: 15px;
    }

    .article-item .article-image {
        margin-bottom: 24px;
        border: 1px solid #efefef;
    }

.blog-section .btn-container {
    margin-bottom: -65px;
    padding-top: 65px;
}

/* =About us page */

.aboutus-page header .caption-container {
    background-color: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#22000000', endColorstr='#22000000'); /* IE */
}

.who-we-are-text-container {
    font-size: 24px;
}

.vision-summary-text {
    font-size: 24px;
}

/* lifestyle carousel */

.lifestyle-slider {
    visibility: hidden;
}

    .lifestyle-slider .carousel-text-container {
        position: absolute;
        bottom: 80px;
    }

    .lifestyle-slider .carousel-title {
        font-family: CenturyGothicProCyr-Regular, "Century Gothic", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;
        font-size: 36px;
    }

    .lifestyle-slider .carousel-slogan {
        font-size: 24px;
    }

    .lifestyle-slider.full-width-slider .slick-dots {
        bottom: 40px;
    }

.founder-photo-container {
    text-align: center;
    padding-bottom: 40px;
}

.our-team-section .sub-title {
    font-size: 24px;
}

.persons-list .person-container {
    padding-top: 50px;
}

.persons-list > div:nth-child(3n+1) {
    clear: both;
}

.persons-list .person-container img {
    margin: 0 auto;
}

.persons-list {
    text-align: center;
}

.person-container {
    display: inline-block;
    text-align: center;
}

    .person-container .persons-photo {
        padding-bottom: 15px;
    }

    .person-container .persons-name {
        font-weight: bold;
    }

.founder-text-container {
    margin-bottom: 40px;
}

.aboutus-page .facts-and-figures-section {
    padding-bottom: 0;
}

.facts-and-figures-table .fact-and-figure-item {
    padding-bottom: 60px;
}

    .facts-and-figures-table .fact-and-figure-item:nth-child(4n+1) {
        clear: both;
    }

.fact-figure {
    font-size: 36px;
    padding-bottom: 25px;
    line-height: 1;
}

/* Faq page */

.faqpage-page .list-item {
    padding-bottom: 40px;
}

.faqpage-page .list .list-item:last-child {
    padding-bottom: 0;
}

.faqpage-page .answer {
    display: none;
    padding-top: 15px;
}

.faqpage-page .intro-text {
    font-size: 28px;
}

.faqpage-page .question {
    font-size: 18px;
}

.faqpage-page .sections-page-container section {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* =Contact Us page */

.contact-map {
    height: 512px;
    width: 100%;
    opacity: 0.9;
    z-index: 2;
    margin-top: 16px;
}

.info-window h4 {
    margin: 5px 0;
}

.info-window img {
    max-width: 100%;
}

.info-window .company-address {
    padding-bottom: 15px;
}

.contactus-page .page-title {
    font-family: 'Open Sans', sans-serif;
    margin: 40px 0 20px;
}

.contactus-page .bg-success,
.contactus-page .bg-danger {
    padding: 15px;
    margin-bottom: 10px;
}

.contactus-page .form-group {
    padding-top: 25px;
}

    .contactus-page .form-group textarea {
        resize: vertical;
    }

    .contactus-page .form-group.submit-btn-group {
        padding-top: 10px;
        text-align: right;
    }

        .contactus-page .form-group.submit-btn-group .btn {
            background-color: #2eaecc;
            border-color: #2eaecc;
            float: right;
            clear: both;
        }

            .contactus-page .form-group.submit-btn-group .btn:hover {
                background-color: #ff8000;
            }

/*.contactus-page input.form-control {
	padding: 20px 12px;
}*/

.contactus-page .field-validation-error {
    color: #a94442;
}

.contactus-page .validation-summary-errors ul {
    padding: 0;
}

.contactus-page .validation-summary-errors li {
    background-color: #f2dede;
    list-style: none;
    padding: 15px;
    margin-bottom: 10px;
}

.g-recaptcha {
    float: right;
    margin: 0 0 20px 20px;
}

/*.contactus-page .g-recaptcha > div > div {
	max-width: 250px;
}

.contactus-page .g-recaptcha > div > div > iframe {
	max-width: 250px;
}

.contactus-page .g-recaptcha .rc-anchor-standard {
	width: 248px;
}

.contactus-page .g-recaptcha .rc-anchor .rc-anchor-checkbox-label {
	width: 105px;
}*/

/* =Our Experience page */
.experience-intro-text {
    margin-bottom: 40px;
}

.ourexperience-page .business-case-item {
    margin-top: 50px;
    display: inline-block;
    position: relative;
}

    .ourexperience-page .business-case-item .caption-container {
        font-weight: bold;
        -webkit-transition: background-color 0.6s ease-in-out;
        -moz-transition: background-color 0.6s ease-in-out;
        -ms-transition: background-color 0.6s ease-in-out;
        -o-transition: background-color 0.6s ease-in-out;
        transition: background-color 0.6s ease-in-out;
    }

        .ourexperience-page .business-case-item .caption-container:hover {
            background-color: rgba(0, 0, 0, 0.0);
        }

            .ourexperience-page .business-case-item .caption-container:hover .business-case-title {
                background-color: rgba(255, 255, 255, 0.9);
                color: #4a4a4a;
            }

    .ourexperience-page .business-case-item .business-case-title {
        position: absolute;
        bottom: 0;
        padding: 15px 25px;
        width: 100%;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        text-align: left;
    }

/* =Filter for business cases */

.filter-toggle-btn-container {
    cursor: pointer;
    float: right;
    margin-bottom: -36px;
    background-color: #AFAEAF;
    color: #fff;
    position: relative;
    z-index: 1;
}

    .filter-toggle-btn-container .filter-toggle {
        padding: 10px;
        left: 1px;
    }

    .filter-toggle-btn-container:hover {
        background-color: #ff8000;
    }

.business-case-filter {
    background-color: #eee;
}

.business-case-filters-title {
    line-height: 60px;
    text-transform: uppercase;
    font-size: 24px;
}

.business-case-filter .business-case-filter-list {
    padding: 25px;
}

.business-case-filter ul {
    margin: 0;
    padding: 0;
}

    .business-case-filter ul li {
        color: #2eaecc;
        list-style-type: none;
        cursor: pointer;
    }

        .business-case-filter ul li:hover {
            text-decoration: underline;
        }

        .business-case-filter ul li.selected {
            color: white;
            background-color: #777;
            margin-left: -10px;
            padding: 0 10px;
            display: inline-block;
        }

            .business-case-filter ul li.selected:hover {
                text-decoration: none;
            }

.business-case-filter .business-case-filter-title {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    margin-top: 0;
}

    .business-case-filter .business-case-filter-title .reset-filter {
        cursor: pointer;
        display: none;
    }

    .business-case-filter .business-case-filter-title.hidden-title {
        visibility: hidden;
    }

/* =Our Services page */

.services-intro-section p {
    padding: 0;
}

.ourservices-page header .caption-container {
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

.ourservices-page .sections-page-container section {
    padding-top: 60px;
    padding-bottom: 60px;
}

    .ourservices-page .sections-page-container section img {
        padding-bottom: 60px;
    }

.services-intro-section .list > div:nth-child(2n+1) {
    clear: both;
}

#analysis {
    padding-top: 0;
}

#analysis, #proof {
    padding-bottom: 0;
}

/* =Business case page */
.businesscase-page .sections-page-container section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.businesscase-page .sections-page-container .section-title {
    padding-bottom: 0;
}

.businesscase-page .verticals-list,
.technologies-list {
    margin: 0;
    padding: 0;
}

    .businesscase-page .verticals-list li,
    .technologies-list li {
        display: inline-block;
        list-style: none;
        padding-right: 25px;
    }

    .technologies-list li {
        padding-bottom: 20px;
        vertical-align: middle;
    }

    .technologies-list img {
        transition: all .3s ease-in-out;
        max-height: 48px;
        display: inline-block !important;
    }

.businesscase-page .technologies-list img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.business-case-navigation {
    font-size: 24px;
    text-align: center;
}

    .business-case-navigation a {
        text-decoration: underline;
        padding-bottom: 20px;
        display: inline-block;
    }

    .business-case-navigation .business-case-title {
        font-size: 18px;
    }

/* =Article page */

.articlepage-page .article-header {
    padding-top: 12px;
    padding-bottom: 12px;
}

.articlepage-page .article-summary-text {
    font-size: 24px;
    margin-right: 10px;
}

.articlepage-page .article-text {
    padding: 50px 0;
}

.articlepage-page .author-info span, .articlepage-page .author-info img {
    width: 100%;
    word-wrap: break-word;
}

/* =News page */
.newspage-page .news-text {
    padding: 50px 0;
}

.newspage-page .news-container img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto !important;
}

    .newspage-page .news-container img.fleft,
    .newspage-page .news-container img.fright {
        float: left;
        margin: 0 40px 20px 0;
        max-width: 50%;
    }

    .newspage-page .news-container img.fright {
        float: right;
        margin: 0 0 20px 40px;
    }

/* Our vacancies page */

.vacancy-list {
    position: relative;
}

    .vacancy-list .vacancy-item {
        margin-bottom: 50px;
    }

.vacancy-item {
}

    .vacancy-item.active {
        height: auto !important;
    }

.vacancy-item-container {
    background-color: #efefef;
    padding: 25px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}

.vacancy-list .vacancy-item.active .vacancy-item-container {
    cursor: pointer;
}

.vacancy-item.active .vacancy-item-container {
    z-index: 5;
    cursor: default;
}

.vacancy-item-container:hover {
    background-color: #FF802A;
}

.vacancy-item.active .vacancy-item-container:hover {
    background-color: #efefef;
}

.vacancy-item .button {
    margin: 20px 0;
}

.vacancy-item .vacancy-title {
    font-size: 18px;
    margin: 0 0 5px 0;
    line-height: 1.2;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.vacancy-item .vacancy-subtitle {
    font-size: 18px;
    padding-top: 25px;
    margin: 0 0 25px 0;
    line-height: 1.2;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.vacancy-item.active .vacancy-title {
    text-transform: none;
    font-size: 30px;
    font-weight: normal;
}

.vacancy-summary-container {
    height: auto;
}

.vacancy-main-content,
.vacancy-list .vacancy-item.active .vacancy-main-content {
    display: none;
}

.vacancy-item.active .vacancy-main-content {
    display: block;
}

.vacancy-item.active .vacancy-summary-container {
    height: auto;
}

.popup-wrapper .vacancy-item.active .vacancy-main-content {
    display: block !important;
}

.vacancy-item-container .list {
    padding: 0;
}

.vacancy-item-container .list-item {
    padding: 0 0 0 40px;
    margin-bottom: 20px;
    background-size: 20px;
    background-position: left 6px;
}

.vacancy-item-container .vacancy-city {
    color: #777;
    margin-bottom: 10px;
}

.vacancy-full-summary-text {
    padding-bottom: 20px;
}

.vacancy-full-summary-text,
.vacancy-item.active .vacancy-summary-container > .vacancy-tags {
    display: none;
}

.vacancy-item.active .vacancy-full-summary-text {
    display: block;
}

.vacancy-list .vacancy-item.active .vacancy-title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

.vacancy-item .vacancy-chevron-container {
    float: right;
    margin-left: 5px;
}

.vacancy-item .glyphicon-chevron-up {
    display: none;
}

.vacancy-list .vacancy-item.active .glyphicon-chevron-up {
    display: inline-block;
}

.vacancy-list .vacancy-item.active .glyphicon-chevron-down {
    display: none;
}

.vacancy-tags {
    margin-top: 10px;
    color: #777;
}

.vacancy-item .yashare-auto-init {
    text-align: center;
    padding-bottom: 20px;
}

    .vacancy-item .yashare-auto-init .b-share__handle {
        padding-right: 0 !important;
        margin-right: 10px !important;
        height: 36px;
        padding: 0 !important;
        margin-top: 10px !important;
    }

    .vacancy-item .yashare-auto-init .b-share {
        height: auto;
    }

.vacancy-filter {
    padding: 25px;
    background-color: #eee;
    margin-bottom: 50px;
}

    .vacancy-filter a.vacancy-filter-item {
        color: #2eaecc;
        cursor: pointer;
        list-style-type: none;
        float: left;
        white-space: nowrap;
    }

        .vacancy-filter a.vacancy-filter-item:hover {
            text-decoration: underline;
        }

        .vacancy-filter a.vacancy-filter-item.selected {
            background-color: #777;
            color: white;
            display: inline-block;
            margin-left: -10px;
            padding: 0 10px;
            margin-right: 20px;
        }

            .vacancy-filter a.vacancy-filter-item.selected:hover {
                text-decoration: none;
            }

    .vacancy-filter span.reset-filter {
        display: none;
        cursor: pointer;
    }

.vacancy-filter-header {
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    margin-top: 0;
    text-transform: uppercase;
}

/* =Footer */

.contacts-section {
    padding-top: 70px;
    padding-bottom: 50px;
    font-size: 20px;
}

.contact-text {
    font-size: 18px;
}

.contacts-section .contact-info,
.contacts-section .address-section,
.contacts-section .social-icons {
    /*margin-top: 50px;*/
}

.contacts-section a {
    text-decoration: underline;
}

.contacts-section h2 a {
    white-space: nowrap;
}

.contacts-section a:hover {
    text-decoration: none;
}

.contacts-section h2 {
    text-align: center;
    margin: 0;
}

.contacts-section .contact-info {
    text-align: center;
}

    .contacts-section .contact-info ul {
        text-align: left;
        overflow: hidden;
        display: inline-block;
        margin-bottom: 0;
    }

    .contacts-section .contact-info li {
        padding-bottom: 5px;
        display: inline-block;
        float: left;
        clear: both;
    }

.contacts-section .address-section {
    text-align: center;
}

    .contacts-section .address-section .address-wrapper {
        display: inline-block;
    }

    .contacts-section .address-section .address-label {
        float: left;
        color: #1f1f1f;
    }

    .contacts-section .address-section address {
        margin-left: 185px;
        margin-bottom: 0;
        text-align: left;
        white-space: pre-line;
    }

html[lang="ru"] .contacts-section .address-section address {
    margin-left: 100px;
}

.contacts-section .contact-icon {
    background: url("../../images/contacts-icons.png") no-repeat;
    width: 24px;
    display: inline-block;
    margin-right: 17px;
    margin-top: 6px;
    vertical-align: top;
}

    .contacts-section .contact-icon.phone {
        height: 22px;
        background-position: 0 -68px;
    }

    .contacts-section .contact-icon.email {
        height: 18px;
        background-position: 0 0;
    }

    .contacts-section .contact-icon.skype {
        height: 24px;
        background-position: 0 -140px;
    }

    .contacts-section .contact-icon.address {
        height: 28px;
        background-position: 0 -215px;
    }

.contacts-section .social-icons {
    font-size: 0;
}

.contacts-section .address-text {
    display: inline-block;
    width: 80%;
}

.contacts-section .office-name {
    margin-bottom: 12px;
}

.contact-info-container {
    margin-top: 32px;
}

    .contact-info-container li.phones > div {
        display: inline-block;
        vertical-align: top;
    }

    .contact-info-container .f32 {
        padding-right: 10px;
    }

        .contact-info-container .f32 .flag {
            vertical-align: top;
        }

.contacts-section .social-icon {
    background: url("../../images/social-icons.png") no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
}

    .contacts-section .social-icon.twitter {
        background-position: 0 -96px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .contacts-section .social-icon.linkedin {
        background-position: 0 -192px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .contacts-section .social-icon.habrahabr {
        background-position: 0 0px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .contacts-section .social-icon.facebook {
        background-position: 0 -288px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .contacts-section .social-icon.vk {
        background-position: 0 -384px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .contacts-section .social-icon.youtube {
        background-position: 0 -576px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .contacts-section .social-icon.instagram {
        background-position: 0 -672px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .contacts-section .social-icon.xing {
        background-position: 0 -768px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

footer .container.copyright {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    right: 0;
}

footer .copyright-text-container {
    text-align: left;
}

footer .lang-switcher {
    padding-left: 50px;
}

/* Back to top button */

#back-to-top-btn {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 48px;
    height: 48px;
    text-align: center;
    color: #fff;
    background-color: #2eaecc;
    opacity: 0.7;
    border-radius: 5px;
    z-index: 5;
}

    #back-to-top-btn:hover {
        color: #fff;
    }

    #back-to-top-btn .glyphicon {
        line-height: 48px;
    }

/* =Media Queries */

/* Portrait tablets and medium desktops */
@media (min-width : 1022px) {
    /* used to solve the problem with
	   the menu being clipped unproperly
	   due to image load time
	*/
    header {
        min-height: 370px;
    }

    .contacts-section .address-section address {
        white-space: normal;
    }

    /*.lifestyle-slider .slick-prev,
	.lifestyle-slider .slick-next {
		display: inline-block !important
	}*/

    /* Article page */

    .articlepage-page .author-info {
        width: 180px;
    }

    .articlepage-page .article-summary-text {
        margin-right: 30px;
    }
}

/* Large desktops and laptops */
@media (min-width : 1230px) {
    .contacts-section .address-section address {
        white-space: pre-line;
    }

    /* Article page */

    .articlepage-page .author-info {
        width: 200px;
    }
}

/* Small Devices, Tablets */
@media (min-width : 798px) and (max-width: 1021px) {
    #back-to-top-btn {
        display: none !important;
    }

    .main-menu {
        display: none;
    }

    .menu-mobile {
        display: block;
    }

    h2 {
        font-size: 30px;
    }

    .header-slider .slider-footer {
        bottom: 75px;
    }

        .header-slider .slider-footer .business-case-title {
            font-size: 24px;
            margin: 0 0 5px;
        }

        .header-slider .slider-footer .business-case-summary {
            font-size: 18px;
        }

    .full-width-slider .slick-dots {
        bottom: 25px;
    }

    /* Header generic title */
    header .caption-container .header-title h1 {
        font-size: 30px;
    }

    .intro-section .intro-text {
        font-size: 30px;
    }

    .services-section {
        font-size: 14px;
        line-height: 1.6;
    }

        .services-section h3 {
            line-height: 1.4;
        }

        .services-section img {
            margin-bottom: 20px;
        }

    /* faq page */

    .faqpage-page .intro-text {
        font-size: 20px;
    }

    /* about us page */

    .header-page-img {
        display: none;
    }

    .cropped-imaged {
        display: block;
    }

    header .bottom-line {
        bottom: 50px;
        font-size: 30px;
    }

    .contactus-page .form-group.submit-btn-group {
        text-align: center;
    }

    .business-case-navigation a {
        padding-top: 20px;
    }

    /* Article page */

    .articlepage-page .author-info {
        width: 160px;
    }

    .articlepage-page .article-summary-text {
        margin-right: 20px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 797px) {
    h2 {
        font-size: 30px;
    }

    #back-to-top-btn {
        display: none !important;
    }

    .main-menu {
        display: none;
    }

    .menu-mobile {
        display: block;
    }

    .header-page-img {
        display: none;
    }

    .cropped-imaged {
        display: block;
    }

    .intro-section .intro-text {
        font-size: 28px;
    }

    .home-page .how-we-work-title {
        padding-top: 20px;
    }

    .sections-page-container section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    section .section-title {
        font-size: 20px;
        padding-bottom: 20px;
    }

    /* Header generic title */

    header .caption-container .header-title {
        bottom: 50px;
    }

        header .caption-container .header-title h1 {
            font-size: 30px;
        }

    header .bottom-line {
        font-size: 30px;
        bottom: 40px;
    }

    /* Home page */

    .services-section .service-title,
    .news-section .news-title {
        height: auto !important;
    }

    .customer-feedback-section .feedback-text {
        font-size: 20px;
    }

    .full-width-slider .slick-dots {
        bottom: 25px;
    }

    .lifestyle-slider.full-width-slider .slick-dots {
        bottom: 20px;
    }

    /* About us page */

    .vision-summary-text {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .lifestyle-slider .carousel-title {
        font-size: 30px;
    }

    .lifestyle-slider .carousel-slogan {
        font-size: 18px;
    }

    .persons-list .col-xs-6:nth-child(3n+1) {
        clear: none;
    }

    .persons-list .col-xs-6:nth-child(2n+1) {
        clear: both;
    }

    .fact-figure {
        font-size: 30px;
    }

    .facts-and-figures-table .fact-and-figure-item:nth-child(4n+1) {
        clear: none;
    }

    .facts-and-figures-table .fact-and-figure-item:nth-child(3n+1) {
        clear: both;
    }

    /* =Our experience page */

    .ourexperience-page .business-case-item {
        margin-top: 40px;
    }

    /* Faq page */

    .faqpage-page .intro-text {
        font-size: 20px;
    }

    .faqpage-page .question {
        font-size: 16px;
    }

    /* Contact us page */

    .contactus-page .form-group.submit-btn-group {
        text-align: center;
    }

        .contactus-page .g-recaptcha,
        .contactus-page .form-group.submit-btn-group .btn {
            float: none;
        }

            .contactus-page .g-recaptcha > div > div {
                margin: 0 auto;
            }

    .business-case-navigation a {
        padding-top: 20px;
    }

    /* Article page */

    .articlepage-page .author-info {
        width: 130px;
    }
}

@media (max-width : 600px) {
    .founder-photo-container {
        padding: 0 0 20px 0;
        text-align: center;
        float: none;
    }

    .newspage-page .news-container img.fleft,
    .newspage-page .news-container img.fright {
        float: none;
        margin-right: 0;
        margin-left: 0;
        max-width: 100%;
    }

    .lifestyle-slider .carousel-text-container {
        display: none;
    }

    /* Our experience page */
    .business-cases-list .col-xs-6 {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .business-case-filter .tag-group {
        width: 100% !important;
    }

    .business-case-filter-title.hidden-title {
        display: none;
    }

    /* Article page */

    .articlepage-page .author-info {
        width: 100px;
    }

    .articlepage-page .author-info, .articlepage-page .article-date {
        font-size: 14px;
    }

    .articlepage-page .article-summary-text {
        font-size: 20px;
    }
}

/* Extra Small Devices, Phones */
@media (max-width : 480px) {
    /* Header generic title */
    header .caption-container .header-title {
        bottom: 40px;
    }

        header .caption-container .header-title h1 {
            font-size: 24px;
        }

    header .top-line h1 {
        font-size: 24px;
    }

    .intro-section {
        margin-top: 25px;
        margin-bottom: 25px;
    }

        .intro-section .intro-text {
            font-size: 20px;
        }

    .contacts-section {
        padding-top: 50px;
    }

        .contacts-section h2 {
            font-size: 24px;
        }

            .contacts-section h2 a {
                white-space: normal;
            }

        .contacts-section .address-section .address-label {
            display: none;
        }

        .contacts-section .address-section address {
            margin-left: 0 !important;
        }

        .contacts-section h2 a:before {
            content: "";
            display: block;
            font-size: 0;
        }

    .customer-feedback-section .person-info {
        background-size: 30px;
        padding: 0 0 12px 45px;
    }

    .customer-feedback-section .feedback-text {
        font-size: 18px;
        margin-top: 15px;
    }

    .btn-container .button {
        padding: 0;
        width: 100%;
        font-size: 18px;
    }

    /* contact us page */

    .contact-map {
        height: 270px;
    }

    .contactus-page .page-title {
        margin: 20px 0;
        font-size: 36px;
    }

    .contactus-page .g-recaptcha {
        overflow: hidden;
    }

    /* about us page */

    .person-container .persons-position,
    .fact-and-figure-item .fact-description {
        -ms-word-break: break-all;
        word-break: break-all;
        /* Non standard for webkit */
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .lifestyle-slider .slick-dots {
        bottom: 15px;
    }

    .fact-and-figure-item {
        width: 50%;
    }

    .facts-and-figures-table .fact-and-figure-item:nth-child(3n+1) {
        clear: none;
    }

    .facts-and-figures-table .fact-and-figure-item:nth-child(2n+1) {
        clear: both;
    }

    .vacancy-list .vacancy-item {
        margin-bottom: 50px;
    }

    .vacancy-item-container .list {
        padding-top: 25px;
    }

    footer .lang-switcher {
        padding: 12px 0 0 0;
        display: block;
    }

    .business-case-navigation {
        font-size: 20px;
    }

    /* Article page */

    .articlepage-page .author-info {
        width: 70px;
    }

    .articlepage-page .author-info, .articlepage-page .article-date {
        font-size: 12px;
    }

    .articlepage-page .article-summary-text {
        font-size: 16px;
    }
}

@media (max-width : 359px) {
    .contacts-section .address-section address {
        white-space: normal;
    }

    .persons-list .col-xs-6 {
        width: 100%;
    }

    .vacancy-item-container .list-item {
        padding: 0 0 0 28px;
        background-size: 15px;
        background-position: left 6px;
    }
}

/* =Custom  Media Queries */

@media (min-width: 1700px) {
    .news-item {
        width: 33.33333%;
    }

    .news-section .news-item:nth-child(2n+1) {
        clear: none;
    }

    .news-section .news-item:nth-child(3n+1) {
        clear: both;
    }

    .article-item {
        width: 33.33333%;
    }

    .blog-section .article-item:nth-child(2n+1) {
        clear: none;
    }

    .blog-section .article-item:nth-child(3n+1) {
        clear: both;
    }

    .full-width-slider .slick-next,
    .full-width-slider .slick-prev {
        display: inline-block !important;
    }

    .bs-window-size-min-1700 {
        display: block;
        height: 0;
        width: 10px;
    }

    .vacancy-list .vacancy-item {
        /*width: 33.333%;*/
    }
}

@media (min-width : 1500px) and (max-width: 1700px) {
    .container {
        width: 1000px;
    }

    .full-width-slider .slick-next,
    .full-width-slider .slick-prev {
        display: inline-block !important;
    }
}

@media (min-width : 1022px) and (max-width: 1700px) {
    .container {
        position: relative;
        right: -100px;
    }

    header .bottom-line {
        bottom: 50px;
        font-size: 40px;
    }
}

@media (min-width : 1022px) and (max-width: 1499px) {
    .container {
        width: 900px;
        right: -80px;
    }

    .success-story {
        display: none !important;
    }

    .header-slider .slick-dots {
        bottom: 25px;
    }

    .header-slider .slider-footer {
        bottom: 50px;
    }

        .header-slider .slider-footer .business-case-title {
            margin-bottom: 0;
        }

    .aboutus-page header .caption-container h1 {
        font-size: 36px;
    }
}

@media (min-width : 1022px) and (max-width: 1290px) {
    /* Header generic title */
    header .caption-container .header-title h1 {
        font-size: 30px;
    }

    .container {
        width: 750px;
        right: -100px;
    }

    /* Withdraw section columns on section-like pages */

    .col-lg-9 {
        width: 100%;
    }

    .col-lg-offset-3 {
        margin-left: 0;
    }

    .header-slider .slider-header h1 {
        font-size: 40px;
    }

    .header-slider .slick-dots {
        bottom: 20px;
    }

    .header-slider .slider-footer {
        bottom: 50px;
    }

        .header-slider .slider-footer .business-case-title {
            font-size: 24px;
            margin: 0 0 5px;
        }

        .header-slider .slider-footer .business-case-summary {
            font-size: 18px;
        }

    .intro-section .intro-text {
        font-size: 30px;
    }

    .services-section,
    .news-section {
        font-size: 14px;
        line-height: 1.6;
    }

        .services-section h3,
        .news-section h3 {
            font-size: 23px;
        }

        .services-section img,
        .news-section img {
            margin-bottom: 20px;
        }

    /* Experience page */
    .business-cases-list .col-md-4 {
        width: 50%;
    }
}

@media (max-width: 1290px) {
    .businesscase-page .sections-page-container .section-title {
        padding: 0 0 40px 0;
    }

    .vacancy-item.active .vacancy-item-container {
        position: relative;
    }

    .vacancy-main-content {
        width: auto;
    }

    .vacancy-list .vacancy-item .vacancy-chevron-container {
        display: block;
    }

    .vacancy-list .vacancy-item-container:hover {
        background-color: #efefef;
    }

    .business-case-filter-list .tag-group[data-tags="vertical"] .business-case-filter-title {
        margin-top: 20px;
    }

    .business-case-filter ul li {
        float: left;
        clear: both;
    }

    .business-case-filter .tag-group {
        overflow: hidden;
        width: 50%;
    }

    .business-case-filter-list .tag-group[data-tags="vertical"]:nth-child(3) {
        clear: both;
    }
}

@media (max-width: 940px) {
    header .fixed-logo-container .col-xs-12 {
        position: static;
    }

    header .fixed-logo {
        left: 95px;
    }
}

/* =Contact us page= */

.office-section {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
}

.contact-text {
    font-size: 18px;
}

.office-section a {
    text-decoration: underline;
}

.office-section h2 a {
    white-space: nowrap;
}

.office-section a:hover {
    text-decoration: none;
}

.office-section h2 {
    text-align: center;
    margin: 0;
}

.office-section .contact-info {
    text-align: center;
}

    .office-section .contact-info ul {
        text-align: left;
        overflow: hidden;
        display: inline-block;
        margin-bottom: 0;
    }

    .office-section .contact-info li {
        padding-bottom: 5px;
        display: inline-block;
        float: left;
        clear: both;
    }

.office-section .address-section {
    text-align: center;
}

    .office-section .address-section .address-wrapper {
        display: inline-block;
    }

    .office-section .address-section .address-label {
        float: left;
        color: #1f1f1f;
    }

    .office-section .address-section address {
        margin-left: 185px;
        margin-bottom: 0;
        text-align: left;
        white-space: pre-line;
    }

html[lang="ru"] .office-section .address-section address {
    margin-left: 100px;
}

.office-section .contact-icon {
    background: url("../../images/contacts-icons.png") no-repeat;
    width: 24px;
    display: inline-block;
    margin-right: 17px;
    margin-top: 6px;
    vertical-align: top;
}

    .office-section .contact-icon.phone {
        height: 22px;
        background-position: 0 -68px;
    }

    .office-section .contact-icon.email {
        height: 18px;
        background-position: 0 0;
    }

    .office-section .contact-icon.skype {
        height: 24px;
        background-position: 0 -140px;
    }

    .office-section .contact-icon.address {
        height: 28px;
        background-position: 0 -215px;
    }

.office-section .social-icons {
    font-size: 0;
}

.office-section .address-text {
    display: inline-block;
    width: 80%;
}

.office-section .office-name {
    margin-bottom: 12px;
}

.contact-info-container {
    margin-top: 50px;
}

.office-section .social-icon {
    background: url("../../images/social-icons.png") no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.office-section .social-icons.uk {
    margin-top: 100px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

    .office-section .social-icon.twitter {
        background-position: 0 -96px;
    }

    .office-section .social-icon.linkedin {
        background-position: 0 -192px;
    }

    .office-section .social-icon.habrahabr {
        background-position: 0 0px;
    }

    .office-section .social-icon.facebook {
        background-position: 0 -288px;
    }

    .office-section .social-icon.vk {
        background-position: 0 -384px;
    }

    .office-section .social-icon.youtube {
        background-position: 0 -576px;
    }

    .office-section .social-icon.instagram {
        background-position: 0 -672px;
    }

    .office-section .social-icon.xing {
        background-position: 0 -768px;
    }

footer .container.copyright {
    text-align: center;
    font-size: 14px;
    line-height: 120px;
    vertical-align: middle;
    color: #000;
    right: 0;
}

footer .copyright-text-container {
    text-align: left;
}

footer .lang-switcher {
    padding-left: 50px;
}

/* =UK site= */
/* =Home page= */
.container-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

.technology-group {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 0;
}

.clients-list {
    padding: 0;
}

    .clients-list li {
        display: inline-block;
        list-style: none;
        padding-right: 25px;
        padding-bottom: 15px;
        max-width: 200px;
        vertical-align: top;
    }

    .clients-list img {
        transition: all .3s ease-in-out;
        max-height: 100px;
    }

.head-title {
    padding-top: 100px;
    line-height: 1.2;
    width: 90%;
    font-family: "Open Sans", sans-serif;
}

.head-subtitle {
    line-height: 1.2;
    font-size: 30px;
    margin-top: 20px;
    font-family: "Open Sans", sans-serif;
}

.title {
    font-size: 40px;
    line-height: 1.2;
    margin: 0 0 20px 0;
    color: #2eaecc;
}

.subtitle {
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}

.link {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
}

    .link:after {
        content: " \00bb";
    }

.footer-uk {
    background-color: #4B4B4D;
}

.chart {
    width: 40%;
    margin-left: 15px;
    float: right;
}

    .chart label {
        width: 40%;
        margin-left: 15px;
        float: right;
    }

    .chart .center-label {
        font-weight: bold;
        text-transform: uppercase;
    }

    .chart .label-line {
        stroke: #393939;
    }

    .chart .label-circle {
        fill: #393939;
    }

/* = UK Media Queries */

/* Extra Small Devices, Phones */
@media (max-width:480px) {
    .title, .head-title {
        font-size: 26px;
    }

    .subtitle, .head-subtitle {
        font-size: 18px;
    }

    .chart {
        width: 100%;
        display: block;
        margin: 0 auto;
        float: none;
    }
}

@media (min-width: 481px) and (max-width: 639px) {
    .head-title {
        font-size: 30px;
    }

    .head-subtitle {
        font-size: 20px;
    }

    .chart {
        width: 70%;
        display: block;
        margin: 0 auto;
        float: none;
    }
}

/* Small Devices, Tablets */
@media (min-width: 640px) and (max-width: 799px) {
    .head-title {
        font-size: 36px;
    }

    .head-subtitle {
        font-size: 24px;
    }
}

/* Small Devices, Tablets */
@media (min-width: 800px) and (max-width: 1023px) {
    .head-title {
        font-size: 36px;
    }

    .head-subtitle {
        font-size: 24px;
    }
}

.form-group.has-error input[type=checkbox] {
    box-shadow: inset 0 0 0px 1pt #a94442;
}

    .form-group.has-error input[type=checkbox]:focus {
        outline: 5px auto #a94442;
    }

.weUseCookies {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
    background-color: #2eaecc;
    color: black;
}

    .weUseCookies .actions {
        margin: 0 10px;
    }

    .weUseCookies a {
        color: black;
        cursor: pointer;
        margin: 0 10px;
        text-decoration: underline;
        white-space: nowrap;
    }
    .weUseCookies a.learnMore {
        
    }

        .weUseCookies a:hover {
            color: dimgray;
        }

        .weUseCookies a.btn {
            margin-left: 50px;
            margin-right: 50px;
            background-color: #119fc0;
            border: 1px solid #095f73;
            font-family: sans-serif;
            font-size: 18px;
            text-transform: uppercase;
            text-decoration: none;
            padding: 3px 7px;
        }

            .weUseCookies a.btn .glyphicon {
                top: 3px;
            }