/* Add here all your CSS customizations */

.border-bot-title:hover {
    color: #000;
    text-decoration: none;
}

.border-bot-title:hover h4 {
    color: #1f84f6;
}

.logo-texode {
    margin-top: -5px;
}

.logo-texode:hover {
    text-decoration: none;
}

.logo-texode:focus {
    color: transparent;
    background: transparent;
}

.logo-texode img {
    max-width: 30px;
    float: left;
    margin: 0 !important;
}

.logo-texode span {
    font-size: 30px;
    line-height: 38px;
    color: #f7f7f7;
    opacity: .8;
    padding-left: 10px;
}

.margin-reset {
    margin: 0 !important;
}

.develop-expert h4 {
    margin-bottom: 25px;
}

.develop-expert li {
    font-size: 18px;
}

.text-banners {
    border: 1px solid rgba(0,96,203,1);
}

.img-center {
    max-width: 150px;
    margin: 0 auto !important;
}

.padding-button {
    padding: 15px 40px !important;
}

.flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.text-banners p {
    font-size: 18px;
    padding: 0;
}

.text-banners h2 {
    transform: translateY(-50%);
    top: 50%;
    position: relative;
}

.text-banners h3 {
    line-height: 1.2;
}

.text-banners span {
    color: #ffffff;
    border-color: #1f84f6;
    font-size: 30px;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
}

.header-social-icons li.active a {
    background: #1f84f6;
    color: #fff !important;
}

.mrg-all {
    margin: 0 5px 5px 0 !important;
}

.header-social-icons.social-icons.hidden-xs {
    display: none;
}

.list.data-company li {
    padding-left: 0;
}

#header .header-btn-collapse-nav {
    margin-top: 0;
}

html.sticky-header-enabled #header.header-semi-transparent .header-body {
    background: black;
}

.h1-like {
    color: #fff;
    font-size: 21px;
    line-height: 21px;
}


@media (max-width: 768px) {
    .feature-box {
        text-align: center;
    }
    .feature-box p {
        text-align: left;
    }
}


/**
* s-title-page
**/
.s-title-page {
    position: relative;
    margin-top: 83px;
    height: 255px;
    overflow: hidden;
}

@media (max-width: 992px) {
    .s-title-page {
        margin-top: 58px;
    }
}

.s-title-page__main {
    height: auto;
    max-height: 520px;
}

.s-title-page__main::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}

/* fix for main page video */
.s-title-page__main .forcefullwidth_wrapper_tp_banner {
    position: absolute!important;
    top: 0;
    bottom: 0;
}

.s-title-page__main .slider-container {background-color: transparent;}

.s-title-page__main video {
    display: block;
    width: 100%;
}

