@font-face {
  font-family: ArchivoBlack;
  src: url("../style/ArchivoBlack.ttf");
}

body {
	background-color: #1C1C1C;
	margin: 0;
	padding: 0;
  overflow-x: hidden;
	font-family: ArchivoBlack;
	color: #a5a5a5;
}

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

form {
  margin: 0;
  padding: 0;
}

input[type="text"], textarea, select, option {
  background-color : #d9d9d9; 
}

.siteLoading {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: #1C1C1C;
}

.mainSite {
	width: 100%;
}

.header {
	top: 0;
	width: 100%;
	height: 50px;
	background-color: #000000;
	-webkit-box-shadow: 0px 25px 35px -15px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 25px 35px -15px rgba(0, 0, 0, 1);
	box-shadow: 0px 25px 35px -15px rgba(0, 0, 0, 1);
	position: absolute;
	z-index: 10;
}

.main {
	width: 100%;
	margin-top: 50px;
}

.mainOrder {
  width: 60%;
  margin: 70px auto 0 auto;
}

.navTab {
	height: 50px;
	display: flex;
  padding: 0px 15px;
  justify-content: center;
  align-items: center;
	font-size: 18px;
	cursor: pointer;
	background-color: #000000;
}

.navTab:hover {
	background-color: #2B2B2B;
	-webkit-transition: background-color 200ms ease-in-out;
  -ms-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}

.hovered {
  background-color: #2B2B2B;
}

