@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,900;1,100&display=swap');
/* @import url(//db.onlinewebfonts.com/c/65eb0b91d10554ae4dbff7737a063714?family=Continua+Online+Trial); */
@import url("https://use.typekit.net/pmc8ccd.css");
@import url("https://use.typekit.net/ger8eou.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400&display=swap');
body{margin:0;padding:0; overflow-x:hidden;font-family: 'Raleway', sans-serif;}

/* HTML Elements */
ul, ol {margin: 0; padding:0;}
/* HTML Elements ends */

/* Selection Color */
::-moz-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-webkit-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-o-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::-ms-selection {background:#ac3e3e; color:#ffcc66; text-shadow:none;}
::selection {    background: #e2261d;
  color: #1b1515;
  text-shadow: none;}
/* Selection Color ends */

/* Typography CSS */
/* @font-face {font-family: "Continua Online Trial"; 
  src: url("//db.onlinewebfonts.com/t/65eb0b91d10554ae4dbff7737a063714.eot"); 
  src: url("//db.onlinewebfonts.com/t/65eb0b91d10554ae4dbff7737a063714.eot?#iefix") format("embedded-opentype"), 
  url("//db.onlinewebfonts.com/t/65eb0b91d10554ae4dbff7737a063714.woff2") format("woff2"), 
  url("//db.onlinewebfonts.com/t/65eb0b91d10554ae4dbff7737a063714.woff") format("woff"), 
  url("//db.onlinewebfonts.com/t/65eb0b91d10554ae4dbff7737a063714.ttf") format("truetype"), 
  url("//db.onlinewebfonts.com/t/65eb0b91d10554ae4dbff7737a063714.svg#Continua Online Trial") format("svg"); } */
@font-face
{
	font-family:'Continua'; 
    src:url(../fonts/ContinuaOnlineTrialRegular.ttf);
}
@font-face
{
	font-family:'Exo2.0-Bold'; 
    src:url(../fonts/Exo2.0-Bold.ttf);
}
@font-face {
    font-family: 'barkentina_1regular';
    src: url('../fonts/barkentina_1-webfont.eot');
    src: url('../fonts/barkentina_1-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/barkentina_1-webfont.woff2') format('woff2'), 
	url('../fonts/barkentina_1-webfont.woff') format('woff'), 
	url('../fonts/barkentina_1-webfont.ttf') format('truetype'), 
	url('../fonts/barkentina_1-webfont.svg#barkentina_1regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Typography CSS ends */

/* Global CSS */
.clear{clear:both;}
.no-padding{padding-right:0;padding-left:0;}
.no-paddingR{padding-right:0;}
.no-paddingL{padding-left:0;}

/* Some Padding Field Changes ( for below media queries written) */
.change-padding{padding-right:15px; padding-left:15px;}
.change-paddingR{padding-right:0px;}
.change-paddingL{padding-left:0px;}
.spl-padding{padding-right:0;padding-left:0;}
/* Some Padding Field Changes ends */
img{max-width:100%;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.change-padding{padding-right:0px; padding-left:0px;}
	.change-paddingR{padding-right:15px;}
	.change-paddingL{padding-left:15px;}
	.spl-padding{padding-right:15px;padding-left:15px;}
}
 .menu-pad
 {
  padding: 5px 37px !important;
 }
.texture1
{
  background: url(../images/texture1.jpg) 0px 0px fixed !important;
  background-size: cover;
 
}
.texture2
{
  background: url(../images/texture2.jpg) 0px 0px fixed !important;
  background-size: cover;
 
}


.bnr
{    justify-content: center;
flex-direction: column;}
.logospace{
  margin-top: 10rem;
  margin-bottom: 2rem;
}

  .line1
  {
    height: 28vh;
    width: 1px;
    background: #b06f68;
    margin: 0 auto;
  }
  h5
  {
    font-family: "Continua" !important; 
    color: #b06f68;
    letter-spacing: 5px;
    font-size: 1.1rem;
  }
  .bnr h5{
    padding: 33px 0px;
  }

  .arch{
    margin-top: 4rem;
}
.stuff h3 {
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 2.5rem;
  text-align: center;
  letter-spacing: 3px;
  height: 100vh;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 5rem;
}
/* Video Parallax Section*/
.ParallaxVideo{ 
  height: 110vh;
  padding-bottom: 50px;
  padding-top: 50px;
  background: #00000045;
}
.ParallaxVideo video{ 
    min-width: 100%;
    position: fixed;
	top:0;
	z-index: -9999;
}
.stuff h3  {
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 2.5rem;
  text-align: center;
  letter-spacing: 3px;
  height: 100vh;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 13rem;
}


/* Content Parallax Section*/
.ParallaxContent {
  background: url(../images/texture2.png)!important;
    background-size: cover;
    padding: 206px 0 100px;
    color: #FFF;
    margin-top: -106px;
    position: absolute;
    width: 100%;
} 
.ParallaxContent h3{
color:#FFF;	
text-align:center;
}

@media (min-width: 1200px)
{
.container {
    max-width: 1355px;
}
}
h1{
  font-family: "new-spirit", serif;
  font-weight: 600;
  letter-spacing: 3px;
  font-size: 3.1rem;
  color: #e5b9ab;
  line-height: 60px;
}
p
{
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: .8rem;
  color: #e5b9ab;
}
/* .ParallaxContent p
{
  padding: 60px 1px;
} */

.ParallaxContent h5 {
  font-family: "Continua" !important;
  color: #e5b9ab;
  letter-spacing: 4px;
  font-size: 1.1rem;
}
.middle381{
  text-align: center;
}
.btn381{
  display: inline-block;
  width: 35px;
  height: 35px;
  background: none;
  margin: 14px;
  border-radius: 50%;
  color: #e5b9ab;
  overflow: hidden;
  position: relative;
  border: 1px solid #e5b9ab;
}
.btn381 i{
  line-height: 45px;
  font-size: 21px;
  transition: 0.2s linear;
}
.btn381:hover i{
  transform: scale(1.3);
  color: #f1f1f1;
}
.btn381::before{
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background: #e5b9ab;
  transform: rotate(45deg);
  left: -110%;
  top: 90%;
}
.btn381:hover::before{
  animation: aaa 0.7s 1;
  top: -10%;
  left: -10%;
}
@keyframes aaa {
  0%{
    left: -110%;
    top: 90%;
  }50%{
    left: 10%;
    top: -30%;
  }100%{
    top: -10%;
    left: -10%;
  }
}
.wave1
{
  width: 100%;
  position: absolute;
  margin-top: -4px;
  z-index: 666;
}

@media only screen and (max-width: 767px) and (min-width: 300px)
{
  .ParallaxVideo {
    height: 62vh;
    padding-bottom: 50px;
    padding-top: 50px;
    background: #00000045;
}
.stuff {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* opacity: 0.8; */
  background: #00000045;
  width: 100%;
  height: 100%;
  padding: 100px 20px;
  display: flex;
}
.stuff h3  {
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 2rem;
  text-align: center;
  letter-spacing: 3px;
  height: auto;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 2rem;
}
.ParallaxVideo video {
  min-width: 431%;
  position: fixed;
  top: 0;
  z-index: -9999;
}
.texture1 {
  background: url(../images/texture1.jpg) 0px 0px fixed !important;
  background-size: cover;
  padding-bottom: 6rem;
  padding: 1px 20px;
}
.wave1 {
  width: 100%;
  position: absolute;
  margin-top: -2px;
}
.ParallaxVideo img
{width: 173px;}
.ParallaxContent p {
  padding: 3px 1px;
}
.ParallaxContent {
  background: url(../images/texture2.png)!important;
  background-size: cover;
  padding: 117px 20px;
  color: #FFF;
  margin-top: -124px;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px)
{
  .pr114 {
    padding-right: 0px !important;
}
.btn381 {
  margin: 6px;
}

  .stuff h3 {
    font-family: "new-spirit", serif;
    font-weight: 600;
    color: #f2d6ca;
    font-size: 2rem;
    text-align: center;
    letter-spacing: 3px;
    height: auto;
    display: flex;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 2rem;
    width: 100%;
}
.stuff
{
  height: 100%;
  display: flex;
}
.ParallaxVideo {
  height: 77vh;
  padding-bottom: 50px;
  padding-top: 50px;
  background: #00000045;
}
.ParallaxVideo img
{width: 173px;}
.ParallaxVideo video {
  min-width: 258%;
  position: fixed;
  top: 0;
  z-index: -9999;
}
.ParallaxContent {
  background: url(../images/texture2.png)!important;
  background-size: cover;
  padding: 135px 0;
  color: #FFF;
  margin-top: -106px;
}
.texture1 {
  background: url(../images/texture1.jpg) 0px 0px fixed !important;
  background-size: cover;
  padding-bottom: 8rem;
}
.wave1 {
  width: 100%;
  position: absolute;
  margin-top: -4px;
}
}
 
@media only screen and (max-width: 1300px) and (min-width: 992px)
{
  .logospace {
    margin-top: 7rem;
    margin-bottom: 2rem;
}
.wave1 {
  width: 100%;
  position: absolute;
  margin-top: -2px;
}
.ParallaxVideo video {
  min-width: 143%;
  position: fixed;
  top: 0;
  z-index: -9999;
}
.ParallaxVideo img
{width: 173px;}
.ParallaxVideo {
  height: 85vh;
  padding-bottom: 50px;
  padding-top: 50px;
  background: #00000045;
}
.stuff h3  {
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 3rem;
  text-align: center;
  letter-spacing: 3px;
  height: 100vh;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 5rem;
}
}

@media only screen and (max-width: 1500px) and (min-width: 1300px)
{
  .ParallaxVideo {
    height: 85vh;
    padding-bottom: 50px;
    padding-top: 50px;
    background: #00000045;
}
.stuff h3  {
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 3rem;
  text-align: center;
  letter-spacing: 3px;
  height: 100vh;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 5rem;
}
.ParallaxVideo video {
  min-width: 115%;
  position: fixed;
  top: 0;
  z-index: -9999;
}
}

/* @media only screen and (max-height: 1300px) and (min-height: 800px)
{
  .ParallaxVideo {
    height: 90vh;
    padding-bottom: 50px;
    padding-top: 50px;
    background: #00000045;
}
.stuff h3  {
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 3rem;
  text-align: center;
  letter-spacing: 3px;
  height: 77vh;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 5rem;
}
.ParallaxVideo video {
  min-width: 115%;
  position: fixed;
  top: 0;
  z-index: -9999;
}
} */


section {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 30ms linear;
}

.blur {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-filter: blur(5x);
  filter: blur(5px);
  opacity: 0;
}

.stuff {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*opacity: 0.8;*/
  background: #00000045;
  width: 100%;
}

 

 
.about {
  height: 100vh;
}
@media only screen and (max-width: 340px) and (min-width: 300px)
{
  .ParallaxContent h5 {
    font-family: "Continua" !important;
    color: #e5b9ab;
    letter-spacing: 4px;
    font-size: .7rem;
}
}
@media only screen and (max-width: 412px) and (min-width: 341px)
{
  .ParallaxContent h5 {
    font-family: "Continua" !important;
    color: #e5b9ab;
    letter-spacing: 4px;
    font-size: .8rem;
}
}



#menu {
  display : block;
  position : absolute;
  right : 100px;
  top: 15px;
}
#menu nav {
  position : absolute;
  overflow:hidden;
  right: -35px;
  top : 50px;
  width: 215px;

}
#menu ul {
  list-style : none;
  overflow : hidden;
  margin : 0;
  padding : 0;
  transform : translateX(180px);
  border-radius : 5px 0 0 5px;
  transition : 0.5s;
  opacity : 0;
  transition : 0.5s;
}
#menu ul svg{
  width: 17px;
  fill: #b06f68;
}
.svg-space
{
  width: 30px;
  height: 30px;
  background: none;
  border-radius: 50%;
  display: inline-block;
  line-height: 23px;
  text-align: center;
  padding: 4px;
  border: 1px solid #b06f68;
}

#menu li {
  display : block;
text-align: end;
  color : #000;
}
#menu li:hover {
  
}
#menu li a {
  display : block;
  text-decoration : none;
  color : #b06f68;
  padding: 10px 5px 10px 10px;
  width : 100%;
  font-family: 'Continua';
  text-transform: uppercase;
  letter-spacing: 2px;
}

