@charset "utf-8";
/* CSS Document */


/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/*CSS RESET*/


/*  font-family: "Montserrat", serif;*/


body
{
margin: -1px;
background-color:#fff;
}


#mainBG {
    width: 100%;
    height: auto;
    background-color: #000;
    background-image: url(images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#mainBG2 {
    width: 100%;
    height: auto;
    background-color: #000;
    background-image: url(images/pod.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


/*nav start*/


.container-menu33 {
    width: 100%;
    margin: 2% 0% 0% 0%;
}


.main-menu3 {
    display: block;
    position: absolute;
    top: 16%;
    right: 8%;
    width: 67%;
    z-index: 99999;
}



#social {
    display: block;
    position: absolute;
    top: 35%;
    right: 4%;
    width: 5%;
    height: 3vw;
    z-index: 99999;
    /* background-color: #cccccc26; */
    /* font-size: 1.2vw; */
}


div#social i {
    color: #f4f4f4;
    font-weight: 500;
    font-size: 1.2vw;
    margin: 12% 9% 0% 9%;
}



.main-menu {
    display: block;
    position: relative;
    float: right;
    width: 53%;
}


.main-menu:before,.main-menu:after{
  display: table;
  line-height: 0;
  content: "";
}

.core-menu {
    text-align: center;
   font-family: "Montserrat", serif;
    font-size: 1.05vw;
    overflow: hidden;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    /* text-transform: uppercase; */
    width: 100%;
}

.core-menu li {
  list-style:none;
  display:inline-block;
  cursor:pointer;
}
.core-menu li a {
    display: inline-block;
    padding: 1.1vw 1.1vw 0.2vw 1.1vw;
    text-decoration: none;
    color: #f4f4f4;
}

li#faux {
    background-color: #d4b560;
    padding: 0vw 0vw 1vw 0vw;
    border-radius: 15px;
    font-weight: 700;
}


.core-menu li#faux a:hover {
/*   background-color: #d5c4b0;*/
/*    border-radius: 7px;*/
    color: #000;
    border-bottom: 0px solid #d5c4b0;
  
    
}

.core-menu li a:hover {
/*   background-color: #d5c4b0;*/
/*    border-radius: 7px;*/
    color: #d5b560;
    border-bottom: 1px solid #d5c4b0;
  
    
}
li span.toggle {
  padding-left: 0.3vw;
}
.toggle:before {
  content:"+";
  
}
.dropdown {
  position:absolute;
  width:230px;
  background:#1a1a1a;
  text-align:left;
  display:none;
}
.dropdown li {
  display:block;
  }
.dropdown li a {
  display:block;
  color:#FFF;
}
.dropdown2 {
  position:absolute;
  width:230px;
  background:#2d2d2d;
  text-align:left;
  display:none;
  right:-100%;
  top:0;
}
.dropdown2 li {
  display:block;
  }
.dropdown2 li a {
  display:block;
}
li span.toggle2 {
  position:absolute;
  right:0;
  margin-right:20px;
}
.toggle2:before {
  content:"-";
  
}
.hamburger-menu {
  padding:1em;
  display:none;
  font:normal normal normal 16px/1 Roboto;
  text-transform:uppercase;
}



#blogA a:link {
    width: 100%;
    height: 100%;
    position: absolute;
}

#blogA a:visited {
    width: 100%;
    height: 100%;
    position: absolute;
}

#blogA a:active {
    width: 100%;
    height: 100%;
    position: absolute;
}


#blogA a:hover {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color:#00000061 !important;
}


/*nav end*/

#header {
    width: 100%;
    height: 10vw;
    /* background-color: #cccccc21; */
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99999;
}

#header2{
    width: 100%;
    height: 10vw;
    /* background-color: #cccccc21; */
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99999;
    background-image: url('images/head.png');
    background-size: cover;
    background-color: #000;
    border-bottom: 1px solid #d5b560;
}


#header2-buff{
    width: 100%;
    height: 10vw;
}



#logo {
    position: absolute;
    top: 28%;
    left: 4%;
    width: 13%;
    height: auto;
    z-index: 9999999999;
}


#logo img {
	width:100%;
	height: auto;
}


#row1 {
    width: 100%;
    height: auto;
    padding-top: 13vw;
    position:relative;
}


#row1-l {
width: 50%;
height: 27vw;
float: left;
position: relative;
}

#row1-l img {
    position: absolute;
    top: 0%;
    right: 4%;
    width: 75%;
    height: auto;
    border-radius: 15px;
    border: 5px solid #d5b560;
}




#row1-r {
width: 50%;
height: 27vw;
float: left;
/*background-color: #cccccc21;*/

}


#row1-r h1 {
    font-family: "Montserrat", serif;
    font-size: 2.25vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 800;
    margin: 0% 25% 2% 13%;
}

#row1-r p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 0% 18% 0% 13%;
}

#button10 {
    margin: 3% 0% 0% 44%;
}

div#fade {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #00000075;
}


#row20 {
    width: 100%;
    height: auto;
    background-color: #f2f4f4;
    padding-bottom: 5vw;
    padding-top: 5vw;
}

#row20 iframe {
    width: 50%;
    height: 30vw;
    margin: 0% 0% 0% 25%;
    border-radius: 20px;
    border: 5px solid #d5b560;
}



#back-head {
    width: 62%;
    height: 27vw;
    /* float: left; */
    /* background-color: #cccccc21; */
    margin: 0 auto;
}


#back-head h1 {
    font-family: "Montserrat", serif;
    font-size: 2.25vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 800;
    margin: 0% 0% 2% 0%;
    text-align: center;
}

