/* Стили для страницы на странице о компании на открытом сайте (сентябрь 2018) */
* {
  outline: none;
}
.pageBlock {

}
.aboutCompany .content-width {
  width: 1193px;
  margin: 0 auto;
}
.aboutCompany {
  font-size: 19px;
  font-family: "Harmonia Sans Pro Cyr";
}
.aboutCompany .firstBlock {
  background: url(/images/userdata/publicSite/v3/aboutCompany/bg1.jpg) top center;
  min-height: 834px; box-sizing: border-box;
  padding-top: 1px;
}
.aboutCompany .firstBlock .text {
  padding-left: 534px;
  padding-top: 166px;
}
.aboutCompany .firstBlock h1 {
  font-size: 70px; text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0px;
  margin-left:-3px;
}
.aboutCompany .firstBlock h2 {
  margin: 0px 0px 0px 0px;
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 0.015em;
  line-height: 1.3;
}
.aboutCompany .firstBlock h3 {
  font-size: 24px;
  margin-top: 43px;
  margin-bottom: 21px;
}
.aboutCompany .firstBlock h3 span {
  color: #ee0008;
}
.aboutCompany .firstBlock p {
  width: 532px;
  line-height: 1.42;
  font-weight: 600;
  margin: 21px 1px;
}
.slidesWrap {
  overflow: hidden;
  min-height: 1253px;
  padding-top: 1px;
  background: url(/images/userdata/publicSite/v3/aboutCompany/bg2.jpg) no-repeat top center;
}
.slidesWrap h4 {
  text-align: center;
  font-size: 45px; font-weight: bold;
  margin-top: 80px;
}
.slidesWrap h4 .red {
  color: #ee000a;
}
.slidesWrap .sliderSwitch {
  display: flex; width: 1182px; margin: 63px auto 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
.slidesWrap .sliderSwitch div {
  text-align: center; width: 130px; height: 130px;
}
.slidesWrap .sliderSwitch span {
  font-size: 45px; font-weight: 300;
  box-sizing: border-box; width: 116px; height: 116px; border-radius: 118px; border: 1px Solid #d1d1d1;
  display: inline-flex; justify-content: center; align-content: center; align-items: center;
  vertical-align: middle;
  margin: 0 0px;
  padding-bottom: 3px;
  transition: all 0.3s linear 0s;
  cursor: pointer;
}
.slidesWrap .sliderSwitch span:before {
  position: absolute; left: -19px;
  top: -20px; z-index: 0;
  opacity: 0;
}
.slidesWrap .sliderSwitch span.active {
  position: relative; z-index: 1;
  font-weight: 600;
  font-size: 90px;
  width: 130px; height: 130px; border: none;
  background-color: #ee000a;
  box-shadow: 0px 25px 25px 0px rgba(238,0,10,0.25);
  margin: -7px 0px 0px 0px;
  color: white;
  transition: all 0.3s linear 0s;
}
.slidesWrap .sliderSwitch span.active::before {
  opacity: 1;
  content: "";
  display: block; width: 167px; height: 168px; border-radius: 168px; background: rgba(238,0,10,0.1);
  position: absolute; left: -19px;
  top: -20px; z-index: 0;
  transition: all 0.3s linear 0s;
}

.slide {

}
.slide .photo1,
.slide .photo2,
.slide .icon1,
.slide .icon2,
.slide .circle {
  position: absolute;
  transition: all 0.5s linear 0s;
  margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;

  /*left:50%; top: 50%;*/
}
.mainCircle {
  margin: 94px auto 0;
  width: 621px; height: 621px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  box-shadow: 0px 35px 100px 0px rgba(0,0,1,0.1);
  text-align: center;
  border-radius: 621px;
  box-sizing: border-box;
  padding-top: 127px;
}
.slide {
  position: relative;
}
.slide.n1 .mainCircle {
  background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-bg1.jpg);
}
.slide.n2 .mainCircle {
  background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-bg2.jpg);
}
.slide.n3 .mainCircle {
  background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-bg3.jpg);
}
.slide.n4 .mainCircle {
  background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-bg4.jpg);
}
.slide.n5 .mainCircle {
  background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-bg5.jpg);
}
.slide.n6 .mainCircle {
  background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-bg3.jpg);
}
.slide.n7 .mainCircle {
  background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-bg7.jpg);
}

