.fcLink,
.langs a,
.langs a:hover,
.navBar a,
.rightFidem {
    text-decoration: none
}

.navBar,
div.coursBlock ul {
    list-style-type: none;
    font-size: 17px
}

#goToTop:hover,
.navBar a:hover,
.submit input:hover,
.wordsTrick p span:hover {
    cursor: pointer;
    text-decoration: none
}

#goToTop .fa .fa-chevron-up {
    position: relative;
    top: -3px
}

*,
.row {
    padding: 0;
    margin: 0
}

.rightFidem {
    color: #000;
    margin-top: 4%!important
}

.numberB span {
    background: #fff;
    padding: 0 30px;
    font-family: Lora-Regular
}

div.clearer {
    clear: left;
    line-height: 0;
    height: 0
}

#tutors,
.historyContainer,
.innerBlockThree {
    display: -webkit-flex
}

.rightFidem:link {
    color: #000
}

.underL {
    border-bottom: 1px solid #a88c40!important
}

.nameLez,
.navBar a {
    text-transform: uppercase
}

.coursBlock,
.resultTech {
    word-break: break-word
}

.blockAbout,
.nameLez,
.navBar a,
.submit input,
.testText,
.underCircle p {
    text-transform: uppercase;
    letter-spacing: 1px
}

.line,
.lineNav {
    vertical-align: middle
}

body {
    background: url(../img/Layer9.png) 0 19% no-repeat, url(../img/Layer9.png) 0 37% no-repeat;
    background-size: contain
}

.container {
    max-width: 1400px!important;
    margin: 0 auto;
    padding: 0!important
}

.langBar {
    width: 100%;
    display: flex
}

.containerNav .langs {
    display: none
}

.headerLeft,
.headerRight {
    border-bottom: 2px solid #c7b687;
    height: 109px;
    padding-top: 48px
}

.langs a:hover {
    border-bottom: 1px solid #a88c40
}

a:focus {
    text-decoration: none!important
}

.headerCenter {
    padding-top: 34px
}

.number {
    display: inline-block;
    font-family: Lora-Bold;
    font-size: 18px;
    color: #9d9d9d;
    padding: 5px 0 0 10px
}

.langs a,
.navBar a,
.numberB {
    font-family: Lora-Regular
}

.headerLeft {
    display: -webkit-flex;
    padding: 41px 0 0
}

.langs a {
    color: #a88c40!important;
    display: inline-block;
    font-size: 18px
}

#contact .row,
.galelery .row {
    display: flex
}

.abovyan {
    padding-right: 5px
}

.numberB,
.welcome,
ul.navBar a {
    color: #a88c40
}

.langs a:nth-child(n+2) {
    margin-left: 20px
}

@font-face {
    src: url(../fonts/8143.otf);
    font-family: MyriadProReg
}

@font-face {
    src: url(../fonts/Antro_Vectra.otf);
    font-family: Antro
}

@font-face {
    font-family: Lora-Regular;
    src: url(../fonts/Lora-Regular.ttf)
}

@font-face {
    src: url(../fonts/Lora-Bold.ttf);
    font-family: Lora-Bold
}

.navBar {
    display: inline-flex
}

.navBar a {
    font-size: 20px;
    padding-bottom: 3px
}

.navBar li {
    margin: 0 20px
}

.containerNav {
    border-bottom: 1px solid #c7b687;
    width: 78.3%;
    padding: 44px 0 31px;
    margin: 0 auto
}

.numberB {
    margin-top: -12px;
    font-size: 18px
}

.welcome {
    font-family: Antro;
    font-size: 55px;
    padding: 30px 0
}

.aboutBlockImg p,
.nameLez {
    font-family: Lora-Regular;
    font-size: 20px
}

.nameLez {
    line-height: 25px
}

.row innerBlockThree {
    padding-top: 60px
}

.ceo {
    width: 100%;
    height: 100%
}

.address .line,
.blockAbout .line,
.blockImg .line,
.lineRight .line,
.lineRight2 .line,
.numbers .line {
    content: "";
    height: 0%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #c7b687
}

.nameLez1 {
    color: #b59e65
}

.nameLez2 {
    color: #656565
}

.blockOne {
    display: flex;
    padding-top: 65px
}

.circle,
.namePsy {
    display: inline-block
}

.blockImg {
    padding: 30px 34px 55px 0
}

.blockAbout .line,
.blockImg .line {
    transition: 3s All ease;
    -webkit-transition: 3s All ease;
    -moz-transition: 3s All ease;
    -o-transition: 3s All ease
}

.lineRight .line,
.lineRight2 .line {
    transition: 5s All ease;
    -webkit-transition: 5s All ease;
    -moz-transition: 5s All ease;
    -o-transition: 5s All ease
}

.address .line,
.numbers .line {
    transition: 3s All ease;
    -webkit-transition: 3s All ease;
    -moz-transition: 3s All ease;
    -o-transition: 3s All ease
}

.innerBlockThree row {
    margin: 0!important;
    padding: 0!important
}

.aboutBlockImg {
    padding: 30px 0 0 30px
}

.aboutBlockImg p {
    color: #b59e65
}

.namePsy {
    color: #a88c40;
    font-family: Antro;
    font-size: 45px;
    margin-bottom: -32px
}

.blockAbout,
.historyText,
.posPsy,
.underAbout p,
.underCircle p,
.underImgText {
    font-family: Lora-Regular
}

.posPsy {
    color: #656565;
    font-size: 17px;
    margin-left: 95px
}

.blockAbout,
.circle span,
.historyText,
.underImgText {
    color: #a88c40
}

.signature {
    margin-top: 40px;
    text-align: right
}

.underImgText {
    font-size: 16px;
    text-align: justify;
    word-spacing: 5px;
    margin-top: 82px
}

.circleCont {
    margin-top: 95px
}

.topCircle {
    height: 150px
}

.circle {
    width: 108px;
    border: 2px solid #cbbb90;
    border-radius: 50%;
    line-height: 108px;
    font-size: 30px
}

.contactHead,
.galelery,
.line,
.testingTop {
    border-top: 1px solid #c7b687
}

.aboutMe,
.lineCont,
.underAbout {
    display: flex
}

.underCircle p {
    font-size: 30px;
    color: #a88c40
}