#back-head p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 0% 0% 0% 0%;
        text-align: center;
}






#back-headX {
    width: 62%;
    height: 27vw;
    /* float: left; */
    /* background-color: #cccccc21; */
    margin: 0 auto;
}


#back-headX h1 {
    font-family: "Montserrat", serif;
    font-size: 2.25vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 800;
    margin: 0% 0% 2% 0%;
    text-align: center;
}

#back-headX p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 0% 0% 0% 0%;
        text-align: center;
}



#row2 {
    width: 100%;
    height: 10vw;
    background-color: #f2f4f4;
    padding-bottom: 5vw;
    padding-top: 5vw;
}


#row2 img {
    width: 66%;
    height: auto;
    margin-left: 17%;
}

#row2 h2 {
    font-family: "Montserrat", serif;
    font-size: 2vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 3% 0% 4% 0%;
    text-align: center;
}


#row2-mid {
    width: 82%;
    height: 23vw;
    margin: 0 auto;
    display: none;
}


#row2-mid1 {
    width: 14%;
    height: 23vw;
    float: left;
    background-color: #fff;
    padding: 0% 2% 0% 2%;
    position: relative;
    text-align: center;
    border-radius: 15px;
    margin: 0% 1% 0% 1%;
}

div#row2-mid1 i {
    margin: 2vw 0vw 1vw 0vw;
    font-size: 2vw;
    color: #d4b560;
}


#row2-mid1 h3 {
    font-family: "Montserrat", serif;
    font-size: 1.25vw;
    color: #2c2c2c;
    /* -webkit-font-smoothing: antialiased; */
    line-height: 1.75vw;
    font-weight: 600;
    padding: 0% 0% 0% 0%;
    text-align: center;
}


#row2-mid1 p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 13% 0% 0% 0%;
    text-align: center;
}



#row3 {
 width: 100%;
    height: auto;
    background-image: url(images/cuddle.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


#row3-l {
width: 50%;
height: 38vw;
float: left;
position: relative;
}


#row3-l h3 {
    font-family: "Montserrat", serif;
    font-size: 2.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 14% 0% 0% 23%;
    text-align: left;
}

#row3-l p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 3% 10% 0% 23%;
    text-align: left;
}


#row3-r {
width: 50%;
height: 38vw;
float: left;


}

#row3-r h3 {
    font-family: "Montserrat", serif;
    font-size: 2.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 14% 0% 0% 19%;
    text-align: left;
}







#row333 {
 width: 100%;
    height: auto;
    background-image: url(images/cuddle.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


#row333-l {
width: 50%;
height: 38vw;
float: left;
position: relative;
}


#row333-l h3 {
    font-family: "Montserrat", serif;
    font-size: 2.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 14% 0% 0% 23%;
    text-align: left;
}

#row333-l p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 3% 10% 0% 23%;
    text-align: left;
}


#row333-r {
width: 50%;
height: 38vw;
float: left;


}


#row333-r img {
    width: 75%;
    height: auto;
    margin: 8% 0% 0% 6%;
}


#row333-r h3 {
    font-family: "Montserrat", serif;
    font-size: 2.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 14% 0% 0% 19%;
    text-align: left;
}








#blogBox {
    width: 58%;
    height: 19vw;
    background-color: #f4f4f4;
    margin: 4% 0% 0% 19%;
    border-radius: 15px;
}


#blog1 {
    width: 100%;
    height: 5vw;
    /* border-bottom: 1px solid #000; */
    padding-top: 4%;
}


#blog1 img {
    width: auto;
    height: 95%;
    margin: 0% 0% 0% 3%;
    border-radius: 16px;
    float: left;
}


#blog1 p {
    font-family: "Montserrat", serif;
    font-size: 0.9vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2vw;
    font-weight: 500;
    margin: 0% 5% 0% 23%;
    text-align: left;
    /* float: left; */
}

#blog1 h6 {
    font-family: "Montserrat", serif;
    font-size: 0.8vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2vw;
    font-weight: 800;
    margin: 0% 5% 0% 23%;
    text-align: left;
    /* float: left; */
}



#row4 {
    width: 100%;
    height: auto;
    background-color: #cccccc21;
}




#row4-l {
width: 50%;
height: 32vw;
float: left;
position: relative;
}


#row4-l h3 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 8% 0% 0% 23%;
    text-align: left;
}


#row4-l p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 3% 10% 0% 23%;
    text-align: left;
}


#x1 {
    width: 60%;
    height: 32vw;
    float: left;
    position: relative;
}


#x1 h3 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 6% 0% 0% 19%;
    text-align: left;
}


#x1 h4 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 2% 0% 0% 19%;
    text-align: left;
}



#x1 p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 1% 10% 2% 19%;
    text-align: left;
}


#x1 li {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    background-color: #d4b560;
    display: inline-block;
    padding: 1%;
    margin: 0% 0% 1% 0%;
    border-radius: 11px;
    font-weight: 600;
}


#x1 ul {
    width: 76%;
    height: auto;
/*    background-color: #F00;*/
    margin: 2% 0% 0% 19%;
}













#x10 {
    width: 60%;
    height: 32vw;
    float: left;
    position: relative;
}


#x10 h3 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 6% 0% 0% 19%;
    text-align: left;
}


#x10 h4 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 2% 0% 0% 19%;
    text-align: left;
}



#x10 p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 1% 10% 2% 19%;
    text-align: left;
}


