/*
Theme Name: Orion
Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=orion
Author: NiteoThemes
Author URI: https://niteothemes.com
Version: 1.4

Orion CMP Theme, Copyright 2021 NiteoThemes
Orion CMP Theme is distributed under the terms of the GNU GPL

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl.html

All used scripts are distributed under the terms of the GNU GPL v2 or later or under MIT license. 
Bundled images are distributed under the terms of the GNU GPL v2 or later or under MIT license or Unsplash license.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normaalize.css/
*/

body {
  margin: 0;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
# ScrollBar
--------------------------------------------------------------*/

::-webkit-scrollbar {
  width: 9px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.8);
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

::-webkit-scrollbar-track {
  background: rgba(170, 170, 170, 0.8);
}

img {
  max-width: 100%;
  height: auto;
}

textarea {
  overflow: auto;
  padding: 0;
  border-radius: 5px;
  text-indent: 5px;
  width: 100%;
}

input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.content-wrapper {
  width: 50%;
  height: 100vh;
  padding: 80px 107px 45px;
  box-sizing: border-box;
}

.cmp-title {
  line-height: 1.1;
}

.content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.content-inner {
  margin-top: auto;
  max-width: 650px
}

.no-tags .content-inner {
  margin: auto 0;
}

.lang-switch-wrapper {
  width: 100%;
}

.content-wrapper.overflow {
  overflow-y: auto;
  min-height: 100vh;
}

header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.tags {
  margin: auto 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.tags p {
  margin-right: 20px;
}

.tags span {
  display: inline-block;
  padding: 11px 40px;
  border-radius: 40px;
  font-weight: 700;
  margin: 5px;;
}

.logo-wrapper img {
  max-height: 65px;
}


.text-logo {
  font-size: 2em;
  margin: 0;
}


#background-wrapper, #background-image, #background-color, .slide-background, #slider-wrapper, .background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.video-banner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

#slider-wrapper, #background-wrapper {
  z-index: -1;
  min-height: 100vh;
  left: 50%
}

.full-background_opacity #slider-wrapper, .full-background_opacity #background-wrapper {
  z-index: 0;
}

#background-wrapper {
  overflow: hidden;
}

#background-image, .slide-background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#background-image {
  z-index: -1;
}

#background-image, #slider-wrapper {
  opacity: 0;
  -o-transition: opacity 400ms;
  transition: opacity 400ms;
}

#background-image.loaded, .loaded #slider-wrapper {
  opacity: 1;
}

.video-banner iframe, .video-banner video {
  -o-transition: opacity 1500ms;
  transition: opacity 1500ms;
}

#background-image.pattern {
  background-repeat: repeat;
  background-size: initial;
}

/* slick slider */

.slick-slide {
  display: block!important;
  min-height: 100vh!important;
  position: relative;
  height: 100%;
}

.slick-list, .slick-slider, .slick-track {
  height: 100%;
}

.prev, .next {
  display: block;
  position: absolute;
  bottom: 15px;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  line-height: 43px;
  text-align: center;
  cursor: pointer;
  opacity: .5;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 100;
}

.prev {
  right: 60px;
}

.next {
  right: 15px;
}

.prev::before, .next::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  border-right: 2px solid white;
  border-top: 2px solid white;
}

.prev::before {
  left: 4px;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.next::before {
  left: -4px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.next:hover, .prev:hover {
  opacity: .8;
}


.slides {
  position: relative;
  width: 100%;
  height: 100vh;
  margin: auto;
  pointer-events: none;
}

.slide__img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}


.social-list {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-left: auto;
}

.social-list li {
  list-style: none;
  display: inline-block;
  padding: 0 12px;
  text-align: center;
}

.social-list a {
  display: block;
  height: 2em;
  width: 2em;
  line-height: 2em;
  background: transparent;
  position: relative;
  z-index: 1;
}
.social-list a:before {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  height: 0;
  bottom: 0;
  display: block;
  background: #FCC1FE;
  transition: height 300ms ease-in-out;
  z-index: -1;
}
.social-list a:hover:before {
  height: 9px;
}

.social-list i {
  font-size: 28px;
}

#counter {
  margin: 2em 0;
}


.counter-box {
  position: relative;
  display: inline-block;
  margin: 5px;
  width: 120px;
  height: 120px;
  border-radius: 15px;
  color: white
}