.innerBlockThree {
    padding-top: 95px;
    margin: 0!important
}

.underCircle {
    margin: 0 0 68px
}

.blockAbout {
    flex: auto;
    padding: 30px 0 5px;
    min-height: 168px;
    letter-spacing: 3px;
    word-wrap: break-word
}

.address,
.numbers {
    min-height: 190px
}

.blockAbout p {
    width: 190px;
    margin: 0 auto
}

.rowBlocks .col-lg-3:last-child .blockAbout {
    border-right: 0
}

.underAbout p {
    color: #999;
    text-align: justify;
    font-size: 16px
}

.underAbout {
    padding-top: 180px;
    padding-bottom: 168px
}

.line {
    width: 0;
    margin: 0 auto;
    transition: 5s All ease;
    -webkit-transition: 5s All ease;
    -moz-transition: 5s All ease;
    -o-transition: 5s All ease
}

.lineCont {
    align-items: center
}

#main {
    background: url(../img/LINGUAE.png) 7% 16% no-repeat
}

.headHistory {
    font-size: 70px;
    font-family: Antro;
    color: #a88c40
}

.rotateNumber,
.rotateNumber2,
.topText {
    color: #a88c40;
    font-family: Lora-Regular
}

.historyRow {
    padding-bottom: 70px;
    padding-right: 48px;
    text-align: right;
    display: inline-block!important;
    position: relative
}

.fidemCont .container .row {
    display: -webkit-flex
}

.historyContainer {
    margin: 0!important
}

.historyText {
    font-size: 20px;
    text-align: right;
    height: 500px;
    overflow-y: auto;
    margin-bottom: 20px
}

.rotateNumber,
.rotateNumber2 {
    position: absolute;
    top: 274px;
    transform: rotate(-90deg);
    font-size: 18px
}

.rotateNumber {
    right: -65px
}

.rotateNumber2 {
    right: -19px
}

.C1976,
.borderContact1 {
    right: 0
}

.lineRightInner {
    padding: 66px 48px 60px 0
}

.lineRightInner2 {
    padding: 66px 34px 60px 0
}

section img {
    width: 100%;
    height: 100%
}

.women7,
.women7 img {
    width: 100%
}

.womenImgCont {
    padding-right: 48px
}

.historyRightBlock {
    padding: 66px 0 0 34px
}

.RightBlockRow2 {
    margin-top: 112px;
    text-align: justify
}

.topText {
    font-size: 16px
}

.topText span {
    font-size: 60px
}

.RightBlockRow2 p {
    margin-bottom: 31px
}

.RightBlockRow2 div p {
    color: #9d9d9d;
    font-family: Lora-Regular;
    font-size: 16px
}

.courseText2,
.coursesHead .courseText,
.ourTutors,
.testingTop .courseText {
    color: #a88c40;
    font-size: 20px;
    font-family: Lora-Regular;
    padding-top: 32px
}

.fidemLogo,
.langs,
.women2Cont {
    text-align: right
}

.fidemLogo img {
    margin-top: 4%
}

.ourTutors {
    text-align: left;
    height: 500px;
    overflow-y: auto;
    margin-bottom: 20px
}

.contColorImg,
.lineForm {
    overflow: hidden
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.row {
    margin-left: 0!important;
    margin-right: 0!important;
    padding-right: 0!important;
    padding-left: 0!important
}

.underHistory {
    margin-top: 106px
}

.coursesHead .courseText {
    padding-bottom: 28px
}

.courseText2 {
    padding: 10px 0 35px
}

.testText {
    color: #a88c40!important;
    font-family: Lora-Regular;
    font-size: 18px
}

.coursBlock p {
    margin-top: 30px;
    color: #9d9d9d
}

.coursBlock p span {
    color: #a88c40
}

.awardsTextTop {
    color: #999;
    font-family: Lora-Regular;
    text-align: justify;
    font-size: 16px;
    margin-top: 73px
}

.aboutBlockImg p,
.address,
.awardsList,
.blockAbout,
.blockImg,
.circle,
.contRow .col-log-4,
.contactCircle,
.contactUs p,
.contacts .circle,
.contacts .headHistory,
.containerNav,
.coursBlock,
.courseText2,
.coursesHead,
.coursesHead .courseText,
.footerLeft,
.galelery .headHistory,
.guten,
.headerCenter,
.innerAwards .headHistory,
.nameLez,
.numberB,
.resultTech,
.submit,
.testText,
.testingTop .courseText,
.topCircle,
.underCircle p,
.welcome {
    text-align: center
}

.awardsList,
.resultTech {
    color: #a88c40;
    font-family: Lora-Regular;
    font-size: 18px
}

.awardsList {
    max-width: 648px;
    margin: 0 auto
}

.awardsList p {
    margin-top: 10px
}

.resultTech {
    margin: 30px 0
}

.address p,
.mailCont p,
.numbers p {
    letter-spacing: 2px;
    font-size: 16px;
    color: #a88c40;
    font-family: Lora-Regular
}

.contactUs p,
.inputsLeft input,
.inputsRight input,
.message input {
    font-size: 20px;
    font-family: Lora-Regular;
    color: #a88c40
}

.underAwards {
    margin-top: 90px;
    padding-bottom: 160px
}

.galelery .headHistory {
    padding: 50px
}

#contact .headHistory {
    padding-bottom: 20px
}

.imgCont1,
.imgCont2 {
    position: relative
}

.lineGrid,
.lineGrid2 {
    border-right: 1px solid #c7b687;
    height: 0%;
    position: absolute;
    right: 0
}

.imgCont {
    height: 100%
}

.inputsRight {
    margin-left: 26px
}

.contColorImg {
    margin: 0 42px;
    height: 100%
}

.addImg {
    width: 390px!important
}

.imgCont img {
    transform: translate(0, 0);
    max-width: 400px;
    height: 100%;
}

.lineGrid {
    top: 18%;
    transition: 10s all ease;
    -webkit-transition: 10s All ease;
    -moz-transition: 10s All ease;
    -o-transition: 10s All ease
}

.lineGrid2 {
    top: -24%;
    transition: 10s all ease;
    -webkit-transition: 10s All ease;
    -moz-transition: 10s All ease;
    -o-transition: 10s All ease
}