#x10 li {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    background-color: #d4b560;
    display: inline-block;
    padding: 1%;
    margin: 0% 0% 1% 0%;
    border-radius: 11px;
    font-weight: 600;
}


#x10 ul {
    width: 76%;
    height: auto;
/*    background-color: #F00;*/
    margin: 2% 0% 0% 19%;
}













#row4-r {
width: 50%;
height: 32vw;
float: left;


}

#row4-r iframe {
    width: 77%;
    margin-top: 8%;
    border-radius: 15px;
    border: 5px solid #d5b560;
}

#row4-r img {
    width: 77%;
    height: auto;
    margin-top: 8%;
    border-radius: 15px;
    border: 5px solid #d5b560;
}


#what {
    width: 100%;
    height: 38vw;
    background-image: url(images/what.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}



#row44-r {
width: 50%;
height: 32vw;
float: left;


}


#row44-r img {
    width: 77%;
    height: auto;
    margin: 3% 0% 0% 9%;
}

#row66-r {
width: 50%;
height: 32vw;
float: left;


}


#row66-r img {
    width: 88%;
    height: auto;
    margin: 10% 0% 0% 0%;
}



#row4b {
    width: 100%;
    height: auto;
    background-color: #cccccc57;
}




#row4b-r {
width: 50%;
height: 32vw;
float: left;
position: relative;
}


#row4b-r h3 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 8% 0% 0% 11%;
    text-align: left;
}


#row4b-r p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 3% 20% 0% 11%;
    text-align: left;
}


#row4b-l {
width: 50%;
height: 32vw;
float: left;
position: relative;

}

#row4b-l iframe {
    width: 77%;
    margin-top: 8%;
    border-radius: 15px;
    border: 5px solid #d5b560;
    float: right;
}



#row4b-l img {
    width: 77%;
    height: auto;
    margin: 13% 0% 0% 12%;
    border-radius: 15px;
    border: 5px solid #d5b560;
}








/*button start*/


.btn {
    color: #FFF;
    font-size: 1vw;
    padding: 1vw;
    border-radius: 10px;
 
    font-family: "Montserrat", serif;
    font-weight: 500;
    text-decoration: none;
    float: left;
}

.btn1 {
  background-color: #d5b560;
  transition: 0.5s ease-in-out
}




.btn1:hover {
  box-shadow: 0px 0px 0px 2.5px #fff, 0px 0px 0px 5px #d5b560, 0px 0px 0px 10px white, 0px 0px 0px 10.5px #d5b560;
  background: white;
  color: #f1c40f;
  text-decoration: none;
}


#button1 {
	   margin: 3% 0% 0% 37%;
}


#button2 {
    /* position: absolute; */
    /* bottom: 6%; */
    /* left: 49%; */
    margin: 5% 0% 0% 47%;
}

#button3 {
    /* position: absolute; */
    /* bottom: 6%; */
    /* left: 49%; */
    margin: 5% 0% 0% 37%;
}




/*button end*/






#row5 {
    width: 100%;
    height: 24vw;
    background-color: #d5b560;
}


#row5 h3 {
    font-family: "Montserrat", serif;
    font-size: 2.5vw;
    color: #f9f9f9;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 3% 0% 0% 0%;
    text-align: center;
}

#row5 p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #f9f9f9;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 500;
    margin: 1% 0% 0% 0%;
   text-align: center;
}



#footer {

width:100%;
height:10vw;
background-color: #2c2c2c;
position: relative;
}



#footer p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #f9f9f9;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 500;
    padding: 4% 0% 0% 12%;
    text-align: left;
}



#social2 {
    display: block;
    position: absolute;
    top: 35%;
    right: 4%;
    width: 7%;
    height: 3vw;
    z-index: 99999;
    /* background-color: #cccccc26; */
    /* font-size: 1.2vw; */
}


#social2 i {
    color: #fff;
    font-weight: 500;
    font-size: 1.2vw;
    margin: 12% 9% 0% 9%;
}




/*carousel*/

#slide-holder {
    width:100%;
    height:33vw;
/*    background-color: #CCC;*/
    padding-top:5vw;
}


.slider-container {
    position: relative;
    width: 46vw;
    height: 22vw;
/*    overflow: hidden;*/
/*    border: 2px solid #333;*/
    background: white;
    text-align: center;
    padding: 20px;
    margin: 0 auto;

}


#slide-holder h2 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #000;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    padding: 0% 0% 3% 0%;
    text-align: center;
}

.slider-container h3 {
    font-family: "Montserrat", serif;
    color: #9b9898;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 600;
    font-size: 1.1vw;
    margin: 4% 0% 0% 0%;
    letter-spacing: 1px;
}

#stars {
    width: 23%;
    height:auto;
    margin: 0 auto;
}

#stars img {
    width: 100%;
}



#person {
    width: 12%;
    height:auto;
    margin: 0 auto;
}

#person img {
    width: 100%;
    height:auto;
}


.slider-container p {
    font-family: "Montserrat", serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 500;
    font-size: 1.1vw;
    font-style: italic;
    margin: 0% 8% 0% 8%;
}



        .slide {
            display: none;
            font-size: 18px;
        }
        .active {
            display: block;
        }
     .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    width: 3vw;
    height: 3vw;
        border: 2px solid #d4b560;
}
        .prev {
            left: -12vw;
        }
        .next {
            right: -12vw;
        }




#blog-row1 {
    width: 80%;
    height: auto;
    padding: 0% 10% 2% 10%;
}



