@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Playfair+Display:wght@800&display=swap');
*,*::before,*::after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto }@media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1040px } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1040px } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)) } .row>* { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto>* { flex: 0 0 auto; width: auto } .row-cols-1>* { flex: 0 0 auto; width: 100% } .row-cols-2>* { flex: 0 0 auto; width: 50% } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-4>* { flex: 0 0 auto; width: 25% } .row-cols-5>* { flex: 0 0 auto; width: 20% } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } @media (min-width:576px) { .col-sm { flex: 1 0 0% } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto } .row-cols-sm-1>* { flex: 0 0 auto; width: 100% } .row-cols-sm-2>* { flex: 0 0 auto; width: 50% } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-sm-4>* { flex: 0 0 auto; width: 25% } .row-cols-sm-5>* { flex: 0 0 auto; width: 20% } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } } @media (min-width:768px) { .col-md { flex: 1 0 0% } .row-cols-md-auto>* { flex: 0 0 auto; width: auto } .row-cols-md-1>* { flex: 0 0 auto; width: 100% } .row-cols-md-2>* { flex: 0 0 auto; width: 50% } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-md-4>* { flex: 0 0 auto; width: 25% } .row-cols-md-5>* { flex: 0 0 auto; width: 20% } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } } @media (min-width:992px) { .col-lg { flex: 1 0 0% } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto } .row-cols-lg-1>* { flex: 0 0 auto; width: 100% } .row-cols-lg-2>* { flex: 0 0 auto; width: 50% } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-lg-4>* { flex: 0 0 auto; width: 25% } .row-cols-lg-5>* { flex: 0 0 auto; width: 20% } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } } @media (min-width:1200px) { .col-xl { flex: 1 0 0% } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } } @media (min-width:1400px) { .col-xxl { flex: 1 0 0% } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-grid { display: grid !important } .d-inline-grid { display: inline-grid !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: flex !important } .d-inline-flex { display: inline-flex !important } .d-none { display: none !important } .flex-fill { flex: 1 1 auto !important } .flex-row { flex-direction: row !important } .flex-column { flex-direction: column !important } .flex-row-reverse { flex-direction: row-reverse !important } .flex-column-reverse { flex-direction: column-reverse !important } .flex-grow-0 { flex-grow: 0 !important } .flex-grow-1 { flex-grow: 1 !important } .flex-shrink-0 { flex-shrink: 0 !important } .flex-shrink-1 { flex-shrink: 1 !important } .flex-wrap { flex-wrap: wrap !important } .flex-nowrap { flex-wrap: nowrap !important } .flex-wrap-reverse { flex-wrap: wrap-reverse !important } .justify-content-start { justify-content: flex-start !important } .justify-content-end { justify-content: flex-end !important } .justify-content-center { justify-content: center !important } .justify-content-between { justify-content: space-between !important } .justify-content-around { justify-content: space-around !important } .justify-content-evenly { justify-content: space-evenly !important } .align-items-start { align-items: flex-start !important } .align-items-end { align-items: flex-end !important } .align-items-center { align-items: center !important } .align-items-baseline { align-items: baseline !important } .align-items-stretch { align-items: stretch !important } .align-content-start { align-content: flex-start !important } .align-content-end { align-content: flex-end !important } .align-content-center { align-content: center !important } .align-content-between { align-content: space-between !important } .align-content-around { align-content: space-around !important } .align-content-stretch { align-content: stretch !important } .align-self-auto { align-self: auto !important } .align-self-start { align-self: flex-start !important } .align-self-end { align-self: flex-end !important } .align-self-center { align-self: center !important } .align-self-baseline { align-self: baseline !important } .align-self-stretch { align-self: stretch !important } .img-fluid { max-width: 100%;height: auto;}


html, body{ height: 100%;padding:0; margin:0} 
body{color: #fff!important; background-color:#fff929!important;font-family: 'Open Sans', sans-serif!important;font-weight: 400!important;font-style: normal;font-size:18px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
::-moz-selection { background-color:#1fd286; color:#fff929;-webkit-text-fill-color:#fff929}
::selection {background-color:#1fd286; color:#fff929;-webkit-text-fill-color:#fff929}
a:focus{outline:none!important; border:none!important;text-decoration:none!important}
*:focus{outline:none!important;text-decoration:none!important}
#page-container{overflow-x: hidden;}
.header{padding-bottom: 60px; position: relative}
.header:before{content: ''; position: absolute; right: 20px;top:-100px; width: 300px; height: 350px; display: inline-block;background:url(bg.svg) right  no-repeat; background-size: auto 100%; z-index: -1;}
.logo{max-width: 250px;padding-top: 40px; }
.tc{text-align: center}
a,.ebutton{-webkit-transition: all 400ms linear!important; -moz-transition: all 400ms linear!important; -o-transition: all 400ms linear!important; transition: all 400ms linear!important; text-decoration: none; border: 0}
.footer .container-fluid{padding: 0}
.footer .col-md-4 {padding: 0}
.bo img{border:3px solid #fff929!important}
.instagram-link {
            display: inline-flex;
            align-items: center; justify-content: center;
            text-decoration: none;
            color: #11c9d3;  text-align: center; margin: 40px 0;
        }

        .instagram-icon {
            width: 40px; 
            height: 40px; 
            margin-right: 10px;

        }

        .username {
            font-size: 18px; 
            font-weight: bold;
        }
.instagram-link:hover{color: #ff5d9c}
h1{font-size: 24px; font-weight: 600; color: #ff5d9c; margin-top: 50px;font-family: 'Playfair Display', serif;}h1 span{color: #1fd286}

.ebutton { --background: #ff5d9c; --text: #fff929; --font-size: 22px; --duration: 0.32s; --move-hover: -4px; --shadow: 0 2px 8px -1px rgba(39, 94, 254, .32); --shadow-hover: 0 4px 20px -2px rgba(39, 94, 254, .5); --font-shadow: var(--font-size); padding: 16px 32px; line-height: var(--font-size); border-radius: 100px; display: inline-block; outline: none; text-decoration: none; font-size: var(--font-size); letter-spacing: 0.5px; background: var(--background); color: var(--text); transform: translateY(var(--y)) translateZ(0); transition: transform var(--duration) ease; cursor: pointer; white-space: pre } .ebutton div { display: flex; overflow: hidden; text-shadow: 0 var(--font-shadow) 0 #fff; } .ebutton div span { display: block; backface-visibility: hidden; font-style: normal; transition: transform var(--duration) ease; transform: translateY(var(--m)) translateZ(0); } .ebutton div span:nth-child(1) { transition-delay: 0.05s; } .ebutton div span:nth-child(2) { transition-delay: 0.1s; } .ebutton div span:nth-child(3) { transition-delay: 0.15s; } .ebutton div span:nth-child(4) { transition-delay: 0.2s; } .ebutton div span:nth-child(5) { transition-delay: 0.25s; } .ebutton div span:nth-child(6) { transition-delay: 0.3s; } .ebutton div span:nth-child(7) { transition-delay: 0.35s; } .ebutton div span:nth-child(8) { transition-delay: 0.4s; } .ebutton div span:nth-child(9) { transition-delay: 0.45s; } .ebutton div span:nth-child(10) { transition-delay: 0.5s; } .ebutton div span:nth-child(11) { transition-delay: 0.55s; } .ebutton:hover {} .ebutton:hover span { --m: calc(var(--font-size) * -1); }

@media only screen and (max-width : 768px) {

.logo{max-width: 200px}
.header:before{right: 0px;top:-50px; width: 200px; height: 150px;}
.location{text-align: center}
.bo {border-bottom:5px solid #fff929!important}    
}


@media only screen and (min-width: 1024px) {
.logo{padding-top: 40px}
h1{font-size: 50px}.header:before{right: 40px;top:-100px; width: 500px; height: 550px;} 
}


@media only screen and (min-width: 1200px) {
.logo{padding-top: 60px}


}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.header{background-position:right bottom!important; background-size:auto 300px; padding-bottom: 100px}
}