.logo {
	width: 193px;
	height: 50px;
	cursor: pointer;
}

 .slider-container {
   position: relative;
   height: calc(100vh - 50px);
   user-select: none;
   cursor: all-scroll;
}

 .slider-control {
   z-index: 2;
   position: absolute;
   top: 0;
   width: 12%;
   height: 100%;
   transition: opacity 0.3s;
   will-change: opacity;
   opacity: 0;
}

 .slider-control.inactive:hover {
   cursor: auto;
}

 .slider-control:not(.inactive):hover {
   opacity: 1;
   cursor: pointer;
}

 .slider-control.left {
   left: 0;
   background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}

 .slider-control.right {
   right: 0;
   background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

 .slider-pagi {
   position: absolute;
   z-index: 3;
   left: 50%;
   bottom: 2rem;
   transform: translateX(-50%);
   font-size: 0;
   list-style-type: none;
   cursor: default;
}

 .slider-pagi__elem {
   position: relative;
   display: inline-block;
   vertical-align: top;
   width: 2rem;
   height: 2rem;
   margin: 0 0.5rem;
   border-radius: 50%;
   border: 2px solid #aeb7cf;
   cursor: pointer;
}

 .slider-pagi__elem:before {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   width: 1.2rem;
   height: 1.2rem;
   background: #8c99bb;
   border-radius: 50%;
   transition: transform 0.3s;
   transform: translate(-50%, -50%) scale(0);
}

 .slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
   transform: translate(-50%, -50%) scale(1);
}

 .slider {
   z-index: 1;
   position: relative;
   height: 100%;
   cursor: default;
}

 .slider.animating {
   transition: transform 0.5s;
   will-change: transform;
}

 .slider.animating .slide__bg {
   transition: transform 0.5s;
   will-change: transform;
}

 .slide {
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

 .slide.active .slide__overlay, .slide.active .slide__text {
   opacity: 1;
   transform: translateX(0);
}

 .slide__bg {
   position: absolute;
   top: 0;
   left: -50%;
   width: 100%;
   height: 100%;
   /*background-size: cover;*/
   background-position: center  !important;
   background-repeat: no-repeat   !important;
   background-size: cover   !important;
   will-change: transform;
}

 .slide:nth-child(1) {
   left: 0;
}

 .slide:nth-child(1) .slide__bg {
   left: 0;
   background-image: url('../images/gallery1.jpg');
}

 .slide:nth-child(1) .slide__overlay-path {
   fill: #000000;
}

 @media (max-width: 991px) {
   .slide:nth-child(1) .slide__text {
     background-color: rgba(233, 156, 126, 0.8);
  }
}

 .slide:nth-child(2) {
   left: 100%;
}

 .slide:nth-child(2) .slide__bg {
   left: -50%;
   background-image: url('../images/gallery2.jpg');
}

 .slide:nth-child(2) .slide__overlay-path {
   fill: #252525;
}

 @media (max-width: 991px) {
   .slide:nth-child(2) .slide__text {
     background-color: rgba(225, 204, 174, 0.8);
  }
}

 .slide:nth-child(3) {
   left: 200%;
}

 .slide:nth-child(3) .slide__bg {
   left: -100%;
   background-image: url('../images/gallery3.jpg');
}

 .slide:nth-child(3) .slide__overlay-path {
   fill: #494949;
}

 @media (max-width: 991px) {
   .slide:nth-child(3) .slide__text {
     background-color: rgba(173, 197, 205, 0.8);
  }
}

 .slide:nth-child(4) {
   left: 300%;
}

 .slide:nth-child(4) .slide__bg {
   left: -150%;
   background-image: url('../images/gallery4.jpg');
}

 .slide:nth-child(4) .slide__overlay-path {
   fill: #757575;
}

 @media (max-width: 991px) {
   .slide:nth-child(4) .slide__text {
     background-color: rgba(203, 198, 195, 0.8);
  }
}

 .slide__content {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

 .slide__overlay {
   position: absolute;
   bottom: 0;
   left: 0;
   height: 100%;
   min-height: 810px;
   transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
   will-change: transform, opacity;
   transform: translate3d(-20%, 0, 0);
   opacity: 0;
}

 @media (max-width: 991px) {
   .slide__overlay {
     display: none;
  }
}

 .slide__overlay path {
   opacity: 0.8;
}

 .slide__text {
   position: absolute;
   width: 25%;
   bottom: 15%;
   left: 12%;
   color: #fff;
   transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
   will-change: transform, opacity;
   transform: translateY(-50%);
   opacity: 0;
}

 @media (max-width: 991px) {
   .slide__text {
     left: 0;
     bottom: 0;
     width: 100%;
     height: 20rem;
     text-align: center;
     transform: translateY(50%);
     transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
     padding: 0 1rem;
  }
}

 .slide__text-heading {
   letter-spacing: 5px;
   font-size: 4rem;
   margin-bottom: 2rem;
   text-shadow: 2px 2px 5px rgba(66, 68, 90, 1);
}

 @media (max-width: 991px) {
   .slide__text-heading {
     line-height: 20rem;
     font-size: 3.5rem;
  }
}

 .slide__text-desc {
   letter-spacing: 2px;
   font-size: 1.7rem;
   margin-bottom: 1.5rem;
   text-shadow: 2px 2px 5px rgba(66, 68, 90, 1);
}

 @media (max-width: 991px) {
   .slide__text-desc {
     display: none;
  }
}

 .slide__text-link {
   z-index: 5;
   display: inline-block;
   position: relative;
   padding: 0.5rem;
   cursor: pointer;
   letter-spacing: 1px;
   font-size: 2.3rem;
   perspective: 1000px;
   text-shadow: 2px 2px 5px rgba(66, 68, 90, 1);
   color: #FFFFFF;
}

 @media (max-width: 991px) {
   .slide__text-link {
     display: none;
  }
}

 .slide__text-link:before {
   z-index: -1;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   transform-origin: 50% 100%;
   transform: rotateX(-85deg);
   transition: transform 0.3s;
   will-change: transform;
}

 .slide__text-link:hover:before {
   transform: rotateX(0);
}

.switch {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider_sw {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #535353;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_sw:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider_sw {
  background-color: #a7a7a7;
}

input:checked + .slider_sw:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

.slider_sw.round {
  border-radius: 22px;
}

.slider_sw.round:before {
  border-radius: 50%;
}

.mainLayout {
  background-color: #2D2D2D;
  border-radius: 10px;
  padding: 10px;
  font-size: 16px;
}

.inputArea {
  width: 300px;
  padding: 5px;
  border-radius: 3px;
  outline: none;
  border: 1px solid #BDBDBD;
  resize: none;
}

.bigButton {
  width: 400px;
  height: 50px;
  color: #FFFFFF;
  background-color: #434343;
  border: 1px solid #696969;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  font-family: ArchivoBlack;
  font-size: 16px;
}

.bigButton:hover {
  background-color: #656565;
}

hr.new {
  border: 1px dashed #393939;
}