.mainCircle h1 {
  margin: 0;
  font-size: 65px; color: #e2000a;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 13px;
}
.mainCircle h2 {
  margin: 0;
  font-size: 50px; color: #111111;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.025em;
  margin-bottom: 26px;
}
.mainCircle p {
  font-size: 19px; line-height: 29px;
  margin-bottom: 47px;
}
.mainCircle .aBtn,
.mainCircle .aBtn:visited,
.mainCircle .aBtn:active {
  color: #111111;
  background-color: #ffdd47;
  font-size: 17px;
  font-weight: 600;
  padding: 16px 36px 18px;
}
.mainCircle .aBtn:hover {
  background-color: #eccd42;
}


.moreCircle {
  background: #fff;
  width: 800px; height: 800px; border-radius: 400px;
  margin-left: -400px; margin-top: -400px;
  position: absolute; left: 50%; top: 50%; z-index: 2;
  box-shadow: 0 25px 80px 0px rgba(0,0,0,0.1);
  opacity: 0; transform: scale(0.000000001);
  transition: all 0.25s linear 0s;
  display: flex; align-items: center; align-content: center; justify-content: center;
  cursor: pointer;
}
.moreCircle i.fa-times {
  position: absolute; display: block; width: 50px; height: 50px;
  text-align: center;
  display: flex; justify-content: center; align-items: center; align-content: center;
  font-size: 40px; color: #aaaaaa;
  border-radius: 50px; border: 1px Solid #f0f0f0;
  left: 675px; top: 117px;
  box-sizing: border-box; padding-bottom: 4px; line-height: 1;
  background: white;
}
.moreCircle i.fa-times:hover {
  cursor: pointer; background: #f0f0f0;
}
.moreCircle.open {
  opacity: 1; transform: scale(1);
  transition: all 0.25s linear 0s;
}
.moreCircle div {
  padding: 0 100px 0 150px;
}
.circle {
  text-align: center;
  display: flex; justify-content: center; align-content: center; align-items: center;
}
.circle.orange {
  color: white;
  background: #fa7120;
  width: 188px; height: 188px; border-radius: 188px;
  font-size: 20px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.aqua {
  color: white;
  background: #00d4b4;
  width: 215px; height: 215px; border-radius: 215px;
  font-size: 22px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}

.circle.green {
  color: white;
  background: #94db26;
  width: 176px; height: 176px; border-radius: 176px;
  font-size: 20px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.blue {
  color: white;
  background: #00b7f3;
  width: 210px; height: 210px; border-radius: 210px;
  font-size: 20px; line-height: 26px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}

.circle.grapefruit {
  color: white;
  background: #f34841;
  width: 200px; height: 200px; border-radius: 200px;
  font-size: 20px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.blue2 {
  color: white;
  background: #307ee0;
  width: 188px; height: 188px; border-radius: 188px;
  font-size: 22px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.violet {
  color: white;
  background: #d03acb;
  width: 176px; height: 176px; border-radius: 176px;
  font-size: 20px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.sunny {
  color: white;
  background: #fcbb2f;
  width: 188px; height: 188px; border-radius: 188px;
  font-size: 20px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.violet2 {
  color: white;
  background: #8839fe;
  width: 211px; height: 211px; border-radius: 211px;
  font-size: 20px; line-height: 26px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.pink {
  color: white;
  background: #f6307f;
  width: 188px; height: 188px; border-radius: 188px;
  font-size: 24px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.blue3 {
  color: white;
  background: #3f58e9;
  width: 196px; height: 196px; border-radius: 196px;
  font-size: 20px; line-height: 26px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.olive {
  color: white;
  background: #b4c800;
  width: 219px; height: 219px; border-radius: 219px;
  font-size: 20px; line-height: 26px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.orange2 {
  color: white;
  background: #fa7120;
  width: 223px; height: 223px; border-radius: 223px;
  font-size: 20px; line-height: 26px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}
.circle.sky {
  color: white;
  background: #40bcea;
  width: 213px; height: 213px; border-radius: 213px;
  font-size: 20px; line-height: 26px;
  box-shadow: 0 35px 70px 0px rgba(0,0,1,0.12);
}

.slide .photo1, .slide .photo2 { box-shadow: 0 35px 70px 0px rgba(0,0,1,0.15); border-radius: 999px; }

.slide.n1 .photo1 { width: 260px; height: 260px; top: 23px; left: 0px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-1-1.png); }
.slide.n1 .photo2 { width: 250px; height: 250px; top: 406px; left: 807px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-1-2.png); }
.slide.n1 .icon1 { width: 117px; height: 131px; top: 346px; left: -32px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-1-1.png); }
.slide.n1 .icon2 { width: 137px; height: 137px; top: 198px; left: 1084px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-1-2.png); }
.slide.n1 .circle.aqua { top: -17px; left: 872px; }
.slide.n1 .circle.orange { top: 437px; left: 196px; }

.slide.n2 .photo1 { width: 260px; height: 260px; top: 106px; left: 81px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-2-1.png); }
.slide.n2 .photo2 { width: 250px; height: 250px; top: 424px; left: 869px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-2-2.png); }
.slide.n2 .icon1 { width: 140px; height: 107px; top: 346px; left: -64px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-2-1.png); }
.slide.n2 .icon2 { width: 220px; height: 144px; top: 211px; left: 1069px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-2-2.png); }
.slide.n2 .circle.green { top: 478px; left: 116px; }
.slide.n2 .circle.blue { top: -24px; left: 779px; }

.slide.n3 .photo1 { width: 260px; height: 260px; top: -54px; left: 57px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-3-1.png); }
.slide.n3 .photo2 { width: 250px; height: 250px; top: 415px; left: 774px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-3-2.png); }
.slide.n3 .icon1 { width: 138px; height: 138px; top: 339px; left: 12px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-3-1.png); }
.slide.n3 .icon2 { width: 111px; height: 148px; top: 183px; left: 1087px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-3-2.png); }
.slide.n3 .circle.grapefruit { top: 441px; left: 222px; }
.slide.n3 .circle.blue2 { left: 891px; top: 23px; }

