.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.svgWrap {
  width: 100%;
  height: auto;
  position: relative;
  margin: auto;
}
.svgWrap:after {
  content: "";
  width: 100%;
  height: 0;
  padding-top: 100%;
  display: block;
}
.svgWrap svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

input[type=text],
input[type=password],
textarea,
select {
  padding: 5px 10px;
  border: 1px solid #dddddd;
  border-radius: 0;
  vertical-align: top;
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  outline: none;
  line-height: 2;
  max-width: 100%;
}

input[type=text]:focus,
select:focus,
textarea:focus {
  border: 1px solid #000000;
}

input[type=submit],
input[type=reset] {
  color: #ffffff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 0;
}

/*
input[type=radio] {
	display: none;
}
input[type=radio] + label {
	position: relative;
	display: inline-block;
	line-height: 1.75;
	cursor: pointer;
	padding: 0 .25em 0 2em;
	letter-spacing: normal;
	width: 100%;
	@include fast();
	border-radius: 1em;
	&:before {
		content: "";
		position: absolute;
		top: .25em;
		left: .1em;
		display: block;
		width: 1.2em;
		height: 1.2em;
		background: 0 0;
		border: 1px solid rgba($black, .3);
		border-radius: .65em;
	}
}
input[type=radio]:checked + label:after {
	content: "";
	position: absolute;
	top: .5em;
	left: .35em;
	margin: auto;
	width: .8em;
	height: .4em;
	border-left: 2px solid rgba($black, .3);
	border-bottom: 2px solid rgba($black, .3);
	@include rotate(-45deg);
}
.mwform-checkbox-field,
.mwform-radio-field {
	display: block;
	label {
		display: block;
	}
	input {
		&[type="checkbox"],
		&[type="radio"] {
			display: none;
			& + span {
				position: relative;
				@include flexbox();
				align-items: center;
				justify-content: center;
				line-height: 1;
				cursor: pointer;
				padding: .5em;
				letter-spacing: normal;
				width: 100%;
				@include fast();
				border-radius: 2em;
				&:before {
					content: "";
					position: relative;
					display: block;
					margin: 0 .5em 0 0;
					width: 1.5em;
					height: 1.5em;
					background: transparent;
					border: 1px solid rgba($black, .8);
					border-radius: 50%;
				}
			}
			&:checked {
				& + span {
					background: $white;
					&:after {
						content: "";
						position: absolute;
						top: .75em;
						left: 1em;
						margin: auto;
						width: 1em;
						height: .5em;
						border-left: 2px solid rgba($black, .8);
						border-bottom: 2px solid rgba($black, .8);
						@include rotate(-45deg);
					}
				}
			}
		}
	}
}
 */
.btn {
  margin: 0;
  text-align: center;
  display: inline-block;
}
.btn a, .btn span, .btn input, .btn button, .btn b {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 1.5em 3em;
  width: 100%;
  line-height: 1;
  text-decoration: none;
  position: relative;
  font-weight: 600;
  border-radius: 3em;
  transition: all 0.4s linear;
  background: #000000;
  color: #ffffff;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
}
.btn a:hover, .btn span:hover, .btn input:hover, .btn button:hover, .btn b:hover {
  background: #000000;
  color: #ffffff;
}
.btn a i, .btn span i, .btn input i, .btn button i, .btn b i {
  display: inline-block;
  font-size: 1.1em;
  margin: 0 0.5em 0 0;
}
.btn.tr a, .btn.tr span, .btn.tr input {
  background: rgba(255, 255, 255, 0);
}
.btn.gl a, .btn.gl span, .btn.gl input {
  color: #ffffff;
  background: #ceb575;
}
.btn.gl a:hover, .btn.gl span:hover, .btn.gl input:hover {
  background: #000000;
}
.btn.wh a, .btn.wh span, .btn.wh input {
  color: #000000;
  background: #ffffff;
}
.btn.wh a:hover, .btn.wh span:hover, .btn.wh input:hover {
  color: #ffffff;
  background: #000000;
}
.btn.stroke a, .btn.stroke span, .btn.stroke input {
  border: 1px solid #000000;
  color: #000000;
}
.btn.stroke a:hover, .btn.stroke span:hover, .btn.stroke input:hover {
  color: #ffffff;
  background: #000000;
}
.btn.stroke.pi a, .btn.stroke.pi span, .btn.stroke.pi input {
  color: #ffffff;
}
.btn.stroke.pi a:hover, .btn.stroke.pi span:hover, .btn.stroke.pi input:hover {
  background: #000000;
}