#blogA {
    width: 64%;
    height: 35vw;
    margin: 0% 0% 0% 0%;
    float: left;
    background-color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 4px solid #d5b55f;
    float:left;
}

    #blogA img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container completely */
    transform: translate(-50%, -50%); /* Centers the image */
  }



  #blogA-ol {

     width: 100%;
    height: 35vw;
 position: absolute;
    top: 0%;
    left: 0%;
background: linear-gradient(to top, black, transparent);

  }


#blogA-ol h2 {
    font-family: "Montserrat", serif;
    font-size: 1.8vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 2.5vw;
    font-weight: 800;
    margin: 0% 4% 0% 4%;
    text-align: left;

}


#blogA-ol h3 {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #d5b55f;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 500;
    margin: 0% 4% 0% 4%;
    text-align: left;

}


#blogB{
    width: 33%;
    height: 36vw;
    margin: 0% 0% 0% 0%;
    float: left;
/*    background-color: #000;*/

    position: relative;
    overflow: hidden;

    float:right;
}




#blogC {
    width: 98%;
    height: 16.5vw;
    margin: 0% 0% 0% 0%;
    float: left;
    background-color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 4px solid #d5b55f;
    float: left;
}


    #blogC img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container completely */
    transform: translate(-50%, -50%); /* Centers the image */
  }



  #blogC-ol {

     width: 100%;
    height: 17vw;
 position: absolute;
    top: 0%;
    left: 0%;
background: linear-gradient(to top, black, transparent);

  }


#blogC-ol h2 {
    font-family: "Montserrat", serif;
    font-size: 1.3vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 800;
    margin: 0% 5% 0% 5%;
    text-align: left;
}


#blogC-ol h3 {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #d5b55f;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 500;
    margin: 0% 5% 0% 5%;
    text-align: left;
}




#blogD {
    width: 98%;
    height: 16.5vw;
    margin: 5% 0% 0% 0%;
    float: left;
    background-color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 4px solid #d5b55f;
    float: left;
}


    #blogD img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container completely */
    transform: translate(-50%, -50%); /* Centers the image */
  }



  #blogD-ol {

     width: 100%;
    height: 17vw;
 position: absolute;
    top: 0%;
    left: 0%;
background: linear-gradient(to top, black, transparent);

  }


#blogD-ol h2 {
    font-family: "Montserrat", serif;
    font-size: 1.3vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 800;
    margin: 0% 5% 0% 5%;
    text-align: left;

}


#blogD-ol h3 {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #d5b55f;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 500;
    margin: 0% 5% 0% 5%;
    text-align: left;

}



#blog-row2 {
    width: 82%;
    height: auto;
    margin: 0 auto;
    padding: 0% 0% 2% 0%;
}



#blogE {
    width: 30.5%;
    height: 22.5vw;
    margin: 0% 1% 0% 1%;
    float: left;
    background-color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 4px solid #d5b55f;
    float: left;
}


    #blogE img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container completely */
    transform: translate(-50%, -50%); /* Centers the image */
  }



  #blogE-ol {

     width: 100%;
height: 22.5vw;
 position: absolute;
    top: 0%;
    left: 0%;
background: linear-gradient(to top, black, transparent);

  }


#blogE-ol h2 {
    font-family: "Montserrat", serif;
    font-size: 1.3vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 800;
    margin: 0% 5% 0% 5%;
    text-align: left;

}


#blogE-ol h3 {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #d5b55f;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 500;
    margin: 0% 5% 0% 5%;
    text-align: left;

}


#box1 {

    position: absolute;
    bottom: 3%;
    left: 0%;
    width:100%;
    height: auto;
/*    background-color: #F00;*/

}

#box {

    position: absolute;
    bottom: 7%;
    left: 0%;
    width:100%;
    height: auto;
/*    background-color: #F00;*/

}


#buttonRow {
    width: 82%;
    height: 10vw;
    margin: 0 auto;
    padding: 0% 0% 0% 0%;

/*    background-color:#111;*/
}



#buttonHolder {
    width: 82%;
    height: 38vw;
    margin: 0 auto;
    padding: 0% 0% 0% 0%;
    position: relative;
/*    background-color:#111;*/
}


#appScreen {
    position: absolute;
    top: -40%;
    left: 20.5%;
    width: 60%;
    height: auto;
}


#appScreen img {
width:100%;
height: auto;
}


#appButtons {
    position: absolute;
    bottom: 23%;
    left: 34%;
    width: 34%;
    height: 6vw;
    /* background-color: #F00; */
}


#buttonA {

    width: 50%;
    height: 6vw;
    float: left;
}


#buttonA img {
    width: 83%;
    height: auto;
    margin: 0% 0% 0% 9%;
}



#appButtons2 {
    /* position: absolute; */
    /* bottom: 23%; */
    /* left: 34%; */
    width: 45%;
    height: 6vw;
    /* background-color: #F00; */
    margin: 5% 0% 0% 23%;
}


#buttonA2 {

    width: 50%;
    height: 6vw;
    float: left;
}


#buttonA2 img {
    width: 83%;
    height: auto;
    margin: 0% 0% 0% 0%;
}


#what2 {
    width: 100%;
    height: 38vw;
    background-image: url(images/neck.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}




#buttonRow2 {
    width: 82%;
    height: 14vw;
    margin: 0 auto;
    padding: 0% 0% 0% 0%;
/*    background-color:#111;*/
}






#button50 {
    margin: 3% 0% 0% 42%;
    font-size: 1.2vw;
}



#theTitle {
width:100%;
height:14vw;
}


