.nopadding {
  padding: 0px;
}

.nomargin {
  margin: 0px;
}

.otherBooksMainRow .leftSideOtherBooks .otherBooksPictureContainer .numberBook, .counterMainRow .counterMainColumn .number, .counterMainRow .counterMainColumn .counterDescription, .specialBoxMainRow .specialBoxMainColumn .descriptionSpecialBox, .commercialBookMainRow, .bookMainContainer .bookMainRow, .bookHeaderMainCVontainer .bookHeadeMainRow {
  margin-left: auto !important;
  margin-right: auto !important;
}

@font-face {
  font-family: number;
  src: url(../assets/fonts/DINPro-CondensedRegular.ttf);
}
@font-face {
  font-family: promptB;
  src: url(../assets/fonts/Prompt-Bold.ttf);
}
@font-face {
  font-family: promptLI;
  src: url(../assets/fonts/Prompt-LightItalic.ttf);
}
@font-face {
  font-family: promptM;
  src: url(../assets/fonts/Prompt-Medium.ttf);
}
@font-face {
  font-family: promptSB;
  src: url(../assets/fonts/Prompt-SemiBold.ttf);
}
@font-face {
  font-family: promptR;
  src: url(../assets/fonts/Prompt-Regular.ttf);
}
@font-face {
  font-family: promptL;
  src: url(../assets/fonts/Prompt-Light.ttf);
}
@font-face {
  font-family: promptT;
  src: url(../assets/fonts/Prompt-Thin.ttf);
}
@font-face {
  font-family: dinProCondR;
  src: url(../assets/fonts/DINPro-CondensedRegular.ttf);
}
.bookHeaderMainCVontainer {
  width: 100%;
  height: auto;
}
.bookHeaderMainCVontainer .bookHeadeMainRow {
  width: 880px;
  height: auto;
}
@media only screen and (max-width: 992px) {
  .bookHeaderMainCVontainer .bookHeadeMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .bookHeaderMainCVontainer .bookHeadeMainRow {
    width: 80%;
  }
}
.bookHeaderMainCVontainer .bookHeadeMainRow .bookHeaderMainColumn {
  width: 100%;
  height: auto;
  padding: 0px 20px;
}
.bookHeaderMainCVontainer .bookHeadeMainRow .bookHeaderMainColumn .descriptionHeader {
  padding-left: 95px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .bookHeaderMainCVontainer .bookHeadeMainRow .bookHeaderMainColumn .descriptionHeader {
    padding-left: 50px;
  }
}
.bookHeaderMainCVontainer .bookHeadeMainRow .bookHeaderMainColumn .descriptionHeader .greyRectrangle {
  width: 55px;
  height: 60%;
  background: #bbc9cd;
  position: absolute;
  left: 0px;
  top: 0px;
}
@media only screen and (max-width: 576px) {
  .bookHeaderMainCVontainer .bookHeadeMainRow .bookHeaderMainColumn .descriptionHeader .greyRectrangle {
    width: 30px;
  }
}
.bookHeaderMainCVontainer .bookHeadeMainRow .bookHeaderMainColumn .descriptionHeader p {
  display: block;
  font-family: promptT;
  font-size: 29px;
  font-weight: 300;
  color: #000;
  line-height: 1.4;
  margin-bottom: 0px;
  margin-bottom: 15px;
}
.bookHeaderMainCVontainer .bookHeadeMainRow .bookHeaderMainColumn .descriptionHeader p strong {
  font-family: promptM;
  font-size: 24px;
}

