/* FONT LOAD */

@font-face {
	font-family: 'Book Antiqua';
	src: url('/fonts/BookAntiqua.eot');
	src: url('/fonts/BookAntiqua.eot?#iefix') format('embedded-opentype'),
		url('/fonts/BookAntiqua.woff') format('woff'),
		url('/fonts/BookAntiqua.ttf') format('truetype'),
		url('/fonts/BookAntiqua.svg#BookAntiqua') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Book Antiqua';
	src: url('/fonts/BookAntiqua-Bold.eot');
	src: url('/fonts/BookAntiqua-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/BookAntiqua-Bold.woff') format('woff'),
		url('/fonts/BookAntiqua-Bold.ttf') format('truetype'),
		url('/fonts/BookAntiqua-Bold.svg#BookAntiqua-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Traveling Typewriter';
	src: url('/fonts/TravelingTypewriter.eot');
	src: url('/fonts/TravelingTypewriter.eot?#iefix') format('embedded-opentype'),
		url('/fonts/TravelingTypewriter.woff') format('woff'),
		url('/fonts/TravelingTypewriter.ttf') format('truetype'),
		url('/fonts/TravelingTypewriter.svg#TravelingTypewriter') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* CSS DEFAULT */

body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Open Sans', Georgia, serif;
  font-weight: 400;
  font-style: normal;
  color: #303030;
  font-size: 15px;
  line-height: 23px;
  text-align: left;
  border-right: 8px solid #e30613;
}

*:focus {
  outline: none;
}

::-moz-selection {
  background-color: #e30613;
  color: #ffffff;
}

::selection {
  background-color: #e30613;
  color: #ffffff;
}

section,
header,
footer,
article,
form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: block;
  font-size: 1px;
  line-height: 0px;
}

a {
  color: #dd143c;
  text-decoration: none;
}

a:hover {
  color: #ee2b39;
  text-decoration: none;
}

.spacer {
  font-size: 1px;
  line-height: 0px;
  height: 25px;
}

.sectionWhite {
  background-color: #ffffff;
  width: 100%;
  overflow: hidden;
}

.sectionBlack {
  background-color: #000000;
  width: 100%;
  overflow: hidden;
}

.clear {
  clear: both;
}

.lineHeader {
  width: 100%;
  height: 47px;
  background: url("/images/black-header.png") no-repeat right bottom;
  background-size: auto 47px;
}

.lineFooter {
  width: 100%;
  height: 39px;
  background: url("/images/black-footer.png") no-repeat left top;
  background-size: auto 39px;
}


/* MENU */

#sectionHeaderNavigation {
  background-color: #1d1d1b;
  height: 80px;
  width: 100%;
  position: fixed;
  z-index: 1000;
}

#sectionHeaderNavigation #menu {
  margin: 0px 80px 0px 0px;
  display: inline-block;
}

#sectionHeaderNavigation #menu .menu-item {
  margin: 15px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
  height: 50px;
  font-family: 'Traveling Typewriter', Arial, serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 14px;
  line-height: 50px;
  text-align: left;
  float: left;
  display: inline-block;
}

#sectionHeaderNavigation #menu .menu-item:hover {
  color: #e30613;
}

#sectionHeaderNavigation #icon {
  position: absolute;
  top: 27px;
  right: 50px;
}

.menu-item-icon {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  height: 50px;
  font-size: 0px;
  line-height: 0px;
  text-align: left;
  float: left;
  display: inline-block;
}

.language-icon {
  margin: -7px 0px 0px 20px !important;
}

#headerSpacer {
  height: 80px;
}


/* SLIDE  */

#sectionWelcomeNews {
  position: relative;
  height: 680px;
  background: url("/images/background.png") no-repeat 430px 160px;
  background-size: 960px 1524px;
}

#sectionPhilosophy {
  position: relative;
  height: 750px;
}

#sectionTags {
  position: relative;
  height: 900px;
}

#sectionPhoto {
  position: relative;
  height: 1000px;
}

#sectionPartner {
  position: relative;
  height: 420px;
}

#sectionPortfolio {
  position: relative;
}

#sectionContact {
  position: relative;
  height: 450px;
}


/* TITLE */

.headlineTitle {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Traveling Typewriter', Arial, serif;
  font-weight: normal;
  font-size: 80px;
  line-height: 100px;
}

.headlineWhite {
  color: #ffffff;
}

.headlineBlack {
  color: #1d1d1b;
}