.s-title-page__bg {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 410px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.s-title-page__bg_software-development {
    background-image: url(../img/title-page_bg/software-development.jpg);
}
.s-title-page__bg_web-development {
    background-image: url(../img/title-page_bg/web-development.jpg);
}
.s-title-page__bg_mobile-app-development {
    background-image: url(../img/title-page_bg/mobile-app-development.jpg);
}
.s-title-page__bg_information-technology-consulting {
    background-image: url(../img/title-page_bg/information-technology-consulting.jpg);
}
.s-title-page__bg_manual-testing {
    background-image: url(../img/title-page_bg/manual-testing.jpg);
}
.s-title-page__bg_automated-testing {
    background-image: url(../img/title-page_bg/automated-testing.jpg);
}
.s-title-page__bg_ux-ui-design {
    background-image: url(../img/title-page_bg/ux-&-ui-design.jpg);
}
.s-title-page__bg_dedicated-teams {
    background-image: url(../img/title-page_bg/dedicated-teams.jpg);
}
.s-title-page__bg_net-development-expertise {
    background-image: url(../img/title-page_bg/net-development-expertise.jpg);
}
.s-title-page__bg_c-plus-software-development-expertise {
    background-image: url(../img/title-page_bg/c-plus-software-development-expertise.jpg);
}
.s-title-page__bg_php-development-expertise {
    background-image: url(../img/title-page_bg/php-development-expertise.jpg);
}
.s-title-page__bg_front-end-development-expertise {
    background-image: url(../img/title-page_bg/front-end-development-expertise.jpg);
}
.s-title-page__bg_ux-ui-expertise {
    background-image: url(../img/title-page_bg/ux-&-ui-expertise.jpg);
}
.s-title-page__bg_about {
    background-image: url(../img/title-page_bg/about.jpg);
}
.s-title-page__bg_careers {
    background-image: url(../img/title-page_bg/careers.jpg);
}
.s-title-page__bg_testimonials {
    background-image: url(../img/title-page_bg/testimonials.jpg);
}
.s-title-page__bg_portfolio {
    background-image: url(../img/title-page_bg/portfolio.jpg);
}
.s-title-page__bg_contacts {
    background-image: url(../img/title-page_bg/contacts.jpg);
}

.title-page-wrap {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.title-page {
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 4px 10px;
    line-height: 1.4;
    background: rgba(0, 0, 0, 0.4);
}


/**
*falcongaze
**/

.falcongaze-wrap .row>div{
    margin-top: 20px;
}

.falcongaze-wrap .container>p{
    max-width: 560px;
    margin: 0 auto;
}

.falcongaze-wrap img{
    max-width: 100%;
}

.falcongaze-list div{
    margin-bottom: 10px;
}

.falcongaze-list h4{
    margin-bottom: 8px;
}

@media screen and (max-width: 992px) {
    .falcongaze-wrap .row>div:nth-child(2){
        text-align: center;
    }
}


/**
* clients-partners
**/
.partners-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
    .partners-wrap > div {
        width: 100%;
    }
}

.partners {
    display: inline-block;
    width: 165px;
    height: 75px;
    background-image: url("../img/logos/logos-sprite.png");
    background-repeat: no-repeat;
}

.partners--falcongaze {
    background-position: -180px -5px;
}
.partners--falcongaze:hover {
    background-position: -5px -5px;
}

.partners--kiosker {
    background-position: -180px -90px;
}
.partners--kiosker:hover {
    background-position: -5px -90px;
}

.partners--normativka {
    background-position: -180px -175px;
}
.partners--normativka:hover {
    background-position: -5px -175px;
}

.partners--praca {
    background-position: -180px -260px;
}
.partners--praca:hover {
    background-position: -5px -260px;
}

.partners--prestamos-prima {
    background-position: -355px -90px;
}
.partners--prestamos-prima:hover {
    background-position: -355px -5px;
}

.partners--spadoba {
    background-position: -355px -260px;
}
.partners--spadoba:hover {
    background-position: -355px -175px;
}

.partners--frontbyte {
    display: inline-block;
    width: 163px;
    height: 37px;
    background-image: url("../img/logos/partners-frontbyte.png");
    background-repeat: no-repeat;
}
.partners--frontbyte:hover {
    background-position: 0 -38px;
}

.partners--finetune {
    display: inline-block;
    width: 159px;
    height: 48px;
    background-image: url(../img/logos/partners-finetune.png);
    background-repeat: no-repeat;
}
.partners--finetune:hover {
    background-position: 0 -48px;
}


/**
* owl-carousel__reviews
**/
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item {
    display: flex;
    align-items: center;
}

.owl-carousel__reviews .owl-nav [class*="owl-"] {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.owl-carousel__reviews .owl-nav .owl-prev,
.owl-carousel__reviews .owl-nav .owl-next {
    width: 19px;
    height: 36px;
    background-image: url(../img/carousel-reviews__nav.png);
    background-repeat: no-repeat;
    opacity: 0.4;
}

.owl-carousel__reviews .owl-nav .owl-prev:hover,
.owl-carousel__reviews .owl-nav .owl-next:hover {
    opacity: 0.8;
}

.owl-carousel__reviews .owl-nav .owl-prev:active,
.owl-carousel__reviews .owl-nav .owl-prev:focus,
.owl-carousel__reviews .owl-nav .owl-next:active,
.owl-carousel__reviews .owl-nav .owl-next:focus {
    background-color: transparent;
    border: none;
}

.owl-carousel__reviews .owl-nav .owl-prev::before,
.owl-carousel__reviews .owl-nav .owl-next::before {
    display: none;
}

.owl-carousel__reviews .owl-nav .disabled,
.owl-carousel__reviews .owl-nav .disabled:hover {
    opacity: .15;
}


.owl-carousel__reviews .owl-nav .owl-prev {
    left: -15px;
    background-position: 0 0;
}

.owl-carousel__reviews .owl-nav .owl-next {
    right: -15px;
    background-position: -19px 0;
}

@media screen and (max-width: 768px) {
    .owl-carousel__reviews .owl-nav {
        display: none;
    }
}


/**
* testimonial-page
**/
.testimonial__title {
    color: #1d2127;
    font-size: 25px;
    font-weight: 700;
}

.testimonial__blockquote {
    text-align: left;
}

.testimonial-author {
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial-author__ava {
    margin-right: 10px;
    width: 39px;
    height: 39px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial-author p {
    text-align: left!important;
}

.testimonial-author strong {
    padding-top: 0!important;
}


/**
* team-video
**/
.team-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 1px solid #ccc;
}
.team-video iframe,.team-video object,.team-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**
* technology-logo
**/
.technology-logo {
    text-align: center;
}

.technology-logo img {
    max-width: 100%;
    margin-bottom: 15px;
}


/**
*  careers page
**/
.jump-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
    padding-top: 25px;
    border-top: 1px solid #d3d3d3;
}
@media screen and (max-width: 768px) {
    .jump-box {
        display: block;
    }
}

.jump-box__btn {
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    margin-left: 15px;
    padding: 13px 46px 13px 12px;
    color: #fefeff;
    font-size: 17px;
    font-weight: 600;
    background-color: #1f83f5;
    border: none;
    outline: none!important;
}
.jump-box__btn:hover {
    opacity: .8;
}
.jump-box__btn i {
    position: absolute;
    right: 12px;
    top: 5px;
    vertical-align: middle;
    font-size: 35px;
}
@media screen and (max-width: 768px) {
    .jump-box__btn {
        margin-left: 0;
    }
}
@media screen and (max-width: 480px) {
    .jump-box__btn {
        width: 100%;
        margin-left: 0;
        padding: 7px 10px 7px 10px;
    }
    .jump-box__btn i {
        position: relative;
        right: -10px;
        top: -1px;
    }
}

/* toggle */
.toggle-wrapper {
    margin: 10px 0 20px;
    position: relative;
    clear: both;
}

.toggle {
    margin: 10px 0 0;
}

.toggle.active > .toggle__title {
    color: #fff;
    background-color: #2f2f2f;
}

.toggle__title {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding: 12px 60px 12px 22px;
    color: #1f84f6;
    font-size: 20px;
    font-weight: 400;
    background-color: #F4F4F4;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.toggle__title:hover {
    background: #1f83f5;
    color: #fff;
}

.toggle__arr {
    position: absolute;
    font: 35px "FontAwesome";
    color: #fff;
    right: 0;
    top: 0;
    width: 46px;
    height: 100%;
    background-color: #1f83f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.toggle-content {
    padding: 25px 20px;
    border: 1px solid #d9d9d9;
    border-top: none;
}

.toggle > .toggle-content {
    display: none;
}

.toggle-content h3 {
    margin: 20px 0 10px;
    color: #1d2127;
    font-size: 20px;
    font-weight: 600;
}

.toggle-content h3:first-child {
    margin-top: 0;
}

.toggle-content p {
    margin-bottom: 12px;
    line-height: 1.2;
    color: #1d2127;
    font-size: 17px;
}

.toggle-content ul {
    margin-bottom: 20px;
    padding-left: 20px;
    color: #1d2127;
    font-size: 17px;
}

.toggle-content li {
    margin-bottom: 12px;
    line-height: 1.2;
}

.toggle-content li:last-child {
    margin-bottom: 0;
}

.toggle-content__btn {
    position: relative;
    margin-top: 5px;
    padding: 13px 45px 13px 15px;
    background-color: #1f83f5;
    color: #fff;
    font-size: 17px;
    border: none;
}

.toggle-content__btn:hover {
    opacity: .8;
}

.toggle-content__btn i {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    font-size: 23px;
}


/* s-photo */
.s-photo {
    border-top: 1px solid #fff;
}
.s-photo img {
    float: left;
    width: 14.285714286%;
    height: auto;
}
@media screen and (max-width: 1200px) {
    .s-photo img {
        width: 16.666666667%;
    }
}
@media screen and (max-width: 992px) {
    .s-photo img {
        width: 33.33%;
    }
}
@media screen and (max-width: 576px) {
    .s-photo img {
        width: 50%;
    }
}

/* section_offer */
.section_offer {
    color: #1d2127;
    background: #f4f4f4 url(../img/bg-city.png) center bottom/cover no-repeat!important;
}
.section-offer__text {
    font-size: 17px;
}
.section_offer ul {
    margin: 0 0 0 20px;
    padding: 0;
    list-style-position: outside;
    font-size: 17px;
}
.section_offer li {
    margin-bottom: 12px;
    line-height: 1.2;
}
.section_offer li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .offer-col {
        margin-bottom: 35px;
    }
    .offer-col .heading-dark,
    .offer-col .divider {
        text-align: center;
    }
    .offer-col .divider hr {
        display: inline-block;
    }
}

/* form-site */
.form-site {
    position: relative;
    margin: 0 auto;
    max-width: 582px;
}

.form-site__subtitle {
    margin: 0 auto 35px;
    max-width: 582px;
    color: #1d2127;
    font-size: 17px;
}

.form-site__content-blur {
    webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    filter: blur(7px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='7');
}

.form-site__msg {
    position: absolute;
    z-index: 3;
    top: -15px;
    bottom: -15px;
    left: -15px;
    right: -15px;
    padding: 15px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 7px solid #d3d3d3;
    text-align: center;
}

.form-site__msg-btn {
    display: inline-block;
    padding: 13px 40px;
    text-transform: uppercase;
    margin-top: 35px;
    color: #fff;
    background-color: #1f83f5;
    font-size: 23px;
    cursor: pointer;
    transition: opacity .25s ease;
}

.form-site__msg-btn:hover {
    text-decoration: none;
    opacity: .8;
    color: #fff;
}

.form-site__msg-text {
    font-size: 22px;
    color: #000;
}

.form-site__msg.preloader:before {
    content: '';
    background: url('/img/forms/wait.gif') no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
    left: -15px;
    bottom: 0;
    z-index: 2;
}

.form-site__msg-icon {
    display: inline-block;
    margin-bottom: 35px;
    width: 130px;
    height: 130px;
}

.form-site__msg.success .form-site__msg-icon {
    background: url('/img/forms/success.png') no-repeat center;
}

.form-site__msg.fatal .form-site__msg-icon {
    background: url('/img/forms/fatal.png') no-repeat center;
}



.form-site__box {
    margin-bottom: 28px;
}
.form-site__box.error div[data-errors]{
    color: #c50c15;
}
.form-site__label {
    display: block;
    margin-bottom: 5px;
    color: #1d2127;
    font-size: 17px;
    font-weight: 600;
}
.form-site__label span {
    font-weight: 300;
}
.form-site__box input {
    padding: 11px 15px;
    width: 100%;
    border: 1px solid rgba(0,0,0,.1);
    color: #1d2127;
    font-size: 17px;
    outline: none;
}
.form-site__box.error input,select {
    border-color: #c50c15;
}
.form-site__box input:focus {
    border-color: #adadad;
}
.row__relative {
    position: relative;
}
.input-separator {
    position: absolute;
    left: 48.5%;
    top: 13px;
    color: #1d2127;
    font-size: 14px;
    text-transform: uppercase;
}
@media screen and (max-width:768px) {
    .input-separator {
        position: static;
        margin: 10px 0;
        text-align: center;
    }
}

.ezdz-dropzone {
    position: relative;
    z-index: 1;
}

.ezdz-dropzone:hover + .custom-input-file {
    border-color: rgba(21, 115, 222, .3);
}

.input-file-wrapper {
    position: relative;
}

.input-file[type=file] {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.custom-input-file {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 15px;
    right: 15px;
    padding: 11px 15px;
    color: #1573de;
    font-size: 17px;
    border: 1px dashed #1573de;
}

.custom-input-file--wide {
    left: 0;
    right: 0;
}

.form-site__box.error .custom-input-file {
    border-color: #c50c15;
}

@media screen and (max-width:768px) {
    .custom-input-file {
        text-align: center;
    }
}
.box-filename {
    color: #1d2127;
    font-size: 14px;
}
.box-filename span {
    display: inline-block;
    margin-top: 12px;
}
.box-filename__icon {
    position: relative;
    top: -2px;
    margin-right: 10px;
    color: #1f83f5;
    font-size: 23px;
    vertical-align: middle;
}
.box-filename__close {
    vertical-align: middle;
    margin-left: 5px;
    color: #949494;
}
.box-filename__close:hover {
    cursor: pointer;
}

.form-site__submit {
    padding: 12px 15px;
    width: 100%;
    color: #fff;
    font-size: 17px;
    background-color: #1f83f5;
    border: none;
}
.form-site__submit:hover {
    opacity: .8;
}
.form-site__submit i {
    margin-left: 11px;
}

.form-site .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
.form-site .btn-default {
    padding: 10px 15px;
    border: 1px solid rgba(0,0,0,.1);
    color: #1d2127;
    font-size: 17px;
    outline: none!important;
}
.form-site .btn-default:hover {
    background-color: #fff;
}
.form-site .bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
}
.form-site .btn-group.open .dropdown-toggle {
    background-color: #fff;
    box-shadow: none;
}
.form-site .btn-group.open .dropdown-toggle:hover {
    background-color: #fff;
}
.form-site .btn-default.focus, .btn-default:focus {
    background-color: #fff;
}

.form-site .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 46%;
    right: 12px;
    border: 12px solid transparent;
    border-top: 12px solid #999;
}
.form-site .bootstrap-select.btn-group .dropdown-toggle .caret::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    bottom: -8px;
    left: -10px;
}