.borderContact1,
.borderContact2 {
    border-right: 1px solid #c7b687;
    height: 63%;
    top: 155px;
    position: absolute
}

.contacts {
    margin: 60px 0 84px
}

.contactHead {
    padding: 77px 0 52px
}

.contacts .circle img {
    width: auto
}

.contactCircle {
    margin-bottom: 60px
}

.address {
    width: 86%;
    margin: 0 auto;
    letter-spacing: 3px
}

.contRow .col-log-4 {
    width: 33%
}

.women2ContClone {
    display: none!important
}

.borderContact2 {
    left: 0
}

.address,
.mailCont,
.numbers {
    padding-top: 19px
}

.backcont {
    background: url(../img/footer_back_patern_1.png);
    display: flex
}

.innerContainer {
    background: url(../img/footBack2.png) 114% no-repeat;
    background-size: 56%
}

.footLeft .row {
    display: block;
    padding-left: 14px!important
}

.inputsLeft {
    float: left
}

.inputsLeft,
.inputsRight {
    display: inline-block;
    width: 48%
}

.contactUs {
    margin: 100px 0 90px
}

.inputsLeft input,
.inputsRight input,
.message input {
    border: 0;
    height: 40px;
    padding-left: 41px;
    margin-bottom: 73px;
    background: 0 0;
    outline: 0;
    border-bottom: 1px solid #c7b687;
    width: 100%;
    transition: 1s All ease;
    -webkit-transition: 1s All ease;
    -moz-transition: 1s All ease;
    -o-transition: 1s All ease
}

::-webkit-input-placeholder {
    color: #a88c40
}

.submit input {
    transition: .5s all ease;
    border: 0;
    border: 1px solid #c7b687;
    color: #a88c40;
    background: 0 0;
    width: 200px;
    height: 50px;
    outline: 0
}

.sameCont1,
.sameCont2 {
    max-width: 700px;
    width: 100%
}

.fullGal {
    display: -webkit-flex;
    position: relative
}

.submit input:hover {
    background: rgba(236, 232, 205, .42)
}

.footerRight {
    background: url(../img/footer_back_patern_2.png), url(../img/footer_back_patern_1.png) center center;
    flex: 1
}

.footerLeft {
    flex: 1
}

.shadowHome {
    background: url(../img/homeShadow.png) 85% 82% no-repeat;
    height: 100%
}

.rightFidem {
    font-size: 9px
}

.fidemCont {
    height: 100px;
    font-family: Lora-Bold
}

.formButton {
    padding-bottom: 91px
}

.sameCont1 {
    display: inline-block
}

.sameCont2 {
    text-align: right;
    display: inline-flex;
    height: 100%;
    align-items: center;
    flex-flow: row-reverse
}

#goToTop,
.footerHome,
.lezuner_home,
.menuIcon,
.showTrue {
    display: none
}

.sameCont2 img {
    max-width: 100%
}

.backAward {
    background: url(../img/awardsBack.png) 0 76% no-repeat, url(../img/awardsShadow.png) 0 90% no-repeat;
    background-size: cover;
    padding-bottom: 330px
}

.back1976 {
    background: url(../img/1976.png) 100% no-repeat;
    background-size: 50%
}

.effectNumbers {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-width: 400px;
    width: 75%;
    margin: 0 auto;
    color: #a88c40;
    max-height: 400px;
    height: 100%
}

.effectNumbers p span {
    position: absolute;
    z-index: 212;
    padding: 10px
}

#goToTop,
.modal-dialog {
    z-index: 55;
    text-align: center
}

@keyframes pulse {
    50% {
        opacity: 0
    }
}

@keyframes fadeOut {
    100% {
        opacity: 0
    }
}

@keyframes hinge {
    80% {
        opacity: 0
    }
}

.effectNumbers p span:hover {
    cursor: pointer;
    opacity: 1;
    animation: none
}

.first span {
    top: 66%;
    left: 27%;
    opacity: .5;
    animation: fadeOut 4s infinite
}

.second span {
    top: 18%;
    left: 84%;
    opacity: .2;
    animation: pulse 3.1s infinite
}

.thread span {
    top: 4%;
    left: 68%;
    opacity: .2;
    animation: pulse 8.4s infinite
}

.fourth span {
    top: 9%;
    opacity: .1;
    left: -37%;
    animation: hinge 3.7s infinite
}

.fourth span:first-child {
    top: 0;
    opacity: 1;
    left: 0;
    animation: pulse 6s infinite
}

.fourth span:last-child {
    top: 22%;
    opacity: .3;
    left: 34%;
    animation: pulse 4s infinite
}

.fifth span:first-child {
    top: 49%;
    opacity: .6;
    left: 57%;
    animation: pulse 5.4s infinite
}

.fifth span:last-child {
    top: 57%;
    left: 88%;
    opacity: 1;
    animation: pulse 4s infinite
}

.sixth span {
    top: 34%;
    opacity: 1;
    left: 11%;
    animation: pulse 5s infinite
}

.wordsTrick {
    height: 190px;
    width: 80%;
    margin-top: -50px;
    position: relative
}

.wordsTrick p span {
    position: absolute;
    color: #a88c40;
    font-family: Lora-Regular
}

.wordsTrick p span:hover {
    opacity: 1;
    animation: none
}

.A1976 {
    top: 17%;
    left: 13%;
    font-size: 18px;
    animation: pulse 5s infinite;
    opacity: .8
}

.ciao {
    top: 70%;
    left: 0;
    font-size: 32px;
    opacity: .7;
    animation: pulse 4s infinite
}

.ola {
    top: 51%;
    left: 27%;
    font-size: 22px;
    animation: pulse 5.4s infinite;
    opacity: .5
}

.guten {
    top: 80%;
    left: 40%;
    width: 30px;
    font-size: 27px;
    animation: pulse 6s infinite;
    opacity: .5
}

.hello {
    top: 0;
    left: 36%;
    font-size: 64.5px;
    animation: pulse 3.1s infinite;
    opacity: 1
}

.B1976 {
    top: 42%;
    left: 59%;
    font-size: 18px;
    animation: fadeOut 4s infinite;
    opacity: .3
}