#theTitle h3 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 4% 0% 0% 0%;
    text-align: center;
}

#theTitle p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #3a3a3a;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 1% 10% 0% 10%;
    text-align: center;
}

#top-image {
    width: 100%;
    height: 40vw;
    /* background-color: #cfcdcd; */
    position: relative;
    overflow: hidden;
    margin: 0% 0% 0% 0%;
    /* border: 5px solid #d5b560; */
    /* border-radius: 15px; */
}

#top-image img {
    width: 100%;
    height: auto;
    position: absolute;
    top: -20%;
    left: 0%;
}


#post-holder {
    width: 72%;
    height: auto;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: -3%;
    position: relative;
    z-index: 9999;
    border-radius: 17px;
    box-shadow: 0 0 6px #adabab;
    margin-bottom: 5%;
    padding: 4%;
}


#post-holder-l {
    width: 70%;
    height: auto;
    float: left;
}

#post-holder-r {
    width: 19%;
    height: auto;
    margin-left: 11%;
    float: left;
    /* background-color: #ccc; */
}




#post-holder-l h3 {
    font-family: "Montserrat", serif;
    font-size: 2vw;
    color: #aa8a30;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 0% 0% 3% 0%;
    text-align: left;
}


#post-holder-l p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 0% 0% 0% 0%;
}



#post-holder-r h3 {
    font-family: "Montserrat", serif;
    font-size: 1vw;
    color: #ab8a31;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 600;
    margin: 0% 0% 0% 0%;
    text-align: center;
}


#post-holder-r h4 {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #706f6f;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 0% 0% 0% 0%;
   text-align: center;
}



#post-holder-r img {
    width: 64%;
    height: auto;
    margin: 0% 0% 0% 19%;
    opacity: 0.4;
}





#pod-row {
    width: 81.5%;
    height: auto;
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 1%;
}


#one-pod {
    width: 32%;
    height: 17vw;
    float: left;
    margin: 0% 0.5% 1% 0.5%;
    background-color: #ccc;
    border-radius: 15px;
}

#row30 {
    width: 100%;
    height: 42vw;
    background-image: url(images/cuddle.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}




#row30-l {
width: 50%;
height: 42vw;
float: left;
position: relative;
}


#row30-l h3 {
    font-family: "Montserrat", serif;
    font-size: 1.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 16% 0% 0% 23%;
    text-align: left;
}


#row30-l p {
    font-family: "Montserrat", serif;
    font-size: 1.1vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 3% 10% 0% 23%;
    text-align: left;
}

#row30-r {
width: 50%;
height: 42vw;
float: left;


}



#row30-r img {
    width: 77%;
    height: auto;
    margin-top: 16%;
    border-radius: 15px;
    border: 5px solid #d5b560;
}















































































































































































































@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 767px)  
{


#post-holder-r h3 {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #ab8a31;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 600;
    margin: 2% 0% 0% 0%;
    text-align: center;
}


#post-holder-r h4 {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #706f6f;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 400;
    margin: 3% 0% 3% 0%;
    text-align: center;
}




#post-holder-r img {
    width: 36%;
    height: auto;
    margin: 7% 0% 7% 32%;
    opacity: 0.4;
}



    #post-holder-l h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #aa8a30;
    -webkit-font-smoothing: antialiased;
    line-height: 5.5vw;
    font-weight: 700;
    padding: 0% 0% 3% 0%;
    text-align: left;
}


#post-holder-l p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 4.5vw;
    font-weight: 400;
    margin: 3% 0% 0% 0%;
}


#one-pod {
    width: 100%;
    height: 40vw;
    float: left;
    margin: 0% 0.5% 4% 0.5%;
    background-color: #ccc;
    border-radius: 15px;
}



#buttonRow2 {
    width: 92%;
    height: 30vw;
    margin: 0 auto;
    padding: 0% 0% 0% 0%;
    /* background-color: #111; */
}




#top-image {
    width: 100%;
    height: 70vw;
    /* background-color: #cfcdcd; */
    position: relative;
    overflow: hidden;
    margin: 0% 0% 0% 0%;
    /* border: 5px solid #d5b560; */
    /* border-radius: 15px; */
}


#post-holder {
    width: 85%;
    height: auto;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: -3%;
    position: relative;
    z-index: 9999;
    border-radius: 17px;
    box-shadow: 0 0 6px #adabab;
    margin-bottom: 5%;
    padding: 4%;
}


#post-holder-l {
    width: 100%;
    height: auto;
    float: left;
}

#post-holder-r {
    width: 100%;
    height: auto;
    margin-left: 0%;
    float: left;
    /* background-color: #ccc; */
}



#blog-row2 {
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 0% 0% 2% 0%;
}    

#theTitle h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 7% 0% 0% 0%;
    text-align: center;
}

#blogB {
    width: 100%;
    height: 118vw;
    margin: 5% 0% 0% 0%;
    float: left;
    /* background-color: #000; */
    position: relative;
    overflow: hidden;
    float: left;
}

#blogC {
    width: 99%;
    height: 55vw;
    margin: 0% 0% 0% 0%;
    float: left;
    background-color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 4px solid #d5b55f;
    float: left;
}

#blogC-ol {
    width: 100%;
    height: 55vw;
    position: absolute;
    top: 0%;
    left: 0%;
    background: linear-gradient(to top, black, transparent);
}

#theTitle p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #3a3a3a;
    -webkit-font-smoothing: antialiased;
    line-height: 4vw;
    font-weight: 400;
    margin: 4% 10% 0% 10%;
    text-align: center;
}


