/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
@font-face {
  font-family: 'Devanagari Sangam MN';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/DevanagariSangamMN.ttf") format("truetype"); }

@font-face {
  font-family: 'Rig Medium Face';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/Rig-MediumFace.ttf") format("truetype"); }

@font-face {
  font-family: 'Sweet Sans Medium SC';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/SweetSans-MediumSC.ttf") format("truetype"); }

/*
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background:$bg;}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
    border-radius: 10px;
} 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
    background: $primary;
}
*/
.for_mobile {
  display: none !important; }

.mce-fullscreen {
  z-index: 10000 !important; }

header {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: black;
  z-index: 1000; }

.header_block {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 2px 10px;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .header_block .top_logo {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 5px 5px; }
    .header_block .top_logo .logo {
      position: relative;
      display: block;
      height: 100%;
      float: left;
      margin-right: 20px;
      transform: scale(1.001); }

.top_menu {
  position: relative;
  display: flex;
  align-items: center;
  top: 0px;
  right: 0;
  width: 100%;
  height: 100%; }
  .top_menu .item {
    position: relative;
    font-family: "Sweet Sans Medium SC", serif;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    padding: 0 10px;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    white-space: nowrap; }
    .top_menu .item:hover {
      color: white; }
      .top_menu .item:hover .sub_menu {
        display: block; }
  .top_menu .faicon {
    font-family: FontAwesome !important; }
  .top_menu .item_btn {
    border: 1px solid white;
    height: 70%;
    background: white;
    color: black;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 30px;
    margin-left: 30px;
    margin-right: 20px; }
    .top_menu .item_btn:hover {
      background: black;
      color: white; }
  .top_menu .sub_menu {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 350px;
    background: white;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    display: none;
    padding: 10px; }
    .top_menu .sub_menu:before {
      content: "";
      position: absolute;
      display: block;
      width: 100%;
      height: 40px;
      left: 80px;
      right: 80px;
      top: -40px; }
    .top_menu .sub_menu:after {
      content: "";
      position: absolute;
      display: block;
      width: 16px;
      height: 16px;
      background: white;
      top: -8px;
      left: 50%;
      transform: translateX(-50%) rotate(45deg); }
    .top_menu .sub_menu .sub_item {
      position: relative;
      display: block;
      width: 100%;
      padding: 10px 5px;
      text-align: center;
      color: black;
      font-size: 14px;
      cursor: pointer;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .top_menu .sub_menu .sub_item:hover {
        letter-spacing: 2px; }

.menu_btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
  color: white;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .menu_btn:before {
    content: "\f0c9";
    font-family: FontAwesome; }

.menu_btn_active {
  background: white;
  color: black; }

.header_news {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  background: white;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  top: 60px;
  z-index: -1;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 30px 5px;
  -khtml-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 30px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 30px 5px;
  -ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 30px 5px;
  -o-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 30px 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 30px 5px; }
  .header_news .news_block {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 100%;
    padding-top: 2px; }
    .header_news .news_block .label {
      color: #0b4368;
      font-weight: bold;
      margin-top: 0px; }
    .header_news .news_block .content {
      position: relative;
      display: block;
      color: black;
      padding: 0 30px;
      min-width: 400px;
      font-size: 16px;
      font-weight: 600;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .header_news .news_block .content a {
        color: #0b4368; }
        .header_news .news_block .content a:hover {
          color: #3498db;
          text-decoration: underline !important; }
    .header_news .news_block .close {
      cursor: pointer; }

@media only screen and (max-width: 850px) {
  header {
    width: 100vw; }
  .header_news {
    width: 100vw; }
    .header_news .news_block {
      padding: 0 12px;
      justify-content: space-between;
      width: 100%;
      height: 100%; }
      .header_news .news_block .content {
        display: block;
        width: 100%;
        min-width: 100px;
        padding: 0;
        overflow: hidden; }
      .header_news .news_block .label {
        flex: 0 0 50px; }
      .header_news .news_block .close {
        flex: 0 0 30px; } }

.notice_header {
  position: relative;
  background: rgba(11, 67, 104, 0.8);
  padding: 5px 15px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 12px;
  z-index: -1;
  width: 100%; }
  .notice_header a {
    color: white;
    text-decoration: underline !important; }

* {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Devanagari Sangam MN", serif;
  margin: 0;
  padding: 0; }
  *:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  *:after {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

input, textarea, button {
  outline: none;
  border: none; }

video, audio {
  position: relative;
  display: block; }

html, body, .main_layout, .admin_layout, #app {
  position: relative;
  min-height: 100vh;
  height: auto; }

h1, h2, h3, h4 {
  font-family: "Rig Medium Face", sans-serif;
  font-weight: 300; }

pre {
  white-space: pre-line;
  /* css-3 */
  white-space: -moz-pre-line;
  /* Mozilla, since 1999 */
  white-space: -pre-line;
  /* Opera 4-6 */
  white-space: -o-pre-line;
  /* Opera 7 */
  word-wrap: break-word;
  position: relative;
  width: 100%; }

a {
  text-decoration: none !important; }

textarea {
  resize: none; }

.admin_layout {
  padding-top: 60px; }

main {
  position: relative;
  margin: 0 auto;
  min-height: 100vh;
  width: 100%;
  height: auto; }

footer {
  position: relative;
  display: block;
  width: 100%;
  background: black;
  overflow: hidden; }
  footer:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5); }
  footer .flex {
    position: relative;
    display: flex;
    width: 100%;
    padding: 30px 10px;
    flex-flow: row-reverse;
    justify-content: center;
    align-items: center; }
  footer .left, footer .right {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 0; }
    footer .left .legal, footer .right .legal {
      color: rgba(255, 255, 255, 0.6);
      font-size: 12px;
      line-height: 30px;
      font-family: "Sweet Sans Medium SC", serif;
      text-transform: uppercase;
      font-weight: normal;
      text-align: center;
      cursor: pointer; }
      footer .left .legal:hover, footer .right .legal:hover {
        text-decoration: underline;
        color: white; }
  footer .right {
    text-align: center;
    position: relative; }
    footer .right .social {
      position: relative;
      text-align: center;
      margin-bottom: 20px;
      display: flex;
      justify-content: center;
      align-items: center; }
      footer .right .social .social_link {
        color: rgba(255, 255, 255, 0.5);
        font-size: 2em;
        margin: 0 10px; }
        footer .right .social .social_link:hover {
          color: white; }
      footer .right .social .app {
        position: relative;
        display: inline-block;
        width: 120px;
        height: 120px;
        background: url("/img/phone.svg") center no-repeat;
        background-size: contain;
        padding: 20px 5px 0 5px;
        margin: 0 10px; }
        footer .right .social .app .download {
          color: #3498db;
          font-size: 10px;
          font-weight: bold;
          font-family: "Sweet Sans Medium SC", serif; }
        footer .right .social .app .name {
          color: white;
          font-size: 10px;
          font-family: "Sweet Sans Medium SC", serif; }
        footer .right .social .app .link {
          position: relative;
          display: block;
          width: 100%;
          height: 30px;
          margin-top: 5px; }
    footer .right .address {
      color: white;
      font-size: 12px;
      font-family: "Sweet Sans Medium SC", serif;
      text-transform: uppercase; }
      footer .right .address a {
        color: white; }
  footer .disclaimer {
    position: relative;
    display: block;
    width: 600px;
    max-width: 80%;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.6);
    width: 100%;
    text-align: center;
    font-size: 10px; }

.main_layout main {
  position: relative;
  display: block;
  margin: 0 auto;
  min-height: 100vh;
  width: 100%;
  max-width: 100%; }

.admin_layout main {
  position: relative;
  display: block;
  margin: 0 auto;
  min-height: 100vh;
  width: 100%;
  padding-left: 150px; }

.grid_center_container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(321px, 3fr));
  justify-items: center;
  grid-gap: 20px 30px; }

.limited_center {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.sys_msg {
  display: block;
  position: fixed;
  width: 300px;
  bottom: 10px;
  right: 10px;
  z-index: 10000; }
  .sys_msg .msg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    padding: 5px 5px 5px 60px;
    margin-top: 5px;
    background: #333;
    color: white;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); }
    .sys_msg .msg:before {
      position: absolute;
      font-family: FontAwesome;
      left: 20px;
      font-size: 2.3em; }
  .sys_msg .success:before {
    color: #1abc9c;
    content: "\f058";
    font-weight: bold; }
  .sys_msg .error:before {
    color: #c0392b;
    content: "\f057";
    font-weight: bold; }
  .sys_msg .warning:before {
    color: #f7941e;
    content: "\f071";
    font-weight: bold; }
  .sys_msg .spinning:before {
    color: #0b4368;
    content: "\f110";
    font-weight: bold;
    animation: fa-spin 2s infinite linear; }

.separator {
  display: block;
  position: relative;
  width: 100%;
  height: 20px; }

.iframe_container {
  position: relative;
  display: block;
  margin-top: 100px; }

.back_to_top {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid white;
  color: rgba(255, 255, 255, 0.6);
  bottom: 20px;
  right: 20px;
  font-weight: 300;
  font-size: 18px;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .back_to_top:hover {
    color: white;
    background: black; }
  .back_to_top:before {
    animation: arrow 2s infinite;
    content: "\f077";
    font-family: FontAwesome; }

@keyframes arrow {
  0% {
    transform: translateY(3px); }
  100% {
    transform: translateY(-3px); } }

.bullet {
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  background: red;
  display: inline-block;
  background: url(/img/burger-icon-dark.svg) center no-repeat;
  background-size: contain;
  filter: grayscale(100%); }

.cookie_warning {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: black;
  padding: 20px 30px;
  color: white;
  z-index: 10002;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .cookie_warning p {
    font-size: 12px;
    font-family: "Devanagari Sangam MN", serif;
    padding-right: 30px;
    text-align: justify; }
    .cookie_warning p span {
      text-decoration: underline;
      cursor: pointer; }
  .cookie_warning .btn {
    padding: 5px 10px;
    background: white;
    color: black;
    border: 1px solid white;
    cursor: pointer; }
    .cookie_warning .btn:hover {
      color: white;
      background: #000; }
  .cookie_warning .close {
    position: absolute;
    right: 7px;
    top: 5px;
    font-size: 12px;
    cursor: pointer; }
    .cookie_warning .close:before {
      content: "\f00d";
      font-family: FontAwesome; }

.btn_outline {
  position: relative;
  display: flex;
  width: 180px;
  border: 1px solid white;
  height: 60px;
  justify-content: center;
  align-items: center;
  color: white;
  letter-spacing: 2px;
  margin-right: 20px; }
  .btn_outline:hover {
    background: rgba(255, 255, 255, 0.2); }

.btn_full_white {
  position: relative;
  display: flex;
  width: 180px;
  border: 1px solid white;
  justify-content: center;
  align-items: center;
  background: white;
  color: black;
  letter-spacing: 0px;
  font-family: "Rig Medium Face", sans-serif;
  padding: 12px 20px 10px 20px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .btn_full_white:hover {
    background: rgba(255, 255, 255, 0.6); }

.btn_sk {
  position: relative;
  display: block;
  min-width: 200px;
  max-width: 270px;
  margin: 10px auto;
  background: black;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: center;
  color: white;
  padding: 10px 20px 5px 20px;
  line-height: 25px;
  border: 1px solid black;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn_sk:hover {
    color: black;
    background: white; }

.btn_sk_white {
  position: relative;
  display: block;
  min-width: 200px;
  max-width: 270px;
  margin: 10px auto;
  background: white;
  font-size: 14px;
  letter-spacing: 2px;
  text-align: center;
  color: black;
  padding: 10px 20px 5px 20px;
  line-height: 25px;
  border: 1px solid white;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn_sk_white:hover {
    color: white;
    background: black; }

.btn_register {
  position: relative;
  margin-bottom: 20px;
  background: #3498db;
  color: white;
  display: inline-block;
  padding: 10px 20px 5px 20px;
  border: 1px solid #3498db;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn_register:hover {
    background: white;
    color: #3498db; }

.popup_container {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 10004;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden; }

.big_popup {
  display: flex;
  position: relative;
  flex-flow: column;
  width: 900px;
  max-width: 90vw;
  height: 90vh;
  max-height: 90%;
  background: white;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.6);
  overflow: inherit; }
  .big_popup .popup_header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    min-height: 60px;
    background: #000;
    color: white; }
    .big_popup .popup_header .title {
      font-size: 20px; }
    .big_popup .popup_header .close {
      font-weight: normal;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      cursor: pointer; }
      .big_popup .popup_header .close:before {
        content: "\f00d";
        font-family: FontAwesome;
        font-size: 25px; }
      .big_popup .popup_header .close:hover {
        color: rgba(255, 255, 255, 0.5); }
  .big_popup .popup_body {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 60px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll; }
    .big_popup .popup_body iframe {
      height: 100%; }

.mobile_menu {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 60px;
  padding-top: 20px;
  left: 0;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding-bottom: 30%;
  -webkit-transition: 0.3s;
  -khtml-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .mobile_menu .container {
    padding-bottom: 60px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; }
  .mobile_menu .item,
  .mobile_menu .sub_item {
    font-family: "Rig Medium Face", sans-serif;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px 0;
    font-size: 20px;
    cursor: pointer; }
  .mobile_menu .item_btn {
    position: relative;
    display: block;
    border: 1px solid white;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: white;
    color: black;
    cursor: pointer;
    padding: 10px 20px; }
    .mobile_menu .item_btn:hover {
      background: black;
      color: white; }

.mobile_menu_active {
  opacity: 1;
  visibility: visible;
  pointer-events: all; }

.mobile_nav_tabs {
  display: none;
  position: fixed;
  z-index: 30000;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: #06253a;
  -webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  padding-right: 10px; }
  .mobile_nav_tabs .item {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 8px;
    text-align: center;
    overflow: hidden;
    font-family: "Rig Medium Face", sans-serif;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .mobile_nav_tabs .item:before {
      font-size: 20px;
      font-family: FontAwesome;
      margin-bottom: 3px;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .mobile_nav_tabs .item .text {
      padding-top: 5px;
      font-size: 9px; }
  .mobile_nav_tabs .active {
    color: white;
    background: black; }
    .mobile_nav_tabs .active:before {
      font-size: 25px; }
    .mobile_nav_tabs .active .text {
      display: none; }
  .mobile_nav_tabs .big_item {
    width: 100%;
    flex: 100%; }
    .mobile_nav_tabs .big_item:before {
      font-size: 30px; }
  .mobile_nav_tabs .separator {
    position: relative;
    display: block;
    width: 1px;
    height: 100%;
    flex: 0 0 1px;
    background: rgba(255, 255, 255, 0.1); }

@media only screen and (max-width: 850px) {
  .mobile_menu {
    display: block; }
  .mobile_nav_tabs {
    display: flex; } }

.scroll_down {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  bottom: 40px;
  color: white; }
  .scroll_down .text {
    text-transform: uppercase;
    letter-spacing: 2px; }
  .scroll_down .graph {
    animation: arrow_down 1s infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-timing-function: linear; }
    .scroll_down .graph:before {
      content: "\f078";
      font-family: FontAwesome;
      font-size: 40px;
      color: rgba(255, 255, 255, 0.7);
      line-height: 30px; }

@keyframes arrow_down {
  0% {
    transform: translateY(-6px) scale(1);
    opacity: 0.5; }
  100% {
    transform: translateY(10px) scale(1);
    opacity: 1; } }

.home_1 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  text-align: center;
  width: 100%;
  background-size: cover; }
  .home_1 .bg {
    background: url("/img/assets/web_banner.jpg") center no-repeat;
    position: relative;
    display: flex;
    background-size: cover;
    justify-content: center;
    align-items: center;
    margin: 0;
    text-align: center;
    width: 100%;
    padding-top: 60px; }
    .home_1 .bg img {
      position: relative;
      width: 100%; }
  .home_1 .title {
    color: white;
    letter-spacing: 10px;
    font-family: "Devanagari Sangam MN", serif;
    font-size: 2em;
    text-align: center;
    margin-bottom: 50px;
    display: none; }
  .home_1 .home_btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1em;
    letter-spacing: 5px;
    width: 300px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .home_1 .home_btn:after {
      content: "";
      position: absolute;
      top: 2px;
      left: 2px;
      right: 2px;
      bottom: 2px;
      border: 1px solid white; }
    .home_1 .home_btn:hover {
      letter-spacing: 6px;
      background: rgba(0, 0, 0, 0.7); }

.home_2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: black;
  color: white;
  padding: 0; }
  .home_2 .pic {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: url("/img/assets/ice-island.jpg") center center no-repeat;
    background-size: cover; }
  .home_2 .img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }
    .home_2 .img img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .home_2 .content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 10px; }
    .home_2 .content .title {
      font-size: 2em;
      font-family: "Rig Medium Face", sans-serif;
      margin-bottom: 40px; }
    .home_2 .content .options {
      line-height: 70px;
      font-size: 1.3em; }
      .home_2 .content .options .item {
        display: block;
        color: white; }
        .home_2 .content .options .item:hover {
          text-decoration: underline !important; }
        .home_2 .content .options .item:before {
          position: relative;
          display: inline-block;
          content: "";
          width: 20px;
          height: 20px;
          margin-right: 20px;
          background: url("/img/burger-icon.svg") center no-repeat;
          background-size: contain; }
    .home_2 .content .btn_zone {
      position: relative;
      display: flex;
      margin-top: 40px; }

.home_3 {
  margin-top: 100px;
  color: black;
  width: 100%; }
  .home_3 .title {
    text-align: center;
    font-size: 2em;
    font-family: "Rig Medium Face", sans-serif;
    letter-spacing: 3px; }
  .home_3 .desc {
    display: block;
    position: relative;
    margin: 0 auto;
    font-size: 1em;
    padding: 30px 20px;
    line-height: 25px;
    max-width: 1200px; }
  .home_3 .slog {
    position: relative;
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    font-size: 1em;
    letter-spacing: 2px;
    padding: 20px 10px; }
  .home_3 .galery {
    width: 100%;
    height: 400px;
    position: relative;
    display: flex; }
    .home_3 .galery .item {
      position: relative;
      width: 100%;
      height: 100%;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .home_3 .galery .item .name {
        color: white;
        text-align: center;
        width: 100%;
        padding: 50px 30px;
        font-size: 1em;
        letter-spacing: 3px;
        font-weight: bold; }
      .home_3 .galery .item:nth-child(2n) .name {
        text-align: left; }
      .home_3 .galery .item:hover {
        transform: scale(1.05);
        z-index: 2; }

.home_instagram {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 100px 10px 50px 10px; }
  .home_instagram .title {
    font-size: 20px; }
  .home_instagram h2 {
    font-weight: normal; }
    .home_instagram h2 a {
      color: #0b4368;
      font-family: "Rig Medium Face", sans-serif; }
      .home_instagram h2 a:hover {
        text-decoration: underline; }
  .home_instagram .imgs {
    position: relative;
    display: block;
    width: 450px;
    max-width: 100%;
    height: 200px;
    margin: 0 auto;
    background: url("/img/assets/instagram.jpg") center no-repeat;
    background-size: contain; }
  .home_instagram .desc {
    color: gray; }
    .home_instagram .desc a {
      margin-left: 10px; }

.hom_newsletter {
  position: relative;
  display: block;
  width: 100%;
  background: #000; }
  .hom_newsletter * {
    color: white !important; }
  .hom_newsletter .title {
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 1em;
    margin-bottom: 20px;
    display: block;
    position: relative; }
  .hom_newsletter form {
    display: flex;
    width: 100%;
    max-width: 400px;
    margin: 10px auto;
    justify-content: center;
    color: white; }
    .hom_newsletter form input {
      height: 100%;
      width: 100%;
      padding: 0 10px;
      background: black;
      border: 1px solid rgba(255, 255, 255, 0.5);
      color: white;
      text-transform: uppercase; }
    .hom_newsletter form .button {
      height: 100%;
      flex: 0 0 40px;
      background: black;
      border: 1px solid rgba(255, 255, 255, 0.5);
      color: white;
      text-transform: uppercase;
      border-left: none; }
      .hom_newsletter form .button:hover {
        background: white;
        color: black; }

.benef_section_1 {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  padding-top: 60px; }

.benef_section_2 {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh; }
  .benef_section_2 .benef_wrapper {
    flex-direction: row-reverse; }

.benef_section_3 {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh; }

.benef_section_4 {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh; }
  .benef_section_4 .benef_wrapper {
    flex-direction: row-reverse; }

.benef_wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center; }
  .benef_wrapper .img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 100%;
    padding: 10px 20px; }
    .benef_wrapper .img img {
      max-width: 100%;
      max-height: 100%; }
  .benef_wrapper .text_block {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    margin: 0 auto;
    height: 100%;
    padding: 20px 20px 20px 50px; }
    .benef_wrapper .text_block p {
      font-size: 1.2em;
      position: relative;
      color: #0b4368;
      display: inline-block; }
      .benef_wrapper .text_block p:first-child {
        margin-bottom: 30px; }
        .benef_wrapper .text_block p:first-child:before {
          content: "";
          position: absolute;
          left: -25px;
          top: 3px;
          width: 15px;
          height: 15px;
          display: block;
          background: url("/img/burger-icon-dark.svg") center no-repeat;
          background-size: contain; }

@media only screen and (max-width: 850px) {
  .benef_section_1, .benef_section_2, .benef_section_3, .benef_section_4 {
    height: auto;
    padding-top: 0; }
  .benef_wrapper {
    display: block; }
    .benef_wrapper .img {
      width: 100%;
      height: 100vw; }
    .benef_wrapper .text_block {
      padding: 30px 30px 30px 50px;
      max-width: 100%;
      width: 100%; }
      .benef_wrapper .text_block p {
        font-size: 1.2em; } }

.lumino_page {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 60px;
  background: black; }
  .lumino_page .page_title {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    line-height: 100px;
    text-align: center;
    color: white; }
  .lumino_page .benef_wrapper {
    position: relative;
    min-height: 100vh; }
    .lumino_page .benef_wrapper .img {
      width: 50%;
      height: auto !important;
      background-size: cover;
      width: 100%; }
    .lumino_page .benef_wrapper .text_block {
      margin: 0;
      width: 100%;
      max-width: 100%;
      background: #000; }
      .lumino_page .benef_wrapper .text_block p {
        color: white; }
      .lumino_page .benef_wrapper .text_block h1 {
        color: white;
        margin-bottom: 20px; }

@media only screen and (max-width: 850px) {
  .lumino_page .benef_wrapper {
    margin-top: 60px;
    display: block;
    height: auto !important; }
    .lumino_page .benef_wrapper .img {
      width: 100%;
      height: 300px !important; } }

.services_page {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 100vh;
  background: url("/img/assets/chalet-center4.jpg") center no-repeat;
  background-size: cover;
  display: grid;
  grid-template-columns: 2fr 2fr;
  grid-gap: 30px;
  align-items: center;
  padding: 10px;
  padding-top: 60px; }
  .services_page .item {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding-left: 30px;
    margin: 40px auto;
    width: 100%;
    max-width: 400px; }
    .services_page .item .item_title {
      text-transform: uppercase;
      margin-bottom: 10px;
      font-weight: bold; }
      .services_page .item .item_title:before {
        content: "";
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        width: 20px;
        height: 20px;
        background: url("/img/burger-icon-dark.svg") center no-repeat;
        background-size: contain;
        filter: grayscale(100%); }
    .services_page .item .item_content {
      display: inline-block;
      position: relative;
      height: 80px; }
    .services_page .item .btn_zone {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      padding-top: 20px;
      text-align: center; }
      .services_page .item .btn_zone .btn_dark {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 45%;
        height: 30px;
        background: #333;
        color: white;
        font-size: 14px;
        padding: 5px 0 3px 0;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .services_page .item .btn_zone .btn_dark:hover {
          letter-spacing: 1px;
          background: black; }
      .services_page .item .btn_zone .btn_white {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 45%;
        height: 30px;
        background: white;
        color: #333;
        font-size: 14px;
        padding: 5px 0 3px 0;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .services_page .item .btn_zone .btn_white:before {
          content: "";
          position: absolute;
          display: block;
          top: 2px;
          bottom: 2px;
          left: 2px;
          right: 2px;
          border: 1px solid #333;
          -webkit-transition: 0.3s;
          -khtml-transition: 0.3s;
          -moz-transition: 0.3s;
          -ms-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        .services_page .item .btn_zone .btn_white:hover {
          letter-spacing: 1px; }
          .services_page .item .btn_zone .btn_white:hover:before {
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: 0; }

.dry_hydro_page {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 60px;
  background: url("/img/assets/watter-bg.jpg") top no-repeat;
  background-size: contain;
  padding-top: 30px; }
  .dry_hydro_page .page_title {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    line-height: 60px;
    text-align: center; }
  .dry_hydro_page .benef_wrapper {
    position: relative; }
    .dry_hydro_page .benef_wrapper .img {
      width: 50%;
      height: auto !important;
      background-size: contain;
      width: 100%; }
    .dry_hydro_page .benef_wrapper .text_block {
      padding: 50px 20px;
      margin: 0;
      width: 100%;
      max-width: 100%;
      background-image: linear-gradient(transparent, white, white, white); }

.skincare_page {
  position: relative;
  display: block;
  margin-top: 60px; }
  .skincare_page .full_img {
    position: relative;
    display: block;
    width: 100%;
    height: 400px; }
  .skincare_page .top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100px;
    padding: 10px 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .skincare_page .top img {
      position: relative;
      height: 100%; }
  .skincare_page .text_block {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    font-size: 20px;
    line-height: 30px;
    padding: 30px 20px; }
    .skincare_page .text_block span {
      color: #7f2930;
      font-weight: bold; }
  .skincare_page .available {
    font-family: "Rig Medium Face", sans-serif;
    padding: 20px;
    font-weight: bold; }

@media only screen and (max-width: 850px) {
  .services_page {
    display: block;
    background: url("/img/assets/house.jpg") bottom left no-repeat; }
    .services_page .item .btn_zone .btn_dark {
      width: 30%; }
    .services_page .item .btn_zone .btn_white {
      width: 30%; }
  .dry_hydro_page {
    display: block;
    margin-top: 60px;
    background-size: contain; }
    .dry_hydro_page .benef_wrapper {
      display: block;
      height: auto; }
      .dry_hydro_page .benef_wrapper .img {
        width: 100%;
        height: 200px !important;
        filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3)); }
  .skincare_page {
    margin-top: 60px; }
    .skincare_page .full_img {
      height: 150px; }
    .skincare_page .top {
      height: 70px;
      padding: 10px; }
    .skincare_page .text_block {
      font-size: 18px; } }

.faq_page {
  position: relative;
  padding-top: 60px; }
  .faq_page .top_img {
    position: relative;
    display: flex;
    width: 100%;
    height: 300px;
    text-align: center;
    background: url("/img/assets/faq.jpg") center no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    padding: 20px;
    font-weight: bold; }
    .faq_page .top_img h1 {
      position: relative;
      display: block;
      width: 80%;
      max-width: 465px; }
      .faq_page .top_img h1 a {
        font-weight: bold;
        color: black;
        -webkit-transition: 0.3s;
        -khtml-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .faq_page .top_img h1 a:hover {
          color: #0b4368;
          letter-spacing: 1px; }
  .faq_page .body {
    padding: 10px; }
    .faq_page .body .title_separator {
      position: relative;
      display: block;
      width: 100%;
      font-weight: bold;
      margin: 30px 0 20px 0; }
  .faq_page .faq_section {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    padding-left: 40px;
    margin: 5px auto;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .faq_page .faq_section:before {
      content: "\f067";
      font-family: FontAwesome;
      color: gray;
      position: absolute;
      left: 10px;
      top: 13px;
      width: 15px;
      height: 15px;
      cursor: pointer; }
    .faq_page .faq_section .section_title {
      background: white;
      width: 100%;
      z-index: 1;
      cursor: pointer; }
    .faq_page .faq_section .section_content {
      margin-top: 20px;
      color: #333;
      line-height: 1.5em; }
  .faq_page .active .section_title {
    color: #0b4368; }
  .faq_page .active:before {
    content: "\f068";
    font-family: FontAwesome;
    color: gray; }

.contact_page {
  position: relative;
  display: grid;
  margin: 0 auto;
  grid-template-columns: 2fr 5fr 2fr;
  grid-gap: 10px;
  padding-top: 60px; }
  .contact_page .section {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 20px 20px;
    max-width: 400px;
    margin-top: 30px; }
    .contact_page .section .title {
      font-size: 20px;
      margin-bottom: 20px; }
    .contact_page .section .map_graph {
      position: relative;
      width: 100%;
      margin-top: 40px; }
    .contact_page .section .content {
      text-align: justify; }
      .contact_page .section .content span {
        display: inline-block;
        width: 100%; }
        .contact_page .section .content span p {
          display: inline-block;
          font-size: 16px; }
    .contact_page .section:nth-child(2) {
      width: 100%;
      padding-right: 0;
      padding-left: 0;
      max-width: 100%;
      text-align: center; }
      .contact_page .section:nth-child(2) .content {
        text-align: center; }
  .contact_page form .hint {
    color: gray;
    font-size: 16px; }
  .contact_page form .input_field {
    margin: 20px 0; }
    .contact_page form .input_field input {
      position: relative;
      width: 100%;
      height: 30px;
      background: rgba(229, 229, 229, 0.5);
      border: 1px solid #e5e5e5;
      padding: 5px; }
    .contact_page form .input_field textarea {
      position: relative;
      width: 100%;
      height: 80px;
      background: rgba(229, 229, 229, 0.5);
      border: 1px solid #e5e5e5;
      padding: 5px; }
  .contact_page form button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45%;
    height: 30px;
    background: white;
    color: #333;
    font-size: 14px;
    padding: 5px 0 3px 0;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #e5e5e5;
    float: right; }
    .contact_page form button:before {
      content: "";
      position: absolute;
      display: block;
      top: 2px;
      bottom: 2px;
      left: 2px;
      right: 2px;
      border: 1px solid #333;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .contact_page form button:hover {
      letter-spacing: 1px;
      border-color: #333; }
      .contact_page form button:hover:before {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0; }

.countdown_page {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 20px;
  padding-top: 60px;
  justify-content: center;
  align-items: center;
  color: #333; }
  .countdown_page .counter {
    position: relative;
    display: flex;
    text-align: center;
    background: #333;
    justify-content: space-around;
    padding: 10px 20px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    width: 500px;
    max-width: 90%; }
    .countdown_page .counter .value {
      position: relative;
      display: block;
      font-size: 40px;
      font-weight: bold;
      color: white; }
      .countdown_page .counter .value .label {
        position: relative;
        display: block;
        font-size: 12px;
        color: gray; }
      .countdown_page .counter .value:first-child {
        color: #3498db; }
    .countdown_page .counter .dots {
      position: relative;
      display: block; }
  .countdown_page .text_top {
    text-align: center;
    margin: 30px 0;
    font-size: 25px;
    font-weight: bold;
    font-family: "Sweet Sans Medium SC", serif; }
  .countdown_page .text {
    text-align: center;
    margin: 30px 0;
    font-size: 16px;
    font-family: "Devanagari Sangam MN", serif; }

.docs_page {
  position: relative;
  display: block;
  padding-top: 100px;
  width: 100%; }
  .docs_page .page_title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: url(/img/assets/3mn-recovery.jpg) no-repeat center center;
    height: 100px;
    color: white; }
  .docs_page h1, .docs_page h2 {
    padding: 10px 20px; }
  .docs_page .page_content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    .docs_page .page_content .item {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 350px;
      max-width: 400px;
      flex-grow: 1;
      height: 220px;
      -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
      .docs_page .page_content .item::before {
        content: "";
        position: absolute;
        display: block;
        top: 5px;
        bottom: 5px;
        left: 5px;
        right: 5px;
        border: 1px solid rgba(255, 255, 255, 0.7);
        background: rgba(0, 0, 0, 0.3);
        -webkit-transition: all, 0.3s;
        -khtml-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -ms-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s;
        z-index: 1; }
      .docs_page .page_content .item .item_title {
        position: relative;
        color: white;
        text-align: center;
        padding: 10px;
        z-index: 2; }
      .docs_page .page_content .item .item_image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%; }
        .docs_page .page_content .item .item_image img {
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .docs_page .page_content .item .item_desc {
        position: absolute;
        width: 100%;
        bottom: 0;
        text-align: center;
        padding: 10px;
        color: white;
        background: rgba(0, 0, 0, 0.5);
        z-index: 2; }
      .docs_page .page_content .item:hover::before {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        backdrop-filter: blur(2px); }

.mb_container {
  padding: 20px; }
  .mb_container .hc-privacy-footer > a {
    display: none; }
  .mb_container h1 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold; }

.modal-inner .footer {
  display: none !important; }

.header__title, .header__title-mobile {
  text-align: center; }

.mb_container .hc-label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold; }

.mb_container form {
  width: 500px;
  max-width: 100%; }

.mb_container .hc-registration-field {
  margin-bottom: 5px;
  width: 100%;
  position: relative; }
  .mb_container .hc-registration-field .note {
    color: gray;
    font-style: italic; }

.mb_container input, .mb_container select, .mb_container textarea {
  margin-bottom: 5px;
  outline: none;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  width: 100%; }

.mb_container input[type=checkbox] {
  width: auto;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
  width: 12px;
  height: 12px; }

.mb_container .hc-actions {
  margin-top: 20px; }
  .mb_container .hc-actions input.hc-button {
    position: relative;
    display: block;
    min-width: 200px;
    max-width: 270px;
    background: black;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    color: white;
    padding: 10px 20px 5px 20px;
    line-height: 25px;
    border: 1px solid black;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .mb_container .hc-actions input.hc-button:hover {
      color: black;
      background: white; }

.pricing_page {
  position: relative;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  display: block;
  padding: 20px;
  padding-top: 100px;
  width: 100%; }
  .pricing_page .section {
    position: relative;
    display: block;
    margin-bottom: 60px; }
    .pricing_page .section .section_desc {
      font-size: 16px;
      margin-bottom: 40px; }
    .pricing_page .section .cards {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      gap: 10px; }
      .pricing_page .section .cards .card {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        padding: 20px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        min-width: 200px;
        max-width: 280px; }
        .pricing_page .section .cards .card .title {
          color: #0b4368;
          font-size: 24px; }
        .pricing_page .section .cards .card .sub {
          font-family: "Rig Medium Face", sans-serif; }
        .pricing_page .section .cards .card .price {
          font-family: "Rig Medium Face", sans-serif;
          font-weight: bold; }
        .pricing_page .section .cards .card .desc {
          height: 100%; }
        .pricing_page .section .cards .card .button {
          position: relative;
          display: flex;
          width: 100px;
          height: 40px;
          color: white;
          background: #0b4368;
          border: 1px solid #0b4368;
          -webkit-border-radius: 5px;
          -khtml-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          text-align: center;
          justify-content: center;
          align-items: center;
          flex-grow: 0;
          flex-shrink: 0;
          cursor: pointer; }
          .pricing_page .section .cards .card .button a {
            color: white;
            position: relative;
            padding: 0; }

.gift_page {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding-top: 100px;
  width: 100%; }
  .gift_page .page_title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: url(/img/assets/3mn-recovery.jpg) no-repeat center center;
    height: 100px;
    color: white; }
  .gift_page h1, .gift_page h2 {
    padding: 10px 20px; }
  .gift_page .page_content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    .gift_page .page_content a {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 280px;
      max-width: 400px;
      flex-grow: 1;
      height: 160px;
      -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
      color: white;
      padding: 20px;
      font-family: "Rig Medium Face", sans-serif;
      text-align: center;
      font-weight: bold;
      text-transform: uppercase;
      white-space: pre-wrap;
      text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9);
      overflow: hidden; }
      .gift_page .page_content a::before {
        content: "";
        position: absolute;
        display: block;
        top: 5px;
        bottom: 5px;
        left: 5px;
        right: 5px;
        border: 1px solid rgba(255, 255, 255, 0.7);
        background: url(/img/assets/chalet-center.jpg) no-repeat center center;
        background-size: cover;
        -webkit-transition: all, 0.3s;
        -khtml-transition: all, 0.3s;
        -moz-transition: all, 0.3s;
        -ms-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s;
        filter: blur(2px) brightness(0.9);
        z-index: -1; }
      .gift_page .page_content a:hover::before {
        transform: scale(1.2); }

.gift_card {
  position: relative;
  display: block;
  font-size: 24px !important;
  width: 500px !important;
  max-width: 100% !important;
  height: 30vh !important; }
  .gift_card::before {
    background: url(/img/assets/ice-island.jpg) no-repeat center center !important;
    background-size: cover !important;
    filter: blur(0px) !important; }

.gift_card_text {
  position: relative;
  width: 600px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  padding: 15px 20px; }

@media only screen and (max-width: 850px) {
  header {
    height: 60px; }
    header .top_menu {
      display: none; }
    header .menu_btn,
    header .mobile_menu {
      display: flex; }
  footer {
    padding-bottom: 80px; }
    footer .flex {
      display: block; }
  .back_to_top {
    bottom: 85px;
    width: 50px;
    height: 50px; }
  .home_1 {
    height: 80vh; }
    .home_1 .bg {
      height: 100%; }
      .home_1 .bg img {
        object-fit: cover;
        height: 100%; }
      .home_1 .bg .title {
        font-size: 24px; }
      .home_1 .bg .home_btn {
        width: 90%; }
  .home_2 {
    display: block;
    height: auto; }
    .home_2 .pic {
      height: 400px; }
    .home_2 .content {
      padding: 20px 5px; }
      .home_2 .content .title {
        font-size: 2em; }
      .home_2 .content .btn_zone {
        justify-content: center; }
    .home_2 .options .item {
      font-size: 18px; }
      .home_2 .options .item:before {
        width: 10px;
        height: 10px;
        margin-right: 10px; }
  .home_3 .title {
    font-size: 2em; }
  .home_3 .galery {
    display: block;
    width: 100%;
    height: auto; }
    .home_3 .galery .item {
      display: block;
      width: 100% !important;
      height: 300px; }
  .faq_page {
    padding-top: 60px; }
    .faq_page .top_img {
      height: 150px; }
      .faq_page .top_img h1 {
        font-size: 18px; }
  .services_page {
    grid-template-columns: 100%; }
    .services_page .item {
      padding-left: 10px; }
      .services_page .item .item_title {
        font-size: 16px;
        font-weight: bold; }
        .services_page .item .item_title:before {
          width: 12px;
          height: 12px;
          top: 3px;
          left: -5px; }
      .services_page .item .btn_zone .btn_dark, .services_page .item .btn_zone .btn_white {
        font-size: 12px;
        width: 40%; }
  .contact_page {
    display: block; }
    .contact_page .section {
      padding: 10px;
      margin-bottom: 20px;
      margin-top: 0;
      width: 100%; } }

@media only screen and (max-width: 1024px) {
  .top_menu .item {
    font-size: 14px;
    padding: 0 5px; } }