.language-display {
    display: none;
}

.menu-item-language {
    margin: 0 2px !important;
}

.menu-item-language .menu-text-en span,
.menu-item-language .menu-text-ru span {
    color: #fff;
    text-transform: lowercase;
}

.menu-item-language .menu-text-en span:hover,
.menu-item-language .menu-text-ru span:hover {
    color: #f1574d;
}

.menu-item-language .menu-text-en span::before {
    margin-right: 10px;
    content: "|";
    color: #fff;
}

/*.text-block {*/
/*width: 100%;*/
/*max-width: 60.63em;*/
/*padding: 2.19em 1.25em;*/
/*margin: 0 auto;*/
/*border: 4px solid #FFCD00;*/
/*box-shadow: 0 4px 24px -3px #999;*/
/*font: normal 1em/1.56em 'Open Sans', sans-serif;*/
/*}*/

/*---*/

h1 {
    font: bold 3.75em/1.15em "Roboto Slab", sans-serif;
    color: #414042;
    text-align: center;
    margin: 3.75rem 0 2.5rem 0;
}

.that-had .that-had-container .that-had-cards .card-that-had h2 {
    font: bold 1.5em/1.3em "roboto slab", sans-serif !important;
}

.we-want-block {
    background: url(../img/about/bg-02_.png) left top repeat;
    background-size: cover;
}

.we-want-block h1 {
    color: #ffffff;
}

.structure {
	display: none!important; /* hide structure */
    background: url(../img/about/bg-01_@2x.png.png) left top repeat;
    background-size: cover;
    padding-bottom: 5em;
}

.structure img {
    margin: 0 auto;
    display: flex;
    max-width: 990px;
    width: 100%;
}

.structure h1 {
    color: #fff;
}

.structure-btn {
    display: flex;
    justify-content: center;
    padding: 1em 2.5em;
    color: #fff;
    font: bold 3.75em/1.4em "Roboto Slab", sans-serif;
    text-align: center;
}

@media only screen and (max-device-width: 767px) {
    .structure-img {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) {
    .structure-btn {
        display: none;
    }
}

.about-general-container {
    background: url(../img/about/bg-03_@2x.png.png) left top repeat;
    background-size: cover;
    padding-bottom: 5em;
}

@media only screen and (min-device-width: 768px) {
    .history-container {
        background: url(../img/about/line-h-11.png) center top no-repeat !important;
        background-size: 2.51em;
        background-position-y: 8.13em;
        display: flex;
        flex-flow: column wrap;
        align-content: space-around;
    }
}

/* we want to */
.we-want {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-bottom: 5em;
}

.we-want-card {
    position: relative;
    padding: 1em;
    width: 22.5em;
    height: 31em;
    max-width: 22.5em;
    border-radius: 0.31em;
    border: 2px solid #D1D3D4;
    background-color: #fff;
    box-shadow: 0 0 12px -2px #666;
    background-size: 8.13em 8.13em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 2.63em;
    margin: 1.25em;
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
}

.we-want-card img {
    width: 12em;
    height: 12em;
    margin: 12% auto 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.we-want-card h4 {
    font: bold 1.2em/1.4em 'roboto slab', sans-serif;
    color: #000;
    text-align: center;
}

.we-want-card a {
    text-decoration: none;
    color: #000000;
}

/* what we do */

.that-had .that-had-container .that-had-cards .card-that-had {
    padding-top: 14.5em;
    width: 22.5em;
    height: 27em;
    max-width: 22.5em;
    border-radius: 0.31em;
    border: 2px solid #D1D3D4;
    background-color: #fff;
    box-shadow: 0 0 12px -2px #666;
    background-size: 10em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 2.63em;
    margin: 1.25em;
}

.that-had .that-had-container .that-had-cards .card-that-had p {
    font: normal 1.06em/1.5em "Open Sans", sans-serif !important;
}

.that-had .that-had-container .that-had-cards .card-that-had h2 {
    font: bold 1.5em/2rem "roboto slab", sans-serif;
    color: #222;
    text-align: center;
    margin: 0;
}

.that-had .that-had-container .that-had-cards .card-that-had {
    height: auto !important;
}

.wwd-card {
    border: 4px solid #FFCD00;
}

.wwd-card p {
    margin-top: 15px !important;
}

.bg-card-20 {
    background-image: url(../img/about/il-1_2.png);
}

.bg-card-21 {
    background-image: url(../img/about/il-2_2.png);
}

.bg-card-22 {
    background-image: url(../img/about/il-3_2.png);
}

.bg-card-23 {
    background-image: url(../img/about/il-4_2.png);
}

.bg-card-24 {
    background-image: url(../img/about/il-5_2.png);
}

.bg-card-25 {
    background-image: url(../img/about/il-6_2.png);
}

.bg-card-26 {
    background-image: url(../img/about/il-7_2.png);
}

.bg-card-27 {
    background-image: url(../img/about/il-8_3.png);
}

.footer .social-block .social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0 5px !important;
    border-radius: 50%;
    background: linear-gradient(#ffcc00, #daa811);
    color: #323644;
    font-size: 16px;
    font-weight: 400;
    box-shadow: none;
    text-decoration: none;
}

footer .copy {
    color: #a6b0b3;
    font-size: 13px;
}

footer .f-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 1170px;*/
    margin: 0 auto;
}

footer .f-wrapper .f-col {
    display: flex;
    width: 50%;
}

footer .f-wrapper .f-col:last-child {
    justify-content: flex-end;
}

/* Add footer */

.contact-info {
    background-color: #3d424f;
    padding: 30px;
    line-height: 1.75;
}

.contact-info .f-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    max-width: 1170px;
    margin: 0 auto;
}