#menu input[type="checkbox"] {
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  cursor : pointer;
}

#menu input {
  display: block;
  width: 35px;
  height: 30px;
  position: absolute;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  top : 2px;
  -webkit-touch-callout: none;
}

#button-burger {
  display : block;
  width: 33px;
  height: 2px;
  position: absolute;  
  background: #b06f68;
  border-radius: 3px;
  z-index: 1;
  top : 20px;
  transition : width 0.3s, background-color 0.3s;
}

#button-burger::before {
  content : "";
  display : block;
  width: 33px;
  height: 2px;
  position: relative;  
  background: #b06f68;
  border-radius: 3px;
  z-index: 1;
  top : -11px;
  transition : 0.3s;
}

#button-burger::after {
  content : "";
  display : block;
  width: 33px;
  height: 2px;
  position: relative;  
  background:#b06f68;
  border-radius: 3px;
  z-index: 1;
  top : 9px;
  transition : 0.3s;
}

#menu input:checked + #button-burger {
  background-color : #b06f68;
  width : 0;
  transition : width 0.3s 0.1s, background-color 0.3s;
}
#menu input:checked + #button-burger:before {
  transform : translatey(12px) rotate(43deg);
}
#menu input:checked + #button-burger:after {
  transform : translatey(-11px) rotate(-45deg);
}