.headlineRed {
  color: #e30613;
}

.headlineLeft {
  text-align: left;
}

.headlineRight {
  text-align: right;
}

.headlineCenter {
  text-align: center;
}

.headlineTitleNoMargin {
  margin: 0px 0px 0px 0px;
}


/* DOCK */

.dockWelcomeText {
  position: absolute;
  left: 12%;
  top: 90px;
}

.dockNewsText {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 800px;
}

.dockPhilosophyText {
  position: absolute;
  left: 7%;
  top: 40px;
}

.dockPhilosophyLead1 {
  position: absolute;
  width: 710px;
  right: 8%;
  top: 270px;
}

.dockPhilosophyLead2 {
  position: absolute;
  width: 500px;
  right: 20%;
  top: 410px;
}

.dockPhilosophyLead3 {
  position: absolute;
  width: 520px;
  right: 8%;
  top: 640px;
}

.dockTagsText {
  position: absolute;
  left: 8%;
  top: 30px;
}

.dockTagsHolder {
  margin: 0px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 150px;
  z-index: 15;
}

.dockPhotoText {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 30px;
}

.dockPartnerText {
  position: absolute;
  left: 8%;
  top: 30px;
}

.dockPortfolioText {
  position: absolute;
  left: 8%;
  top: 30px;
}

.dockPartnerHolder {
  position: absolute;
  left: 8%;
  top: 180px;
}

.dockPortfolioHolder {
  margin: 190px 0px 80px 0px;
  width: 980px;
  font-size: 1px;
  line-height: 0px;
}

.dockContactText {
  margin: auto;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
}

.dockContactHolder {
  margin: auto;
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 200px;
  text-align: center;
}


/* TEXT */

.textWelcome {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: normal;
  color: #1d1d1b;
  font-size: 22px;
  line-height: 26px;
  text-align: left;
}

.textPhilosophy1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}

.textPhilosophy2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}

.textPhilosophy3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  text-align: right;
}

.textPortfolio {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: normal;
  color: #1d1d1b;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
}


/* SOCIAL */

.socialIcon {
  position: absolute;
  right: 15px;
  top: 0px;
}


/* OBJECT */

#bgObject01 {
  position: absolute;
  left: 12%;
  top: 400px;
}

#bgObject01 img {
  width: 120px;
  height: 265px;
}

#bgObject02 {
  position: absolute;
  right: 8%;
  top: 410px;
}

#bgObject02 img {
  width: 180px;
  height: 182px;
}

#bgObject03 {
  position: absolute;
  right: -70px;
  top: 750px;
}

#bgObject03 img {
  width: 160px;
  height: 159px;
}

#bgObject04 {
  position: absolute;
  left: -80px;
  top: 1200px;
}

#bgObject04 img {
  width: 250px;
  height: 259px;
}

#bgObject05 {
  position: absolute;
  left: 2%;
  top: 1500px;
}

#bgObject05 img {
  width: 100px;
  height: 47px;
}

#bgObject06 {
  position: absolute;
  right: 300px;
  top: 1500px;
}

#bgObject06 img {
  width: 170px;
  height: 77px;
}

#bgObject07 {
  position: absolute;
  left: 125px;
  top: 610px;
}

#bgObject07 img {
  width: 200px;
  height: 124px;
}

#bgObject08 {
  position: absolute;
  right: 0%;
  top: 580px;
}

#bgObject08 img {
  width: 450px;
  height: 549px;
}

#bgObject09 {
  position: absolute;
  right: 15%;
  top: 600px;
  z-index: 15;
  display: none;
}

#bgObject09 img {
  width: 150px;
  height: 99px;
}

#bgObject10 {
  position: absolute;
  left: 420px;
  top: 122px;
}

#bgObject10 img {
  width: 45px;
  height: 56px;
}

#bgObject11 {
  position: absolute;
  left: 5%;
  top: 500px;
}

#bgObject11 img {
  width: 90px;
  height: 92px;
}

#bgObject12 {
  position: absolute;
  left: -70px;
  top: 520px;
}

#bgObject12 img {
  width: 160px;
  height: 159px;
}

#bgObject13 {
  position: absolute;
  left: 9%;
  top: 580px;
}

#bgObject13 img {
  width: 350px;
  height: 37px;
}

#bgObject14 {
  position: absolute;
  left: -50px;
  top: 490px;
  z-index: 15;
}

#bgObject14 img {
  width: 200px;
  height: 207px;
}

