/*
Theme Name: ververs
Theme URI: http://underscores.me/
Author: zenix
Author URI: http://zenixnow.com
Description: Official theme for ververs
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ververs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ververs is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
@font-face {
  font-family: myFirstFont;
  src: url(fonts/MyriadPro-Regular.woff); }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 100%; }
  @media only screen and (max-width: 75em) {
    html {
      font-size: 95%; } }
  @media only screen and (max-width: 56.25em) {
    html {
      font-size: 90%; } }
  @media only screen and (min-width: 112.5em) {
    html {
      font-size: 110%; } }

body {
  box-sizing: border-box; }
  @media only screen and (max-width: 56.25em) {
    body {
      padding: 0; } }

/**
 * Basic typography style for copy text
 */
body {
  font-family: "myFirstFont"; }

div,
span,
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
  font-family: "myFirstFont"; }

div,
span,
html,
body,
a,
ul,
li,
p {
  font-size: 12px; }

a:active, a:visited {
  border: none !important;
  outline: none !important; }

p {
  font-size: 12px; }

a {
  text-decoration: none;
  color: #4d6d8b;
  font-size: 12px !important; }

.logo-area p {
  font-size: 16px !important; }

.logo-area p a {
  text-decoration: none;
  color: #4d6d8b;
  font-size: 16px !important; }

.text-center {
  text-align: center !important; }

.margin-bootm-small {
  margin-bottom: 1.5rem !important; }

.margin-bottom-medium {
  margin-bottom: 4rem !important; }
  @media only screen and (max-width: 56.25em) {
    .margin-bottom-medium {
      margin-bottom: 3rem !important; } }

.margin-bottom-big {
  margin-bottom: 8rem !important; }
  @media only screen and (max-width: 56.25em) {
    .margin-bottom-big {
      margin-bottom: 5rem !important; } }

.margin-top-big {
  margin-top: 8rem !important; }

/**
* tabs 
**/
@media only screen and (max-width: 56.25em) {
  #tabsParent {
    display: flex;
    flex-direction: column; } }

.tabs-elements {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 250px;
  overflow-y: scroll;
  width: 80%;
  text-transform: uppercase;
  color: #4d6d8b;
  text-align: justify;
  padding-right: 10px;
  z-index: 9999; }
  .tabs-elements #about-us h3,
  .tabs-elements #pricing h3,
  .tabs-elements #management h3,
  .tabs-elements #contact-us h3:first-child {
    display: none; }
    @media only screen and (max-width: 56.25em) {
      .tabs-elements #about-us h3,
      .tabs-elements #pricing h3,
      .tabs-elements #management h3,
      .tabs-elements #contact-us h3:first-child {
        display: block; } }
  @media only screen and (max-width: 56.25em) {
    .tabs-elements {
      top: 5px;
      order: 2;
      position: relative;
      transform: none;
      top: auto;
      left: auto;
      width: 100%;
      max-height: 100% !important;
      height: auto !important;
      overflow: hidden;
      margin: 20px 0;
      box-sizing: border-box; } }