#blogE {
    width: 99%;
    height: 55vw;
    margin: 0% 0% 5% 0%;
    float: left;
    background-color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 4px solid #d5b55f;
    float: left;
}

#blogE-ol {
    width: 100%;
    height: 55vw;
    position: absolute;
    top: 0%;
    left: 0%;
    background: linear-gradient(to top, black, transparent);
}


#blogD {
    width: 99%;
    height: 55vw;
    margin: 5% 0% 0% 0%;
    float: left;
    background-color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 4px solid #d5b55f;
    float: left;
}

#blogD-ol {
    width: 100%;
    height: 55vw;
    position: absolute;
    top: 0%;
    left: 0%;
    background: linear-gradient(to top, black, transparent);
}


#box h2 {
    font-family: "Montserrat", serif;
    font-size: 4vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 4.5vw;
    font-weight: 800;
    margin: 0% 4% 0% 4%;
    text-align: left;
}

#box1 h2 {
    font-family: "Montserrat", serif;
    font-size: 4vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 4.5vw;
    font-weight: 800;
    margin: 0% 4% 0% 4%;
    text-align: left;
}

#box h3 {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #d5b55f;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 500;
    margin: 2% 4% 2% 4%;
    text-align: left;
}

#box1 h3 {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #d5b55f;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 500;
    margin: 2% 4% 2% 4%;
    text-align: left;
}


#blogA-ol {
    width: 100%;
    height: 55vw;
    position: absolute;
    top: 0%;
    left: 0%;
    background: linear-gradient(to top, black, transparent);
}

#blogA-ol h2 {
    font-family: "Montserrat", serif;
    font-size: 4vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 4.5vw;
    font-weight: 800;
    margin: 0% 4% 0% 4%;
    text-align: left;
}

#blogA-ol h3 {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #d5b55f;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 500;
    margin: 2% 4% 2% 4%;
    text-align: left;
}


#theTitle {
    width: 100%;
    height: 45vw;
}

#blogA {
    width: 100%;
    height: 55vw;
    margin: 0% 0% 0% 0%;
    float: left;
    background-color: #000;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    border: 4px solid #d5b55f;
    float: left;
}


#header2-buff {
    width: 100%;
    height: 25vw;
}

#header2 {
    width: 100%;
    height: 25vw;
    /* background-color: #cccccc21; */
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99999;
    background-image: url('images/head.png');
    background-size: cover;
    background-color: #000;
    border-bottom: 1px solid #d5b560;
}



.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 50%;
    width: 5vw;
    height: 5vw;
    border: 2px solid #d4b560;
}

#slide-holder h2 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #000;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    padding: 0% 0% 3% 0%;
    text-align: center;
}

#slide-holder {
    width: 100%;
    height: 100vw;
    /* background-color: #CCC; */
    padding-top: 5vw;
}    

.slider-container {
    position: relative;
    width: 67%;
    height: 85vw;
    /* overflow: hidden; */
    /* border: 2px solid #333; */
    background: white;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
}

.slider-container p {
    font-family: "Montserrat", serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    line-height: 3.5vw;
    font-weight: 500;
    font-size: 3.5vw;
    font-style: italic;
    margin: 5% 0% 0% 0%;
}


.slider-container h3 {
    font-family: "Montserrat", serif;
    color: #9b9898;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 600;
    font-size: 3vw;
    margin: 12% 0% 0% 0%;
    letter-spacing: 1px;
}


#person {
    width: 30%;
    height: auto;
    margin: 0 auto;
}


#stars {
    width: 40%;
    height: auto;
    margin: 0 auto;
}




#x1 h4 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 5.5vw;
    font-weight: 700;
    padding: 8% 10% 5% 10%;
    text-align: center;
}

#x1 p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 4vw;
    font-weight: 400;
    margin: 4% 10% 2% 10%;
    text-align: center;
}


#x1 h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 5.5vw;
    font-weight: 700;
    padding: 11% 10% 0% 10%;
    text-align: center;
}

#x1 ul {
    width: 80%;
    height: auto;
    /* background-color: #F00; */
    margin: 2% 0% 0% 10%;
}


#x1 li {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    background-color: #d4b560;
    display: inline-block;
    padding: 1%;
    margin: 0% 0% 1% 0%;
    border-radius: 11px;
    font-weight: 600;
}


    #x1 {
    width: 100%;
    height: 140vw;
    float: left;
    position: relative;
}














#x10 h4 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 5.5vw;
    font-weight: 700;
    padding: 8% 10% 5% 10%;
    text-align: center;
}

#x10 p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 4vw;
    font-weight: 400;
    margin: 4% 10% 2% 10%;
    text-align: center;
}


#x10 h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 5.5vw;
    font-weight: 700;
    padding: 11% 10% 0% 10%;
    text-align: center;
}

#x10 ul {
    width: 80%;
    height: auto;
    /* background-color: #F00; */
    margin: 2% 0% 0% 10%;
}


#x10 li {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    background-color: #d4b560;
    display: inline-block;
    padding: 1%;
    margin: 0% 0% 1% 0%;
    border-radius: 11px;
    font-weight: 600;
}


#x10 {
    width: 100%;
    height: 99vw;
    float: left;
    position: relative;
}

#what {
    width: 100%;
    height: 140vw;
    background-image: url(images/what.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: unset;
    background-position: center;
}


#button50 {
    margin: 3% 0% 0% 42%;
    font-size: 4vw;
}


#row20 iframe {
    width: 80%;
    height: 48vw;
    margin: 0% 0% 0% 10%;
    border-radius: 20px;
    border: 5px solid #d5b560;
}