#bgObject15 {
  position: absolute;
  left: 15%;
  top: 150px;
}

#bgObject15 img {
  width: 35px;
  height: 64px;
}

#bgObject16 {
  position: absolute;
  right: 10%;
  top: 130px;
}

#bgObject16 img {
  width: 1000px;
  height: 737px;
}

#bgObjectCalendar {
  position: absolute;
  right: 19%;
  top: 30px;
  width: 570px;
  height: 623px;
  background: url("/images/calendar/01.png") no-repeat center center;
  background-size: 570px 623px;
  -moz-animation: calendarAnimation 5.7s linear 2.5s infinite;
  -webkit-animation: calendarAnimation 5.7s linear 2.5s infinite;
  animation: calendarAnimation 5.7s linear 2.5s infinite;
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

#bgArrow1 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 460px;
  -moz-animation: arrowAnimation 0.3s linear 0.5s infinite alternate;
  -webkit-animation: arrowAnimation 0.3s linear 0.5s infinite alternate;
  animation: arrowAnimation 0.3s linear 0.5s infinite alternate;
  z-index: 20;
}

#bgArrow1 img {
  width: 102px;
  height: 59px;
}

#bgArrow2 img {
  width: 59px;
  height: 102px;
}

#bgArrow3 img {
  width: 59px;
  height: 102px;
}

#bgArrow4 img {
  width: 59px;
  height: 102px;
}

#bgArrow5 img {
  width: 59px;
  height: 102px;
}

#bgObjectLight {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 600px;
  height: 747px;
  background: url("/images/light01.png") no-repeat center center;
  background-size: 600px 747px;
  -moz-animation: lightAnimation 5.7s linear 2.5s infinite;
  -webkit-animation: lightAnimation 5.7s linear 2.5s infinite;
  animation: lightAnimation 8.7s linear 0.5s infinite;
}


/* BORDER */

#BorderHorizontal {
  margin: auto;
  position: absolute;
  top: 140px;
  left: 0px;
  right: 0px;
  width: 550px;
  height: 345px;
  background: url("/images/objBorder02-horizontal.png?refresh") no-repeat center center;
  background-size: 550px 345px;
  -moz-animation: border1Animation 0.5s linear 0.1s infinite;
  -webkit-animation: border1Animation 0.5s linear 0.1s infinite;
  animation: border1Animation 0.5s linear 0.1s infinite;
  z-index: 15;
}


#BorderVertical {
  margin: auto;
  position: absolute;
  top: 140px;
  left: 0px;
  right: 0px;
  width: 345px;
  height: 550px;
  background: url("/images/objBorder02-vertical.png?refresh") no-repeat center center;
  background-size: 345px 550px;
  -moz-animation: border2Animation 0.5s linear 0.1s infinite;
  -webkit-animation: border2Animation 0.5s linear 0.1s infinite;
  animation: border2Animation 0.5s linear 0.1s infinite;
  z-index: 15;
}


/* SLIDER (NEWS) */

#sliderNews {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 960px;
}

#sliderNewsDock {
  width: 800px;
  height: 500px;
}

.itemNewsHolder {
  width: 800px;
  height: 500px;
  display: inline-block;
}

.itemNewsImage {
  width: 520px;
  text-align: center;
}

.itemNewsImage img {
  display: inline !important;
  border-radius: 80px;
}

.itemNewsHeader {
  margin: 35px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: bold;
  color: #e30613;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  width: 800px;
  background-color: #ffffff;
  height: 22px;
}

.itemNewsLead {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: normal;
  color: #1d1d1b;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  width: 800px;
  background-color: #ffffff;
  height: 250px;
}

.itemNewsControl {
  position: absolute;
  top: 90px;
  left: 0px;
  right: 0px;
}

.itemNewsControl .owl-prev {
  left: 15%;
}

.itemNewsControl .owl-next {
  right: 15%;
}


/* SLIDER (PHOTO) */

#sliderPhoto {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 180px;
}

#sliderPhotoDock {
  width: 800px;
  height: 800px;
}

.itemPhotoHolder {
  width: 800px;
  height: 800px;
  display: inline-block;
  background-color: #000000;
}

.itemPhotoImage {
  width: 314px;
  text-align: center;
}

.itemPhotoImage img {
  display: inline !important;
  border-radius: 80px;
}

.itemPhotoHeader {
  margin: 35px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: bold;
  color: #e30613;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
}

