*,html,:before,:after{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:900}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.content-center{display:flex;justify-content:center;align-items:center}.hide{display:none}



:root, :before, :after{
  --site-container:1280px;
  --size-1:5px;
  --size-2:8px;
  --size-3:12px;
  --size-4:20px;
  --size-5:32px;
  --size-6:52px;
  --size-7:84px;
  --max-zindex:2147483648;
  --font-size:14px;
  --bg-1:#FAFAFA;
  --width-max:1272px;
  --body-padding:var(--size-4);
  --header-height:var(--size-6);
  --footer-height:60px;
}



body, html{font-family:"Raleway",sans-serif; font-size:var(--font-size); font-weight:normal; font-optical-sizing:auto; font-style:normal; letter-spacing:0.13px; 
font-feature-settings:'lnum' 1; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
html, body{background-color:var(--bg-1);}
html{scroll-behavior:smooth; min-height:100vh;}
body{overflow-x:hidden;}
a, button{font-weight:bold;}
.btn, a.btn, button.btn, .btn-outline{padding:var(--size-4) var(--size-5); -webkit-appearance:none; text-transform:capitalize; font-weight:bold; font-style:normal;
display:flex; text-align:center; align-items:center; justify-content:center;}
.rancak-popup{display:none;}
.text-title{font-family:"Great Vibes",cursive; font-weight:400; text-wrap:balance; font-style:normal;}
.width-max{position:relative; width:100%; max-width:var(--site-container); margin:0 auto;}


.form-box{position:relative; line-height:0;}
.form-field{padding:var(--size-3) var(--size-4); border:1px solid; width:100%; line-height:150%;}
textarea.form-field{min-height:144px;}
.form-icon{position:absolute; top:1px; right:1px; height:calc(100% - 2px); padding:0 var(--size-4);}
.form-search .form-field, .form-select .form-field, .form-password .form-field{padding-right:var(--size-6);}
.form-search .form-icon, .form-select .form-field, .form-password .form-field{z-index:1000;}
.form-select .form-field{position:relative;}
.form-password .form-icon.show-password .svgicon-pass-hide,
.form-password .form-icon.hide-password .svgicon-pass-show{display:none;}

.custom-checkbox-radiobutton{position:relative; padding:var(--size-2) 0;}
.ccr-real{position:absolute; z-index:1000; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.ccr-dummy{position:relative; z-index:1; display:grid; grid-gap:var(--size-3); grid-template-columns:auto 1fr;}
.ccr-dummy-frame{border:1px solid; width:var(--size-4); height:var(--size-4);}
.ccr-dummy-frame svg{width:auto; height:0; opacity:0;}
.ccr-dummy-right{line-height:150%; display:flex; align-items:center; width:100%;}



.img-frame, .video-frame{display:block; overflow:hidden; position:relative; line-height:0;}
.img-frame:before, .video-frame:before{content:''; display:block; padding-top:calc(100% / calc(var(--aspect-ratio)));}
.img-frame img, .img-frame iframe, .video-frame video{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0;}
.img-frame img:not([src]){visibility:hidden;}
.video-frame video{opacity:1;}



.rancak-foundation{min-height:calc(100vh - var(--footer-height));}
section{position:relative; z-index:1; padding:calc(var(--size-5) * 4) 0;}
.section-bg{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.section-container{position:relative; z-index:10000; width:100%; max-width:var(--width-max); padding:0 var(--size-5);}
.section-title{font-size:3rem; line-height:130%; text-transform:capitalize;}



.section-tipeA .section-container{display:grid; grid-gap:var(--size-6);}
.tipeA-header{display:grid; grid-gap:var(--size-1);}
.tipeA-img{--aspect-ratio:1/1; display:flex; align-items:flex-start; justify-content:center;}
.tipeA-img-frame{width:100%; max-width:480px;}
.tipeA-content, .tipeA-info{line-height:170%; display:grid; grid-gap:var(--size-4); grid-auto-rows:min-content;}
.tipeA-subtitle{font-size:0.875rem;}
.tipeA-title{font-size:3rem; line-height:130%;}
.tipeA-action{display:flex;}
.tipeA-action .btn{margin-top:var(--size-1); margin-right:var(--size-1);}



.section-cover{min-height:calc(100vh - var(--footer-height));}
.section-cover .section-overlay, .section-cover .section-gradient{position:absolute; bottom:0; left:0; width:100%;}
.section-cover .section-overlay{z-index:1000; height:100%;}
.section-cover .section-gradient{z-index:2000; height:48%;}

.cover-content{display:grid; line-height:140%;}
.cover-content *{text-align:center;}
.cover-logo svg, .cover-logo-frame{width:88%; max-width:560px; height:auto;}
.cover-logo-frame{--aspect-ratio:1001/640;}
.cover-title{text-transform:uppercase;}
.cover-subtitle{text-wrap:balance;}
.cover-action{margin-top:var(--size-5); display:flex; flex-wrap:wrap; justify-content:center;}



.section-about .tipeA-info b{font-weight:bold;}






@media screen and (min-width:0px) and (max-width:1023px){
  :root, :before, :after{
    
  }
  
  
  
  .desktop-only, .share-box-static{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
}







@media screen and (min-width:768px){
  
}