#menu input:checked ~ nav ul {
  transform : none;
  opacity : 1;
  transition : transform 0.5s;
}

.arch-text1

{
  position: absolute;
  z-index: 666666;
  right: 39%;
  bottom: -48%;
  top: 141%;
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 3rem;
  text-align: center;

  height: 100vh;
}
.arch-text {
  /* position: absolute; */
  /* z-index: 666666; */
  /* right: 39%; */
  bottom: -48%;
  /* top: 141%; */
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 3rem;
  text-align: center;

  /* height: 100vh; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30pc;
}
.arch-text-space
{
  position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
   

   
}

.line2 {
  height: 16vh;
  width: 1px;
  background: #b06f68;
  margin: 0 auto;
}

.r-btn{
  border: 1px solid #b06f68;
  /* border: none; */
  background: none;
  color: #b06f68;
  padding: 5px 11px;
  margin-top: 30px;
  border-radius: 7px;
  position: relative;
  z-index: 66666666;
  font-family: 'Continua';
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 2px;
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 15px;
  cursor: pointer;
}
.r-btn:hover{

  border: 1px solid #b06f68;
  /* border: none; */
  background: #A06E66;
  color: #BD897F;
  padding: 5px 11px;
  margin-top: 30px;
  border-radius: 7px;
  position: relative;
  z-index: 66666666;
  font-family: 'Continua';
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 2px;
  margin-bottom: 20px;

 
}
.social-text
{
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 70px;
}