#row44-r {
    width: 100%;
    height: 72vw;
    float: left;
}

#buttonRow {
    width: 82%;
    height: 30vw;
    margin: 0 auto;
    padding: 0% 0% 0% 0%;
    /* background-color: #111; */
}

#button50 {
    margin: 6% 0% 0% 26%;
    font-size: 4vw;
}


    #button10 {
    margin: 9% 0% 13% 33%;
}


#back-head {
    width: 80%;
    height: 27vw;
    /* float: left; */
    /* background-color: #cccccc21; */
    margin: 0 auto;
}

#back-head h1 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 5.75vw;
    font-weight: 800;
    margin: 0% 0% 2% 0%;
    text-align: center;
}



#back-head p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 4vw;
    font-weight: 600;
    margin: 6% 0% 0% 0%;
    text-align: center;
}

#what2 {
    width: 100%;
    height: 100vw;
    background-image: url(images/neck.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: unset;
    background-position: center;
}


#appScreen {
    position: absolute;
    top: -15%;
    left: 5%;
    width: 90%;
    height: auto;
}

#appButtons {
    position: absolute;
    bottom: 19%;
    left: 15%;
    width: 70%;
    height: 6vw;
    /* background-color: #F00; */
}

#row66-r {
    width: 100%;
    height: 65vw;
    float: left;
}


#row66-r img {
    width: 88%;
    height: auto;
    margin: 5% 0% 0% 6%;
}



#back-headX {
    width: 80%;
    height: 40vw;
    /* float: left; */
    /* background-color: #cccccc21; */
    margin: 0 auto;
}

#back-headX h1 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 5.75vw;
    font-weight: 800;
    margin: 0% 0% 2% 0%;
    text-align: center;
}



#back-headX p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 4vw;
    font-weight: 600;
    margin: 6% 0% 0% 0%;
    text-align: center;
}




#row3-l {
    width: 100%;
    height: 87vw;
    float: left;
    position: relative;
}

#row3-l h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 14% 0% 0% 0%;
    text-align: center;
}


#row3-l p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 4vw;
    font-weight: 400;
    margin: 7% 10% 0% 10%;
    text-align: center;
}


#row3-r {
    width: 100%;
    height: 100vw;
    float: left;
    position: relative;
}






#row30 {
    width: 100%;
    height: 149vw;
    background-image: url(images/cuddle.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


#row30-l {
    width: 100%;
    height: 87vw;
    float: left;
    position: relative;
}

#row30-l h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 14% 0% 0% 0%;
    text-align: center;
}


#row30-l p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 4vw;
    font-weight: 400;
    margin: 7% 10% 0% 10%;
    text-align: center;
}

#row30-r img {
    width: 78%;
    height: auto;
    margin-top: 0%;
    border-radius: 15px;
    border: 5px solid #d5b560;
    margin-left: 11%;
}

#row30-r {
    width: 100%;
    height: 58vw;
    float: left;
}


#blogBox {
    width: 80%;
    height: 60vw;
    background-color: #f4f4f4;
    margin: 4% 0% 0% 10%;
    border-radius: 15px;
}

#row5 {
    width: 100%;
    height: 47vw;
    background-color: #d5b560;
}


#blog1 {
    width: 100%;
    height: 16vw;
    /* border-bottom: 1px solid #000; */
    padding-top: 4%;
}

#social2 {
    display: block;
    position: absolute;
    top: 35%;
    left: 34%;
    width: 32%;
    height: auto;
    z-index: 99999;
    /* background-color: #cccccc26; */
    /* font-size: 1.2vw; */
}

#social2 i {
    color: #fff;
    font-weight: 500;
    font-size: 11.2vw;
    margin: 12% 9% 0% 9%;
}


#footer {
    width: 100%;
    height: 40vw;
    background-color: #2c2c2c;
    position: relative;
}

#footer p {
    font-family: "Montserrat", serif;
    font-size: 2vw;
    color: #f9f9f9;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5vw;
    font-weight: 500;
    padding: 8% 0% 0% 0%;
    text-align: center;
}

#row5 p {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #f9f9f9;
    -webkit-font-smoothing: antialiased;
    line-height: 3.5vw;
    font-weight: 500;
    margin: 1% 10% 0% 10%;
    text-align: center;
}

#row5 h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #f9f9f9;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 7% 0% 2% 0%;
    text-align: center;
}

#blog1 p {
    font-family: "Montserrat", serif;
    font-size: 3vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 3vw;
    font-weight: 500;
    margin: 0% 5% 0% 27%;
    text-align: left;
    /* float: left; */
}


#blog1 h6 {
    font-family: "Montserrat", serif;
    font-size: 2vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2vw;
    font-weight: 800;
    margin: 2% 5% 0% 27%;
    text-align: left;
    /* float: left; */
}









#row3-r h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 14% 0% 0% 0%;
    text-align: center;
}




#logo {
    position: absolute;
    top: 27%;
    left: 33%;
    width: 33%;
    height: auto;
}

#row1 {
    width: 100%;
    height: auto;
    padding-top: 25vw;
    position: relative;
}


    #header {
    width: 100%;
    height: 25vw;
    /* background-color: #cccccc21; */
    position: fixed;
    left: 0%;
    top: 0%;
    z-index: 99999;
}

#mainBG {
    width: 100%;
    height: auto;
    background-color: #000;
    background-image: url(images/bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#row1-l {
    width: 85%;
    height: 44vw;
    float: left;
    position: relative;
}