.tabs-controller {
  width: 100%;
  position: absolute;
  bottom: 4%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999; }
  @media only screen and (max-width: 75em) {
    .tabs-controller {
      width: 80%; } }
  @media only screen and (max-width: 56.25em) {
    .tabs-controller {
      width: 100%;
      top: 0;
      order: 1;
      position: relative;
      transform: none;
      top: auto;
      left: auto; } }
  .tabs-controller table {
    text-align: center;
    width: 100%; }
    .tabs-controller table tr td {
      width: 14.2857142857%;
      position: relative; }
      .tabs-controller table tr td img {
        width: 31px;
        margin-bottom: -7px; }
      .tabs-controller table tr td a {
        font-size: 12px !important;
        text-transform: uppercase;
        text-decoration: none;
        color: #4d6d8b; }
      .tabs-controller table tr td .rounded-last,
      .tabs-controller table tr td .rounded {
        height: 4px;
        width: 4px;
        border-radius: 50%;
        background: #795b2b;
        display: inline-block;
        position: relative;
        z-index: 999; }
      .tabs-controller table tr td .rounded-last::before,
      .tabs-controller table tr td .rounded::before {
        height: 9px;
        width: 9px;
        content: "";
        display: inline-block;
        border: 1px solid #795b2b;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .tabs-controller table tr td .line {
        border-top: 1px solid #795b2b;
        position: absolute;
        top: 54%;
        z-index: 99;
        width: 92%;
        left: 55%; }
    @media only screen and (min-width: 75.01em) {
      .tabs-controller table tr:first-child {
        display: none; } }
    @media only screen and (max-width: 75em) {
      .tabs-controller table tr:last-child {
        display: none; } }
    @media only screen and (max-width: 56.25em) {
      .tabs-controller table tr:last-child {
        display: none; } }
    @media only screen and (min-width: 75.01em) {
      .tabs-controller table tr:last-child {
        height: 25px;
        vertical-align: bottom; } }

.tabBody {
  display: none;
  backface-visibility: hidden;
  width: 90%;
  margin: auto; }

.tabs.active {
  color: #3b2809; }

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

/* Track */
::-webkit-scrollbar-track {
  background: #fff; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b0ada8;
  border-radius: 100px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; }

.panel-left img,
.panel-right img {
  z-index: 0;
  width: auto;
  height: 100vh; }

@media only screen and (max-width: 56.25em) {
  .panel-left {
    text-align: center; } }

.panel-left img {
  float: left;
  max-width: 145%;
  margin-left: -35%; }
  @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .panel-left img {
      max-width: 150%;
      height: 500px;
      object-fit: cover;
      margin-top: 25vh; } }
  @media only screen and (min-width: 1024px) and (max-height: 768px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .panel-left img {
      max-width: 150%;
      height: 500px;
      object-fit: cover;
      margin-top: 18vh; } }
  @media only screen and (max-width: 75em) {
    .panel-left img {
      margin-left: -100px; } }
  @media only screen and (max-width: 56.25em) {
    .panel-left img {
      text-align: center;
      float: none;
      display: block;
      max-height: 425px;
      width: 90%;
      object-fit: cover;
      margin: 10px auto; } }

@media only screen and (max-width: 56.25em) {
  .panel-right {
    text-align: center; } }

.panel-right img {
  float: right;
  max-width: 135%;
  margin-right: -15%; }
  @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .panel-right img {
      max-width: 150%;
      height: 500px;
      object-fit: cover;
      margin-top: 25vh; } }
  @media only screen and (min-width: 1024px) and (max-height: 768px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .panel-right img {
      margin-right: -12% !important;
      max-width: 150%;
      height: 500px;
      object-fit: cover;
      margin-top: 18vh; } }
  @media only screen and (max-width: 75em) {
    .panel-right img {
      margin-right: -100px; } }
  @media only screen and (max-width: 56.25em) {
    .panel-right img {
      text-align: center;
      display: block;
      float: none;
      width: 90%;
      max-height: 425px;
      object-fit: cover;
      margin: 10px auto; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
  border: none !important; }

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none !important;
  border: none !important;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block;
    outline: none !important;
    border: none !important; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.row {
  max-width: 100%; }
  .row::after {
    content: "";
    display: table;
    clear: both; }
  .row [class^="col-"] {
    float: left; }
    .row [class^="col-"]:not(:last-child) {
      margin-right: 1rem; }
      @media only screen and (max-width: 56.25em) {
        .row [class^="col-"]:not(:last-child) {
          margin-right: 0;
          margin-bottom: 0; } }
    @media only screen and (max-width: 56.25em) {
      .row [class^="col-"] {
        width: 100% !important; } }
  .row .col-1-of-2 {
    width: calc((100% - 1rem) / 2); }
  .row .col-1-of-3 {
    width: calc((100% - 2 * 1rem) / 3); }
  .row .col-2-of-3 {
    width: calc(2 * ((100% - 2 * 1rem) / 3) + 1rem); }
  .row .col-1-of-4 {
    width: calc((100% - 3 * 1rem) / 4); }
  .row .col-2-of-4 {
    width: calc(2 * ((100% - 3 * 1rem) / 4) + 1rem); }
  .row .col-3-of-4 {
    width: calc(3 * ((100% - 3 * 1rem) / 4) + 2 * 1rem); }
  .row .col-1-of-5 {
    width: calc((100% - 4 * 1rem) / 5); }
  .row .col-2-of-5 {
    width: calc(2 * ((100% - 4 * 1rem) / 5) + 1rem); }
  .row .col-3-of-5 {
    width: calc(3 * ((100% - 4 * 1rem) / 5) + 2 * 1rem); }
  .row .col-4-of-5 {
    width: calc(4 * ((100% - 4 * 1rem) / 5) + 3 * 1rem); }

.header .logo-area {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%); }
  @media only screen and (max-width: 56.25em) {
    .header .logo-area {
      position: relative;
      text-align: center;
      transform: none;
      top: auto;
      left: auto;
      margin-top: 10px; } }

#section-main {
  height: 100vh;
  overflow: hidden; }
  @media only screen and (max-width: 56.25em) {
    #section-main {
      height: auto; } }
  #section-main [class^="col-"] {
    height: 100%;
    position: relative; }

.logo-area {
  text-align: center; }
  .logo-area img {
    max-width: 350px;
    display: inline-block;
    border-bottom: 1px solid #ccc; }
  .logo-area p {
    color: #4d6d8b; }

/* WordPress Reset */
input,
textarea {
  width: 100%;
  color: #4d6d8b; }

input[type="submit"] {
  border: none;
  width: 100%;
  margin-top: 5px;
  background: #4d6d8b !important;
  color: #fff;
  text-align: center;
  cursor: pointer;
  padding: 3px 0;
  text-transform: uppercase;
  letter-spacing: 1px; }

ul {
  margin-left: 25px;
  list-style: square; }

label input,
label textarea {
  margin: 4px 0; }