.form-site textarea {
    padding: 15px;
    width: 100%;
    height: 136px;
    color: #7f8080;
    font-size: 17px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    resize: none;
    outline: none;
}

.form-site textarea:focus {
    border-color: #adadad;
}


/**
* portfolio
**/
@media screen and (max-width:480px) {
    .section.section_portfolio {
        padding: 0;
    }

    .portfolio-no-padding {
        padding: 0;
    }
}

.portfolio-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.portfolio-item {
    position: relative;
    margin-bottom: 97px;
    padding: 30px 25px 30px 50px;
    border-top: 3px solid;
    background-color: #f3f3f3;
}
@media screen and (max-width:992px) {
    .portfolio-item {
        padding-left: 25px;
    }
}
@media screen and (max-width:768px) {
    .portfolio-item {
        padding-bottom: 0;
        text-align: center;
    }
}
@media screen and (max-width:480px) {
    .portfolio-item {
        margin-bottom: 0;
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.portfolio-item_project {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
}
.portfolio-item:last-child {
    margin-bottom: 0;
}
.portfolio-item_spadoba {
    border-color: #fddb3d;
}
.portfolio-item_jafme {
    border-color: #6fa52f;
}
.portfolio-item_falcongaze {
    border-color: #1d4f89;
}
.portfolio-item_praca {
    border-color: #db3333;
}
.portfolio-item_normativka {
    border-color: #659b07;
}
.portfolio-item_kiosker {
    border-color: #4d5f6d;
}

.portfolio-item__info {
    width: 43%;
}
@media screen and (max-width:992px) {
    .portfolio-item__info {
        width: 49%;
    }
}
@media screen and (max-width:768px) {
    .portfolio-item__info {
        width: 100%;
        margin-bottom: 20px;
    }
}

.portfolio-item__title {
    margin-bottom: 7px;
    font-size: 31px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: none;
}
.portfolio-item__title_project {
    margin-bottom: 19px;
    font-size: 36px;
}
@media screen and (max-width:480px) {
    .portfolio-item__title_project {
        font-size: 31px;
    }
}
.portfolio-item__title a {
    color: #000;
}
.portfolio-item__title a:hover {
    text-decoration: none;
}
.portfolio-item__title a:hover {
    color: #0060cb;
}

.portfolio-item__description {
    margin-bottom: 0;
    min-height: 188px;
    color: #3b3b3b;
}
.portfolio-item__description_project {
    min-height: 100%;
    font-size: 20px;
    line-height: 1.3;
    opacity: .8;
}
@media screen and (max-width:480px) {
    .portfolio-item__description_project {
        font-size: 14px;
    }
}

.portfolio-item__link-project {
    display: inline-block;
    margin-top: 11px;
}
@media screen and (max-width:768px) {
    .portfolio-item__link-project {
        margin-top: 0;
    }
}
.portfolio-item__link-project i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
@media screen and (max-width:768px) {
    .portfolio-item__description {
        min-height: 100%;
        margin-bottom: 10px;
    }
}

.portfolio-platform {
    position: relative;
    margin-top: 20px;
    padding: 20px 0 0;
    list-style-type: none;
}
@media screen and (max-width:768px) {
    .portfolio-platform {
        padding-top: 0;
    }
}
.portfolio-platform::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 1px;
    width: 150%;
}
.portfolio-platform_spadoba::before {
    background-color: #fddb3d;
}
.portfolio-platform_jafme::before {
    background-color: #6fa52f;
}
.portfolio-platform_falcongaze::before {
    background-color: #1d4f89;
}
.portfolio-platform_praca::before {
    background-color: #db3333;
}
.portfolio-platform_normativka::before {
    background-color: #659b07;
}
.portfolio-platform_kiosker::before {
    background-color: #4d5f6d;
}
@media screen and (max-width:992px) {
    .portfolio-platform::before {
        width: 204%;
    }

    .portfolio-platform_project::before {
        width: 150%;
    }
}
@media screen and (max-width:768px) {
    .portfolio-platform::before {
        display: none;
    }
}

.portfolio-platform__item {
    display: inline-block;
    color: #3b3b3b;
}

.portfolio-platform__item +.portfolio-platform__item {
    margin-left: 15px;
}

.portfolio-platform__item i{
    margin-right: 7px;
    font-size: 18px;
    line-height: 1;
    color: #1f83f5;
}


.portfolio-item__pic {
    position: absolute;
    top: 30px;
    right: 0;
    padding-right: 25px;
    width: 55%;
    text-align: right;
    z-index: 1;
}
.portfolio-item__pic_project {
    position: relative;
    top: 0;
    padding-right: 0;
}
.portfolio-item__pic img {
    display: inline-block;
}
@media screen and (max-width:992px) {
    .portfolio-item__pic {
        width: 49%;
    }
}
@media screen and (max-width:768px) {
    .portfolio-item__pic {
        position: static;
        padding-right: 0;
        width: 100%;
        text-align: center;
    }
    .portfolio-item__pic img {
        margin-bottom: -18px;
    }
    .portfolio-item__pic_project img {
        margin-bottom: 0;
    }
}
@media screen and (max-width:480px) {
    .portfolio-item__pic img {
        margin-bottom: 0;
    }
}

.portfolio-project {
    margin-top: 83px;
}
@media screen and (max-width: 992px) {
    .portfolio-project  {
        margin-top: 58px;
    }
}


/* tp-revslider */
.tp-revslider-mainul {
    box-shadow: inset 0 6px 12px rgba(0,0,0,.24);
}
@media screen and (max-width: 580px) {
    .forcefullwidth_wrapper_tp_banner .tparrows {
        display: none;
    }
}


/* portfolio-project-descr */
.portfolio-project-descr__item {
    margin-bottom: 40px;
}
.portfolio-project-descr__item:last-child {
    margin-bottom: 0;
}
.portfolio-project-descr__item p {
    font-size: 20px;
    color: #585858;
    line-height: 1.4;
}
@media screen and (max-width: 480px) {
    .portfolio-project-descr__item p {
        font-size: 16px;
    }
}
.portfolio-project-descr__item dl {
    margin-bottom: 0;
}
.portfolio-project-descr__item dt,
.portfolio-project-descr__item dd {
    font-size: 20px;
    line-height: 1.4;
}
.portfolio-project-descr__item dt {
    color: #585858;
    font-weight: 600;
}
.portfolio-project-descr__item dd:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 480px) {
    .portfolio-project-descr__item dt,
    .portfolio-project-descr__item dd {
        font-size: 14px;
        line-height: 1.4;
    }
}