.slide.n4 .photo1 { width: 250px; height: 250px; top: -6px; left: 45px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-4-1.png); }
.slide.n4 .photo2 { width: 260px; height: 260px; top: 401px; left: 809px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-4-2.png); }
.slide.n4 .icon1 { width: 117px; height: 135px; top: 323px; left: -32px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-4-1.png); }
.slide.n4 .icon2 { width: 149px; height: 149px; top: 220px; left: 1108px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-4-2.png); }
.slide.n4 .circle.violet { top: 478px; left: 170px; }
.slide.n4 .circle.sunny { top: -23px; left: 837px; }

.slide.n5 .photo1 { width: 250px; height: 250px; top: 7px; left: 105px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-5-1.png); }
.slide.n5 .photo2 { width: 260px; height: 260px; top: 426px; left: 799px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-5-2.png); }
.slide.n5 .icon1 { width: 137px; height: 137px; top: 325px; left: 13px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-5-1.png); }
.slide.n5 .icon2 { width: 145px; height: 131px; top: 186px; left: 1056px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-5-2.png); }
.slide.n5 .circle.violet2 { top: 464px; left: 147px; }
.slide.n5 .circle.pink { top: 13px; left: 919px; }

.slide.n6 h2 { font-size: 40px; }
.slide.n6 .photo1 { width: 260px; height: 260px; top: 0px; left: 5px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-6-1.png); }
.slide.n6 .photo2 { width: 250px; height: 250px; top: 435px; left: 786px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-6-2.png); }
.slide.n6 .icon1 { width: 186px; height: 107px; top: 339px; left: -115px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-6-1.png); }
.slide.n6 .icon2 { width: 112px; height: 112px; top: 264px; left: 1021px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-6-2.png); }
.slide.n6 .circle.blue3 { top: 403px; left: 124px; }
.slide.n6 .circle.olive { top: -10px; left: 891px; }

.slide.n7 .photo1 { width: 250px; height: 250px; top: 15px; left: 39px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-7-1.png); }
.slide.n7 .photo2 { width: 260px; height: 260px; top: 409px; left: 908px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-photo-7-2.png); }
.slide.n7 .icon1 { width: 162px; height: 162px; top: 350px; left: -95px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-7-1.png); }
.slide.n7 .icon2 { width: 152px; height: 152px; top: 247px; left: 1093px; background-image: url(/images/userdata/publicSite/v3/aboutCompany/letter-icon-7-2.png); }
.slide.n7 .circle.orange2 { top: 441px; left: 191px; }
.slide.n7 .circle.sky { top: -29px; left: 810px; }

.slide.n2,.slide.n3,.slide.n4,.slide.n5,.slide.n6,.slide.n7 {
  display: none;
}

.slide.n1 .photo1.preposition, .slide.n1 .photo2.preposition, .slide.n1 .icon1.preposition, .slide.n1 .icon2.preposition, .slide.n1 .circle.preposition,
.slide.n2 .photo1.preposition, .slide.n2 .photo2.preposition, .slide.n2 .icon1.preposition, .slide.n2 .icon2.preposition, .slide.n2 .circle.preposition,
.slide.n3 .photo1.preposition, .slide.n3 .photo2.preposition, .slide.n3 .icon1.preposition, .slide.n3 .icon2.preposition, .slide.n3 .circle.preposition,
.slide.n4 .photo1.preposition, .slide.n4 .photo2.preposition, .slide.n4 .icon1.preposition, .slide.n4 .icon2.preposition, .slide.n4 .circle.preposition,
.slide.n5 .photo1.preposition, .slide.n5 .photo2.preposition, .slide.n5 .icon1.preposition, .slide.n5 .icon2.preposition, .slide.n5 .circle.preposition,
.slide.n6 .photo1.preposition, .slide.n6 .photo2.preposition, .slide.n6 .icon1.preposition, .slide.n6 .icon2.preposition, .slide.n6 .circle.preposition,
.slide.n7 .photo1.preposition, .slide.n7 .photo2.preposition, .slide.n7 .icon1.preposition, .slide.n7 .icon2.preposition, .slide.n7 .circle.preposition {
  left: 50%; top: 50%;
  transition: all 0.2s linear 0s;
  transform: scale(0.5);
}