.counter-inner {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  padding: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.counter-box p {
  margin: 0;
  font-weight: 700;
  margin-top: -10px;
}

.counter-box span {
  display: inline-block;
  font-size: 3em;
}


.form-container {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #696969;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  transition: all 300ms ease-in-out;
}

.form-container.in-focus {
  visibility: visible;
  opacity: 1;
}

.form-wrapper {
  position: absolute;
  display: flex;
  width: auto;
  max-width: 550px;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -75%);
  -ms-transform: translate(0, -75%);
  -o-transform: translate(0, -75%);
  transform: translate(0, -75%);
  color: white;
  background: rgba(0, 0, 0, 0.92)
}

.subscribe-button {
  display: inline-block;
  padding: 11px 40px;
  cursor: pointer;
  font-size: 1.1em;
  border: 2px solid;
  border-radius: 40px;
  font-weight: 600;
  transition: all 300ms ease-in-out;
  background: white;
  margin: 2em 0
}

.subscribe-button:hover {
  color: white
}


.form-content {
  padding: 50px;
  width: 100%;
  /* display: flex;
  flex-direction: column; */
  color: black;
  background: white;
  position: relative;
}


.in-focus .form-wrapper {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.close {
  cursor: pointer;
  font-size: 1.5em;
  position: absolute;
  right: 20px;
  top: 20px;
}

.form-title {
  text-align: center;
  margin-top: auto;
  font-size: 2.5em;
}

.cmp-subscribe {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
}

.cmp-form-inputs {
  order: 1;
}

input {
  padding: 15px 0 15px 10px;
  -webkit-appearance: none;
  border-radius: 40px;
}

.cmp-subscribe input {
  border: 1px solid rgb(124, 124, 124);
  padding-left: 0;
  font-size: 1em;
  margin-bottom: 1em;
}

.cmp-subscribe input[type="text"],
.cmp-subscribe input[type="email"] {
  min-width: 100%;
  text-indent: 20px;
}

.cmp-subscribe input:focus {
  border: 1px solid black;
}

.cmp-subscribe input[type="submit"] {
  border: none;
  min-width: calc(100% + 2px);
  background: black;
  color: white;
  text-transform: uppercase;
  border-radius: 0;
  cursor: pointer;
  font-size: 1em;
  margin-top: 10px;
  border-radius: 40px;
  transition: all 300ms ease-in-out;
}

.subsribe-response {
  padding: 5px;
  font-size: .8em;
  text-align: center;
}

/* wpcf7-form */

/* contact form 7 */

.wpcf7 .screen-reader-response, .wpcf7 .wpcf7-validation-errors {
  display: none!important;
}

.wpcf7 .wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-form .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -21px;
  left: 0px;
  text-align: left;
  font-size: 0.7em;
}

div.wpcf7-mail-sent-ng {
  border: none;
}

div.wpcf7-response-output {
  border: none;
  margin: 0;
  padding: 0;
}

.copyright-mobile {
  display: none
}

/* .lang-switch-wrapper {
  left: 0;
  top: 0;
} */
.lang-dropdown,
.lang-switcher ul, .lang-switcher li {
  background-color: white;
}

/*--------------------------------------------------------------
# MEDIA QUERIES + ANIMATION
--------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
  .content-wrapper {
    padding: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  body {
      font-size: 16px!important;
  }
  
  .content-wrapper {
    width: 100%;
    height: auto;
  }

  #background-wrapper,
  #slider-wrapper {
    position: relative;
    left: 0;
    bottom: 0;
    min-height: auto;

  }

  #background-wrapper {
    padding-top: 125%;
  }

  .slides {
    height: auto;;
  }

  .slick-slide {
    min-height: auto!important;
    padding-top: 40%;
  }

  .slick-slider .slick-slide img {
      height: initial;
  }
  .slick-slider .nav {
      position: relative;
      text-align: center;
      bottom: initial;
  }

  .prev, .next {
    bottom: 65px
  }

  footer {
    display:none
  }

  .copyright-mobile {
    display: block;
    text-align: center;
  }



}

@media only screen and (max-width: 680px) {
  body {
      font-size: 15px!important;
  }
}

@media only screen and (max-width: 560px) {
  header {
    display: block;
    text-align: center;
  }
  header > * {
    margin: 1em 0;
  }

  .content {
    text-align: center;
  }

  .counter-box {
    width: 90px;
    height: 90px;
  }

  .counter-box span {
    font-size: 2em;
  }
}

@media only screen and (max-width: 460px) {
  .cmp-subscribe input[type="email"] {
      width: 100%;
      margin-bottom: 20px;
  }
  .cmp-subscribe input[type="submit"] {
      margin: 0;
      width: 100%;
  }
}