.nopadding {
  padding: 0px;
}

.nomargin {
  margin: 0px;
}

.container-fluid {
  margin: 0px;
  padding: 0px;
}

.row {
  margin: 0px;
  padding: 0px;
}

.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieDescriptionColumn .fourMovieDescription h2, .fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieDescriptionColumn .fourMovieDescription, .fourVideoTitleMainContainer .fourVideoTitleMainRow, .trainIndexMainContainer .trainIndeksMainRow, .articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle, .articleIndexMainContainer .articleIndexMainRow, .articleIndexMainContainer .selectCategoryMainRow, .otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle, .otherArticleMainContainer .otherArticleMainRow, .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .dataContainer, .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .addressContainer, .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer, .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .backgroundImageHead, .abstractArticleMainContainer .asbtractAtricleMainRow, .teamMainContainer .teamMainRow, .galleryMainContainer .galleryMainRow, .videoMainContainer .videoMainRow, .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer blockquote, .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer .centerAlign, .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p .aligncenter, .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer, .textSectionMainContainer .textSectionMainRow, .threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesDescriptionColumn .threeImagesDescription h2, .threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesDescriptionColumn .threeImagesDescription, .threeImageTitleMainContainer .threeImageTitleMainRow, .workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer, .workShopIndexMainContainer .workShopIndexMainRow, .workShopIndexMainContainer .selectCategoryMainRow, .workshopIndexTitleMainContainer .workshopIndexMainRowTitle .workShopIndexTitleColumn .descriptionContainer, .workshopIndexTitleMainContainer .workshopIndexMainRowTitle, .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow, .workshopStepsTitleMainContainer .titleGalleryMainRow, .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .descriptionContainer, .workshopStepsTitleMainContainer .workshopStepsMainRowTitle, .footerMainContainer .copyrightMainRow, .footerMainContainer .footerMainRow .leftColumnFooter .descriptionFooter, .footerMainContainer .footerMainRow, .contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .logoContainer, .contactMainContainer .contactMainRow, .trainSeparatorMainContiner .trainLinksMainRow, .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow, .articleMainContainer .articleMainRow .articleMainColumn .boxArticle, .articleMainContainer .articleMainRow, .articleMainContainer .backgroundImageArticle, .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer, .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .dataContainer, .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .addressContainer, .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox, .workShopMainCOntainer .workShopWelcomeRow, .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description, .aboutUsContainer .aboutUsMainRow, .headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer, .headerMainContainer .headerMainRow, .navigationMainContainer .navigationMainRow, .articleTitleMainRow, .otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer, .otherWorkShopCaruselRow, .caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle, .caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .titleArticleDescription, .caruselNewArticleMainContainer .backgroundImageArticle, .authorMainContainer .authorMainRow, .authorWorkshop .authorMainRow {
  margin-left: auto !important;
  margin-right: auto !important;
}