.contact-info .f-col {
    display: flex;
    width: 50%;
}

.contact-info .f-col:last-child {
    display: flex;
    justify-content: flex-end;
}

.contact-info .about-teenergizer .footer-logo {
    margin-bottom: 20px;
}

.contact-info .about-teenergizer {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.contact-info .about-teenergizer a {
    color: #ffffff;
    text-decoration: underline;
}

.f-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.f-contact-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #555;
    min-width: 270px;
    max-width: 100%;
}

.f-contact-wrapper a {
    text-decoration: none;
    color: #a6b0b3;
}

.f-contact .f-contact-wrapper a:hover,
.f-contact .f-contact-wrapper .phones a:hover,
.f-contact .f-contact-wrapper .phones a:hover .code {
    color: #fecd08;
}

.f-contact .f-contact-wrapper:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.f-contact .f-contact-wrapper:last-child {
    border-bottom: none;
}

.f-contact .icon {
    font-size: 26px;
    margin-right: 20px;
    color: #ddd;
    text-align: center;
    width: 26px;
}

.f-contact .f-contact-wrapper .phones a {
    color: #ffffff;
}

.f-contact .phones .tel {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.f-contact .phones .code {
    color: #999;
    font-size: 16px;
    transition: 400ms;
}

.f-contact .f-contact-wrapper .email {
    font-size: 17px;
}

.f-contact .address {
    text-align: right;
    font-size: 15px;
}

@media only screen and (max-device-width: 767px) and (min-device-width: 320px) {
    .contact-info .about-teenergizer .footer-logo {
        width: 250px;
        height: auto;
    }

    .contact-info .f-wrapper {
        display: block !important;
    }

    .contact-info .f-col {
        display: block !important;
        width: 100% !important;
    }

    .contact-info .f-col .f-contact {
        display: block !important;
    }

    .contact-info .about-teenergizer {
        font-size: 26px;
    }

    .f-contact .icon {
        font-size: 38px;
        width: 38px;
    }

    .f-contact .phones .tel {
        font-size: 34px;
    }

    .f-contact .phones .code {
        font-size: 25px;
    }

    .f-contact .f-contact-wrapper .email {
        font-size: 28px;
    }

    .f-contact .address {
        font-size: 25px;
    }
    .footer .social-block .social-link {
        width: 68px;
        height: 68px;
        font-size: 32px;
    }
}