.bonjour {
    top: 50%;
    left: 87%;
    font-size: 38.5px;
    animation: hinge 3.7s infinite;
    opacity: .4
}

.C1976,
.D1976 {
    font-size: 18px;
    animation: pulse 8.4s infinite
}

.C1976 {
    top: 0;
    opacity: .7
}

.D1976 {
    top: 24%;
    right: 7%;
    opacity: 1
}

.hola {
    bottom: 0;
    right: 17%;
    font-size: 33px;
    animation: pulse 5s infinite;
    opacity: .9
}

.lineNav {
    border-top: 1px solid #c7b687;
    width: 0;
    margin: 0 auto;
    transition: .7s All ease;
    -webkit-transition: .7s All ease;
    -moz-transition: .7s All ease;
    -o-transition: .7s All ease
}

#goToTop {
    position: fixed;
    bottom: 10px;
    right: 5px;
    width: 70px;
    border: 2px solid #cbbb90;
    border-radius: 50%;
    line-height: 70px;
    font-size: 30px;
    color: #cbbb90
}

.fcLink {
    color: #979797
}

.blackBlock {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5)
}

#myModal {
    transition: 1s all ease
}

#map {
    height: 300px
}

.imgCont img {
    margin: 0 -1px
}

@media only screen and (min-width:1030px) and (max-width:1290px) {
    .containerNav,
    .moveImg p {
        width: 100%
    }
    .navBar a {
        font-size: 17px
    }
    .headHistory {
        font-size: 50px
    }
    .awards,
    .coursesHead {
        padding-top: 70px
    }
    .contacts {
        margin: 30px 0 84px
    }
    .lineForm {
        display: flex
    }
    .inputsLeft {
        padding-right: 20px
    }
    .fidemCont {
        line-height: normal
    }
    .fidemCont .container {
        height: inherit
    }
    .fidemCont .container .row {
        height: inherit;
        align-items: center
    }
}

@media only screen and (min-width:769px) {
    div.rowBlocks div.col-lg-2.col-md-5 {
        max-width: 19.66667%!important
    }
}

@media only screen and (min-width:769px) and (max-width:991px) {
    .blockAbout {
        min-height: 115px;
        margin: 0 0 5px;
        padding: 30px 0 0
    }
    div.rowBlocks div.col-lg-2.col-md-5 {
        font-size: 12px;
        max-width: 32.66667%!important
    }
    div.rowBlocks div.col-lg-2.col-md-5:nth-child(4) {
        margin-left: 16%!important;
        margin-top: 20px;
        border-right: 1px solid #cbbb90
    }
    div.rowBlocks div.col-lg-2.col-md-5:nth-child(5) {
        margin-top: 20px
    }
    div.rowBlocks div.col-lg-2.col-md-5:nth-child(2) .blockAbout {
        border-right: 1px solid #cbbb90;
        border-left: 1px solid #cbbb90
    }
    div.rowBlocks .line {
        display: none
    }
    .rowBlocks .col-md-5:first-child {
        border: 0
    }
}

@media only screen and (min-width:990px) and (max-width:1032px) {
    .RightBlockRow2 p,
    .blockUnderSecond,
    .coursBlock p,
    .innerAwards p,
    .ourTutors,
    .underImgText {
        padding: 0 20px
    }
    .lineForm {
        display: -webkit-flex
    }
}

@media only screen and (min-width:991px) and (max-width:1425px) {
    section .container {
        width: 99%
    }
}