.slide.n1 .photo1.preposition { margin-left:-130px; margin-top: -130px; }
.slide.n1 .photo2.preposition { margin-left:-125px; margin-top: -125px; }
.slide.n1 .icon1.preposition { margin-left: -53px; margin-top: -65px; }
.slide.n1 .icon2.preposition { margin-left: -86px; margin-top: -68px; }
.slide.n1 .circle.preposition.aqua { margin-left: -107px; margin-top: -107px; }
.slide.n1 .circle.preposition.orange { margin-left: -94px; margin-top: -94px; }

.slide.n2 .photo1.preposition { margin-left: -130px; margin-top: -130px; }
.slide.n2 .photo2.preposition { margin-left: -125px; margin-top: -125px; }
.slide.n2 .icon1.preposition { margin-left: -70px; margin-top: -53px; }
.slide.n2 .icon2.preposition { margin-left: -110px; margin-top: -72px; }
.slide.n2 .circle.preposition.green { margin-left: -88px; margin-top: -88px; }
.slide.n2 .circle.preposition.blue { margin-left: -105px; margin-top: -105px; }

.slide.n3 .photo1.preposition { margin-left:-130px; margin-top: -130px; }
.slide.n3 .photo2.preposition { margin-left:-125px; margin-top: -125px; }
.slide.n3 .icon1.preposition { margin-left: -69px; margin-top: -69px; }
.slide.n3 .icon2.preposition {  margin-left: -55px; margin-top: -74px; }
.slide.n3 .circle.preposition.grapefruit {  margin-left: -100px; margin-top: -100px; }
.slide.n3 .circle.preposition.blue2 { margin-left: -94px; margin-top: -94px; }

.slide.n4 .photo1.preposition { margin-left: -125px; margin-top: -125px; }
.slide.n4 .photo2.preposition { margin-left: -130px; margin-top: -130px; }
.slide.n4 .icon1.preposition { margin-left: -58px; margin-top: -67px; }
.slide.n4 .icon2.preposition { margin-left: -74px; margin-top: -74px; }
.slide.n4 .circle.preposition.violet { margin-left: -88px; margin-top: -88px; }
.slide.n4 .circle.preposition.sunny { margin-left: -94px; margin-top: -94px; }

.slide.n5 .photo1.preposition { margin-left: -125px; margin-top: -125px; }
.slide.n5 .photo2.preposition { margin-left: -130px; margin-top: -130px; }
.slide.n5 .icon1.preposition { margin-left: -68px; margin-top: -68px; }
.slide.n5 .icon2.preposition { margin-top: -72px; margin-top: -65px; }
.slide.n5 .circle.preposition.violet2 { margin-left: -105px; margin-top: -105px; }
.slide.n5 .circle.preposition.pink { margin-left: -94px; margin-top: -94px; }

.slide.n6 .photo1.preposition { margin-left: -130px; margin-top: -130px; }
.slide.n6 .photo2.preposition { margin-left: -125px; margin-top: -125px; }
.slide.n6 .icon1.preposition { margin-left: -93px; margin-top: -53px; }
.slide.n6 .icon2.preposition { margin-left: -56px; margin-top: -56px; }
.slide.n6 .circle.blue3.preposition { margin-left: -98px; margin-top: -98px; }
.slide.n6 .circle.olive.preposition { margin-left: -109px; margin-top: -109px; }

.slide.n7 .photo1.preposition { margin-left: -125px; margin-top: -125px; }
.slide.n7 .photo2.preposition { margin-left: -130px; margin-top: -130px; }
.slide.n7 .icon1.preposition { margin-left: -81px; margin-top: -81px; }
.slide.n7 .icon2.preposition { margin-left: -76px; margin-top: -76px; }
.slide.n7 .circle.preposition.orange2 { margin-left: -111px; margin-top: -111px; }
.slide.n7 .circle.preposition.sky { margin-left: -106px; margin-top: -106px; }