.sBtn {
  margin: 0;
  display: inline-block;
  position: relative;
  font-size: 0.875em;
}
.sBtn a, .sBtn span {
  color: #000000;
  display: block;
  padding: 0.25em 1.5em 0.25em 0;
  width: 100%;
  line-height: 1.5;
  margin: 0;
  text-decoration: none;
  position: relative;
  transition: all 0.4s linear;
  cursor: pointer;
}
.sBtn a:before, .sBtn span:before {
  content: "";
  display: block;
  width: 1em;
  height: 1px;
  position: absolute;
  top: 100%;
  left: calc(100% - 1em);
  margin: auto;
  z-index: 0;
  background: #000000;
  transition: all 0.4s linear;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: right;
}
.sBtn a:after, .sBtn span:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100%;
  left: 0;
  margin: auto;
  z-index: 0;
  background: #000000;
  transition: all 0.4s linear;
}
.sBtn.wh a {
  color: #000000;
}
.sBtn.wh a:before, .sBtn.wh a:after {
  background: #ffffff;
}
.sBtn:hover a:before {
  left: 100%;
}
.sBtn:hover a:after {
  width: calc(100% + 1em);
}

.mail a {
  background: transparent;
  display: inline-block;
  text-align: center;
  padding: 0 1em;
  width: 100%;
  line-height: 2.5;
  margin: 0;
  text-decoration: none;
  position: relative;
  font-weight: 600;
  transition: all 0.4s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border-color: #000000;
  color: #000000;
}
.mail a .icon {
  width: 1.75em;
  height: 1.25em;
  margin-right: 0.5em;
  border: 1px solid #000000;
  position: relative;
  z-index: 2;
  transition: all 0.4s linear;
}
.mail a .icon:before, .mail a .icon:after {
  content: "";
  display: block;
  width: 60%;
  height: 1px;
  background-color: #000000;
  position: absolute;
  transition: all 0.4s linear;
  top: 0.4em;
}
.mail a .icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
}
.mail a .icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0;
}

.btnArea {
  text-align: center;
  overflow: hidden;
  width: 100%;
  margin: 0 0 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.btnArea .btn {
  margin: 0;
}
.btnArea .btn:not(:last-of-type) {
  margin-right: 0.5em;
}
.btnArea .btn input {
  font-size: 1em;
  width: 100%;
}

.wp-pagenavi {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 3em 0;
  position: relative;
  letter-spacing: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2px;
  padding: 0;
}
.wp-pagenavi a {
  text-decoration: none;
  border: 1px solid #000000;
  background: none;
  color: #000000;
  line-height: 2em;
  width: 2em;
  height: 2em;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
  border: none;
}
.wp-pagenavi a.last, .wp-pagenavi a.first {
  width: auto;
  border: none;
  padding: 0 0.5em;
}
.wp-pagenavi a:hover {
  background: #000000;
  color: #ffffff;
}
.wp-pagenavi span {
  line-height: 1.5;
}
.wp-pagenavi span.pages {
  color: #000000;
  letter-spacing: 0;
}
.wp-pagenavi span.current {
  text-decoration: none;
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
  line-height: 2em;
  width: 2em;
  height: 2em;
}
.wp-pagenavi span.extend {
  line-height: 2em;
  margin: 0 0.5em;
  text-decoration: none;
}

.pageNav {
  padding: 1.5em 0 3em;
  align-items: center;
  justify-content: center;
}
.pageNav .btn {
  min-width: 12em;
  margin: 0 1em;
}
.pageNav .btn a, .pageNav .btn span {
  justify-content: center;
}
.pageNav .btn.empty {
  opacity: 0.2;
}
.pageNav.wh div a {
  color: #ffffff;
}
.pageNav.wh div.backArch {
  border-color: #ffffff;
}

.notFoundPage {
  padding: 6em 0;
}
.notFoundPage #noItems {
  min-height: 50vh;
  justify-content: center;
  align-items: center;
}
.notFoundPage #noItems strong {
  text-align: center;
  font-size: 1.5em;
}
.notFoundPage #noItems .message-404 {
  margin: 0;
  padding: 3em 0 0;
  text-align: center;
}
.notFoundPage #noItems .message-404 .info-404 {
  display: block;
}
.notFoundPage #noItems .btn {
  margin: 3em auto 0;
  text-align: center;
}