.portfolio-project-descr__title {
    font-size: 31px;
    font-weight: 600;
    color: #000;
}
@media screen and (max-width: 480px) {
    .portfolio-project-descr__title {
        font-size: 20px;
    }
}

/* project-nav */
.project-nav {
    display: flex;
}
.project-nav__item {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 50%;
    position: relative;
    padding: 25px 20px;
    background-color: #282828;
    color: #fff;
}
@media screen and (max-width:480px) {
    .project-nav__item {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.project-nav__item:nth-child(1) {
    border-right: 1px solid #3f3f3f;
}
.project-nav__item:nth-child(2) {
    border-left: 1px solid #3f3f3f;
}
.project-nav__item:hover {
    background-color: #1f83f5;
    text-decoration: none;
    color: #fff;
    border-color: #1f83f5;
}
.project-nav__item .fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
    line-height: 1;
}
.project-nav__item .fa-angle-left {
    left: 35px;
}
.project-nav__item .fa-angle-right {
    right: 35px;
}

@media screen and (max-width:480px) {
    .project-nav__item .fa {
        top: 47%;
    }
    .project-nav__item .fa-angle-left {
        left: 10px;
    }
    .project-nav__item .fa-angle-right {
        right: 10px;
    }
}
.project-nav__item strong {
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
}
.project-nav__item span {
    font-size: 20px;
}
@media screen and (max-width:480px) {
    .project-nav__item strong {
        font-size: 10px;
    }
    .project-nav__item span {
        display: none;
    }
}


/**
* step
**/

.steps-wrapper {
    padding-top: 66px;
}
@media screen and (max-width: 992px) {
    .steps-wrapper {
        display: flex;
        justify-content: space-between;
    }
}
@media screen and (max-width: 580px) {
    .steps-wrapper {
        display: block;
    }
}

.steps {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 992px) {
    .steps {
        display: block;
        width: 65%;
    }
}
@media screen and (max-width: 580px) {
    .steps {
        width: 100%;
    }
}

.steps-icon {
    display: none;
}
@media screen and (max-width: 992px) {
    .steps-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35%;
    }
}
@media screen and (max-width: 580px) {
    .steps-icon {
        justify-content: flex-start;
        width: 100%;
        margin-top: -25px;
        padding-left: 17px;
    }
}

