:root {
    --bg: #363636;
    --text:#3E1E13;
    --link:#44000;
    --gray: #F5F5F6;
	--orange:#FF6720;
	--mt:1em;
	--font1:Montserrat;
	--font2:"Montserrat Alternates", sans-serif;
    --app-height:100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}


button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}


body{
	color: black;
	font-size: 16px;
	font-family: var(--font1);
	width:100%;
	height:100vh;
	overflow:hidden;
	margin: 0;
	padding: 0;
	font-optical-sizing: auto;
	line-height:1.4em;
	position: relative;
}


.container{
    padding: 0 4vw;
}
img{
	width:100%;
	height:auto;
}
.gray {
    background: var(--gray);
}
.white{
	background:#fff;
}
.grid-2{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:2em;
    width:100%;
}
.grid-3{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:2em;
    width:100%;
    position: relative;
}
.grid-4{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:2em;
    width:100%;
}
.grid-5{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:2em;
    width:100%;
}

.flex-b {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.flex-s {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-c {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-e {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flex-column{
	flex-direction:column;
}
.w100{width:100%;}
.no-margin{margin: 0!important;};
.mt-05{
    margin-top:calc(var(--mt) / 2);
}
.mt-1{
    margin-top:var(--mt);
}
.mt-2{
     margin-top:calc(var(--mt) * 2);
}
.mt-4{
     margin-top:calc(var(--mt) * 4);
}
.mb-05{
    margin-bottom:calc(var(--mt) / 2);
}
.mb-1{
    margin-bottom:var(--mt);
}
.mb-2{
     margin-bottom:calc(var(--mt) * 2);
}
.mb-4{
     margin-bottom:calc(var(--mt) * 4);
}

.pt-1{
    padding-top:var(--mt);
}
.pt-2{
     padding-top:calc(var(--mt) * 2);
}
.pt-4{
     padding-top:calc(var(--mt) * 4);
}
.pb-05{
    padding-bottom:calc(var(--mt) / 2);
}
.pb-1{
    padding-bottom:var(--mt);
}
.pb-2{
     padding-bottom:calc(var(--mt) * 2);
}
.pb-4{
     padding-bottom:calc(var(--mt) * 4);
}

.just-space-center{
    display: flex;
    justify-content:space-between;
    align-items:center;
    gap: var(--mt);
}
.just-space-streght{
    display: flex;
    justify-content:space-between;
    align-items:stretch;
    gap: var(--mt);
}
.just-top{
    display: flex;
    justify-content:start;
    align-items:start;
    gap: var(--mt);
}
.just-space-center>*,.just-top>*,.just-space-streght>*{
    flex:1;
}

.gap-05{
  gap: calc(var(--mt) / 2);
}
.gap-1{
  gap: var(--mt);
}
.gap-2{
  gap: calc(var(--mt) *2);
}

.w-100 {
    width: 100%;
}
.w-50 {
    width: calc(50% - 1rem);
    flex-shrink: 0;
}
.w-33 {
    width: calc(33% - 1rem);
    flex-shrink: 0
}
.w-40 {
    width: calc(40% - 1rem);
    flex-shrink: 0
}  

.pad-top {
    padding-top: 3rem;
}
.pad-bot {
    padding-bottom: 5rem;
} 


h1 {
	font-size: 6em;
	font-weight: 900;
	font-family: var(--font2);
	line-height: 1;
	margin: 0;
	color: var(--orange);
	text-transform: uppercase;
}
h1 span {
	font-size: 23px;
	font-weight: 700;
}

h2{
	text-transform: uppercase;
	padding: 0px 0 20px;
	line-height: 1.5em;
	font-size: 2.3em;
	font-weight: normal;
	font-family: var(--font2);
	margin: 0;
	padding: 0;
	text-align: right;
}
h3{
	/* padding: 0px 0 20px; */
	font-weight: 500;
}
.logo {
    width: 13vw;
    padding: 1em 0;
}
.logo img {
    width: 80%;
}

.tel a {
    font-size: 1.1em;
    padding: 0.75em 1em 0.75em 4em;
    background: #fff;
    border-radius: 50px;
    /* text-align: right; */
    font-family: var(--font2);
    text-decoration: none;
    display: block;
    white-space: nowrap;
}

header .tel:first-child a{
	    background: #fff url(/img/flag-a.jpg) no-repeat 10%/ 15%;
}
header .tel:last-child a{
	    background: #fff url(/img/flag-r.jpg) no-repeat 10%/ 15%;
}


blockquote {
    position: relative;
    width: 50%;
    color: #fff;
    border-radius:15px;
    border: 1px solid #ffffff9c;
    padding: 1em 2em;
    overflow: hidden;
    text-align: right;
    backdrop-filter: blur(20px);
    margin: 0;
}
blockquote:before {
	 content:'';
	 position:absolute;
	 inset:0;
	 width:100%;
	 height:100%;
	 /* background:#ffffff3d; */
}
blockquote>*{
	position:relative;
}
blockquote .q{
	margin:0;
	padding:0;
	display: block;
	height: 2em;
	background: url(/img/q.svg) no-repeat left/contain;
}
blockquote .q:last-child{
	background: url(/img/q.svg) no-repeat right/contain;
}
p.upper {
    font-size: 1.2em;
    text-transform: uppercase;
}

button {
    background: var(--orange);
    border: none;
    padding: 0.5em 2em;
    /* font-size: 40px; */
    border-radius: 80px;
    color: white;
    font-family: var(--font2);
    text-transform: uppercase;
}

header {
    background: url(../img/scr1.jpg) no-repeat center / cover;
    /* background-size: cover; */
    height: 100%;
}

.navbar {
  min-height: 30px;
  margin-bottom: 0px;
  position: inherit;
}
.nav > li > a {font-size: 0.8em;text-transform:uppercase;}
.nav > li > a:focus,.nav > li > a:hover {
  background: #edb47a;
  color: black;
}
.navbar-toggle {
    color: #fff;
    border: 1px solid;
    border-radius: 20px;
    margin: 0 auto;
    float: none;
    /* width: 30px; */
}

span.icon-bar {
    background: #fff;
}

.navbar-header {
    width: 100%;
    display: flex;
    margin-bottom: 5px;
}
a {
	color: black;
}
a:hover {
	color: var(--orange);
}

.warning {
    position: absolute;
    bottom: 0em;
    width: 100%;
    padding: 1em 3em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}
.warning {
    position: absolute;
    bottom: 0em;
    width: 100%;
    padding: 1em 3em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    backdrop-filter: blur(20px);
}

.chat-open {
    position: absolute;
    bottom: 3em;
    left: 3em;
	display:flex;
	align-items:center;
}
.chat-open .btn{
    background: url(/img/chat.svg) no-repeat left/contain;
    height: 5em;
    aspect-ratio:1;
    z-index: 1;
}
.chat-open span {
    color: #fff;
    text-transform: uppercase;
    border:1px solid #fff;
    border-radius:50px;
    padding: 0.5em 1em 0.5em 2em;
    margin-left: -1.5em;
    backdrop-filter: blur(10px);
}
.chat-body {
    position: absolute;
    bottom: 11em;
    left: 4vw;
    background: #fff;
    padding: 1em;
    border-radius: 15px;
    font-size: 0.8em;
    line-height: 1em;
    display: none;
    width: 20em;
    z-index: 5;
}
.chat-open:hover {
	cursor:pointer;
}
.chat-open.open .btn {
    background: url(/img/icons/close.svg) no-repeat left / contain;	
}
.chat-body.open{
	display:block;
}
.chat-open.open span{
	display:none;
}

.chat-item {
    font-size: 0.7em;
    line-height: 1em;
    text-decoration: none;
    text-align: center;
}

.chat-item img {
    width: 6em;
    padding: 1em;
}