@media only screen and (max-width:991px) {
    .apo,
    .showfalse {
        display: none!important
    }
    .showTrue {
        display: block
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .historyRow,
    .historyText,
    .rowBlocks,
    .women7,
    .womenImgCont {
        text-align: center
    }
    .headerLeft {
        align-items: center;
        padding: 17px 0 0
    }
    section .container {
        width: 100%
    }
    .innerBlockThree {
        display: -webkit-box!important;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex!important;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start!important
    }
    /*.innerBlockThree .col-lg-8 {*/
    /*    -webkit-box-ordinal-group: 2;*/
    /*    -moz-box-ordinal-group: 2;*/
    /*    -ms-flex-order: 1;*/
    /*    -webkit-order: 1;*/
    /*    order: 1*/
    /*}*/
    .women7 {
        width: 63%!important;
        margin: 0 auto
    }
    .rowBlocks div {
        display: inline-block
    }
    .rowBlocks {
        display: -ms-flexbox;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #tutors,
    .historyContainer,
    .innerBlockThree {
        display: inline-block
    }
    .blockAbout .line,
    .blockImg .line,
    .underAbout .line {
        display: none
    }
    body {
        background: url(../img/Layer9.png) 0 7% no-repeat;
        background-size: contain
    }
    .navBar a {
        font-size: 18px
    }
    .containerNav {
        width: 100%
    }
    .nameLez {
        font-size: 16px
    }
    .blockImg {
        padding: inherit
    }
    .underImgText {
        font-size: 15px;
        word-spacing: 2px;
        margin-top: 60px
    }
    .RightBlockRow2 div p,
    .aboutBlockImg,
    .historyText,
    .topText {
        font-size: 16px
    }
    .aboutBlockImg {
        margin: 50px 0 0;
        border-top: 1px solid #c7b687
    }
    .signature {
        margin-top: 10px
    }
    .circleCont {
        margin: inherit
    }
    .topCircle {
        height: -webkit-max-content
    }
    .effectNumbers {
        position: initial;
        color: #a88c40;
        height: 200px;
        width: 100%;
        font-family: Lora-Regular
    }
    .first span {
        top: 37%;
        left: 27%
    }
    .fifth span:first-child {
        top: 32%;
        left: 48%
    }
    .fifth span:last-child {
        top: 32%;
        left: 88%
    }
    .underCircle {
        margin: 60px 0
    }
    .col-md-5 {
        -ms-flex: auto;
        flex: auto!important;
        max-width: 50%!important
    }
    .underAbout {
        display: flex;
        padding-top: 50px;
        padding-bottom: 0
    }
    section {
        background: url(../img/Layer9.png) no-repeat;
        background-position-y: 11.5%;
        background-size: contain
    }
    .back1976 {
        background: url(../img/1976.png) 50% no-repeat;
        background-size: 79%;
        background-position-y: 12%;
        padding-top: 70px
    }
    .historyContainer .line,
    .historyRow .line,
    .lineRight2 .line,
    .rotateNumber,
    .rotateNumber2 {
        display: none
    }
    .lineRightInner {
        padding: 66px 0 0
    }
    .historyText {
        padding-bottom: 36px;
        height: inherit
    }
    .womenImgCont {
        display: block!important
    }
    .womenImgCont p {
        width: 63%;
        margin: 0 auto
    }
    .underHistory,
    .wordsTrick {
        margin-top: 0
    }
    .women2ContClone {
        display: block
    }
    .women2Cont p {
        display: none!important
    }
    .historyRightBlock {
        padding: 40px 0 0
    }
    .RightBlockRow2 {
        margin-top: 0;
        text-align: justify
    }
    .ourTutors,
    .rightFidem {
        text-align: center
    }
    .lineRightInner2 {
        padding: 66px 0 60px
    }
    .headHistory {
        font-size: 60px
    }
    .ourTutors {
        font-size: 16px;
        height: inherit;
        margin-bottom: 66px
    }
    .address,
    .moveImg p {
        width: 100%
    }
    .wordsTrick {
        height: 190px;
        width: 100%;
        margin-bottom: 50px
    }
    .bonjour {
        top: 50%;
        left: 77%
    }
    .hola {
        bottom: 0;
        right: 26%
    }
    .C1976 {
        right: 20%;
        top: 0
    }
    .awardsList,
    .coursesHead .courseText,
    .resultTech,
    .testingTop p {
        font-size: 16px!important
    }
    .galelery .headHistory {
        padding: 20px 0
    }
    .contacts {
        margin: 30px 0 84px
    }
    .contactHead {
        padding: 57px 0 32px
    }
    .address .line,
    .numbers .line {
        right: 0
    }
    .address {
        padding-right: 32px
    }
    .lineForm {
        display: flex
    }
    .inputsLeft {
        padding-right: 25px;
        float: inherit
    }
    .sameCont2 {
        justify-content: center
    }
    .fidemCont {
        line-height: normal
    }
    .fidemCont .container {
        height: inherit
    }
    .fidemCont .container .row {
        height: inherit;
        align-items: center
    }
    .fidemLogo,
    .langs,
    .women2Cont {
        padding-right: 30px
    }
    .backAward {
        background: url(../img/awardsBack.png) 0 76% no-repeat, url(../img/awardsShadow.png) 0 97% no-repeat;
        padding-bottom: 330px
    }
    .RightBlockRow2 p,
    .blockUnderSecond,
    .coursBlock p,
    .innerAwards p,
    .ourTutors,
    .underImgText {
        padding: 0 20px
    }
    .aboutBlockImg {
        padding: 30px 20px
    }
    .historyText {
        padding-left: 20px;
        padding-right: 20px
    }
    .headerLeft {
        padding-left: 30px
    }
    .infoPhone img {
        width: 40px;
        padding-right: 10px
    }
}

@media only screen and (max-width:990px) {
    .innerBlockThree {
        padding-top: 0
    }
      #firstLine .col-lg-4 .aboutBlockImg .namePsy{
        width: 100%;
    text-align: center;
    }
    #firstLine .col-lg-4 .aboutBlockImg .posPsy{
        margin-left: 0;
    width: 100%;
    text-align: center;
    display: inline-block;
        
    }
}