.step {
    position: relative;
    flex-grow: 1;
    flex-basis: 25%;
}
@media screen and (max-width: 992px) {
    .step {
        display: flex;
        align-items: flex-start;
    }
}

.step::before {
    position: absolute;
    content: '';
    left: 40px;
    top: 14px;
    height: 1px;
    width: 82%;
    border-bottom: 2px dotted #7a7d7f;
}

.step:last-child::before {
    width: 49%;
}

.step:last-child::after {
    position: absolute;
    content: '';
    right: -9px;
    top: -90px;
    height: 106px;
    width: 144px;
    background-image: url('/img/steps/rocket.svg');
    background-repeat: no-repeat;
}
@media screen and (max-width: 992px) {
    .step::before {
        width: 1px;
        height: 100%;
        left: 15px;
        top: 6px;
        border-bottom: none;
        border-left: 2px dotted #7a7d7f;
    }

    .step:last-child::before {
        display: none;
    }

    .step:last-child::after {
        display: none;
    }
}

.step__number {
    position: relative;
    display: inline-block;
    margin-bottom: 23px;
    padding: 4px 2px 4px 5px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #1f84f6;
    text-align: center;
}
@media screen and (max-width: 992px) {
    .step__number {
        flex-shrink: 0;
        margin: 6px 20px 0 0;
    }
}