.itemPhotoLead {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: normal;
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
}

.itemPhotoControl {
  position: absolute;
  top: 200px;
  left: 0px;
  right: 0px;
}

.itemPhotoControl .owl-prev {
  left: 20%;
}

.itemPhotoControl .owl-next {
  right: 20%;
}


/* SLIDER (TAGS) */

.itemTag {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Traveling Typewriter', Arial, serif;
  font-weight: normal;
  color: #000000;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
}

#itemTag1 {
  position: absolute;
  left: 90px;
  top: 580px;
  font-size: 70px;
  line-height: 70px;
}

#itemTag2 {
  position: absolute;
  left: 150px;
  top: 230px;
  font-size: 70px;
  line-height: 70px;
}

#itemTag3 {
  position: absolute;
  left: 360px;
  top: 330px;
  font-size: 64px;
  line-height: 64px;
}

#itemTag4 {
  position: absolute;
  left: 750px;
  top: 0px;
  font-size: 35px;
  line-height: 35px;
}

#itemTag5 {
  position: absolute;
  left: 300px;
  top: 50px;
  font-size: 45px;
  line-height: 45px;
}

#itemTag6 {
  position: absolute;
  left: 470px;
  top: 60px;
  font-size: 50px;
  line-height: 50px;
}

#itemTag7 {
  position: absolute;
  left: 50px;
  top: 150px;
  font-size: 25px;
  line-height: 25px;
}

#itemTag8 {
  position: absolute;
  left: 800px;
  top: 120px;
  font-size: 50px;
  line-height: 50px;
}

#itemTag9 {
  position: absolute;
  left: 440px;
  top: 160px;
  font-size: 30px;
  line-height: 30px;
}

#itemTag10 {
  position: absolute;
  left: 700px;
  top: 240px;
  font-size: 26px;
  line-height: 26px;
}

#itemTag11 {
  position: absolute;
  left: 700px;
  top: 520px;
  font-size: 50px;
  line-height: 50px;
}

#itemTag12 {
  position: absolute;
  left: 90px;
  top: 420px;
  font-size: 35px;
  line-height: 35px;
}

#itemTag13 {
  position: absolute;
  left: 550px;
  top: 430px;
  font-size: 40px;
  line-height: 40px;
}

#itemTag14 {
  position: absolute;
  left: 550px;
  top: 750px;
  font-size: 40px;
  line-height: 40px;
}

#itemTag15 {
  position: absolute;
  left: 160px;
  top: 510px;
  font-size: 30px;
  line-height: 30px;
}

#itemTag16 {
  position: absolute;
  left: 500px;
  top: 620px;
  font-size: 25px;
  line-height: 25px;
}

#itemTag17 {
  position: absolute;
  left: 490px;
  top: 860px;
  font-size: 40px;
  line-height: 40px;
}

#itemTag18 {
  position: absolute;
  left: 80px;
  top: 800px;
  font-size: 30px;
  line-height: 30px;
}

#itemTag19 {
  position: absolute;
  left: 160px;
  top: 710px;
  font-size: 35px;
  line-height: 35px;
}


/* SLIDER (WORK) */

.itemPortfolio {
  margin: 25px 0px 25px 0px;
  width: 325px;
  height: 180px;
  font-size: 1px;
  line-height: 0px;
  text-align: center;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/* SLIDER (PORTFOLIO) */

#sliderPortfolio {
  margin: auto;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 240px;
  width: 850px;
}

#sliderPortfolioDock {
  width: 850px;
  height: 330px;
}

.itemPortfolioHolder {
  width: 250px;
  height: 330px;
  display: inline-block;
}

.itemPortfolioImage {
  width: 250px;
  text-align: center;
}

.itemPortfolioImage img {
  display: inline !important;
}

.itemPortfolioLead {
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Book Antiqua', Arial, serif;
  font-weight: bold;
  color: #1d1d1b;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  width: 250px;
}

.itemPortfolioControl {
  position: absolute;
  top: 90px;
  left: 0px;
  right: 0px;
}

.itemPortfolioControl .owl-prev {
  left: -10%;
}

.itemPortfolioControl .owl-next {
  right: -10%;
}


/* SLIDER (CONTACT) */

.itemContact {
  margin: 0px 25px 0px 25px;
  padding: 0px 0px 0px 0px;
  font-family: 'Traveling Typewriter', Arial, serif;
  font-weight: bold;
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
}

.itemContact span {
  color: #e30613;
}