@media only screen and (max-width:768px) {
    .address,
    .blockAbout,
    .numbers {
        min-height: inherit
    }
    .courseText2,
    .coursesHead .courseText,
    .ourTutors,
    .testingTop .courseText {
        padding-top: 10px
    }
    .coloImg img {
        filter: grayscale(0)!important
    }
    .aboutBlockImg .showTrue {
        padding: 0!important
    }
    .contactCircle {
        margin-bottom: 0
    }
    .ourTutors {
        margin-bottom: 20px
    }
    .imgCont img {
        -moz-filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        filter: grayscale(0)
    }
    .coursBlock p {
        margin-top: 12px!important
    }
    .address,
    .mailCont,
    .numbers {
        padding-top: 20px!important
    }
    .mailCont {
        line-height: 5px
    }
    .RightBlockRow2 p {
        margin-bottom: 10px
    }
    .awardsTextTop {
        margin-top: 0!important
    }
    .underAwards {
        margin-top: 20px!important
    }
    .headHistory,
    .historyText,
    .menuIcon,
    .rowBlocks,
    .women7,
    .womenImgCont {
        text-align: center
    }
    div.rowBlocks div.col-lg-2.col-md-5 {
        font-size: 14px;
        max-width: 100%!important;
        width: 100%!important;
        border: none!important
    }
    div.rowBlocks div.col-lg-2.col-md-5 div.blockAbout {
        border-bottom: 1px solid #c7b687!important
    }
    div.rowBlocks div.col-lg-2.col-md-5:nth-child(5) div.blockAbout {
        border-bottom: none!important
    }
    .underCircle {
        margin: 20px 0!important
    }
    div.row.contacts div.col-lg-12 div div.col-log-4.col-md-4.col-sm-12 {
        max-width: 99%!important
    }
    div.effectNumbers p.second span {
        left: 83%!important;
        font-family: Lora-Regular
    }
    .infoPhone img {
        width: 40px;
        padding-right: 10px
    }
    .blockAbout {
        width: 80%;
        letter-spacing: 1px;
        font-weight: bolder;
        padding: 15px 0
    }
    .blockAbout p {
        width: 60%
    }
    .women7 {
        width: 63%!important;
        margin: 0 auto
    }
    .innerBlockThree {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding-top: 0
    }
    /*.innerBlockThree .col-lg-8 {*/
    /*    -webkit-box-ordinal-group: 2;*/
    /*    -moz-box-ordinal-group: 2;*/
    /*    -ms-flex-order: 1;*/
    /*    -webkit-order: 1;*/
    /*    order: 1*/
    /*}*/
    .signature {
        margin-top: 0
    }
    #firstLine .col-lg-4 .aboutBlockImg .namePsy{
        width: 100%;
    text-align: center;
    }
     #firstLine .col-lg-4 .aboutBlockImg .posPsy{
        margin-left: 0;
    width: 100%;
    text-align: center;
    display: inline-block;
        
    }
    .container nav {
        border-top: 1px solid #c7b687;
        margin-top: 10px
    }
    .containerNav .langs {
        display: block
    }
    .headerRight .langs {
        display: none
    }
    .footRow {
        display: -webkit-flex
    }
    .rowBlocks .col-md-5,
    .rowBlocks div {
        display: inline-block
    }
    .contRow .col-log-4 {
        width: 100%!important
    }
    .rowBlocks .col-md-5 {
        width: 48.5555%
    }
    .rowBlocks {
        display: -ms-flexbox;
        display: -webkit-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #tutors,
    .historyContainer {
        display: inline-block
    }
    .contColorImg {
        margin: 0 10px
    }
    .headerLeft,
    .headerRight {
        padding: 20px 0;
        border: 0;
        align-items: center;
        width: 100%;
        display: block;
        text-align: center;
        justify-content: center
    }
    .headerLeft {
        margin-top: 27px
    }
    .headerCenter img {
        width: 46%
    }
    .headerCenter {
        padding-top: 20px;
        margin: 0 auto
    }
    header .container .row {
        border-bottom: 2px solid #c7b687;
        padding-bottom: 20px
    }
    header .col-sm-4 {
        align-items: center;
        display: flex;
        height: 112px
    }
    .col-sm-4:first-child,
    .col-sm-4:nth-child(2) {
        float: right
    }
    #gallery .col-sm-4 {
        max-width: 33.3%!important
    }
    .clr {
        clear: both
    }
    .menuIcon {
        color: #a88c40;
        font-size: 39px;
        display: block;
        margin-top: 9px
    }
    .menuIcon img {
        width: 40px
    }
    .address .line,
    .blockAbout .line,
    .blockImg .line,
    .historyContainer .line,
    .historyRow .line,
    .lineRight2 .line,
    .numbers .line,
    .rotateNumber,
    .rotateNumber2,
    .underAbout .line {
        display: none
    }
    .number {
        font-size: 16px;
        width: 50%;
        font-family: Lora-Regular
    }
    .welcome {
        font-size: 30px!important;
        font-weight: 700
    }
    .nameLez {
        letter-spacing: 2px;
        line-height: inherit;
        font-size: 12px
    }
    .blockImg {
        padding: inherit
    }
    .underImgText {
        font-size: 15px;
        word-spacing: 2px;
        margin-top: 20px
    }
    .RightBlockRow2 div p,
    .awardsList,
    .coursesHead .courseText,
    .resultTech,
    .testingTop p,
    .topText {
        font-size: 16px
    }
    .effectNumbers {
        position: initial;
        color: #a88c40;
        height: 100px;
        width: 100%;
        font-family: Lora-Regular
    }
    .first span {
        top: 37%;
        left: 27%
    }
    .fifth span:first-child {
        top: 32%;
        left: 48%
    }
    .fifth span:last-child {
        top: 32%;
        left: 88%
    }
    .circleCont {
        margin: inherit
    }
    .topCircle {
        height: -webkit-max-content
    }
    .historyText,
    .ourTutors {
        height: inherit;
        font-size: 16px
    }
    .rowBlocks .col-md-5:first-child {
        border-right: 1px solid #c7b687;
        border-bottom: 1px solid #c7b687
    }
    .rowBlocks .col-md-5:nth-child(3) {
        border-right: 1px solid #c7b687
    }
    .rowBlocks .col-md-5:nth-child(2) {
        border-bottom: 1px solid #c7b687
    }
    .col-md-5 {
        -ms-flex: auto;
        flex: auto!important;
        max-width: 49%!important
    }
    .underAbout {
        display: inline-block!important;
        padding-top: 10px;
        padding-bottom: 0
    }
    .lineRightInner {
        padding: 20px 0 0
    }
    .womenImgCont {
        display: block!important
    }
    .womenImgCont p {
        width: 63%;
        margin: 0 auto
    }
    .women2ContClone {
        display: block
    }
    .women2Cont p {
        display: none!important
    }
    .historyRightBlock {
        padding: 0
    }
    .domus {
        padding-bottom: 0!important
    }
    .RightBlockRow2 {
        margin-top: 0;
        text-align: justify
    }
    .fidemLogo,
    .langs,
    .ourTutors,
    .rightFidem,
    .women2Cont {
        text-align: center
    }
    .underHistory {
        margin-top: 0
    }
    .lineRightInner2 {
        padding: 0
    }
    .address,
    .inputsLeft input,
    .inputsRight input,
    section img {
        width: 100%
    }
    .wordsTrick {
        height: 240px;
        width: 100%;
        margin-bottom: 50px;
        margin-top: -10px
    }
    .bonjour {
        top: 50%;
        left: 70%
    }
    .hola {
        bottom: 0;
        right: 26%
    }
    .C1976 {
        right: 20%;
        top: 0
    }
    .galelery .headHistory {
        padding: 20px 0
    }
    .contacts {
        margin: 0
    }
    .contactHead {
        padding: 40px 0 20px
    }
    .address .line,
    .numbers .line {
        right: 0;
        font-family: Lora-Regular
    }
    .address {
        padding-right: 32px
    }
    .lineForm {
        display: flex
    }
    .footerRight,
    .imgCont .lineGrid,
    .imgCont .lineGrid2 {
        display: none
    }
    .inputsLeft {
        float: inherit;
        padding-right: 40px
    }
    .sameCont2 {
        justify-content: center
    }
    .fidemCont {
        line-height: normal
    }
    .fidemCont .container {
        height: inherit
    }
    .fidemCont .container .row {
        height: inherit;
        align-items: center
    }
    section img {
        height: 100%
    }
    .imgCont2 img {
        padding: 0 5px
    }
    .imgCont3 img {
        padding-right: 10px
    }
    .imgCont1 img {
        padding-left: 10px
    }
    .lineForm div {
        flex: auto
    }
    .sameCont1 {
        max-width: inherit
    }
    .fidemCont .col-sm-6 {
        display: flex
    }
    .footerHome {
        display: -webkit-flex;
        flex: 1;
        border-right: 2px solid #767;
        align-items: center;
        padding-right: 52px
    }
    .footerHome img {
        margin: 0 35px
    }
    .rightFidem {
        flex: 2;
        text-align: left;
        padding-left: 35px
    }
    .lezuner_home {
        text-align: center;
        flex: 1;
        padding-right: 30px;
        height: 65%
    }
    .footerRighthome {
        align-items: center;
        display: flex
    }
    .lezuner_home {
        border-left: 2px solid #767;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .fidemLogo img {
        width: 50%;
        margin-top: auto
    }
    .fidemLogo {
        flex: 2;
        line-height: 95px;
        text-align: center
    }
    .headHistory {
        font-size: 30px!important
    }
    .namePsy {
        font-size: 32px
    }
    .lezuner_home img {
        margin-top: -7px;
        width: 56%
    }
    .containerNav {
        width: 100%;
        transition: 1s All ease;
        -webkit-transition: 1s All ease;
        -moz-transition: 1s All ease;
        -o-transition: 1s All ease;
        animation: fadein 2s;
        -moz-animation: fadein 2s;
        -webkit-animation: fadein 2s;
        -o-animation: fadein 2s;
        display: none
    }
    @keyframes fadein {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-moz-keyframes fadein {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-webkit-keyframes fadein {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-o-keyframes fadein {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    .menuIcon span:hover {
        cursor: pointer
    }
    .navBar a {
        display: inline-block;
        padding: 8px 0
    }
    .navBar {
        transition: 1s all ease;
        -webkit-transition: 1s All ease;
        -moz-transition: 1s All ease;
        -o-transition: 1s All ease;
        display: block
    }
    .backAward {
        background: url(../img/awardsBack.png) 0 76% no-repeat, url(../img/awardsShadow.png) 0 94% no-repeat;
        padding-bottom: 100px!important
    }
    .RightBlockRow2 p,
    .blockUnderSecond,
    .coursBlock p,
    .innerAwards p,
    .ourTutors,
    .testingTop p,
    .underImgText {
        padding: 0 20px
    }
    .aboutBlockImg {
        padding: 30px 20px
    }
    .historyText {
        padding-left: 20px;
        padding-right: 20px
    }
    .moveImg p {
        width: 100%
    }
    .headerLeft {
        display: -webkit-flex
    }
}

@media only screen and (max-width:577px) {
    .effectNumbers,
    .number,
    .numberB {
        font-family: Lora-Regular
    }
    .historyText,
    .ourTutors {
        text-align: justify
    }
    .menuIcon img {
        width: 35px
    }
    .infoPhone img {
        width: 32px
    }
    .number {
        height: auto!important;
        font-size: 13px;
        padding: initial
    }
    .menuIcon {
        margin-top: 16px;
        display: inline-table;
        vertical-align: middle
    }
    .numberB {
        font-size: 15px
    }
    .footerRighthome {
        margin: 0 auto
    }
    .lezuner_home img {
        margin-top: 0;
        width: 40%
    }
    .welcome {
        font-size: 18px!important;
        padding: 0
    }
    .nameLez p {
        margin: 0
    }
    .nameLez {
        line-height: 15px;
        font-size: 11px;
        font-weight: 700
    }
    .aboutBlockImg p,
    .testText {
        font-size: 10px!important
    }
    .back1976 {
        background: url(../img/1976.png) 68% 0 no-repeat;
        background-size: contain
    }
    .blockAbout {
        font-size: 14px
    }
    .underCircle p {
        font-size: 20px!important
    }
    .blockAbout p {
        width: 100%;
        margin: 0 auto;
        padding: 0 14px;
        word-break: break-word
    }
    .hello {
        font-size: 33.5px
    }
    .bonjour {
        font-size: 30px
    }
    .hola {
        bottom: 0;
        right: 6%;
        font-size: 21px;
        animation: pulse 5s infinite;
        opacity: .9
    }
    .guten {
        font-size: 20px
    }
    .RightBlockRow2 div p,
    .historyText,
    .topText {
        font-size: 14px
    }
    .ciao {
        top: 70%;
        left: 5%
    }
    .bonjour {
        top: 50%;
        left: 49%
    }
    .contRow .col-log-4 {
        width: 100%
    }
    .address {
        padding-right: initial
    }
    .effectNumbers {
        min-width: initial;
        background: url(../img/backNum.png) no-repeat;
        background-size: cover;
        background-position-y: 110%;
        margin-top: -10px
    }
    .rowBlocks {
        min-width: initial;
        background: url(../img/backNum.png) no-repeat;
        background-position-y: bottom;
        background-size: 100%
    }
    .domus {
        background: url(../img/DOMUS.png) right bottom no-repeat;
        background-size: contain;
        background-position-y: 16%
    }
    .inputsLeft input,
    .inputsRight input,
    .message input {
        padding-left: 10px
    }
    .fifth span:last-child {
        top: 32%;
        left: 80%
    }
    .topText span {
        font-size: 40px
    }
    .awardsList,
    .coursesHead .courseText,
    .ourTutors,
    .resultTech,
    .testingTop p {
        font-size: 14px
    }
    section img {
        width: 100%;
        height: 100%
    }
    .imgCont2 img {
        padding: 0 1px
    }
    .imgCont3 img {
        padding-right: 2px
    }
    .imgCont1 img {
        padding-left: 2px
    }
    .lezuner_home {
        flex: auto
    }
    .fidemLogo {
        flex: auto;
        justify-content: space-evenly
    }
    .wordsTrick {
        background: url(../img/awardsBack.png) 0 103% no-repeat, url(../img/awardsShadow.png) no-repeat;
        background-size: cover
    }
    .backAward {
        background: url(../img/awardsBack.png) 13% 81% no-repeat, url(../img/awardsShadow.png) 11% 90% no-repeat;
        padding-bottom: 300px
    }
    .fidemCont {
        padding-top: 25px;
        text-align: center
    }
    .menuIcon span:hover {
        cursor: pointer
    }
    .containerNav {
        width: 100%;
        transition: 1s All ease;
        -webkit-transition: 1s All ease;
        -moz-transition: 1s All ease;
        -o-transition: 1s All ease;
        animation: fadein 2s;
        -moz-animation: fadein 2s;
        -webkit-animation: fadein 2s;
        -o-animation: fadein 2s;
        display: none
    }
    .navBar a {
        display: inline-block;
        padding: 8px 0
    }
    @keyframes fadein {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-moz-keyframes fadein {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-webkit-keyframes fadein {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    @-o-keyframes fadein {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }
    .navBar {
        transition: 1s all ease;
        -webkit-transition: 1s All ease;
        -moz-transition: 1s All ease;
        -o-transition: 1s All ease;
        display: block
    }
    .headerLeft {
        display: -webkit-flex
    }
}

.fidemLogo,
.rightFidem {
    text-align: center
}

@media only screen and (min-width:990px) and (max-width:1445px) {
    #history .historyRow,
    #tutors .historyRowMove {
        padding-left: 20px!important
    }
    .underImgText {
        padding-left: 20px
    }
    .aboutBlockImg {
        font-size: 16px;
        padding-right: 20px
    }
    .awardsTextTop,
    .coursBlock,
    .resultTech {
        padding: 0 20px
    }
    #history .RightBlockRow2,
    #tutors .headHistory,
    #tutors .ourTutors {
        padding-right: 20px!important
    }
    .headerLeft {
        padding-left: 17px
    }
    .headerRight {
        padding-right: 17px
    }
    .blockAbout {
        letter-spacing: 0
    }
}

.coloImg {
    width: 100%
}


/*.coloImg img{transition:all ease .7s;-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%)}*/

.domus {
    background: url(../img/DOMUS.png) right bottom no-repeat;
    background-size: 59%;
    padding-bottom: 60px
}

.texture {
    background: url(../img/LEZOUNERY.png) no-repeat;
    background-position-y: 55%;
    background-size: 100%
}

.lineRightInner2 img {
    width: 100%;
    height: 100%
}

@media only screen and (max-width:1320px) {
    .containerNav {
        width: 100%
    }
    .welcome {
        font-size: 45px
    }
    .aboutBlockImg p,
    .testText {
        font-size: 16px
    }
    .courseText,
    .historyText,
    .ourTutors {
        font-size: 18px
    }
    div.tar_right img {
        right: 10px
    }
    div.tar_left img {
        right: -35px
    }
}

@media only screen and (max-width:1035px) {
    .navBar {
        display: inline-block
    }
    .navBar li {
        padding: 7px 0
    }
    .headHistory {
        font-size: 50px
    }
}

@media only screen and (max-width:768px) {
    .rightFidem {
        line-height: 17px
    }
    div.tar_left img,
    div.tar_right img {
        width: 18px;
        top: -62px
    }
}

@media only screen and (max-width:577px) {
    .footerHome {
        padding-right: 0
    }
    .welcome {
        font-size: 16px!important
    }
    p {
        font-size: 10px!important
    }
    .domus {
        background-size: 100%!important
    }
    .historyRow {
        padding-bottom: 0
    }
    .rightFidem {
        line-height: 14px!important
    }
    .headerLeft,
    .headerRight {
        height: 75px
    }
    .topCircle .circle {
        width: 50px;
        line-height: 45px
    }
    .footRow {
        display: inline-block
    }
    .footRow .col-lg-6 {
        max-width: 100%!important
    }
    .backAward {
        background: url(../img/awardsBack.png) 13% 111% no-repeat, url(../img/awardsShadow.png) 11% 92% no-repeat;
        padding-bottom: 300px
    }
    #award {
        padding-top: 0
    }
    .women7 {
        text-align: center
    }
    .women7 img {
        width: 100%
    }
    .galelery .headHistory {
        padding: 20px 0
    }
    .number {
        font-size: 16px;
        width: 60%
    }
}

@media only screen and (max-width:450px) {
    .number {
        justify-content: inherit;
        font-size: 9px!important;
        width: 87%
    }
    .posPsy {
        color: #656565;
        font-size: 13px;
        margin-left: 66px
    }
    .women7,
    .womenImgCont p {
        width: 93%!important
    }
    .navBar a {
        font-size: 10px
    }
    .fullGal div.tar_left img,
    .fullGal div.tar_right img {
        width: 15px
    }
}

.rightFidem {
    min-width: 150px
}

.allNumFon {
    font-family: Lora-Regular!important
}

body {
    background-color: #fff;
    margin: 0;
    overflow-x: hidden;
    font-family: Molle, cursive
}

canvas#canv {
    opacity: .07;
    position: fixed
}

div#firstLine div.blockImg {
    position: relative;
    left: -450px;
    opacity: 0
}

div#firstLine div.aboutBlockImg {
    position: relative;
    right: -264px;
    opacity: 0
}