.bookMainContainer {
  width: 100%;
  height: auto;
}
.bookMainContainer .bookMainRow {
  width: 880px;
  height: auto;
  padding-top: 70px;
}
@media only screen and (max-width: 992px) {
  .bookMainContainer .bookMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .bookMainContainer .bookMainRow {
    width: 90%;
  }
}
.bookMainContainer .bookMainRow .bookMainColumn {
  width: 100%;
  height: auto;
  padding: 0px 20px;
}
.bookMainContainer .bookMainRow .bookMainColumn .descriptionBook {
  width: 100%;
  height: auto;
}
.commercialBookMainRow {
  width: 880px;
  height: 335px;
  background: #eef0f1;
  margin-top: 55px !important;
  margin-bottom: 75px !important;
}
@media only screen and (max-width: 992px) {
  .commercialBookMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .commercialBookMainRow {
    width: 100%;
    height: auto;
  }
}
.commercialBookMainRow .leftSideCommercialBook {
  width: 100%;
  height: 100%;
  padding-right: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .commercialBookMainRow .leftSideCommercialBook {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
  }
}
.commercialBookMainRow .leftSideCommercialBook .descriptionCommercialBook {
  width: 480px;
  height: 150px;
}
@media only screen and (max-width: 767px) {
  .commercialBookMainRow .leftSideCommercialBook .descriptionCommercialBook {
    height: auto;
  }
}
.commercialBookMainRow .leftSideCommercialBook .descriptionCommercialBook h3 {
  font-size: 40px;
  color: #718388;
  text-align: right;
  line-height: 1.1;
  max-width: 500px;
}
@media only screen and (max-width: 767px) {
  .commercialBookMainRow .leftSideCommercialBook .descriptionCommercialBook h3 {
    text-align: left;
  }
}
.commercialBookMainRow .leftSideCommercialBook .descriptionCommercialBook h4 {
  font-family: promptB;
  color: #718388;
  font-size: 18px;
  text-align: right;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .commercialBookMainRow .leftSideCommercialBook .descriptionCommercialBook h4 {
    text-align: left;
  }
}
.commercialBookMainRow .rightSideCommercialBook {
  width: 100%;
  height: 100%;
}
.commercialBookMainRow .rightSideCommercialBook .imageCommercial {
  width: 250px;
  height: 350px;
  position: relative;
  top: -25px;
}
@media only screen and (max-width: 992px) {
  .commercialBookMainRow .rightSideCommercialBook .imageCommercial {
    width: 228px;
    height: 330px;
    top: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .commercialBookMainRow .rightSideCommercialBook .imageCommercial {
    margin-left: auto;
    margin-right: 40px;
  }
}
.commercialBookMainRow .rightSideCommercialBook .imageCommercial img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.descriptionTutorialList {
  margin-top: 28px;
}
.descriptionTutorialList p {
  margin-bottom: 0px;
}
.descriptionTutorialList .firstLevelDescriptionList {
  padding-left: 15px;
}
.descriptionTutorialList .firstLevelDescriptionList li {
  font-family: promptL;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  line-height: 2;
  padding-left: 30px;
}
.descriptionTutorialList .firstLevelDescriptionNumberList {
  padding-left: 15px;
}
.descriptionTutorialList .firstLevelDescriptionNumberList li {
  font-family: promptL;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  line-height: 2;
  padding-left: 0px;
}

.priceBoxMainRow {
  width: 100%;
  height: 165px;
  background: #eef0f1;
  margin-top: 40px !important;
}
@media only screen and (max-width: 767px) {
  .priceBoxMainRow {
    height: auto;
    padding-top: 10px;
  }
}
.priceBoxMainRow .leftSidePriceBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .priceBoxMainRow .leftSidePriceBox {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.priceBoxMainRow .leftSidePriceBox .descriptionPriceBox {
  width: 455px;
  height: auto;
}
.priceBoxMainRow .leftSidePriceBox .descriptionPriceBox h4 {
  font-family: promptL;
  font-size: 24px;
  color: #2b405f;
}
.priceBoxMainRow .leftSidePriceBox .descriptionPriceBox h4 strong {
  font-family: promptB;
  font-size: 20px;
  text-transform: uppercase;
}
.priceBoxMainRow .rightSidePriceBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.priceBoxMainRow .rightSidePriceBox .priceBox {
  width: 220px;
  height: 125px;
  font-family: promptL;
  font-size: 34px;
  color: #2b405f;
  font-weight: 500;
  display: block;
  text-align: center;
}
.priceBoxMainRow .rightSidePriceBox .priceBox .priceBtn {
  width: 215px;
  height: 55px;
  background: #2b405f;
  border-style: solid;
  border-color: #2b405f;
  border-width: 1px;
  transition: 0.4s;
  margin-top: 5px;
}
.priceBoxMainRow .rightSidePriceBox .priceBox .priceBtn:hover {
  background: #fff;
  transition: 0.4s;
}
.priceBoxMainRow .rightSidePriceBox .priceBox .priceBtn:hover a {
  color: #2b405f;
  transition: 0.4s;
}
.priceBoxMainRow .rightSidePriceBox .priceBox .priceBtn a {
  display: block;
  width: 100%;
  height: 100%;
  font-family: promptB;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  padding-top: 12px;
  transition: 0.4s;
}
.priceBoxMainRow .rightSidePriceBox .priceBox .priceBtn a:hover {
  text-decoration: none;
}

.additionalDescriptionMainRow {
  width: 100%;
  height: auto;
  margin-top: 70px !important;
}
.additionalDescriptionMainRow .additionalDescriptionMainColumn {
  width: 100%;
  height: 100%;
}
.additionalDescriptionMainRow .additionalDescriptionMainColumn .additionalDescription {
  width: 100%;
  height: 100%;
}
.additionalDescriptionMainRow .additionalDescriptionMainColumn .additionalDescription p {
  margin-bottom: 0px;
}
.additionalDescriptionMainRow .additionalDescriptionMainColumn .additionalDescription p strong {
  text-transform: uppercase;
}

.specialBoxMainRow {
  width: 100%;
  height: auto;
  margin-top: 50px !important;
}
.specialBoxMainRow .specialBoxMainColumn {
  width: 100%;
  position: relative;
}
.specialBoxMainRow .specialBoxMainColumn .topicSpecialDescriptionBox {
  display: block;
  width: 100%;
  height: 35px;
}
.specialBoxMainRow .specialBoxMainColumn .topicSpecialDescriptionBox h4 {
  font-family: promptB;
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
}
.specialBoxMainRow .specialBoxMainColumn .arrowLeft {
  display: block;
  width: 100px;
  height: 270px;
  padding: 25px 23px;
  position: absolute;
  left: 0px;
  top: 35px;
}
@media only screen and (max-width: 767px) {
  .specialBoxMainRow .specialBoxMainColumn .arrowLeft {
    display: none;
  }
}
.specialBoxMainRow .specialBoxMainColumn .arrowLeft img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.specialBoxMainRow .specialBoxMainColumn .arrowRight {
  display: block;
  width: 100px;
  height: 270px;
  padding: 25px 23px;
  position: absolute;
  right: 0px;
  top: 35px;
}
@media only screen and (max-width: 767px) {
  .specialBoxMainRow .specialBoxMainColumn .arrowRight {
    display: none;
  }
}
.specialBoxMainRow .specialBoxMainColumn .arrowRight img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.specialBoxMainRow .specialBoxMainColumn .descriptionSpecialBox {
  width: 620px;
  height: 270px;
  background: #eef0f1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .specialBoxMainRow .specialBoxMainColumn .descriptionSpecialBox {
    width: 570px;
  }
}
@media only screen and (max-width: 767px) {
  .specialBoxMainRow .specialBoxMainColumn .descriptionSpecialBox {
    width: 100%;
    height: auto;
  }
}
.specialBoxMainRow .specialBoxMainColumn .descriptionSpecialBox p {
  display: block;
  width: 470px;
  height: auto;
  font-family: promptLI;
  font-size: 16px;
  color: #000;
}
@media only screen and (max-width: 992px) {
  .specialBoxMainRow .specialBoxMainColumn .descriptionSpecialBox p {
    width: 90%;
  }
}

.counterMainRow {
  width: 100%;
  height: auto;
  margin-top: 70px !important;
}
.counterMainRow .counterMainColumn {
  width: 100%;
  height: 255px;
  display: block;
  margin-bottom: 70px;
}
.counterMainRow .counterMainColumn .counterDescription {
  width: 300px;
  height: 40px;
  font-family: promptL;
  font-size: 35px;
  text-transform: uppercase;
  text-align: center;
  color: #bbc9cd;
}
.counterMainRow .counterMainColumn .number {
  width: 300px;
  height: 170px;
  text-align: center;
  font-family: promptL;
  font-size: 120px;
  text-transform: uppercase;
  text-align: center;
  color: #bbc9cd;
}

.otherBooksMainRow {
  width: 100%;
  height: auto;
  margin-top: 50px !important;
}
.otherBooksMainRow .leftSideOtherBooks {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.otherBooksMainRow .leftSideOtherBooks .otherBooksPictureContainer .numberBook {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 100%;
  background: #c0cfd2;
  text-align: center;
  font-family: number;
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
.otherBooksMainRow .leftSideOtherBooks .otherBooksPictureContainer .pictureContainer {
  width: 190px;
  height: 250px;
  margin-top: -15px;
}
.otherBooksMainRow .leftSideOtherBooks .otherBooksPictureContainer .pictureContainer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.otherBooksMainRow .rightSideOtherBooks {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.topic1 p,
.otherBooksMainRow  h2
{
  font-family: 'PromptB';
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 0px;
}

/*# sourceMappingURL=book.css.map */