﻿@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  src: url('Montserrat-Light.ttf');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: bold;
  src: url('Montserrat-Bold.ttf');
}

@font-face {
  font-family: 'MontserratSemibold';
  font-style: normal;
  src: url('Montserrat-SemiBold.ttf');
}

@font-face {
  font-family: 'PlayfairDisplay';
  font-style: normal;
  src: url('PlayfairDisplay-Regular.ttf');
}

@font-face {
  font-family: 'PlayfairDisplay';
  font-weight: bold;
  src: url('PlayfairDisplay-Bold.ttf');
}

html {
	height:100%;
}

body
{
	background-color:#dad5c2;
	margin: 0px;
    font-family: 'Montserrat', sans-serif!important;
    line-height:24px;
	height:100%;
	text-align:center;
	padding:0px;
}

input:focus,
select:focus,
textarea:focus,

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5a5a5a;
  opacity: 1; /* Firefox */
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

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

/* Handle */
::-webkit-scrollbar-thumb {
  background: #372817; 
}

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

option {
	font-size:24px;
}

button:focus, button:active {
    outline: none !important;
}

button {
	font-family: 'OpenSans'!important;
	cursor:pointer;
	width:147px;
	height:55px;
	border-radius:10px!important;
	border:none;
	color:#eee2d5;
	background-color:#372817;
}

a
{
border:none;
text-decoration:none;
color:inherit;
}

a:hover {
	text-decoration:underline;
	color:inherit;
}

p {
	margin:0;
	font-size:25px;
	line-height:35px;
}

img
{
	border:none;
}

sub, sup {
    position: initial!important;
}

hr {
	height:1px;
	border: none;
    height: 1px;
    color: #858483; /* old IE */
    background-color: #858483; /* Modern Browsers */
	margin-bottom:40px;
	margin-top:10px;
}

select {
	width:100%;
	height:62px;
	border:0;
	border-radius:10px;
	font-size:24px;
	font-family:OpenSans;
}

h1 {
	font-size:65px;
	line-height:90px;
	font-family:PlayfairDisplay;
	font-weight:normal;
	padding-bottom:30px;
	margin:0px;
}

h2 {
	font-size:65px;
	line-height:90px;
	font-family:PlayfairDisplay;
	font-weight:normal;
	padding-bottom:30px;
}


p {
	padding-bottom:30px;
}
 
.mainContainer {
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
}

.link {
	cursor:pointer;
}

.link:hover {
	text-decoration:underline;
	color:inherit;
}

.backMenu {
	position:fixed;
	top:30px;
	left:30px;
	color:#000000;
	cursor:pointer;
}

.backMenu img {
	height:40px;
}

.videoPlayer {
	width:560px;
	height:315px;
}

/*** TOP BAR / MENU ***/

.topBar {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background-color:#ffffff;
	padding-bottom:13px;
}

.menuMobile {
	display:none;
}

.menuMobileItems {
	display:none;
}

.menuBar {
	display:table;
	width:100%;
	padding-top:20px;
	padding-bottom:10px;
}

.topLogo {
	display:table-cell;
	width:30%;
	text-align:left;
	padding-left:100px;
}

.topLogo img {
	width:100px;
}

.menu {
	display:table-cell;
	width:70%;
	color:#000000;
	font-family:MontserratSemibold;
	font-size:19px;
	padding-right:100px;
	text-align:right;
	vertical-align:middle;
}

.menu ul {
	list-style-type: none;
}

.menu ul li {
	display:inline;
	text-transform:uppercase;
	margin:0 20px;
	cursor:pointer;
}

.pageHome {
	background-color:#dad5c2;
	height:100vh;
	background-image: url(../img/home.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}


.pageGeneric {
	height:calc(100vh - 108px);
	padding-top:108px;
}

.pageGenericContainer {
	display:table;
}

.pageGenericColumn1 {
	display:table-cell;
	vertical-align:top;
	text-align:left;
	box-sizing:border-box;
	padding:20px;
	font-size:18px;
	line-height:22px;
	width:100%;
}

.pageGenericColumn2 {
	display:table-cell;
	vertical-align:top;
}

.pageGenericColumn2 img {
	display:block;
	height:calc(100vh - 108px);
}

.homeBlock {
	display:inline-block;
	padding-bottom:20px;
}