.singleNav {
  padding: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  max-width: 500px;
  margin: 0 auto;
}
.singleNav .btn {
  margin: 0;
  padding: 0;
  width: 32%;
}
.singleNav .btn.next a, .singleNav .btn.next b {
  padding: 0 2em 0 1em;
}
.singleNav .btn.next a:before, .singleNav .btn.next b:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.singleNav .btn.prev a, .singleNav .btn.prev b {
  padding: 0 1em 0 2em;
}
.singleNav .btn.prev a:before, .singleNav .btn.prev b:before {
  right: auto;
  left: 1em;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.singleNav .backAcv {
  margin: 0;
}

.view.alt .viewInner {
  overflow: hidden;
  position: relative;
}
.view.alt .viewInner:before, .view.alt .viewInner:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.view.alt .viewInner:before {
  background: #f2f2f2;
  z-index: 1;
}
.view.alt .viewInner:after {
  background: #81d8d0;
  z-index: 2;
  -webkit-transform: translate(calc(-100% - 1px), 0);
  transform: translate(calc(-100% - 1px), 0);
}
.view.alt.inView .viewInner:before {
  animation: altBefore 0.4s ease-in-out 0.4s forwards;
}
.view.alt.inView .viewInner:after {
  animation: altAfter 0.8s ease-in-out 0s forwards;
}
.view:not(.alt) {
  transform: translate(0, 3rem);
  opacity: 0;
}
.view:not(.alt).inView {
  transition: transform 0.6s cubic-bezier(0, 0.44, 0.13, 0.96) 0.2s, opacity 0.6s cubic-bezier(0, 0.44, 0.13, 0.96) 0.2s;
  transform: translate(0, 0);
  opacity: 1;
}

@keyframes altBefore {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(calc(100% + 1px), 0);
    transform: translate(calc(100% + 1px), 0);
  }
}
@keyframes altAfter {
  0% {
    -webkit-transform: translate(calc(-100% - 1px), 0);
    transform: translate(calc(-100% - 1px), 0);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(calc(100% + 1px), 0);
    transform: translate(calc(100% + 1px), 0);
  }
}
@media screen and (min-width: 1025px) {
  .btn input:hover {
    background: #000000;
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  #breadCrumb a, #breadCrumb span {
    font-size: 11px;
  }
  #breadCrumb i {
    margin: 0 2px;
  }

  .pageNav {
    padding: 1.5em 0;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
  }
  .pageNav div {
    max-width: 15em;
    width: 100%;
    padding: 0.5em 0;
  }
  .pageNav div a {
    width: 100%;
    background: #ffffff;
    color: #000000;
    border-radius: 1.5em;
    border: 1px solid #000000;
  }
  .pageNav div.backArch {
    border: none;
  }
  .pageNav.wh div a {
    background: #ffffff;
    color: #000000;
  }
}
@media screen and (max-width: 767px) {
  .btnArea .btn:not(:last-of-type) {
    margin-right: 0;
  }

  .notFoundPage {
    padding: 10vh 0;
  }
  .notFoundPage p {
    text-align: left;
  }
  .notFoundPage p br {
    display: none;
  }
}

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