div.historyContainer div.lineRightInner div.row.historyRow,
div.historyContainer div.lineRightInner div.row.womenImgCont {
    position: relative;
    left: -450px;
    opacity: 0
}

div.historyContainer div.historyRightBlock div.row.RightBlockRow2,
div.historyContainer div.historyRightBlock div.row.women2Cont {
    position: relative;
    right: -700px;
    opacity: 0
}

div.underHistory div.historyRightBlock div.row.historyRow,
div.underHistory div.historyRightBlock div.row:nth-child(2),
footer div.backcont div.footerRight {
    right: -450px;
    position: relative;
    opacity: 0
}

div.underHistory div.lineRightInner2 div.row.historyRow.historyRowMove,
div.underHistory div.lineRightInner2 div.row.moveImg {
    position: relative;
    left: -900px;
    opacity: 0
}

footer div.backcont div.footerLeft {
    position: relative;
    opacity: 0;
    left: -465px
}

div.galelery div.fullGal div:first-child,
div.galelery div.fullGal div:nth-child(3) {
    position: relative;
    top: -370px;
    opacity: 0
}

div.galelery div.fullGal div:first-child,
div.galelery div.fullGal div:nth-child(2) {
    position: relative;
    bottom: -500px;
    opacity: 0
}

@media only screen and (max-width:768px) {
    footer div.backcont div.footerRight {
        display: none!important
    }
}

.tar_left,
.tar_right {
    height: 100%;
    width: 0
}

.tar_left img,
.tar_right img {
    position: absolute;
    width: 25px;
    top: 50%
}

.tar_right img {
    right: 0
}

.tar_left img {
    right: -25px
}

.tar_left img:hover,
.tar_right img:hover {
    cursor: pointer;
    transition: .5s all ease;
    width: 27px
}

.tar {
    display: flex
}