#row1-r {
    width: 100%;
    height: 85vw;
    float: left;
    /* background-color: #cccccc21; */
}


#row1-r h1 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 800;
    margin: 0% 10% 4% 10%;
    text-align: center;
    line-height: 5vw;
}

#row1-r p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    line-height: 4.5vw;
    font-weight: 600;
    margin: 0% 10% 0% 10%;
    text-align: center;
}


.btn {
    color: #FFF;
    font-size: 4vw;
    padding: 3vw;
    border-radius: 10px;
    font-family: "Montserrat", serif;
    font-weight: 500;
    text-decoration: none;
    float: left;
}


#button1 {
    margin: 9% 0% 0% 35%;
}


#row4-l {
    width: 100%;
    height: 80vw;
    float: left;
    position: relative;
}


#row4-r {
    width: 100%;
    height: 57vw;
    float: left;
}


#row4-l p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 3.75vw;
    font-weight: 400;
    margin: 3% 10% 0% 10%;
    text-align: center;
}


#row4-l h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 10% 0% 4% 0%;
    text-align: center;
}


#row4b-l img {
    width: 77%;
    height: auto;
    margin: 13% 0% 0% 10%;
    border-radius: 15px;
    border: 5px solid #d5b560;
}


#row4b-l {
    width: 100%;
    height: 60vw;
    float: left;
    position: relative;
}


#row4b-r {
    width: 100%;
    height: 80vw;
    float: left;
}


#row4b-r p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 3.75vw;
    font-weight: 400;
    margin: 3% 10% 0% 10%;
    text-align: center;
}


#row4b-r h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 10% 0% 4% 0%;
    text-align: center;
}




#button2 {
    /* position: absolute; */
    /* bottom: 6%; */
    /* left: 49%; */
    margin: 9% 0% 0% 35%;
}

#row4-r img {
    width: 77%;
    height: auto;
    margin: 0% 0% 0% 10%;
    border-radius: 15px;
    border: 5px solid #d5b560;
}





#buttonHolder {
    width: 82%;
    height: 68vw;
    margin: 0 auto;
    padding: 0% 0% 0% 0%;
    position: relative;
    /* background-color: #111; */
}











    #social {

display: none;

    }

.main-menu3 {
    display: block;
    position: relative;
    float: right;
    margin-top: 3vw;
    width: 100%;
    z-index: 99999;
    /* background-color: #000; */
    margin-right: -8vw;
}

.main-menu {
    height: 50px;
    margin-top: 2%;
    width: 100%;
}
  .container-menu {
    width:90%;
  }
  .navigation {
    float:left;
    display:block;
    width:100%;
    overflow: hidden;
  }


.core-menu {
    float: right;
    width: 100%;
    background: #000000;
    margin: auto;
    margin-right: auto;
    display: none;
    /* margin-right: 5%; */
    margin-top: 11vw;
}

  .core-menu li {
    width: 100%;
    display: block;
    font-size: 5vw;
}
  .core-menu li a{
    display:block;
    margin:auto;
    color:#fff;
    padding: 5.1vw;
  }
  .hamburger-menu {
    display:block;
    text-align:center;
    padding-right:60px;
    float:none;
    width:100%;
  }

.burger-1, .burger-2, .burger-3 {
    display: block;
    position: absolute;
    width: 50px;
    height: 8px;
    border-radius: 30px;
    right: 25px;
    margin-right: 25px;
    background: #fff;
    -webkit-transition: .2s ease;
    -ms-transition: .2s ease;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
/*    background-color: var(--green);*/
}

  .burger-1 {
  top:15px;
  }
  .burger-2 {
  top:30px;
  }
  .burger-3 {
  top:45px;
  }
  .burger-1.open, .burger-2.open, .burger-3.open {
  -webkit-transition:.2s ease;
  -ms-transition:.2s ease;
  -moz-transition:.2s ease;
  -o-transition:.2s ease;
    transition:.2s ease;
    transform-origin:50% 50%;
  }
  .burger-1.open {
    top:25px;
    width:23px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg); 
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg); 
    -o-transform:rotate(45deg); 
  }
  .burger-2.open {
    opacity:0;
  }
  .burger-3.open {
    top:25px;
    width:23px;
    transform:rotate(-45deg);
  }
  .dropdown {
    width:100%;
    background:#0e0e0e;
    text-align:center;
    position:relative;
  }
  .dropdown2 {
    right:0;
    top:0;
    width:100%;
    position:relative;
    padding:0 20px;
}









#row333-l {
    width: 100%;
    height: 87vw;
    float: left;
    position: relative;
}

#row333-l h3 {
    font-family: "Montserrat", serif;
    font-size: 5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 2.75vw;
    font-weight: 700;
    padding: 14% 0% 0% 0%;
    text-align: center;
}


#row333-l p {
    font-family: "Montserrat", serif;
    font-size: 3.5vw;
    color: #2c2c2c;
    -webkit-font-smoothing: antialiased;
    line-height: 4vw;
    font-weight: 400;
    margin: 7% 10% 0% 10%;
    text-align: center;
}


#row333-r {
    width: 100%;
    height: 100vw;
    float: left;
    position: relative;
}


#appButtons2 {
    /* position: absolute; */
    /* bottom: 23%; */
    /* left: 34%; */
    width: 60%;
    height: 6vw;
    /* background-color: #F00; */
    margin: 11% 0% 0% 22%;
}




#row333-r img {
    width: 75%;
    height: auto;
    margin: 18% 0% 0% 11%;
}




















}