@font-face {
  font-family: agencyBold;
  src: url(../assets/fonts/agencyfb_bold.ttf);
}
@font-face {
  font-family: robotoBold;
  src: url(../assets/fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: robotoMedium;
  src: url(../assets/fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: robotoRegular;
  src: url(../assets/fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: robotoItallic;
  src: url(../assets/fonts/Roboto-Italic.ttf);
}
@font-face {
  font-family: frutigerLTStd-Bold;
  src: url(../assets/fonts/FrutigerLTStd-Bold.woff);
}
@font-face {
  font-family: icons;
  src: url("../assets/fonts/icons.eot");
  src: url("../assets/fonts/icons.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/icons.woff") format("woff"), url("../assets/fonts/icons.ttf") format("truetype"), url("../assets/fonts/icons.svg#svgicons") format("svg");
}
html {
  scroll-behavior: smooth;
  transition: 4s;
}

body .screenLineLeft {
  width: 3px;
  height: 100vh;
  background: #03507d54;
  position: fixed;
  left: 5%;
  top: 0px;
  z-index: 10;
}
@media only screen and (max-width: 1199px) {
  body .screenLineLeft {
    height: 100%;
  }
}
body .screenLineRight {
  width: 3px;
  height: 100vh;
  background: #03507d54;
  position: fixed;
  left: auto;
  right: 5%;
  top: 0px;
  z-index: 10;
}
@media only screen and (max-width: 1199px) {
  body .screenLineRight {
    height: 100%;
  }
}

.authorWorkshop {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 50px;
  padding-top: 50px;
}
.authorWorkshop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  border-bottom: 4px solid #03517d;
}
.authorWorkshop .authorMainRow {
  width: 95%;
  max-width: 1200px;
}
.authorWorkshop .authorMainRow .authorMainColumn {
  width: 100%;
  height: auto;
}
.authorWorkshop .authorMainRow .authorMainColumn .AuthorTitle {
  width: 100%;
  text-align: center;
}
.authorWorkshop .authorMainRow .authorMainColumn .AuthorTitle h3 {
  color: #03517d;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox {
  width: 400px;
  margin: 10px;
  height: auto;
  background: rgba(3, 81, 125, 0.4);
  border-radius: 10px;
  padding: 10px;
  -webkit-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  -moz-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .headAuthor {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .headAuthor .pictueBox {
  width: 150px;
  height: 150px;
  background: red;
  border-radius: 100%;
  border-style: solid;
  border-color: #fff;
  border-width: 2px;
  overflow: hidden;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .headAuthor .pictueBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .headAuthor .nameBox {
  width: 200px;
  height: auto;
  text-align: center;
  font-family: robotoMedium;
  color: #f7f7f7;
  font-size: 18px;
  padding: 10px;
  border-bottom-style: solid;
  border-color: #fff;
  border-width: 2px;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox {
  width: 100%;
  height: auto;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .descriptionBoxText {
  width: 100%;
  height: auto;
  padding-top: 10px;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .descriptionBoxText p {
  color: #fff;
  font-size: 16px;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox {
  width: 100%;
  height: auto;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer {
  width: 100%;
  height: auto;
  padding: 10px;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 5px;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer .socialIcon {
  width: 25px;
  height: 25px;
  margin-right: 20px;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer .socialIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer .socialAdress {
  width: auto;
}
.authorWorkshop .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer .socialAdress a {
  color: #03517d;
  font-size: 18px;
  font-family: robotoM;
}

.authorMainContainer {
  width: 100%;
  height: auto;
  position: relative;
  padding-bottom: 50px;
}
.authorMainContainer:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  border-bottom: 4px solid #03517d;
}
.authorMainContainer .authorMainRow {
  width: 95%;
  max-width: 1200px;
}
.authorMainContainer .authorMainRow .authorMainColumn {
  width: 100%;
  height: auto;
}
.authorMainContainer .authorMainRow .authorMainColumn .AuthorTitle {
  width: 100%;
  text-align: center;
}
.authorMainContainer .authorMainRow .authorMainColumn .AuthorTitle h3 {
  color: #03517d;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox {
  width: 400px;
  margin: 10px;
  height: auto;
  background: rgba(3, 81, 125, 0.4);
  border-radius: 10px;
  padding: 10px;
  -webkit-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  -moz-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  position: relative;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .titleBox {
  position: absolute;
  right: 30px;
  top: 5px;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .titleBox h3 {
  color: #03517d;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .headAuthor {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .headAuthor .pictueBox {
  width: 150px;
  height: 150px;
  background: red;
  border-radius: 100%;
  border-style: solid;
  border-color: #fff;
  border-width: 2px;
  overflow: hidden;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .headAuthor .pictueBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .headAuthor .nameBox {
  width: 200px;
  height: auto;
  text-align: center;
  font-family: robotoMedium;
  color: #f7f7f7;
  font-size: 18px;
  padding: 10px;
  border-bottom-style: solid;
  border-color: #fff;
  border-width: 2px;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox {
  width: 100%;
  height: auto;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .descriptionBoxText {
  width: 100%;
  height: auto;
  padding-top: 10px;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .descriptionBoxText p {
  color: #fff;
  font-size: 16px;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox {
  width: 100%;
  height: auto;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer {
  width: 100%;
  height: auto;
  padding: 10px;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 5px;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer .socialIcon {
  width: 25px;
  height: 25px;
  margin-right: 20px;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer .socialIcon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer .socialAdress {
  width: auto;
}
.authorMainContainer .authorMainRow .authorMainColumn .authorBoxColumn .authorBox .desciptionBox .sicialBox .sicialContainer .socialAdress a {
  color: #03517d;
  font-size: 18px;
  font-family: robotoM;
}

.bwg-icon-times-sm::before {
  color: #fff !important;
}

.spider_popup_close_fullscreen {
  right: 10% !important;
  top: 10% !important;
}

.caruselNewArticleMainContainer {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 100px;
}
.caruselNewArticleMainContainer .backgroundImageArticle {
  width: 100%;
  max-width: 1500px;
  height: 600px;
  background-image: url(../img/article/wagon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.4;
}
.caruselNewArticleMainContainer .otherWorkShopTitleMainRow {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}
.caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn {
  width: 100%;
  height: auto;
}
.caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .otherWorkShopTitleContainer {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .otherWorkShopTitleContainer h2 {
  text-align: center;
}
.caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .titleArticleDescription {
  max-width: 1100px;
  padding-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .titleArticleDescription {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .titleArticleDescription p::first-letter {
  padding-left: 40px;
}
.caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .titleArticleDescription p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #03517d;
  left: 0px;
}
@media only screen and (max-width: 1400px) {
  .caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .titleArticleDescription p::before {
    left: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .titleArticleDescription p::before {
    left: 0%;
  }
}
@media only screen and (max-width: 544px) {
  .caruselNewArticleMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .titleArticleDescription p::before {
    width: 18px;
    height: 20px;
    left: 0%;
  }
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 11;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle {
  width: 440px;
  height: auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 1400px) {
  .caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle {
    width: 350px;
  }
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .pictureContainer {
  width: 100%;
  height: 250px;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .pictureContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails {
  width: 90%;
  height: auto;
  margin-left: auto;
  position: relative;
  top: -70px;
  background: #fff;
  border-top-left-radius: 30px;
  -webkit-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  -moz-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  padding-bottom: 30px;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .boxData {
  width: 300px;
  height: 70px;
  background: #03517d;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .boxData .iconBox {
  width: 45px;
  height: 45px;
}
@media only screen and (max-width: 1400px) {
  .caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .boxData .iconBox {
    width: 30px;
    height: 30px;
  }
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .boxData .iconBox img {
  width: 100%;
  height: 100%;
  object-fit: containl;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .boxData .data {
  font-family: robotoMedium;
  color: #fff;
  font-size: 24px;
}
@media only screen and (max-width: 1400px) {
  .caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .boxData .data {
    font-size: 20px;
  }
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .titleBox {
  width: 100%;
  height: auto;
  padding-top: 10px;
}
@media only screen and (max-width: 1400px) {
  .caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .titleBox {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .titleBox h3 {
  color: #03517d;
  text-align: center;
  font-size: 20px;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .descriptionBox {
  padding-left: 10px;
  padding-right: 10px;
}
.caruselNewArticleMainContainer .caruselNewArticleMainRow .caruselNewArticleMainColumn .boxArticle .boxDetails .descriptionBox p {
  color: #757677;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.openNavi .navigationMainRow .navigationLogo {
  position: relative;
  z-index: 99;
}
.openNavi .navigationMainRow .navigationLinks .hamburger {
  position: relative;
  z-index: 1;
}
.openNavi .navigationMainRow .navigationLinks .hamburger svg path {
  stroke: #03517d;
}
.openNavi .navigationMainRow .navigationLinks .linksContainer {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed !important;
  top: auto !important;
  bottom: 0px;
  left: -100%;
  background: #03517d;
  background-image: url(../img/navigation/background.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-direction: column;
}
.openNavi .navigationMainRow .navigationLinks .linksContainer .firstUl {
  display: block !important;
}
.openNavi .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi {
  padding-left: 50px;
  padding-right: 50px;
}
.openNavi .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:hover {
  background: #f7f7f7;
  transition: 0.4s;
}
.openNavi .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:hover a {
  color: #03517d;
  transition: 0.4s;
}
.openNavi .navigationMainRow .navigationLinks .linksContainer .socialUl {
  list-style: none;
  padding-left: 0px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
}
@media only screen and (max-width: 575px) {
  .openNavi .navigationMainRow .navigationLinks .linksContainer .socialUl .socialLi a img:first-child {
    display: block !important;
  }
}
.openNavi .navigationMainRow .navigationSocialLinks {
  position: relative;
  z-index: 1;
}

.otherWorkShopCaruselRow {
  width: 100%;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 544px) {
  .otherWorkShopCaruselRow {
    width: 100%;
  }
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 15;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .owl-stage-outer {
  padding-bottom: 40px;
  padding-top: 20px;
  height: 520px;
  position: relative;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .owl-stage-outer .owl-stage {
  height: 100%;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer {
  width: 370px;
  height: 450px;
  -webkit-box-shadow: 8px 8px 24px 0px #42445a;
  -moz-box-shadow: 8px 8px 24px 0px #42445a;
  box-shadow: 8px 8px 24px 0px #42445a;
}
@media only screen and (max-width: 544px) {
  .otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer {
    width: 90%;
  }
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .imageContainer {
  width: 100%;
  height: 260px;
  background: #f7f7f7;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .imageContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer {
  width: 100%;
  height: 192px;
  background: white;
  background: linear-gradient(322deg, white 0%, #03517d 0%);
  animation: expandGradientOut 0.1s ease-in forwards;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer:hover {
  animation: expandGradient 0.2s ease-in forwards;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer:hover a .btnBoxContainer .titleHref {
  color: #03517d;
  transition: 0.4s;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer:hover a .btnBoxContainer .arrowRight svg path {
  fill: #03517d;
  transition: 0.4s;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer:hover a .btnBoxContainer .iconBox svg path {
  fill: #03517d;
  transition: 0.4s;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer:hover a .titleContainer {
  animation: expandTitleGradient 0.2s ease-in forwards;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer:hover a .titleContainer h3 {
  color: #fff;
  transition: 0.4s;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a {
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .titleContainer {
  width: 295px;
  height: 100px;
  position: relative;
  top: -40px;
  background: white;
  background: linear-gradient(322deg, white 100%, #03517d 0%);
  display: flex;
  justify-content: center;
  align-items: center;
  animation: expandTitleGradientOut 0.2s ease-in forwards;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .titleContainer h3 {
  color: #03517d;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0px;
  transition: 0.4s;
  font-size: 21px;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .btnBoxContainer {
  width: 100%;
  height: 100px;
  position: relative;
  top: -15px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .titleHref {
  font-family: robotoMedium;
  font-size: 20px;
  color: #fff;
  padding-left: 20px;
  transition: 0.4s;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .arrowRight {
  width: 50px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .arrowRight svg {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .arrowRight svg path {
  fill: #fff;
  transition: 0.4s;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .iconBox {
  width: 70px;
  height: 70px;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .iconBox svg {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.otherWorkShopCaruselRow .otherWorkShopMainColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .iconBox svg path {
  fill: #fff;
}

.buttonMainRow {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}
.buttonMainRow .buttonMainColumn {
  width: 100%;
  height: auto;
}
.buttonMainRow .buttonMainColumn .btnContainer {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 544px) {
  .buttonMainRow .buttonMainColumn .btnContainer {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue {
  --offset: 10px;
  --border-size: 2px;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 20px 30px;
  appearance: none;
  border: 0;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: 0.6s;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue:hover {
  background: #03517d;
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  transition: 0.6s;
  outline: none;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue:hover a {
  color: #fff;
  text-decoration: none;
  transition: 0.6s;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue:hover .button_vertical {
  transform: scaleY(0);
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue:hover .button_horizontal {
  transform: scaleX(0);
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue .btnHref {
  text-decoration: none;
  width: 100%;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue a {
  color: #03517d;
  display: block;
  text-decoration: none;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue a .button_horizontal,
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue a .button_vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue a .button_horizontal::before,
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue a .button_vertical::before {
  content: "";
  position: absolute;
  border: inherit;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue .button_horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue .button_horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue .button_vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
}
.buttonMainRow .buttonMainColumn .btnContainer .buttonBlue .button_vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}

.btnContainerArticle {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  position: absolute;
  top: auto;
  bottom: 0px;
  padding-bottom: 10px;
}
.btnContainerArticle .buttonBlue {
  --offset: 10px;
  --border-size: 2px;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 20px 30px;
  appearance: none;
  border: 0;
  background: #fff;
  color: #03517d;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: 0.6s;
}
.btnContainerArticle .buttonBlue:hover {
  background: #03517d;
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  transition: 0.6s;
  outline: none;
}
.btnContainerArticle .buttonBlue:hover a {
  color: #fff;
  transition: 0.6s;
  outline: none;
}
.btnContainerArticle .buttonBlue:hover .button_vertical {
  transform: scaleY(0);
}
.btnContainerArticle .buttonBlue:hover .button_horizontal {
  transform: scaleX(0);
}
.btnContainerArticle .buttonBlue .btnHref {
  text-decoration: none;
  width: 100%;
}
.btnContainerArticle .buttonBlue a {
  color: #03517d;
  display: block;
  text-decoration: none;
}
.btnContainerArticle .buttonBlue a .button_horizontal,
.btnContainerArticle .buttonBlue a .button_vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.btnContainerArticle .buttonBlue a .button_horizontal::before,
.btnContainerArticle .buttonBlue a .button_vertical::before {
  content: "";
  position: absolute;
  border: inherit;
}
.btnContainerArticle .buttonBlue .button_horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
}
.btnContainerArticle .buttonBlue .button_horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.btnContainerArticle .buttonBlue .button_vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
}
.btnContainerArticle .buttonBlue .button_vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}

.articleTitleMainRow {
  width: 1200px;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .articleTitleMainRow {
    width: 960px;
  }
}
@media only screen and (max-width: 992px) {
  .articleTitleMainRow {
    width: 95%;
  }
}
.articleTitleMainRow .articleTitleMainColumn {
  width: 100%;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.articleTitleMainRow .articleTitleMainColumn .titleArticleDescription {
  max-width: 800px;
  padding-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::first-letter {
  padding-left: 40px;
}
.articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #03517d;
  left: 0px;
}
@media only screen and (max-width: 1400px) {
  .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::before {
    left: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::before {
    left: 0%;
  }
}
@media only screen and (max-width: 544px) {
  .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::before {
    width: 18px;
    height: 20px;
    left: 0%;
  }
}

h1 {
  font-family: agencyBold;
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 4px;
}

h2 {
  font-family: robotoRegular;
  color: #353535;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline-block;
  position: relative;
  text-align: center;
}
h2 .underline {
  width: 0%;
  height: 30px;
  overflow: hidden;
  transition: 1.3s;
}
h2 .underline svg {
  width: 190px;
  height: auto;
  object-fit: cover;
}
h2 .underline svg path {
  fill: #03517d;
}

h3 {
  font-family: robotoMedium;
  font-size: 25px;
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 544px) {
  h3 {
    font-size: 20px;
  }
}

p {
  font-family: robotoRegular;
  color: #353535;
  font-size: 18px;
}
@media only screen and (max-width: 1400px) {
  p {
    font-size: 16px;
  }
}

.navigationMainContainer {
  width: 100%;
  height: 100px;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  transition: 0.4s;
  z-index: 99;
}
.navigationMainContainer:hover {
  opacity: 1 !important;
  -webkit-box-shadow: 0px 0px 55px -4px #42445a;
  -moz-box-shadow: 0px 0px 55px -4px #42445a;
  box-shadow: 0px 0px 55px -4px #42445a;
  transition: 0.4s;
}
.navigationMainContainer .navigationMainRow {
  width: 100%;
  height: 100%;
}
.navigationMainContainer .navigationMainRow .navigationLogo {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #03517d;
  background: linear-gradient(90deg, #03517d 70%, white 70%);
}
.navigationMainContainer .navigationMainRow .navigationLogo .circleBackground {
  width: 300px;
  height: 106px;
  border-top-right-radius: 100px;
  background: #03517d;
  position: absolute;
  left: auto;
  right: 0px;
  top: -6px;
}
.navigationMainContainer .navigationMainRow .navigationLogo .logoContainer {
  width: 170px;
  height: 80px;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}
.navigationMainContainer .navigationMainRow .navigationLogo .logoContainer a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.navigationMainContainer .navigationMainRow .navigationLinks {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  .navigationMainContainer .navigationMainRow .navigationLinks {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.navigationMainContainer .navigationMainRow .navigationLinks .hamburger {
  display: none;
  transform: scale(0.5);
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .navigationMainContainer .navigationMainRow .navigationLinks .hamburger {
    display: flex;
  }
}
.navigationMainContainer .navigationMainRow .navigationLinks svg {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navigationMainContainer .navigationMainRow .navigationLinks .active svg {
  transform: rotate(90deg);
}
.navigationMainContainer .navigationMainRow .navigationLinks path {
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
  stroke: #03517d;
}
.navigationMainContainer .navigationMainRow .navigationLinks path:nth-child(1) {
  transform-origin: 36% 40%;
}
.navigationMainContainer .navigationMainRow .navigationLinks path:nth-child(2) {
  stroke-dasharray: 29 299;
}
.navigationMainContainer .navigationMainRow .navigationLinks path:nth-child(3) {
  transform-origin: 35% 63%;
}
.navigationMainContainer .navigationMainRow .navigationLinks path:nth-child(4) {
  stroke-dasharray: 29 299;
}
.navigationMainContainer .navigationMainRow .navigationLinks path:nth-child(5) {
  transform-origin: 61% 52%;
}
.navigationMainContainer .navigationMainRow .navigationLinks path:nth-child(6) {
  transform-origin: 62% 52%;
}
.navigationMainContainer .navigationMainRow .navigationLinks .active path:nth-child(1) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
.navigationMainContainer .navigationMainRow .navigationLinks .active path:nth-child(2) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.navigationMainContainer .navigationMainRow .navigationLinks .active path:nth-child(3) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.navigationMainContainer .navigationMainRow .navigationLinks .active path:nth-child(4) {
  stroke-dasharray: 225 299;
  stroke-dashoffset: -72px;
}
.navigationMainContainer .navigationMainRow .navigationLinks .active path:nth-child(5) {
  transform: translateX(9px) translateY(1px) rotate(-45deg);
}
.navigationMainContainer .navigationMainRow .navigationLinks .active path:nth-child(6) {
  transform: translateX(9px) translateY(1px) rotate(45deg);
}
.navigationMainContainer .navigationMainRow .navigationLinks .linksContainer {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .navigationMainContainer .navigationMainRow .navigationLinks .linksContainer {
    position: absolute;
    top: -200px;
    justify-content: center;
  }
}
.navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl {
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 0px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl {
    display: none;
    opacity: 1;
    justify-content: center;
    width: auto;
    border-left-style: solid;
    border-right-style: solid;
    border-color: #fff;
    border-width: 2px;
  }
}
.navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi {
  position: relative;
}
.navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:after, .navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #03517d;
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}
@media only screen and (max-width: 992px) {
  .navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:after, .navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:before {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
  }
}
.navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:before {
  top: -5px;
  transform-origin: left;
}
.navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:hover:after, .navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi:hover:before {
  transform: scaleX(1);
}
.navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi a {
  font-family: robotoMedium;
  color: #03517d;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (max-width: 1250px) {
  .navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 992px) {
  .navigationMainContainer .navigationMainRow .navigationLinks .linksContainer .firstUl .firstLi a {
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks {
  width: 100%;
  height: 100%;
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl {
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 0px;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl {
    justify-content: space-around;
  }
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi {
  position: relative;
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi:after, .navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #03517d;
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi:before {
  top: -5px;
  transform-origin: left;
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi:hover:after, .navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi:hover:before {
  transform: scaleX(1);
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi a {
  width: 30px;
  height: 30px;
  font-family: robotoMedium;
  color: #03517d;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi a img:last-child {
  display: none;
}
.navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi a img:first-child {
  display: block;
}
@media only screen and (max-width: 575px) {
  .navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi a img:first-child {
    display: none;
  }
  .navigationMainContainer .navigationMainRow .navigationSocialLinks .socialLinks .socialUl .socialLi a img:last-child {
    display: none;
  }
}

.headerMainContainer {
  width: 100%;
  height: 100vh;
  background: black;
}
.headerMainContainer .headerMainRow {
  width: 100%;
  height: 100%;
  position: relative;
}
.headerMainContainer .headerMainRow .headerMainColumn {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.headerMainContainer .headerMainRow .headerMainColumn .backgroundImage {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.headerMainContainer .headerMainRow .headerMainColumn .backgroundImage:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(3, 81, 125, 0.8799720572) 20%, rgba(0, 0, 0, 0.5) 74%);
  z-index: 1;
}
.headerMainContainer .headerMainRow .headerMainColumn .tempImageContaoiner {
  overflow: hidden;
  width: 1px;
  left: 1px;
  opacity: 0;
  position: absolute;
  left: -100%;
  top: -100%;
}
.headerMainContainer .headerMainRow .headerMainColumn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: 1s;
}
.headerMainContainer .headerMainRow .headerMainColumn img:nth-child(1) {
  position: absolute;
  top: 0px;
  left: 0px;
  filter: blur(20px);
  transition: 1.5s;
}
.headerMainContainer .headerMainRow .headerMainColumn .bottomWave {
  width: 100%;
  height: auto;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
  z-index: 5;
}
.headerMainContainer .headerMainRow .headerMainColumn .bottomWave .waveImage {
  width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 1 !important;
  position: relative !important;
  filter: none !important;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer {
  width: 100%;
  max-width: 1200px;
  padding-left: 20px;
  position: relative;
  bottom: 10%;
}
@media only screen and (max-width: 1199px) {
  .headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer {
    padding-left: 50px;
  }
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader {
  max-width: 500px;
  height: auto;
  position: relative;
  z-index: 1;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader h2 {
  margin-bottom: 20px;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader p {
  font-family: robotoMedium;
  color: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader p {
    font-size: 18px;
  }
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer {
  width: 100%;
  height: auto;
  padding-top: 20px;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue {
  --offset: 10px;
  --border-size: 2px;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 15px 20px;
  appearance: none;
  border: none;
  background: transparent;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0;
  font-size: 16px;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: 0.6s;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue:hover {
  background: #fff;
  text-decoration: none;
  color: #03517d;
  text-decoration: none;
  transition: 0.6s;
  outline: none;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue:hover a {
  text-decoration: none;
  color: #03517d;
  text-decoration: none;
  transition: 0.6s;
  outline: none;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue:hover .button_vertical {
  transform: scaleY(0);
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue:hover .button_horizontal {
  transform: scaleX(0);
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue .btnHref {
  text-decoration: none;
  width: 100%;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #fff;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue a .button_horizontal,
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue a .button_vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue a .button_horizontal::before,
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue a .button_vertical::before {
  content: "";
  position: absolute;
  border: inherit;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue .button_horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue .button_horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue .button_vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
}
.headerMainContainer .headerMainRow .headerMainColumn .descriptionHeaderContainer .descriptionHeader .btnContainer .buttonBlue .button_vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}

.aboutUsContainer {
  width: 100%;
  height: auto;
  background: #fff;
  padding-bottom: 100px;
  overflow: hidden;
}
.aboutUsContainer .aboutUsMainRow {
  width: 1200px;
  height: auto;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .aboutUsContainer .aboutUsMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .aboutUsContainer .aboutUsMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .aboutUsContainer .aboutUsMainRow {
    width: 100%;
  }
}
.aboutUsContainer .aboutUsMainRow .leftImage {
  width: 600px;
  height: auto;
  position: absolute;
  left: -40%;
  top: auto;
  bottom: 0px;
  opacity: 0.2;
}
@media only screen and (max-width: 1199px) {
  .aboutUsContainer .aboutUsMainRow .leftImage {
    top: 20%;
  }
}
@media only screen and (max-width: 544px) {
  .aboutUsContainer .aboutUsMainRow .leftImage {
    display: none;
  }
}
.aboutUsContainer .aboutUsMainRow .leftImage img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.aboutUsContainer .aboutUsMainRow .rightImage {
  width: 600px;
  height: auto;
  position: absolute;
  left: auto;
  right: -30%;
  top: auto;
  bottom: 0px;
  opacity: 0.2;
}
.aboutUsContainer .aboutUsMainRow .rightImage img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.aboutUsContainer .aboutUsMainRow .pictureColumn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .aboutUsContainer .aboutUsMainRow .pictureColumn {
    margin-bottom: 80px;
  }
}
.aboutUsContainer .aboutUsMainRow .pictureColumn .pictureContainer {
  width: auto;
  max-width: 400px;
  height: auto;
  border-radius: 20px;
  border-color: #03517d;
  border-style: solid;
  border-width: 4px;
  position: relative;
  left: -10px;
}
@media only screen and (max-width: 992px) {
  .aboutUsContainer .aboutUsMainRow .pictureColumn .pictureContainer {
    width: 400px;
    height: 400px;
  }
}
@media only screen and (max-width: 544px) {
  .aboutUsContainer .aboutUsMainRow .pictureColumn .pictureContainer {
    width: 80%;
  }
}
.aboutUsContainer .aboutUsMainRow .pictureColumn .pictureContainer img {
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 20px;
  position: relative;
  left: 0px;
  top: 0px;
  -webkit-box-shadow: 8px 8px 24px 0px #42445a;
  -moz-box-shadow: 8px 8px 24px 0px #42445a;
  box-shadow: 8px 8px 24px 0px #42445a;
  transition: 1s;
}
@media only screen and (max-width: 992px) {
  .aboutUsContainer .aboutUsMainRow .pictureColumn .pictureContainer img {
    height: 400px;
    width: 400px;
    object-fit: cover;
  }
}
.aboutUsContainer .aboutUsMainRow .descriptionColumn {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}
.aboutUsContainer .aboutUsMainRow .descriptionColumn .titleContainer {
  width: auto;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.aboutUsContainer .aboutUsMainRow .descriptionColumn .descriptionAboutMe {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .aboutUsContainer .aboutUsMainRow .descriptionColumn .descriptionAboutMe {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.aboutUsContainer .aboutUsMainRow .descriptionColumn .descriptionAboutMe p::first-letter {
  padding-left: 40px;
}
.aboutUsContainer .aboutUsMainRow .descriptionColumn .descriptionAboutMe p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #03517d;
  left: 0px;
}
@media only screen and (max-width: 1400px) {
  .aboutUsContainer .aboutUsMainRow .descriptionColumn .descriptionAboutMe p::before {
    left: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .aboutUsContainer .aboutUsMainRow .descriptionColumn .descriptionAboutMe p::before {
    left: 0%;
  }
}
@media only screen and (max-width: 544px) {
  .aboutUsContainer .aboutUsMainRow .descriptionColumn .descriptionAboutMe p::before {
    width: 18px;
    height: 20px;
    left: 0%;
  }
}

.separatorMainContainer {
  width: 100%;
  height: auto;
}
.separatorMainContainer .separatorMainRow {
  width: 100%;
  height: 600px;
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn {
  width: 100%;
  height: 100%;
  position: relative;
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .backgroundSeparator {
  background-image: url(../img/separator/background.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer {
  width: 100%;
  height: 100%;
  background: rgba(3, 81, 125, 0.5);
  position: absolute;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer {
    height: auto;
  }
}
@media only screen and (max-width: 544px) {
  .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer {
    height: 100%;
  }
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description {
  max-width: 1000px;
  height: auto;
  position: relative;
  padding: 40px;
}
@media only screen and (max-width: 1199px) {
  .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description {
    max-width: 90%;
  }
}
@media only screen and (max-width: 544px) {
  .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description .lineTop {
  width: 30%;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 0px;
  left: -5%;
  opacity: 0.7;
}
@media only screen and (max-width: 544px) {
  .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description .lineTop {
    display: none;
  }
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description .lineLeft {
  width: 3px;
  height: 90%;
  background: #fff;
  position: absolute;
  top: -20%;
  left: 0px;
  opacity: 0.7;
}
@media only screen and (max-width: 544px) {
  .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description .lineLeft {
    display: none;
  }
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description .lineBottom {
  width: 30%;
  height: 3px;
  background: #fff;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: auto;
  right: -5%;
  opacity: 0.7;
}
@media only screen and (max-width: 544px) {
  .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description .lineBottom {
    display: none;
  }
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description .lineRight {
  width: 3px;
  height: 90%;
  background: #fff;
  position: absolute;
  top: auto;
  bottom: -20%;
  left: auto;
  right: 0px;
  opacity: 0.7;
}
@media only screen and (max-width: 544px) {
  .separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description .lineRight {
    display: none;
  }
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description h3 {
  text-align: center;
  margin-bottom: 20px;
}
.separatorMainContainer .separatorMainRow .spearatorMainColumn .descriptionSeparatorContainer .description p {
  text-align: center;
  color: #fff;
}

.workShopMainCOntainer {
  width: 100%;
  height: auto;
  background: white;
  background: linear-gradient(0deg, white 30%, #f2f2f2 30%);
  overflow: hidden;
  padding-left: 5%;
  padding-right: 5%;
}
.workShopMainCOntainer .workShopWelcomeRow {
  width: 1200px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .workShopMainCOntainer .workShopWelcomeRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .workShopMainCOntainer .workShopWelcomeRow {
    width: 95%;
  }
}
.workShopMainCOntainer .workShopWelcomeRow .rightImageBackground {
  position: absolute;
  background-image: url(../img/workShop/backgroundRight.png);
  top: 0;
  left: auto;
  right: -20%;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn {
  width: 100%;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 544px) {
  .workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .leftImageBackground {
  position: absolute;
  width: 150px;
  height: 250px;
  left: -40%;
}
@media only screen and (max-width: 1199px) {
  .workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .leftImageBackground {
    left: -20%;
  }
}
@media only screen and (max-width: 992px) {
  .workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .leftImageBackground {
    display: none;
  }
}
.workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .leftImageBackground .firstShape {
  width: 110px;
  height: 180px;
  background: #03517d;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.3;
}
.workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .leftImageBackground .secondShape {
  width: 110px;
  height: 160px;
  background: #03517d;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  background: #03517d;
  opacity: 0.3;
}
.workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .description .descriptionContainer {
  padding-top: 50px;
  width: 90%;
}
@media only screen and (max-width: 544px) {
  .workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .description .descriptionContainer {
    width: 100%;
  }
}
.workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .description .descriptionContainer p::first-letter {
  padding-left: 40px;
}
.workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .description .descriptionContainer p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #03517d;
  left: 0px;
}
@media only screen and (max-width: 1400px) {
  .workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .description .descriptionContainer p::before {
    left: 0px;
  }
}
@media only screen and (max-width: 544px) {
  .workShopMainCOntainer .workShopWelcomeRow .workShopDescriptionColumn .description .descriptionContainer p::before {
    width: 18px;
    height: 20px;
    left: 0px;
  }
}
.workShopMainCOntainer .workShopWelcomeRow .workShopImageColumn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .workShopMainCOntainer .workShopWelcomeRow .workShopImageColumn {
    display: none;
  }
}
.workShopMainCOntainer .workShopWelcomeRow .workShopImageColumn .imageContainer {
  width: 90%;
  max-width: 400px;
  height: auto;
  border-style: solid;
  border-color: #03517d;
  border-width: 4px;
  border-radius: 20px;
  position: relative;
}
.workShopMainCOntainer .workShopWelcomeRow .workShopImageColumn .imageContainer img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 20px;
  position: relative;
  top: 0px;
  left: 0px;
  -webkit-box-shadow: 8px 8px 24px 0px #42445a;
  -moz-box-shadow: 8px 8px 24px 0px #42445a;
  box-shadow: 8px 8px 24px 0px #42445a;
  transition: 1s;
}

.separatorEventMainContainer {
  width: 100%;
  height: auto;
}
.separatorEventMainContainer .separatorEventMainRow {
  width: 100%;
  height: 700px;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn {
  width: 100%;
  height: auto;
  position: relative;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .backgroundSeparator {
  background-image: url(../img/eventSeparator/image.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer {
  width: 100%;
  height: 100%;
  background: rgba(3, 81, 125, 0.5);
  position: absolute;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .descriptionEventSeparator {
  max-width: 1000px;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .descriptionEventSeparator {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .descriptionEventSeparator h3 {
  text-align: center;
  margin-bottom: 30px;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .descriptionEventSeparator p {
  color: #fff;
  text-align: center;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 544px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox {
  width: 550px;
  height: auto;
  background: #fff;
  display: flex;
  -webkit-box-shadow: 0px 0px 24px 0px white;
  -moz-box-shadow: 0px 0px 24px 0px white;
  box-shadow: 0px 0px 24px 0px white;
}
@media only screen and (max-width: 767px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox {
    width: 80%;
  }
}
@media only screen and (max-width: 544px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox {
    width: 90%;
    flex-direction: column;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .imageEventBox {
  width: 60%;
  height: auto;
  background: #f7f7f7;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
@media only screen and (max-width: 544px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .imageEventBox {
    display: none;
  }
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .imageEventBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-filter: brightness(0.8);
  -moz-filter: brightness(0.8);
  -o-filter: brightness(0.8);
  -ms-filter: brightness(0.8);
  filter: brightness(0.8);
}
@media only screen and (max-width: 544px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .imageEventBox img {
    object-position: center;
  }
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 20px;
}
@media only screen and (max-width: 544px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox {
    width: 100%;
    background: #f7f7f7;
    position: relative;
  }
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .titleEvent {
  width: 100%;
  height: auto;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .titleEvent h3 {
  color: #03517d;
  text-transform: uppercase;
  text-align: center;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent::before, .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 2px;
  background-color: rgba(3, 81, 125, 0.4);
  left: 50%;
  transform: translateX(-50%);
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent:before {
  top: 0;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent::after {
  bottom: 0;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .addressContainer {
  width: 200px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .addressContainer .iconAddress {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .addressContainer .iconAddress img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .addressContainer .address {
  font-family: robotoMedium;
  font-size: 16px;
  color: #03517d;
  padding-left: 10px;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .dataContainer {
  width: 200px;
  height: auto;
  display: flex;
  align-items: center;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .dataContainer .iconData {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .dataContainer .iconData img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .detailsEvent .dataContainer .data {
  font-family: robotoMedium;
  font-size: 16px;
  color: #03517d;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .descriptionEvent {
  padding: 10px;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .descriptionEvent p {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer {
  width: 300px;
  height: auto;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer {
    width: auto;
  }
}
@media only screen and (max-width: 544px) {
  .separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue {
  --offset: 10px;
  --border-size: 2px;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 20px 30px;
  appearance: none;
  border: 0;
  background: #fff;
  color: #03517d;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: 0.6s;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue:hover {
  background: #03517d;
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  transition: 0.6s;
  outline: none;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue:hover a {
  color: #fff;
  transition: 0.6s;
  outline: none;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue:hover .button_vertical {
  transform: scaleY(0);
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue:hover .button_horizontal {
  transform: scaleX(0);
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue .btnHref {
  text-decoration: none;
  width: 100%;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue a {
  color: #03517d;
  display: block;
  text-decoration: none;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue a .button_horizontal,
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue a .button_vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue a .button_horizontal::before,
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue a .button_vertical::before {
  content: "";
  position: absolute;
  border: inherit;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue .button_horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue .button_horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue .button_vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
}
.separatorEventMainContainer .separatorEventMainRow .separatorEventMainColumn .separatorEvenContainer .eventMainContainer .eventBox .descriptionEventBox .btnContainer .buttonBlue .button_vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}

.articleMainContainer {
  width: 100%;
  height: auto;
  background: #fff;
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
}
.articleMainContainer .backgroundImageArticle {
  width: 100%;
  max-width: 1500px;
  height: 600px;
  background-image: url(../img/article/wagon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.4;
}
.articleMainContainer .articleMainRow {
  width: 1400px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1400px) {
  .articleMainContainer .articleMainRow {
    width: 1200px;
  }
}
@media only screen and (max-width: 1199px) {
  .articleMainContainer .articleMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .articleMainContainer .articleMainRow {
    width: 95%;
  }
}
.articleMainContainer .articleMainRow .articleMainColumn {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle {
  width: 440px;
  height: auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 1400px) {
  .articleMainContainer .articleMainRow .articleMainColumn .boxArticle {
    width: 350px;
  }
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .pictureContainer {
  width: 100%;
  height: 250px;
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .pictureContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails {
  width: 90%;
  height: auto;
  margin-left: auto;
  position: relative;
  top: -70px;
  background: #fff;
  border-top-left-radius: 30px;
  -webkit-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  -moz-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  padding-bottom: 30px;
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .boxData {
  width: 300px;
  height: 70px;
  background: #03517d;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .boxData .iconBox {
  width: 45px;
  height: 45px;
}
@media only screen and (max-width: 1400px) {
  .articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .boxData .iconBox {
    width: 30px;
    height: 30px;
  }
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .boxData .iconBox img {
  width: 100%;
  height: 100%;
  object-fit: containl;
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .boxData .data {
  font-family: robotoMedium;
  color: #fff;
  font-size: 24px;
}
@media only screen and (max-width: 1400px) {
  .articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .boxData .data {
    font-size: 20px;
  }
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .titleBox {
  width: 100%;
  height: auto;
  padding-top: 10px;
}
@media only screen and (max-width: 1400px) {
  .articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .titleBox {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .titleBox h3 {
  color: #03517d;
  text-align: center;
  font-size: 20px;
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .descriptionBox {
  padding-left: 10px;
  padding-right: 10px;
}
.articleMainContainer .articleMainRow .articleMainColumn .boxArticle .boxDetails .descriptionBox p {
  color: #757677;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trainSeparatorMainContiner {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trainSeparatorMainContiner .backgroundMainRow {
  width: 100%;
  height: 100vh;
}
@media only screen and (max-width: 544px) {
  .trainSeparatorMainContiner .backgroundMainRow {
    height: 100vh;
  }
}
.trainSeparatorMainContiner .backgroundMainRow .backgroundMainColumn {
  width: 100%;
  height: 100%;
}
.trainSeparatorMainContiner .backgroundMainRow .backgroundMainColumn .backgroundTrainSeparator {
  background-image: url(../img/trainLinks/background.JPG);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.trainSeparatorMainContiner .insideMainRowDescription {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(3, 81, 125, 0.4);
}
.trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow {
  width: 1200px;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 1199px) {
  .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow {
    width: 95%;
  }
}
@media only screen and (max-width: 544px) {
  .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 544px) {
  .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn {
    padding-top: 20px;
  }
}
.trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleContainer h2 {
  color: #fff;
}
.trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleContainer h2 .underline svg path {
  fill: #fff;
}
.trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription {
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 544px) {
  .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
  }
}
.trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p {
  color: #fff;
}
.trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #fff;
  left: 0px;
}
@media only screen and (max-width: 1400px) {
  .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::before {
    left: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::before {
    left: 0%;
  }
}
@media only screen and (max-width: 544px) {
  .trainSeparatorMainContiner .insideMainRowDescription .insideMainColumnDescription .articleTitleMainRow .articleTitleMainColumn .titleArticleDescription p::before {
    width: 18px;
    height: 20px;
  }
}
.trainSeparatorMainContiner .trainLinksMainRow {
  width: 1200px;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .trainSeparatorMainContiner .trainLinksMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .trainSeparatorMainContiner .trainLinksMainRow {
    width: 95%;
  }
}
@media only screen and (max-width: 544px) {
  .trainSeparatorMainContiner .trainLinksMainRow {
    display: flex;
    justify-content: center;
  }
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox {
  width: 330px;
  height: 350px;
  margin-bottom: 30px;
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a:hover .borderImage {
  width: 302px;
  height: 302px;
  border-color: #fff;
  -webkit-box-shadow: 8px 8px 24px 0px #e0e0e0;
  -moz-box-shadow: 8px 8px 24px 0px #e0e0e0;
  box-shadow: 8px 8px 24px 0px #e0e0e0;
  transition: 0.4s;
}
@media only screen and (max-width: 992px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a:hover .borderImage {
    width: 81%;
    height: 76%;
  }
}
@media only screen and (max-width: 767px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a:hover .borderImage {
    width: 154px;
    height: 154px;
  }
}
@media only screen and (max-width: 544px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a:hover .borderImage {
    height: 110px;
  }
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a:hover .backgroundImageBox .titleLinks .icon {
  padding-left: 20px;
  transition: 0.4s;
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a:hover .backgroundImageBox .titleLinks .icon svg {
  transform: rotate(360deg);
  transition: 0.4s;
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .borderImage {
  width: 200px;
  height: 350px;
  border-radius: 20px;
  border-style: solid;
  border-color: #f7f7f7;
  border-width: 2px;
  position: absolute;
  transition: 0.4s;
}
@media only screen and (max-width: 992px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .borderImage {
    width: 40%;
    height: 105%;
  }
}
@media only screen and (max-width: 767px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .borderImage {
    width: 154px;
    height: 154px;
  }
}
@media only screen and (max-width: 544px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .borderImage {
    height: 110px;
  }
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox {
  width: 300px;
  height: 300px;
  background: #03517d;
  background: linear-gradient(0deg, #03517d 20%, white 51%);
  position: relative;
  z-index: 2;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .imageBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .imageBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks {
  width: 100%;
  height: auto;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  font-family: robotoMedium;
  position: absolute;
  top: auto;
  bottom: 0px;
  text-align: center;
  padding-bottom: 5px;
  letter-spacing: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(3, 81, 125, 0.4);
}
@media only screen and (max-width: 992px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks {
    font-size: 16px;
  }
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon {
  transition: 0.4s;
}
@media only screen and (max-width: 767px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon {
    display: none;
  }
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon svg {
  width: 30px;
  height: 30px;
  transition: 0.4s;
}
@media only screen and (max-width: 992px) {
  .trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon svg {
    width: 20px;
    height: 20px;
  }
}
.trainSeparatorMainContiner .trainLinksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon svg path {
  fill: #fff;
}

.contactMainContainer {
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
}
.contactMainContainer .contactMainRow {
  width: 1200px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .contactMainContainer .contactMainRow {
    width: 992px;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (max-width: 992px) {
  .contactMainContainer .contactMainRow {
    width: 95%;
  }
}
.contactMainContainer .contactMainRow .backgroundTrain {
  background-image: url(../img/contact/trainBackground.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: -30%;
  opacity: 0.4;
  width: 680px;
  height: 800px;
}
@media only screen and (max-width: 1400px) {
  .contactMainContainer .contactMainRow .backgroundTrain {
    left: -10%;
  }
}
@media only screen and (max-width: 992px) {
  .contactMainContainer .contactMainRow .backgroundTrain {
    top: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .contactMainContainer .contactMainRow .backgroundTrain {
    opacity: 0.2;
  }
}
@media only screen and (max-width: 544px) {
  .contactMainContainer .contactMainRow .backgroundTrain {
    left: -45%;
  }
}
.contactMainContainer .contactMainRow .contactDescriptionColumn {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 1250px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 992px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 544px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .description .descriptionContainer p {
  color: #03517d;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .description .descriptionContainer p::first-letter {
  padding-left: 40px;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .description .descriptionContainer p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #03517d;
  left: 0px;
}
@media only screen and (max-width: 1400px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .description .descriptionContainer p::before {
    left: 0px;
  }
}
@media only screen and (max-width: 544px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .description .descriptionContainer p::before {
    width: 18px;
    height: 20px;
  }
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .logoContainer {
  width: 250px;
  height: auto !important;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 992px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .logoContainer {
    padding-bottom: 150px;
  }
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .logoContainer img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails {
  width: 500px;
  height: auto;
  background: #f7f7f7;
  margin-left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-style: solid;
  border-width: 3px;
  border-color: transparent;
  margin-bottom: 50px;
  transition: 0.4s;
}
@media only screen and (max-width: 1199px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails {
    width: 100%;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 992px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails {
    width: 85%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails {
    width: 100%;
  }
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails:hover {
  border-color: #03517d;
  -webkit-box-shadow: 0px 0px 21px 3px #03517d;
  -moz-box-shadow: 0px 0px 21px 3px #03517d;
  box-shadow: 0px 0px 21px 3px #03517d;
  transition: 0.4s;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .iconContact {
  width: 65px;
  height: 55px;
  border-style: solid;
  border-width: 1px;
  border-color: #03517d;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .iconContact img {
  width: 90%;
  height: 90%;
  object-fit: contain;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription {
  width: 400px;
  height: auto;
  padding-left: 20px;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription h3 {
  font-family: robotoMedium;
  color: #545451;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 0px;
  font-size: 24px;
}
@media only screen and (max-width: 1199px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription h3 {
    font-size: 20px;
  }
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription p {
  font-family: robotoMedium;
  color: #545451;
  font-size: 20px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1199px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription p {
    font-size: 18px;
  }
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription a {
  text-decoration: none;
  margin-bottom: 0px;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription a p {
  font-weight: 700;
  margin-bottom: 0px;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription .socialIconContainer {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-top: 10px;
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription .socialIconContainer a {
  width: auto;
  max-height: 40px;
}
@media only screen and (max-width: 1199px) {
  .contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription .socialIconContainer a {
    max-height: 30px;
  }
}
.contactMainContainer .contactMainRow .contactDescriptionColumn .detailsDescription .contactDetails .contactDescription .socialIconContainer a img {
  width: auto;
  height: 100%;
  object-fit: cover;
}
.contactMainContainer .contactMainRow .formMainColumn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.contactMainContainer .contactMainRow .formMainColumn .blueBackgroundContact {
  width: 650px;
  height: 680px;
  background: #03517d;
  position: absolute;
  transform: translate(20%, -10%);
}
.contactMainContainer .contactMainRow .formMainColumn .formContainer {
  width: 650px;
  height: 680px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: 0.4s;
}
@media only screen and (max-width: 1199px) {
  .contactMainContainer .contactMainRow .formMainColumn .formContainer {
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
.contactMainContainer .contactMainRow .formMainColumn .formContainer:hover {
  -webkit-box-shadow: 0px 0px 21px 3px #03517d;
  -moz-box-shadow: 0px 0px 21px 3px #03517d;
  box-shadow: 0px 0px 21px 3px #03517d;
  transition: 0.4s;
}

.footerMainContainer {
  width: 100%;
  height: auto;
  background: #353535;
  position: relative;
  z-index: 1;
}
.footerMainContainer .footerMainRow {
  width: 1200px;
  height: auto;
  padding-top: 100px;
}
@media only screen and (max-width: 1400px) {
  .footerMainContainer .footerMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .footerMainContainer .footerMainRow {
    width: 100%;
    height: auto;
    padding-top: 40px;
  }
}
.footerMainContainer .footerMainRow .leftColumnFooter {
  width: 100%;
  height: 100%;
  padding-left: 20px;
}
@media only screen and (max-width: 992px) {
  .footerMainContainer .footerMainRow .leftColumnFooter {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .footerMainContainer .footerMainRow .leftColumnFooter {
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 544px) {
  .footerMainContainer .footerMainRow .leftColumnFooter {
    padding-left: 0px;
  }
}
.footerMainContainer .footerMainRow .leftColumnFooter .logoFooter {
  width: 200px;
  height: 200px;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .footerMainContainer .footerMainRow .leftColumnFooter .logoFooter {
    margin-left: 0px;
  }
}
.footerMainContainer .footerMainRow .leftColumnFooter .logoFooter img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footerMainContainer .footerMainRow .leftColumnFooter .descriptionFooter {
  width: 350px;
  height: auto;
  padding-top: 20px;
  padding-right: 50px;
}
@media only screen and (max-width: 992px) {
  .footerMainContainer .footerMainRow .leftColumnFooter .descriptionFooter {
    padding-right: 0px;
    margin: 0px !important;
  }
}
@media only screen and (max-width: 544px) {
  .footerMainContainer .footerMainRow .leftColumnFooter .descriptionFooter {
    width: 95%;
  }
}
.footerMainContainer .footerMainRow .leftColumnFooter .descriptionFooter p {
  font-family: robotoR;
  font-size: 15px;
  color: #f7f7f7;
}
.footerMainContainer .footerMainRow .centerColumnFooter {
  width: 100%;
  height: 100%;
}
.footerMainContainer .footerMainRow .centerColumnFooter .titleColumn {
  font-family: robotoM;
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.footerMainContainer .footerMainRow .centerColumnFooter .contactBox {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 20px;
}
.footerMainContainer .footerMainRow .centerColumnFooter .contactBox .socialIconFooterContainer {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  left: -50px;
}
@media only screen and (max-width: 992px) {
  .footerMainContainer .footerMainRow .centerColumnFooter .contactBox .socialIconFooterContainer {
    left: -20px;
  }
}
.footerMainContainer .footerMainRow .centerColumnFooter .contactBox .socialIconFooterContainer a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footerMainContainer .footerMainRow .centerColumnFooter .contactBox .iconContactBox {
  width: 40px;
  height: 40px;
}
.footerMainContainer .footerMainRow .centerColumnFooter .contactBox .iconContactBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footerMainContainer .footerMainRow .centerColumnFooter .contactBox .descriptionContactBox {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 20px;
}
.footerMainContainer .footerMainRow .centerColumnFooter .contactBox .descriptionContactBox p {
  font-family: robotoR;
  font-size: 15px;
  color: #f7f7f7;
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: 1.2;
}
.footerMainContainer .footerMainRow .rightColumnFooter {
  width: 100%;
  height: 100%;
}
.footerMainContainer .footerMainRow .rightColumnFooter .titleColumn {
  font-family: robotoM;
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.footerMainContainer .footerMainRow .rightColumnFooter .footerNavi ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  list-style: disclosure-closed;
  padding-left: 20px;
}
.footerMainContainer .footerMainRow .rightColumnFooter .footerNavi ul li::marker {
  color: #f7f7f7;
}
.footerMainContainer .footerMainRow .rightColumnFooter .footerNavi ul li a {
  font-family: robotoR;
  font-size: 15px;
  color: #f7f7f7;
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: 1.2;
}
.footerMainContainer .copyrightMainRow {
  width: 1200px;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1400px) {
  .footerMainContainer .copyrightMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .footerMainContainer .copyrightMainRow {
    width: 100%;
  }
}
.footerMainContainer .copyrightMainRow .copyrightMainColumn {
  width: 100%;
  height: auto;
}
.footerMainContainer .copyrightMainRow .copyrightMainColumn .descriptionCopyrightContainer {
  width: 100%;
  height: auto;
  padding-right: 20px;
  padding-left: 20px;
}
.footerMainContainer .copyrightMainRow .copyrightMainColumn .descriptionCopyrightContainer p {
  font-family: robotoR;
  font-size: 15px;
  color: #f7f7f7;
  text-transform: none;
  margin-bottom: 15px;
  line-height: 1.2;
  text-align: center;
}
.footerMainContainer .copyrightMainRow .copyrightMainColumn .descriptionCopyrightContainer p a {
  font-family: robotoM;
  font-size: 15px;
  color: #f7f7f7;
  text-transform: uppercase;
  margin-bottom: 0px;
  line-height: 1.2;
}

.bigPictureTitleMainContainer {
  width: 100%;
  height: 700px;
  position: relative;
}
.bigPictureTitleMainContainer .bigPictureTitleMainRow {
  width: 100%;
  height: 100%;
  background: #000;
  position: relative;
}
.bigPictureTitleMainContainer .bigPictureTitleMainRow .bigPictureTitleMainColumn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.bigPictureTitleMainContainer .bigPictureTitleMainRow .bigPictureTitleMainColumn .bigPictureTitleHeaderContainer {
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  background: rgba(255, 255, 255, 0.16);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bigPictureTitleMainContainer .bigPictureTitleMainRow .bigPictureTitleMainColumn .bigPictureTitleHeaderContainer h1 {
  color: transparent;
  font-size: 52px;
  font-family: robotoMedium;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .bigPictureTitleMainContainer .bigPictureTitleMainRow .bigPictureTitleMainColumn .bigPictureTitleHeaderContainer h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 544px) {
  .bigPictureTitleMainContainer .bigPictureTitleMainRow .bigPictureTitleMainColumn .bigPictureTitleHeaderContainer h1 {
    font-size: 26px;
  }
}
.bigPictureTitleMainContainer .bigPictureTitleMainRow .bigPictureTitleMainColumn .backgroundBigPictureTitle {
  background-image: url(../img/warsztat/background.jpeg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: relative;
}
.bigPictureTitleMainContainer .bigPictureTitleMainRow .bigPictureTitleMainColumn .backgroundBigPictureTitle:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(3, 81, 125, 0.8799720572) 20%, rgba(0, 0, 0, 0.5) 74%);
  z-index: 1;
}

.workshopStepsTitleMainContainer {
  width: 100%;
  height: auto;
  background: #f5f5f5;
  overflow: hidden;
  position: relative;
}
.workshopStepsTitleMainContainer .bottomWave {
  width: 100%;
  height: auto;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
}
.workshopStepsTitleMainContainer .bottomWave img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.workshopStepsTitleMainContainer .rightImageBackground {
  position: absolute;
  background-image: url(../img/workShop/backgroundRight.png);
  top: 20%;
  left: auto;
  right: 0%;
  width: 100%;
  height: 60%;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle {
  width: 1200px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle {
    width: 768px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle {
    width: 90%;
  }
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn {
  position: relative;
  width: 100%;
  height: auto;
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .leftImageBackground {
  position: absolute;
  width: 150px;
  height: 250px;
  left: -20%;
}
@media only screen and (max-width: 1199px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .leftImageBackground {
    left: -5%;
    opacity: 0.4;
  }
}
@media only screen and (max-width: 992px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .leftImageBackground {
    display: none;
  }
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .leftImageBackground .firstShape {
  width: 110px;
  height: 180px;
  background: #03517d;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.3;
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .leftImageBackground .secondShape {
  width: 110px;
  height: 160px;
  background: #03517d;
  position: absolute;
  top: auto;
  left: auto;
  bottom: 0px;
  right: 0px;
  background: #03517d;
  opacity: 0.3;
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description {
    width: 90%;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .titleContainer {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .titleContainer {
    width: 100%;
  }
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .titleContainer h2 .underline {
  height: auto;
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .titleContainer h2 .underline svg {
  width: 60%;
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .descriptionContainer {
  padding-top: 20px;
  width: 90%;
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .descriptionContainer {
    width: 100%;
  }
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .descriptionContainer p::first-letter {
  padding-left: 40px;
}
.workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .descriptionContainer p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #03517d;
  left: 0px;
}
@media only screen and (max-width: 1400px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .descriptionContainer p::before {
    left: 0px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .workshopStepsMainRowTitle .workShopstepsTitleColumn .description .descriptionContainer p::before {
    width: 18px;
    height: 20px;
    left: 0px;
  }
}
.workshopStepsTitleMainContainer .titleGalleryMainRow {
  width: 1200px;
  height: auto;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .workshopStepsTitleMainContainer .titleGalleryMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .workshopStepsTitleMainContainer .titleGalleryMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .titleGalleryMainRow {
    width: 90%;
  }
}
.workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn .mainBoxTitleGallery {
  width: 240px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn .mainBoxTitleGallery {
    width: 35%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn .mainBoxTitleGallery {
    width: 300px;
  }
}
.workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn .mainBoxTitleGallery .borderImage {
  position: absolute;
  width: 70%;
  height: 100%;
  border-style: solid;
  border-width: 2px;
  border-color: #03517d;
  border-radius: 10px;
  z-index: 1;
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn .mainBoxTitleGallery .borderImage {
    width: 150px;
  }
}
.workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn .mainBoxTitleGallery .imageContainer {
  width: 100%;
  height: 170px;
  position: relative;
  z-index: 2;
  background: grey;
}
@media only screen and (max-width: 544px) {
  .workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn .mainBoxTitleGallery .imageContainer {
    width: 250px;
    height: 188px;
  }
}
.workshopStepsTitleMainContainer .titleGalleryMainRow .titleGalleryColumn .mainBoxTitleGallery .imageContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workshopStepsTutorialMainContainer {
  width: 100%;
  height: auto;
  background: #fff;
  position: relative;
  padding-bottom: 50px;
}
@media only screen and (max-width: 544px) {
  .workshopStepsTutorialMainContainer {
    overflow: hidden;
  }
}
.workshopStepsTutorialMainContainer .leftImage {
  width: 600px;
  height: auto;
  position: absolute;
  left: 30%;
  top: auto;
  bottom: 0px;
  opacity: 0.1 !important;
}
@media only screen and (max-width: 1199px) {
  .workshopStepsTutorialMainContainer .leftImage {
    top: 20%;
  }
}
@media only screen and (max-width: 992px) {
  .workshopStepsTutorialMainContainer .leftImage {
    top: 11%;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTutorialMainContainer .leftImage {
    width: 100%;
  }
}
.workshopStepsTutorialMainContainer .leftImage img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow {
  width: 1200px;
  height: auto;
  padding-top: 40px;
}
@media only screen and (max-width: 1199px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 992px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow {
    width: 90%;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow {
    width: 90%;
  }
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow:nth-child(even) {
  flex-direction: row-reverse;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn {
    margin-bottom: 40px;
  }
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer {
  width: 500px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer {
    width: 400px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer {
    width: 350px;
  }
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer .borderPicture {
  width: 100%;
  height: 40%;
  border-style: solid;
  border-width: 4px;
  border-color: #03517d;
  border-radius: 20px;
  position: absolute;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer .imageContainer {
  width: 400px;
  height: 310px;
  background: #f7f7f7;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer .imageContainer {
    width: 300px;
    height: 225px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer .imageContainer {
    width: 250px;
    height: 188px;
  }
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .pictureStepsColumn .pictureContainer .imageContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-box-shadow: 8px 8px 24px 0px #42445a;
  -moz-box-shadow: 8px 8px 24px 0px #42445a;
  box-shadow: 8px 8px 24px 0px #42445a;
  transition: transform 0.3s;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox .stepTitle {
  width: 100%;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox .stepTitle h3 {
  color: #03517d;
  text-transform: uppercase;
  font-family: robotoRegular;
  font-size: 22px;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox .descriptionStep {
  padding-top: 40px;
}
@media only screen and (max-width: 992px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox .descriptionStep {
    padding-top: 20px;
  }
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox .descriptionStep p:first-letter {
  padding-left: 40px;
}
.workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox .descriptionStep p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #03517d;
  left: 20px;
}
@media only screen and (max-width: 992px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox .descriptionStep p::before {
    left: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopStepsTutorialMainContainer .workshopStepsTutorialMainRow .descriptionStepsColumn .descriptionBox .descriptionStep p::before {
    width: 18px;
    height: 20px;
    left: 20px;
  }
}

.otherWorkShoMainContainer {
  width: 100%;
  height: auto;
  background: linear-gradient(0deg, white 50%, #f2f2f2 30%);
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 544px) {
  .otherWorkShoMainContainer {
    overflow: hidden;
  }
}
.otherWorkShoMainContainer .otherWorkShopTitleMainRow {
  width: 100%;
  height: auto;
}
.otherWorkShoMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn {
  width: 100%;
  height: auto;
}
.otherWorkShoMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .otherWorkShopTitleContainer {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.otherWorkShoMainContainer .otherWorkShopTitleMainRow .otherWorkShopTitleMainColumn .otherWorkShopTitleContainer h2 {
  text-align: center;
}

.workshopIndexTitleMainContainer {
  width: 100%;
  height: auto;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.workshopIndexTitleMainContainer .workshopIndexMainRowTitle {
  width: 1200px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .workshopIndexTitleMainContainer .workshopIndexMainRowTitle {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .workshopIndexTitleMainContainer .workshopIndexMainRowTitle {
    width: 768px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopIndexTitleMainContainer .workshopIndexMainRowTitle {
    width: 90%;
  }
}
.workshopIndexTitleMainContainer .workshopIndexMainRowTitle .workShopIndexTitleColumn {
  position: relative;
  width: 100%;
  height: auto;
}
.workshopIndexTitleMainContainer .workshopIndexMainRowTitle .workShopIndexTitleColumn .descriptionContainer {
  padding-top: 20px;
  width: 90%;
}
@media only screen and (max-width: 544px) {
  .workshopIndexTitleMainContainer .workshopIndexMainRowTitle .workShopIndexTitleColumn .descriptionContainer {
    width: 100%;
  }
}
.workshopIndexTitleMainContainer .workshopIndexMainRowTitle .workShopIndexTitleColumn .descriptionContainer p::first-letter {
  padding-left: 40px;
}
.workshopIndexTitleMainContainer .workshopIndexMainRowTitle .workShopIndexTitleColumn .descriptionContainer p::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #03517d;
  left: 0%;
}
@media only screen and (max-width: 1400px) {
  .workshopIndexTitleMainContainer .workshopIndexMainRowTitle .workShopIndexTitleColumn .descriptionContainer p::before {
    left: 0px;
  }
}
@media only screen and (max-width: 544px) {
  .workshopIndexTitleMainContainer .workshopIndexMainRowTitle .workShopIndexTitleColumn .descriptionContainer p::before {
    width: 18px;
    height: 20px;
    left: 0px;
  }
}

.workShopIndexMainContainer {
  width: 100%;
  height: auto;
}
.workShopIndexMainContainer .selectCategoryMainRow {
  width: 1200px;
  height: auto;
  background: #f7f7f7;
}
@media only screen and (max-width: 1199px) {
  .workShopIndexMainContainer .selectCategoryMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .workShopIndexMainContainer .selectCategoryMainRow {
    width: 768px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 544px) {
  .workShopIndexMainContainer .selectCategoryMainRow {
    width: 90%;
  }
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  padding-top: 30px;
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer {
    margin-left: auto;
    margin-right: auto;
    justify-content: space-around;
  }
}
@media only screen and (max-width: 544px) {
  .workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer {
    flex-direction: column;
  }
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer .titleSelectCategory {
  margin-right: 30px;
  font-family: robotoMedium;
  color: #03517d;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
@media only screen and (max-width: 992px) {
  .workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer .titleSelectCategory {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 544px) {
  .workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer .titleSelectCategory {
    text-align: center;
    padding-bottom: 10px;
  }
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer {
  width: 300px;
  height: auto;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer {
    width: auto;
  }
}
@media only screen and (max-width: 544px) {
  .workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue {
  --offset: 10px;
  --border-size: 2px;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 10px 30px;
  appearance: none;
  border: 0;
  background: transparent;
  color: #03517d;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: 0.6s;
  font-size: 14px;
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue:hover {
  background: #03517d;
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  transition: 0.6s;
  outline: none;
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue:hover .button_vertical {
  transform: scaleY(0);
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue:hover .button_horizontal {
  transform: scaleX(0);
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .btnHref {
  text-decoration: none;
  width: 100%;
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_horizontal,
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_horizontal::before,
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_vertical::before {
  content: "";
  position: absolute;
  border: inherit;
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
}
.workShopIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}
.workShopIndexMainContainer .custom-select {
  position: relative;
  width: 200px;
  background: #fff;
  border: 2px solid #03517d;
  border-radius: 5px;
  font-family: robotoMedium;
  font-size: 16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 544px) {
  .workShopIndexMainContainer .custom-select {
    margin-left: auto;
    margin-right: auto;
  }
}
.workShopIndexMainContainer .selected-option {
  padding: 0px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.workShopIndexMainContainer .selected-option svg {
  width: 25px;
  height: 25px;
}
.workShopIndexMainContainer .options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 2px solid #03517d;
  border-top: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  list-style: none;
  margin: 0;
  padding: 0;
}
.workShopIndexMainContainer .options li {
  padding: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.workShopIndexMainContainer .options li svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.workShopIndexMainContainer .options li svg path {
  fill: #03517d;
}
.workShopIndexMainContainer .options li:hover {
  background-color: #03517d;
  color: white;
}
.workShopIndexMainContainer .options li:hover svg path {
  fill: #fff;
}
.workShopIndexMainContainer .custom-select.open .options {
  display: block;
}
.workShopIndexMainContainer .custom-select .selected-option svg {
  margin-right: 10px;
  width: 15px;
  height: 15px;
}
.workShopIndexMainContainer .workShopIndexMainRow {
  width: 1200px;
  height: auto;
  background: #f7f7f7;
  position: relative;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .workShopIndexMainContainer .workShopIndexMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .workShopIndexMainContainer .workShopIndexMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 544px) {
  .workShopIndexMainContainer .workShopIndexMainRow {
    width: 90%;
  }
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn {
  width: 100%;
  height: auto;
  margin-top: 30px;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer {
  width: 370px;
  height: 450px;
  -webkit-box-shadow: 8px 8px 24px 0px #42445a;
  -moz-box-shadow: 8px 8px 24px 0px #42445a;
  box-shadow: 8px 8px 24px 0px #42445a;
}
@media only screen and (max-width: 544px) {
  .workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer {
    width: 90%;
  }
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .imageContainer {
  width: 100%;
  height: 260px;
  background: #f7f7f7;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .imageContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer {
  width: 100%;
  height: 192px;
  background: white;
  background: linear-gradient(322deg, white 0%, #03517d 0%);
  animation: expandGradientOut 0.1s ease-in forwards;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer:hover {
  animation: expandGradient 0.2s ease-in forwards;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer:hover a .btnBoxContainer .titleHref {
  color: #03517d;
  transition: 0.4s;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer:hover a .btnBoxContainer .arrowRight svg path {
  fill: #03517d;
  transition: 0.4s;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer:hover a .btnBoxContainer .iconBox svg path {
  fill: #03517d;
  transition: 0.4s;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer:hover a .titleContainer {
  animation: expandTitleGradient 0.2s ease-in forwards;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer:hover a .titleContainer h3 {
  color: #fff;
  transition: 0.4s;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a {
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .titleContainer {
  width: 295px;
  height: 100px;
  position: relative;
  top: -40px;
  background: white;
  background: linear-gradient(322deg, white 100%, #03517d 0%);
  display: flex;
  justify-content: center;
  align-items: center;
  animation: expandTitleGradientOut 0.2s ease-in forwards;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .titleContainer h3 {
  color: #03517d;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0px;
  transition: 0.4s;
  font-size: 21px;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .btnBoxContainer {
  width: 100%;
  height: 100px;
  position: relative;
  top: -15px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .titleHref {
  font-family: robotoMedium;
  font-size: 20px;
  color: #fff;
  padding-left: 20px;
  transition: 0.4s;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .arrowRight {
  width: 50px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .arrowRight svg {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .arrowRight svg path {
  fill: #fff;
  transition: 0.4s;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .iconBox {
  width: 70px;
  height: 70px;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .iconBox svg {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.workShopIndexMainContainer .workShopIndexMainRow .workShopColumn .workShopContiainer .descriptionContainer a .btnBoxContainer .iconBox svg path {
  fill: #fff;
}

.workShopColumn {
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  display: none;
}

.workShopColumn.show {
  opacity: 1;
  transform: translateY(0);
  display: block;
}

.workShopColumn.hide {
  opacity: 0;
  transform: translateY(20px);
  display: none;
}

.workShopColumn.show {
  display: block !important;
  animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.threeImageTitleMainContainer {
  width: 100%;
  height: auto;
  background: #fff;
  padding-top: 70px;
  padding-bottom: 50px;
}
.threeImageTitleMainContainer .threeImageTitleMainRow {
  width: 1200px;
  height: auto;
}
@media only screen and (max-width: 1250px) {
  .threeImageTitleMainContainer .threeImageTitleMainRow {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .threeImageTitleMainContainer .threeImageTitleMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .threeImageTitleMainContainer .threeImageTitleMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .threeImageTitleMainContainer .threeImageTitleMainRow {
    width: 95%;
  }
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn {
  width: 100%;
  height: auto;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer {
  width: 560px;
  height: 370px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1250px) {
  .threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer {
    margin-bottom: 30px;
  }
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer .leftBox {
  width: 49%;
  height: 100%;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer .leftBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer .rightBox {
  width: 49%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer .rightBox .upperBox {
  width: 100%;
  height: 48%;
  background: black;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer .rightBox .upperBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer .rightBox .bottomBox {
  width: 100%;
  height: 48%;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesColumn .threImagesContainer .rightBox .bottomBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesDescriptionColumn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesDescriptionColumn .threeImagesDescription {
  width: 95%;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesDescriptionColumn .threeImagesDescription {
    width: 90%;
  }
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesDescriptionColumn .threeImagesDescription h2 {
  text-transform: none;
  color: #03517d;
  font-family: robotoMedium;
  font-size: 24px;
  max-width: 360px;
  display: block;
  margin-bottom: 20px;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesDescriptionColumn .threeImagesDescription p {
  font-family: robotoMedium;
  color: #03517d;
}
.threeImageTitleMainContainer .threeImageTitleMainRow .threeImagesDescriptionColumn .threeImagesDescription p::first-letter {
  padding-left: 20px;
}
.threeImageTitleMainContainer .bottomWave {
  width: 100%;
  height: auto;
  position: relative;
  top: auto;
  bottom: 0px;
  left: 0px;
}
.threeImageTitleMainContainer .bottomWave img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.textSectionMainContainer {
  width: 100%;
  height: auto;
  background: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.textSectionMainContainer .textSectionMainRow {
  width: 100%;
  height: auto;
  max-width: 1400px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .textSectionMainContainer .textSectionMainRow {
    width: 90%;
  }
}
.textSectionMainContainer .textSectionMainRow .leftImage {
  width: 600px;
  height: auto;
  position: absolute;
  left: -10%;
  top: 20%;
  bottom: 0px;
  opacity: 0.2;
}
@media only screen and (max-width: 1199px) {
  .textSectionMainContainer .textSectionMainRow .leftImage {
    top: 20%;
  }
}
.textSectionMainContainer .textSectionMainRow .leftImage img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.textSectionMainContainer .textSectionMainRow .rightImage {
  width: 600px;
  height: auto;
  position: absolute;
  left: auto;
  right: -10%;
  top: auto;
  bottom: 0px;
  opacity: 0.2;
}
.textSectionMainContainer .textSectionMainRow .rightImage img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn {
  width: 100%;
  height: auto;
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer {
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
  height: auto;
  position: relative;
}
@media only screen and (max-width: 1250px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer {
    width: 100%;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  border-bottom: 4px solid #03517d;
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer h3 {
  font-family: robotoRegular;
  color: #464849;
  font-size: 24px;
  margin-bottom: 14px;
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p {
  position: relative;
  margin-bottom: 30px;
}
c .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p:last-child {
  padding-bottom: 50px;
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p::first-letter {
  padding-left: 40px;
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 25px;
  background: #03517d;
}
@media only screen and (max-width: 544px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p::before {
    width: 18px;
    height: 20px;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p .alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-box-shadow: 10px 10px 36px -10px #03517d;
  -moz-box-shadow: 10px 10px 36px -10px #03517d;
  box-shadow: 10px 10px 36px -10px #03517d;
}
@media only screen and (max-width: 767px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p .alignleft {
    max-width: 90%;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p .alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-box-shadow: 10px 10px 36px -10px #03517d;
  -moz-box-shadow: 10px 10px 36px -10px #03517d;
  box-shadow: 10px 10px 36px -10px #03517d;
}
@media only screen and (max-width: 767px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p .alignright {
    max-width: 90%;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p .aligncenter {
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
  object-fit: contain;
  -webkit-box-shadow: 10px 10px 36px -10px #03517d;
  -moz-box-shadow: 10px 10px 36px -10px #03517d;
  box-shadow: 10px 10px 36px -10px #03517d;
}
@media only screen and (max-width: 767px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer p .aligncenter {
    max-width: 90%;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer ol {
  margin-top: 20px;
  margin-bottom: 20px;
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer ol li {
  font-family: robotoRegular;
  color: #353535;
  font-size: 18px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1400px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer ol li {
    font-size: 16px;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer .leftAlign {
  width: 260px;
  height: 150px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-box-shadow: 10px 10px 36px -10px #03517d;
  -moz-box-shadow: 10px 10px 36px -10px #03517d;
  box-shadow: 10px 10px 36px -10px #03517d;
}
@media only screen and (max-width: 767px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer .leftAlign {
    max-width: 90%;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer .rightAlign {
  width: 150px;
  height: 280px;
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-box-shadow: 10px 10px 36px -10px #03517d;
  -moz-box-shadow: 10px 10px 36px -10px #03517d;
  box-shadow: 10px 10px 36px -10px #03517d;
}
@media only screen and (max-width: 767px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer .rightAlign {
    max-width: 90%;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer .centerAlign {
  display: block;
  width: 620px;
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  object-fit: contain;
  -webkit-box-shadow: 10px 10px 36px -10px #03517d;
  -moz-box-shadow: 10px 10px 36px -10px #03517d;
  box-shadow: 10px 10px 36px -10px #03517d;
}
@media only screen and (max-width: 767px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer .centerAlign {
    max-width: 90%;
  }
}
.textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer blockquote {
  width: 80%;
  padding: 20px;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 4px;
  border-color: #03517d;
  margin-bottom: 50px;
  font-family: robotoMedium;
  color: #03517d;
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 544px) {
  .textSectionMainContainer .textSectionMainRow .textSectionMainColumn .descriptionContainer blockquote {
    width: 100%;
    background: rgba(3, 81, 125, 0.4);
    padding-bottom: 20px;
  }
}

.videoMainContainer {
  width: 100%;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
}
@media only screen and (max-width: 992px) {
  .videoMainContainer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.videoMainContainer .videoMainRow {
  width: 1200px;
  height: auto;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .videoMainContainer .videoMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .videoMainContainer .videoMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .videoMainContainer .videoMainRow {
    width: 100%;
  }
}
@media only screen and (max-width: 544px) {
  .videoMainContainer .videoMainRow {
    width: 350px;
  }
}
.videoMainContainer .videoMainRow .videoMainContainer {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.videoMainContainer .videoMainRow .videoMainContainer .boxVideo {
  width: 500px;
  height: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 544px) {
  .videoMainContainer .videoMainRow .videoMainContainer .boxVideo {
    width: 350px;
  }
}
.videoMainContainer .videoMainRow .videoMainContainer .boxVideo .borderVideo {
  width: 40%;
  height: 100%;
  border-style: solid;
  border-color: #03517d;
  border-width: 3px;
  border-radius: 10px;
  position: absolute;
}
.videoMainContainer .videoMainRow .videoMainContainer .boxVideo .videoBox {
  width: 100%;
  height: 275px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 544px) {
  .videoMainContainer .videoMainRow .videoMainContainer .boxVideo .videoBox {
    height: 315px;
  }
}
.videoMainContainer .videoMainRow .videoMainContainer .boxVideo .videoBox .poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.videoMainContainer .videoMainRow .videoMainContainer .boxVideo .videoBox .poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videoMainContainer .videoMainRow .videoMainContainer .boxVideo .videoBox .poster .play-button {
  background-color: transparent;
  border: none;
  width: 90px;
  height: 70px;
  cursor: pointer;
  position: absolute;
}
@media only screen and (max-width: 544px) {
  .videoMainContainer .videoMainRow .videoMainContainer .boxVideo .videoBox .poster .play-button {
    width: 50px;
    height: 30px;
  }
}
.videoMainContainer .videoMainRow .videoMainContainer .boxVideo .videoBox .poster .play-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.videoMainContainer .videoMainRow .videoMainContainer .boxVideo .videoBox video {
  width: 100%;
  height: 100%;
  display: none;
}

.galleryMainContainer {
  width: 100%;
  height: auto;
  padding-bottom: 100px;
  position: relative;
  padding-top: 100px;
}
.galleryMainContainer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  border-bottom: 4px solid #03517d;
}
.galleryMainContainer .backgroundSharp {
  width: 70%;
  height: 80%;
  background: #03517d;
  opacity: 0.4;
  position: absolute;
  left: 0px;
  top: 0px;
}
@media only screen and (max-width: 767px) {
  .galleryMainContainer .backgroundSharp {
    height: 95%;
  }
}
.galleryMainContainer .galleryMainRow {
  width: 89%;
  height: auto;
}
.galleryMainContainer .galleryMainRow .galleryMainColumn {
  width: 100%;
  height: auto;
  position: relative;
}
.galleryMainContainer .galleryMainRow .galleryMainColumn .galleryBox {
  width: 400px;
  height: auto;
  overflow: hidden;
  margin: 10px;
  transition: 0.4s;
}
.galleryMainContainer .galleryMainRow .galleryMainColumn .galleryBox:hover {
  border-radius: 20px;
  -webkit-box-shadow: 1px 11px 20px -10px rgba(3, 81, 125, 0.89);
  -moz-box-shadow: 1px 11px 20px -10px rgba(3, 81, 125, 0.89);
  box-shadow: 1px 11px 20px -10px rgba(3, 81, 125, 0.89);
  transition: 0.4s;
}
.galleryMainContainer .galleryMainRow .galleryMainColumn .galleryBox:hover img {
  transform: scale(1.1);
  transition: 0.4s;
}
.galleryMainContainer .galleryMainRow .galleryMainColumn .galleryBox img {
  object-fit: contain;
  width: 100%;
  height: auto;
  transition: 0.4s;
}

.teamMainContainer {
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  background: #03517d;
  background-image: url(../img/o_nas/background.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.teamMainContainer .teamMainRow {
  width: 1200px;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .teamMainContainer .teamMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .teamMainContainer .teamMainRow {
    width: 100%;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn {
  width: 100%;
  height: auto;
  margin: 20px 0px;
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox {
  width: 550px;
  height: auto;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 24px 0px white;
  -moz-box-shadow: 0px 0px 24px 0px white;
  box-shadow: 0px 0px 24px 0px white;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox {
    width: 100%;
    max-width: 500px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox {
  width: 500px;
  height: 180px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox {
    width: 100%;
  }
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox {
    height: auto;
    flex-wrap: wrap;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .imageContainer {
  width: 180px;
  height: 180px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .imageContainer {
    width: 150px;
    height: 150px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .imageContainer .imageBackground {
  position: absolute;
  bottom: 0px;
  top: auto;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  background: #E7E6EB;
  background: linear-gradient(180deg, #e7e6eb 60%, #03517d 100%);
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .imageContainer .imageBackground {
    width: 130px;
    height: 130px;
    bottom: 0px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .imageContainer img {
  width: auto;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .imageContainer .imageCircle {
  border-radius: 100% !important;
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .nameTeamBox {
  width: 300px;
  height: 130px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 2px;
  border-color: rgba(3, 81, 125, 0.4);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .nameTeamBox {
    width: 250px;
  }
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .nameTeamBox {
    border-top-style: none;
    height: auto;
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .nameTeamBox .name {
  text-transform: uppercase;
  font-family: robotoMedium;
  color: #03517d;
  font-size: 22px;
  line-height: 1;
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .nameTeamBox .name {
    text-align: center;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .nameTeamBox .function {
  font-family: robotoItallic;
  font-size: 14px;
  color: rgba(3, 81, 125, 0.4);
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .titleTeamBox .nameTeamBox .function {
    text-align: center;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .descriptionTeamBox {
  margin-top: 20px;
  width: 495px;
  height: 140px;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .descriptionTeamBox {
    width: 95%;
    height: auto;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .teamBox .descriptionTeamBox p {
  font-size: 18px;
  color: #03517d;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .teamBox .descriptionTeamBox p {
    font-size: 14px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox {
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox {
    width: 100%;
  }
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox {
    height: auto;
    flex-wrap: wrap;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a {
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a {
    width: 100%;
  }
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a {
    height: auto;
    flex-wrap: wrap;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .imageContainer {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .imageContainer {
    width: 150px;
    height: 150px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .imageContainer .imageBackground {
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  background: #E7E6EB;
  background: linear-gradient(180deg, #e7e6eb 60%, #03517d 100%);
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .imageContainer .imageBackground {
    width: 130px;
    height: 130px;
    bottom: 0px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .imageContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  bottom: auto;
  top: auto;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox {
  width: 70%;
  height: auto;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 2px;
  border-color: rgba(3, 81, 125, 0.4);
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox {
    min-width: 250px;
  }
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox {
    border-top-style: none;
    height: auto;
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox .name {
  text-transform: uppercase;
  font-family: robotoMedium;
  color: #03517d;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  margin-bottom: 10px;
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox .name {
    text-align: center;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox .function {
  font-family: robotoItallic;
  font-size: 14px;
  color: rgba(3, 81, 125, 0.4);
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox .function {
    text-align: center;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox .youtubeChannel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox .youtubeChannel p {
  font-family: robotoMedium;
  font-size: 26px;
  color: #03517d;
  margin-bottom: 0px;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .titleTeamBox a .nameTeamBox .youtubeChannel img {
  margin-right: 10px;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator .simpleVideo {
  width: 400px;
  height: 200px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 30px;
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator .simpleVideo {
    height: 183px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator .simpleVideo .poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator .simpleVideo .poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator .simpleVideo .poster .play-button {
  background-color: transparent;
  border: none;
  width: 90px;
  height: 70px;
  cursor: pointer;
  position: absolute;
}
@media only screen and (max-width: 544px) {
  .teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator .simpleVideo .poster .play-button {
    width: 50px;
    height: 30px;
  }
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator .simpleVideo .poster .play-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.teamMainContainer .teamMainRow .teamMainColumn .videoCreator .videoContainerCreator .simpleVideo video {
  width: 100%;
  height: 100%;
  display: none;
}

.emptyPlaceMainContainer {
  width: 100%;
  height: 200px;
  background: #fff;
}
.emptyPlaceMainContainer .emptyPlaceMainRow {
  width: 100%;
  height: auto;
}
.emptyPlaceMainContainer .emptyPlaceMainRow .emptyPlaceMainColumn {
  width: 100%;
  height: auto;
  position: relative;
}
.emptyPlaceMainContainer .emptyPlaceMainRow .emptyPlaceMainColumn .topWave {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
}
.emptyPlaceMainContainer .emptyPlaceMainRow .emptyPlaceMainColumn .topWave img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.abstractArticleMainContainer {
  width: 100%;
  height: auto;
  position: relative;
}
.abstractArticleMainContainer .asbtractAtricleMainRow {
  width: 1200px;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}
@media only screen and (max-width: 1250px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow {
    width: 768px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow {
    width: 100%;
  }
}
.abstractArticleMainContainer .asbtractAtricleMainRow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  border-bottom: 4px solid #03517d;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn {
  width: 100%;
  height: auto;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer {
  width: 100%;
  height: auto;
  position: relative;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .backgroundImageHead {
  width: 1000px;
  height: auto;
  max-height: 570px;
}
@media only screen and (max-width: 1199px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .backgroundImageHead {
    width: 85%;
  }
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .backgroundImageHead img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 992px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .backgroundImageHead img {
    height: auto;
    max-height: 570px;
  }
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract {
  width: 520px;
  height: 570px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: auto;
  right: 30px;
  top: 40px;
  -webkit-box-shadow: 0px 0px 36px -16px #42445a;
  -moz-box-shadow: 0px 0px 36px -16px #42445a;
  box-shadow: 0px 0px 36px -16px #42445a;
}
@media only screen and (max-width: 1199px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract {
    right: 0px;
    height: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 10;
  }
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .headDescriptionAbstract {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  position: relative;
  top: 0;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .headDescriptionAbstract .dateArticle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  background: #03517d;
  font-family: robotoMedium;
  color: #fff;
  font-size: 16px;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .headDescriptionAbstract .iconArticle {
  width: 50px;
  height: 100%;
  background: #03517d;
  display: flex;
  justify-content: center;
  align-items: center;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .headDescriptionAbstract .iconArticle img {
  width: 100%;
  max-width: 30px;
  height: auto;
  object-fit: cover;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer {
  width: 90%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer {
    height: auto;
  }
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent::before, .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 2px;
  background-color: rgba(3, 81, 125, 0.4);
  left: 50%;
  transform: translateX(-50%);
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent:before {
  top: 0;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent::after {
  bottom: 0;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .titleEvent {
  width: 100%;
  height: auto;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .titleEvent h3 {
  color: #03517d;
  text-transform: uppercase;
  text-align: center;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .addressContainer {
  width: 200px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .addressContainer .iconAddress {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .addressContainer .iconAddress img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .addressContainer .address {
  font-family: robotoMedium;
  font-size: 16px;
  color: #03517d;
  padding-left: 10px;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .dataContainer {
  width: 200px;
  height: auto;
  display: flex;
  align-items: center;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .dataContainer .iconData {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .dataContainer .iconData img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .detailsEvent .dataContainer .data {
  font-family: robotoMedium;
  font-size: 16px;
  color: #03517d;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .description {
  width: 100%;
  height: auto;
  padding: 20px;
  position: relative;
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .description::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  border-bottom: 2px solid #03517d;
}
@media only screen and (max-width: 992px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .description::after {
    border: none;
  }
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .description::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  border-bottom: 2px solid #03517d;
}
@media only screen and (max-width: 992px) {
  .abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .description::before {
    border: none;
  }
}
.abstractArticleMainContainer .asbtractAtricleMainRow .abstractArticleMainColumn .abstractContainer .descriptionAbstract .abstractDescriptionContainer .description p {
  color: #03517d;
  font-family: robotoMedium;
}

.otherArticleMainContainer {
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  background: linear-gradient(0deg, #f2f2f2 50%, white 30%);
}
.otherArticleMainContainer .otherArticleMainRow {
  width: 100%;
  height: auto;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn {
  width: 100%;
  height: auto;
  padding-bottom: 100px;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle {
  width: 440px;
  height: auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 1400px) {
  .otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle {
    width: 350px;
  }
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .pictureContainer {
  width: 100%;
  height: 250px;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .pictureContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails {
  width: 90%;
  height: auto;
  margin-left: auto;
  position: relative;
  top: -70px;
  background: #fff;
  border-top-left-radius: 30px;
  -webkit-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  -moz-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  min-height: 300px;
  padding-bottom: 30px;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .boxData {
  width: 300px;
  height: 70px;
  background: #03517d;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .boxData .iconBox {
  width: 45px;
  height: 45px;
}
@media only screen and (max-width: 1400px) {
  .otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .boxData .iconBox {
    width: 30px;
    height: 30px;
  }
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .boxData .iconBox img {
  width: 100%;
  height: 100%;
  object-fit: containl;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .boxData .data {
  font-family: robotoMedium;
  color: #fff;
  font-size: 24px;
}
@media only screen and (max-width: 1400px) {
  .otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .boxData .data {
    font-size: 20px;
  }
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .titleBox {
  width: 100%;
  height: auto;
  padding-top: 10px;
}
@media only screen and (max-width: 1400px) {
  .otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .titleBox {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .titleBox h3 {
  color: #03517d;
  text-align: center;
  font-size: 20px;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .descriptionBox {
  padding-left: 10px;
  padding-right: 10px;
}
.otherArticleMainContainer .otherArticleMainRow .otherArticleMainColumn .boxArticle .boxDetails .descriptionBox p {
  color: #757677;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.articleIndexMainContainer {
  width: 100%;
  height: auto;
}
.articleIndexMainContainer .selectCategoryMainRow {
  width: 1400px;
  height: auto;
  background: #f7f7f7;
}
@media only screen and (max-width: 1400px) {
  .articleIndexMainContainer .selectCategoryMainRow {
    width: 1200px;
  }
}
@media only screen and (max-width: 1199px) {
  .articleIndexMainContainer .selectCategoryMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .articleIndexMainContainer .selectCategoryMainRow {
    width: 768px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 544px) {
  .articleIndexMainContainer .selectCategoryMainRow {
    width: 90%;
  }
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  padding-top: 30px;
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer {
    margin-left: auto;
    margin-right: auto;
    justify-content: space-around;
  }
}
@media only screen and (max-width: 544px) {
  .articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer {
    flex-direction: column;
  }
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer .titleSelectCategory {
  margin-right: 30px;
  font-family: robotoMedium;
  color: #03517d;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
@media only screen and (max-width: 992px) {
  .articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer .titleSelectCategory {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 544px) {
  .articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .selectCategoryContainer .titleSelectCategory {
    text-align: center;
    padding-bottom: 10px;
  }
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer {
  width: 300px;
  height: auto;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer {
    width: auto;
  }
}
@media only screen and (max-width: 544px) {
  .articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue {
  --offset: 10px;
  --border-size: 2px;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 10px 30px;
  appearance: none;
  border: 0;
  background: transparent;
  color: #03517d;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: 0.6s;
  font-size: 14px;
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue:hover {
  background: #03517d;
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  transition: 0.6s;
  outline: none;
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue:hover .button_vertical {
  transform: scaleY(0);
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue:hover .button_horizontal {
  transform: scaleX(0);
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .btnHref {
  text-decoration: none;
  width: 100%;
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_horizontal,
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: transform 0.8s ease;
  will-change: transform;
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_horizontal::before,
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_vertical::before {
  content: "";
  position: absolute;
  border: inherit;
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor;
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1);
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor;
}
.articleIndexMainContainer .selectCategoryMainRow .selectCategoryMainColumn .btnContainer .buttonBlue .button_vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size));
}
.articleIndexMainContainer .custom-select {
  position: relative;
  width: 200px;
  background: #fff;
  border: 2px solid #03517d;
  border-radius: 5px;
  font-family: robotoMedium;
  font-size: 16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 544px) {
  .articleIndexMainContainer .custom-select {
    margin-left: auto;
    margin-right: auto;
  }
}
.articleIndexMainContainer .selected-option {
  padding: 0px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.articleIndexMainContainer .selected-option svg {
  width: 25px;
  height: 25px;
}
.articleIndexMainContainer .options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 2px solid #03517d;
  border-top: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  list-style: none;
  margin: 0;
  padding: 0;
}
.articleIndexMainContainer .options li {
  padding: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.articleIndexMainContainer .options li svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.articleIndexMainContainer .options li svg path {
  fill: #03517d;
}
.articleIndexMainContainer .options li:hover {
  background-color: #03517d;
  color: white;
}
.articleIndexMainContainer .options li:hover svg path {
  fill: #fff;
}
.articleIndexMainContainer .custom-select.open .options {
  display: block;
}
.articleIndexMainContainer .custom-select .selected-option svg {
  margin-right: 10px;
  width: 15px;
  height: 15px;
}
.articleIndexMainContainer .articleIndexMainRow {
  width: 1400px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #f7f7f7;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .articleIndexMainContainer .articleIndexMainRow {
    width: 1200px;
  }
}
@media only screen and (max-width: 1199px) {
  .articleIndexMainContainer .articleIndexMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .articleIndexMainContainer .articleIndexMainRow {
    width: 95%;
  }
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
  opacity: 1;
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle {
  width: 440px;
  height: auto;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 1400px) {
  .articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle {
    width: 350px;
  }
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .pictureContainer {
  width: 100%;
  height: 250px;
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .pictureContainer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails {
  width: 90%;
  height: auto;
  margin-left: auto;
  position: relative;
  top: -70px;
  background: #fff;
  border-top-left-radius: 30px;
  -webkit-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  -moz-box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  box-shadow: 1px 11px 20px -10px rgba(66, 68, 90, 0.59);
  padding-bottom: 30px;
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .boxData {
  width: 300px;
  height: 70px;
  background: #03517d;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .boxData .iconBox {
  width: 45px;
  height: 45px;
}
@media only screen and (max-width: 1400px) {
  .articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .boxData .iconBox {
    width: 30px;
    height: 30px;
  }
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .boxData .iconBox img {
  width: 100%;
  height: 100%;
  object-fit: containl;
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .boxData .data {
  font-family: robotoMedium;
  color: #fff;
  font-size: 24px;
}
@media only screen and (max-width: 1400px) {
  .articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .boxData .data {
    font-size: 20px;
  }
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .titleBox {
  width: 100%;
  height: auto;
  padding-top: 10px;
}
@media only screen and (max-width: 1400px) {
  .articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .titleBox {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .titleBox h3 {
  color: #03517d;
  text-align: center;
  font-size: 20px;
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .descriptionBox {
  padding-left: 10px;
  padding-right: 10px;
}
.articleIndexMainContainer .articleIndexMainRow .articleMainColumn .boxArticle .boxDetails .descriptionBox p {
  color: #757677;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.articleMainColumnFiltr {
  opacity: 0;
  transform: translateY(20px);
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  display: none;
}

.articleMainColumn.show {
  opacity: 1;
  transform: translateY(0);
  display: block;
}

.articleMainColumn.hide {
  opacity: 0;
  transform: translateY(20px);
  display: none;
}

.articleMainColumn.show {
  display: block !important;
  animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.trainIndexMainContainer {
  width: 100%;
  height: auto;
}
.trainIndexMainContainer .trainIndeksMainRow {
  width: 1200px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
  .trainIndexMainContainer .trainIndeksMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .trainIndexMainContainer .trainIndeksMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .trainIndexMainContainer .trainIndeksMainRow {
    width: 544px;
  }
}
@media only screen and (max-width: 544px) {
  .trainIndexMainContainer .trainIndeksMainRow {
    width: 90%;
  }
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox {
  width: 330px;
  height: 350px;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a:hover .borderImage {
  width: 305px;
  height: 305px;
  border-color: #03517d;
  -webkit-box-shadow: 8px 8px 24px 0px #03517d;
  -moz-box-shadow: 8px 8px 24px 0px #03517d;
  box-shadow: 8px 8px 24px 0px #03517d;
  transition: 0.4s;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a:hover .backgroundImageBox .titleLinks .icon {
  padding-left: 20px;
  transition: 0.4s;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a:hover .backgroundImageBox .titleLinks .icon svg {
  transform: rotate(360deg);
  transition: 0.4s;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a:hover .backgroundImageBox .imageBox img {
  transform: scale(1.1);
  transition: 0.8s;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .borderImage {
  width: 200px;
  height: 350px;
  border-radius: 20px;
  border-style: solid;
  border-color: #03517d;
  border-width: 2px;
  position: absolute;
  transition: 0.4s;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox {
  width: 300px;
  height: 300px;
  background: #03517d;
  background: linear-gradient(0deg, #03517d 20%, white 51%);
  position: relative;
  z-index: 2;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .imageBox {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .imageBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks {
  width: 100%;
  height: auto;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  font-family: robotoMedium;
  position: absolute;
  top: auto;
  bottom: 0px;
  text-align: center;
  padding-bottom: 5px;
  letter-spacing: 2px;
  background: rgba(3, 81, 125, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks {
    font-size: 16px;
  }
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon {
  transition: 0.4s;
}
@media only screen and (max-width: 767px) {
  .trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon {
    display: none;
  }
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon svg {
  width: 30px;
  height: 30px;
  transition: 0.4s;
}
@media only screen and (max-width: 992px) {
  .trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon svg {
    width: 20px;
    height: 20px;
  }
}
.trainIndexMainContainer .trainIndeksMainRow .trainMainColumnBox .trainBox a .backgroundImageBox .titleLinks .icon svg path {
  fill: #fff;
}

.fourVideoTitleMainContainer {
  width: 100%;
  height: auto;
  background: #fff;
  padding-top: 70px;
  position: relative;
  padding-bottom: 160px;
}
.fourVideoTitleMainContainer .bottomWave {
  width: 100%;
  height: auto;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
}
.fourVideoTitleMainContainer .bottomWave img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow {
  width: 1200px;
  height: auto;
}
@media only screen and (max-width: 1250px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow {
    width: 1100px;
  }
}
@media only screen and (max-width: 1199px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow {
    width: 992px;
  }
}
@media only screen and (max-width: 992px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow {
    width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow {
    width: 95%;
  }
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn {
  width: 560px;
  height: 370px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1250px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn {
    margin-bottom: 30px;
  }
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer {
  width: 560px;
  height: 370px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .videoContainer .videoBox {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 544px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .videoContainer .videoBox {
    height: 183px;
  }
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .videoContainer .videoBox .poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .videoContainer .videoBox .poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .videoContainer .videoBox .poster .play-button {
  background-color: transparent;
  border: none;
  width: 90px;
  height: 70px;
  cursor: pointer;
  position: absolute;
}
@media only screen and (max-width: 544px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .videoContainer .videoBox .poster .play-button {
    width: 50px;
    height: 30px;
  }
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .videoContainer .videoBox .poster .play-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .videoContainer .videoBox video {
  width: 100%;
  height: 100%;
  display: none;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .leftUpBox {
  width: 49%;
  height: 49%;
  background: blue;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .rightUpBox {
  width: 49%;
  height: 49%;
  background: black;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .leftBottomBox {
  width: 49%;
  height: 49%;
  background: green;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .fourMovieContainer .rightBottomBox {
  width: 49%;
  height: 49%;
  background: yellow;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .twoMovieContainer {
  width: 560px;
  height: 370px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .twoMovieContainer .leftBox {
  width: 49%;
  height: 100%;
  background: red;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieColumn .twoMovieContainer .rightBox {
  width: 49%;
  height: 100%;
  background: blue;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieDescriptionColumn {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieDescriptionColumn .fourMovieDescription {
  width: 95%;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieDescriptionColumn .fourMovieDescription {
    width: 90%;
  }
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieDescriptionColumn .fourMovieDescription h2 {
  text-transform: none;
  color: #03517d;
  font-family: robotoMedium;
  font-size: 24px;
  max-width: 360px;
  display: block;
  margin-bottom: 20px;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieDescriptionColumn .fourMovieDescription p {
  font-family: robotoMedium;
  color: #03517d;
}
.fourVideoTitleMainContainer .fourVideoTitleMainRow .fourMovieDescriptionColumn .fourMovieDescription p::first-letter {
  padding-left: 20px;
}

@keyframes expandGradient {
  0% {
    background: linear-gradient(322deg, white 0%, #03517d 0%);
  }
  10% {
    background: linear-gradient(322deg, white 10%, #03517d 0%);
  }
  20% {
    background: linear-gradient(322deg, white 20%, #03517d 0%);
  }
  30% {
    background: linear-gradient(322deg, white 30%, #03517d 0%);
  }
  40% {
    background: linear-gradient(322deg, white 40%, #03517d 0%);
  }
  50% {
    background: linear-gradient(322deg, white 50%, #03517d 0%);
  }
  60% {
    background: linear-gradient(322deg, white 60%, #03517d 0%);
  }
  70% {
    background: linear-gradient(322deg, white 70%, #03517d 0%);
  }
  80% {
    background: linear-gradient(322deg, white 80%, #03517d 0%);
  }
  90% {
    background: linear-gradient(322deg, white 90%, #03517d 0%);
  }
  100% {
    background: linear-gradient(322deg, white 100%, #03517d 0%);
  }
}
@keyframes expandGradientOut {
  0% {
    background: linear-gradient(322deg, white 100%, #03517d 0%);
  }
  25% {
    background: linear-gradient(322deg, white 75%, #03517d 0%);
  }
  50% {
    background: linear-gradient(322deg, white 50%, #03517d 0%);
  }
  75% {
    background: linear-gradient(322deg, white 25%, #03517d 0%);
  }
  100% {
    background: linear-gradient(322deg, white 0%, #03517d 0%);
  }
}
@keyframes expandTitleGradient {
  0% {
    background: linear-gradient(135deg, white 100%, #03517d 0%);
  }
  10% {
    background: linear-gradient(135deg, white 90%, #03517d 0%);
  }
  20% {
    background: linear-gradient(135deg, white 80%, #03517d 0%);
  }
  30% {
    background: linear-gradient(135deg, white 70%, #03517d 0%);
  }
  40% {
    background: linear-gradient(135deg, white 60%, #03517d 0%);
  }
  50% {
    background: linear-gradient(135deg, white 50%, #03517d 0%);
  }
  60% {
    background: linear-gradient(135deg, white 40%, #03517d 0%);
  }
  70% {
    background: linear-gradient(135deg, white 30%, #03517d 0%);
  }
  80% {
    background: linear-gradient(135deg, white 20%, #03517d 0%);
  }
  90% {
    background: linear-gradient(135deg, white 10%, #03517d 0%);
  }
  100% {
    background: linear-gradient(135deg, white 0%, #03517d 0%);
  }
}
@keyframes expandTitleGradientOut {
  0% {
    background: linear-gradient(135deg, white 0%, #03517d 0%);
  }
  10% {
    background: linear-gradient(135deg, white 10%, #03517d 0%);
  }
  20% {
    background: linear-gradient(135deg, white 20%, #03517d 0%);
  }
  30% {
    background: linear-gradient(135deg, white 30%, #03517d 0%);
  }
  40% {
    background: linear-gradient(135deg, white 40%, #03517d 0%);
  }
  50% {
    background: linear-gradient(135deg, white 50%, #03517d 0%);
  }
  60% {
    background: linear-gradient(135deg, white 60%, #03517d 0%);
  }
  70% {
    background: linear-gradient(135deg, white 70%, #03517d 0%);
  }
  80% {
    background: linear-gradient(135deg, white 80%, #03517d 0%);
  }
  90% {
    background: linear-gradient(135deg, white 90%, #03517d 0%);
  }
  100% {
    background: linear-gradient(135deg, white 100%, #03517d 0%);
  }
}
.scale-up-hor-left {
  -webkit-animation: scale-up-hor-left 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-hor-left 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
.fade-in-left {
  -webkit-animation: fade-in-left 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-right {
  -webkit-animation: fade-in-right 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-right 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0.4;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0.4;
  }
}
.fade-in-right2 {
  -webkit-animation: fade-in-right2 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-right2 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-right2 {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right2 {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left2 {
  -webkit-animation: fade-in-left2 3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left2 3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-left2 {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0.4;
  }
}
@keyframes fade-in-left2 {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0.4;
  }
}
.text-focus-in {
  -webkit-animation: text-focus-in 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
.text-focus-in2 {
  -webkit-animation: text-focus-in2 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in2 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes text-focus-in2 {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 0.4;
  }
}
@keyframes text-focus-in2 {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 0.4;
  }
}
.vibrate {
  -webkit-animation: vibrate 3s linear 0.2s infinite both;
  animation: vibrate 3s linear 0.2s infinite both;
}
.vibrate:nth-child(2), .vibrate:nth-child(7), .vibrate:nth-child(7), .vibrate:nth-child(12), .vibrate:nth-child(17) {
  -webkit-animation: vibrate 1s linear 1s infinite both;
  animation: vibrate 2s linear 1s infinite both;
}
.vibrate:nth-child(3), .vibrate:nth-child(8), .vibrate:nth-child(13), .vibrate:nth-child(18) {
  -webkit-animation: vibrate 2.5s linear 1.5s infinite both;
  animation: vibrate 2.5s linear 1.5s infinite both;
}
.vibrate:nth-child(4), .vibrate:nth-child(9), .vibrate:nth-child(14), .vibrate:nth-child(19) {
  -webkit-animation: vibrate 3s linear 1s infinite both;
  animation: vibrate 3s linear 1s infinite both;
}
.vibrate:nth-child(5), .vibrate:nth-child(10), .vibrate:nth-child(15), .vibrate:nth-child(20) {
  -webkit-animation: vibrate 2s linear 2s infinite both;
  animation: vibrate 2s linear 2s infinite both;
}
.vibrate:nth-child(6), .vibrate:nth-child(11), .vibrate:nth-child(16), .vibrate:nth-child(21) {
  -webkit-animation: vibrate 1.5s linear 3s infinite both;
  animation: vibrate 4s linear 3s infinite both;
}

@-webkit-keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
.fade-in-bottom {
  -webkit-animation: fade-in-bottom 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-bottom 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-bottom {
  -webkit-animation: fade-in-bottom 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-bottom 2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes kenburns-top-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 16%;
    transform-origin: 16% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, -15px);
    transform: scale(1.25) translate(-20px, -15px);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
}
@keyframes kenburns-top-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 16%;
    transform-origin: 16% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, -15px);
    transform: scale(1.25) translate(-20px, -15px);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
}
.kenburns-top-left {
  -webkit-animation: kenburns-top-left 10s ease-out infinite alternate both;
  animation: kenburns-top-left 10s ease-out infinite alternate both;
}

#lightboxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
  z-index: 9999;
}

#lightboxOverlay.show {
  opacity: 1;
  pointer-events: auto;
}

#lightboxOverlay img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  transform: scale(0.7);
  transition: transform 0.4s;
}

#lightboxOverlay.show img {
  transform: scale(1);
}

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