.step__number::after {
    position: absolute;
    content: '';
    left: 100%;
    top: 0;
    border: 15px solid transparent;
    border-left: 6px solid #1f84f6;
}

.step__title {
    margin-bottom: 5px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

.step__text {
    padding-right: 10px;
    color: #000;
    font-size: 17px;
}

/**
* section--steps-cooperation
**/
section.section--steps-cooperation {
    background: url('/img/graphics.jpg') center center/cover no-repeat;
}
.section--steps-cooperation .step:last-child::after {
    right: -45px;
    background-size: 144px 106px;
}
@media screen and (max-width: 1200px) {
    .section--steps-cooperation .step:last-child::after {
        top: -74px;
        right: -53px;
        background-size: 120px 90px;
    }
}

/**
* section--workflow
**/
.section--workflow .step:last-child::after {
    width: 72px;
    height: 75px;
    top: -53px;
    background-color: #fff;
    background-image: url('/img/steps/fireworks.svg');
}

/**
* section--mobile-dev
**/
.section--mobile-dev .step:last-child::after {
    width: 111px;
    height: 77px;
    top: -61px;
    right: -23px;
    background-color: #fff;
    background-image: url('/img/steps/plane.svg');
}
@media screen and (max-width: 580px) {
    .steps-icon__tablets {
        display: none;
    }
}

.steps-icon__mobile {
    display: none;
}
@media screen and (max-width: 580px) {
    .steps-icon__mobile {
        display: block;
    }
}



/**
* list--competencies
**/
.list--competencies {
    font-size: 17px;
}


/**
* contact-us
**/
section.section--contact-us {
    background: url('/img/contact-us.jpg') center center/cover no-repeat;
}

.contact-us {
    text-align: center;
    font-size: 17px;
}

.contact-us p {
    color: #1d2127;
}

.contact-us__btn {
    display: inline-block;
    border: none;
    padding: 13px 37px;
    color: #fff;
    background-color: #1f84f6;
    transition: opacity .25s ease;
}

.contact-us__btn:hover {
    color: #fff;
    text-decoration: none;
    opacity: .8;
}


/**
* list-check
**/
.list-check {
    font-size: 17px;
    color: #000;
}

.list-check li {
    margin: 7px 0;
}


/**
* section--expertise
**/
.section--expertise .img-responsive {
    display: inline-block;
}


.icon-confluence {
    display: inline-block;
    width: 28px;
    height: 24px;
    background-image: url('/img/icons/confluence-mark.svg');
}

.icon-framework {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('/img/icons/framework.svg');
}

.icon-bootstrap {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/img/icons/bootstrap.svg');
}

.icon-axure {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url('/img/icons/axure.svg');
}

.icon-moqups {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/img/icons/moqups.svg');
}

.icon-balsamiq {
    display: inline-block;
    width: 24px;
    height: 25px;
    background-image: url('/img/icons/balsamiq.svg');
}

.icon-uxpin {
    display: inline-block;
    width: 45px;
    height: 33px;
    background-image: url('/img/icons/uxpin.svg');
}

.icon-gliffy {
    display: inline-block;
    width: 25px;
    height: 24px;
    background-image: url('/img/icons/gliffy.svg');
}


/**
* numeric-list
**/
.numeric-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.numeric-list__item {
    display: flex;
}

.numeric-list__number {
    margin-right: 25px;
    font-size: 22px;
    font-weight: 700;
    color: #1f84f6;
}

.numeric-list__content {
    color: #000;
}

.numeric-list__title {
    font-size: 22px;
    font-weight: 600;
}

.numeric-list__text {
    font-size: 17px;
}


/**
* section--cooperation
**/
section.section--cooperation {
    background: url('/img/cooperation.jpg') center center/cover no-repeat;
}

.cooperation-qa {
    font-size: 17px;
    color: #000;
}

.check-heading--sm .check-heading__title {
    margin-bottom: 0;
    font-size: 17px;
}

.check-heading--sm .check-heading__item {
    margin-bottom: 8px;
}

.check-heading__item {
    position: relative;
    margin-bottom: 35px;
    padding-left: 30px;
    color: #000;
}

.check-heading__item .fa-check{
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 22px;
    color: #1f84f6;
}

.check-heading__title {
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 600;
}

.check-heading__text {
    margin-bottom: 0;
    font-size: 17px;
}


/* monitor-variant-img */
.monitor-variant-img img {
    margin-bottom: 40px;
}


/**
* expertise-content
**/
.expertise-content {
    padding-top: 25px;
}

@media screen and (max-width: 1200px) {
    .expertise-content {
        padding-top: 0;
    }
}

/**
* about page
**/



/**
* contact-info-wrap
**/
.contact-info-wrap {
    display: flex;
}

@media (max-width: 860px) {
    .contact-info-wrap {
        display: block;
    }
}

.contact-info-box {
    flex-basis: 50%;
}

.contact-info-box_content {
    display: flex;
    justify-content: flex-end;
    padding: 55px 85px 55px 15px;
}

@media (max-width: 1200px) {
    .contact-info-box_content {
        padding-right: 15px;
    }
}

.contact-info-box_map {
    position: relative;
}

.google-container {
    width: 100%;
    height: 100%;
}

@media (max-width: 860px) {
    .google-container {
        height: 283px;
    }
}

.contact-info {
    width: 100%;
    max-width: 487px;
}

@media (max-width: 1200px) {
    .contact-info {
        max-width: none;
    }
}

.contact-info__title {
    margin-bottom: 25px;
    color: #010000;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.1;
}

.contact-info__subtitle {
    margin-bottom: 15px;
    color: #1d2127;
    font-weight: 600;
    font-size: 22px;
}

.contact-info__subtitle small {
    font-size: 17px;
}

.contact-general {
    margin-bottom: 20px;
}

.contact-general__title {
    margin-bottom: 6px;
    color: #1d2127;
    font-size: 17px;
    font-weight: 600;
}

.contact-general__list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #1d2127;
    font-size: 17px;
}

.contact-general__item {
    display: flex;
}

.contact-general__icon {
    width: 30px;
}

.contact-general__icon i {
    color: #1f84f6;
    font-size: 23px;
}

.contact-department {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
}

.contact-department__item {
    font-size: 17px;
}

@media (max-width: 480px) {
    .contact-department__item {
        font-size: 14px;
    }
}

.contact-department__item + .contact-department__item {
    margin-left: 40px;
}

@media (max-width: 480px) {
    .contact-department__item + .contact-department__item {
        margin-left: 18px;
    }
}

.contact-department__title {
    margin-bottom: 5px;
    color: #1d2127;
    font-weight: 600;
}

.contact-department__phone {
    margin-bottom: 4px;
    color: #1d2127;
}

@media (max-width: 480px) {
    .contact-department__title,
    .contact-department__phone {
        margin-bottom: 0;
    }
}