.btn381 svg {
  line-height: 45px;
  font-size: 21px;
  transition: 0.2s linear;
  fill: #e5b9ab;
  width: 17px;
  margin-top: 7px;
}

.btn381:hover svg{
  transform: scale(1.3);
  fill: #f1f1f1;
}
.social-text p{
  font-size: 13px;
  font-family: 'Continua';
}
.social-text a{
  text-decoration: none;
}
.br
{
  border-right: 1px solid #e5b9ab;
}
.br1
{
  border-right: 1px solid #e5b9ab;
}
@media only screen and (max-width: 767px) and (min-width: 300px)
{

  .social-text {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-top: 0px !important;
}

  .btn381 svg {
    line-height: 45px;
    font-size: 21px;
    transition: 0.2s linear;
    fill: #e5b9ab;
    width: 19px;
    margin-top: 3px;
}
.btn381 {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: none;
  margin: 9px;
  border-radius: 50%;
  color: #e5b9ab;
  overflow: hidden;
  position: relative;
  border: 1px solid #e5b9ab;
}
.social-text {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 0;
}
.social-text p {
  font-size: 13px;
}
.ParallaxContent {
  background-size: cover !important;
}
#menu ul {
  background: #e8b8aad6;
}
.br1
{
  border-right: none;
}
.logospace {
  margin-top: 6rem;
  margin-bottom: 1rem;
}
.line1 {
  height: 20vh;
  width: 1px;
  background: #b06f68;
  margin: 0 auto;
}
/* .arch-text {
  position: absolute;
  z-index: 666666;
  right: 16%;
  bottom: -54%;
  top: 100%;
  font-family: "new-spirit", serif;
  font-weight: 600;
  color: #f2d6ca;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 3px;
  height: 100vh;
} */
.arch-text {
  font-size: 1.5rem;
  margin-top: 22pc;
}
.arch {
  margin-top: 2rem;
}
h1 {
  font-family: "new-spirit", serif;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 2rem;
  color: #e5b9ab;
  line-height: 36px;
}
}

.h-line

{
  background: #e5b9ab;
  height: 1px;
  width: 100px;
  margin: 40px 0px 24px;
}


@media only screen and (max-width: 552px) and (min-width: 300px)
{
.top23
{    margin-top: 23px;}
.r-btn {
  border: 1px solid #b06f68;
  /* border: none; */
  background: none;
  color: #b06f68;
  padding: 5px 11px;
  margin-top: 6px;
  border-radius: 7px;
  position: relative;
  z-index: 66666666;
  font-family: 'Continua';
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 2px;
  margin-bottom: 20px;
  margin-right: 15px;
  margin-left: 15px;
  cursor: pointer;
}
}