h1 {font-size: 55px;color: white;line-height: 200px;font-family: Circular Std Bold, Sans-Serif;}

.pageBanner {width: 100%;max-width: 1920px;margin:0 auto;height: 200px;background: url('../../images/image-34.jpg');background-position: 100% 72%;}
.pageBanner > .pageBannerContent {width: 100%;max-width: 1150px;margin:0 auto;}

.aboutSectionOne {width: 100%;background: url('../../images/2.png') center no-repeat;background-size: cover;}
.aboutSectionContent {padding:120px 0;width: 98%;max-width: 1150px;margin:0 auto;}
.aboutSectionContent.withflex {display: flex;flex-direction: row;justify-content: space-between;padding: 70px 20px;}
.aboutSectionContent > .imageHolder {width: 500px;height:600px;overflow: hidden;}
.aboutSectionContent > .imageHolder > img {width: 100%;}
.aboutSectionContent > .textSideHolder {width: 56%;padding-left: 60px;font-size: 24px;line-height: 1.5;color: #3f3f4e;text-align: left;}
.aboutSectionContent > .textSideHolder > h2 {margin-bottom: 22px;}

.aboutSectionTwo > .aboutSectionContent.withflex {justify-content: left;}
.aboutSectionContent > .textHolder {display: flex;max-width: 446px;align-items: center;font-size: 24px;line-height: 1.5;color: #3f3f4e;}
.aboutSectionContent > .textHolder > div > h2 {margin-bottom: 26px;}
.aboutSectionContent > .boxHolder {display: flex;flex-direction: column;flex-wrap: wrap;height: 800px;justify-content: center;}
.boxHolder > .oneBox {position: relative;width: 320px;height: 360px;border: 1px solid #e0e0e0;margin-left: 30px;margin-bottom: 30px;
                        padding-top: 130px;padding-left:37px;padding-right: 35px;line-height: 1.56;font-size: 18px;color: #6e6e7c;}
.oneBox > h4 {margin-bottom: 20px;}
.oneBox > h4.innovation:before {content:url('../../images/icons/innovation.svg');position:absolute;margin-bottom:10px;top: -90px;}
.oneBox > h4.coop:before {content:url('../../images/icons/cooperation.svg');position:absolute;margin-bottom:10px;top: -90px;}
.oneBox > h4.efficiency:before {content:url('../../images/icons/efficiency.svg');position:absolute;margin-bottom:10px;top: -90px;}
.oneBox:hover {  box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.05);border-bottom:5px solid #043263;}
.oneBox:hover > h4 {color: #043263;}
.oneBox:hover > h4.innovation:before {content:url('../../images/icons/innovation-green.svg');}
.oneBox:hover > h4.coop:before {content:url('../../images/icons/cooperation_hover.svg');}
.oneBox:hover > h4.efficiency:before {content:url('../../images/icons/efficiency_hover.svg');}

.aboutSectionThree { width: 100%;background: url('../../images/2.png') center no-repeat;background-size: cover;}
.peopleHolder {display: flex;flex-direction: row;width: 100%;max-width: 870px;justify-content: space-between;margin:0 auto;margin-top: 150px;}
.memberHolder > .imageHolder {width: 270px;}
.memberHolder > .imageHolder > img {width: 100%;}
.memberHolder > .titleHolder {font-size: 30px;font-family: Circular Std Bold, Sans-Serif;line-height: 1.2;color: #303040;margin-top: 30px;}
.memberHolder > .profTitle {font-size: 24px;line-height: 1.21;color: #6e6e7c;}

.introText {width: 100%;text-align: center;font-size: 24px;line-height: 1.25;color: #3f3f4e;margin-top: 20px;}

.sertSliderHolder {margin-top: 70px;}
.oneSert {width: 270px;margin-right: 20px;}
.oneSert > a > img {width: 100%;}

@media all and (max-width: 1200px) {
    .pageBanner > .pageBannerContent {padding-left: 40px;}
}

@media all and (max-width: 900px) {
    .pageBanner {height: 251px;text-align: center;}
    .pageBanner > .pageBannerContent {padding-left: 0;}
    .breadcrumbs-nav {text-align: center;}

    .aboutSectionContent.withflex {flex-wrap: wrap;}

    .aboutSectionContent > .imageHolder {height: auto;margin-bottom: 50px;}
    .aboutSectionContent > .textSideHolder {padding-left:0;width: 100%;font-size: 18px;line-height: 1.56;}

    .aboutSectionContent > .textHolder {text-align: center;margin:0 auto;margin-bottom: 25px;max-width:90%;}
    .aboutSectionContent > .boxHolder {max-height: none;height: auto;}

    .aboutSectionTwo > .aboutSectionContent {padding: 70px 0;}
    .boxHolder > .oneBox {width:90%;margin:0 auto;margin-bottom: 30px;}

    .aboutSectionThree > .aboutSectionContent {padding: 50px 0;}

    .peopleHolder {flex-direction: column;margin-top: 70px;}
    .memberHolder > .imageHolder {width: 100%;text-align: center;}
    .memberHolder > .imageHolder > img {width: 90%;}
    .memberHolder > .titleHolder {width: 90%;margin:0 auto;margin-top: 30px;margin-bottom:13px;}
    .memberHolder > .profTitle {width: 90%;margin:0 auto;margin-bottom: 30px;}

    .introText {font-size: 18px;line-height: 1.33;padding: 0 25px;}
    .sertSliderHolder {padding:0 45px;}
    .oneSert {margin-right: 0;}

    .aboutSectionContent > .textHolder {font-size: 18px;line-height: 1.33;}
}