html { scroll-behavior: smooth;}
div { scroll-padding-top: 20px;}
* {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; margin:0px; padding:0px;}

.scrols { scroll-margin-top:50px;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
:focus {outline:none;}
body{background-attachment: fixed;background-color:#ef7f1b; font-family: Arial; width:100%; height:100%; font-weight:normal;}

p { margin-block-start: 0px;   margin-block-end: 10px;  margin-inline-start: 0px; margin-inline-end: 0px;}

.clearfix:before,.clearfix:after { display: table;  line-height: 5;  content: "";}
.clearfix:after {  clear: both;}

.mrgns{ 
    -webkit-margin-before: 10px;
    -webkit-margin-after: 10px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 18px;
}
@font-face {font-family: 'Kamali Personal Use';  src: url('kamali-personal-use.ttf') format('truetype'); font-weight: normal;    font-style: normal;}

.clbrn-bloc {width: 95%; max-width: 800px; padding: 0px; margin: 0px auto;box-shadow:2px -3px 16px 4px rgba(3, 4, 1, 0.6); background: url(bse.jpg) ;}
.pnltop { display:block;background: url(tp.png) no-repeat;display:inline-block; width:100%; height:85px; background-size:100%; margin-right:5px; vertical-align: middle;}
.pnlmdl{ display:block;display:inline-block; width:100%; min-height:400px; padding:0px 15px;}
.pnlbtm{ display:block;background: url(dn.png) no-repeat; display:inline-block; width:100%; height:85px; background-size:100%; margin-right:5px; vertical-align: middle;}

@media (max-width: 830px) {
.pnltop {height:8.5vw;}
.pnlbtm {height:8.5vw;}}
.clbrn-bloc h1 { font-family: 'Kamali Personal Use'; font-size:90px; line-height:80px; color:#EF7F1A; text-align:center; letter-spacing:5px; font-weight:normal;}
.clbrn-bloc h1 span {color:#555; font-size:65px;}
.clbrn-bloc h2 { font-family:arial; font-size:22px; line-height:22px; color:#555; text-align:center; margin-top:-10px;}
.clbrn-bloc h3 { font-family:arial; font-size:24px; line-height:28px; color:#555; text-align:center; font-weight:normal; margin-top:20px;}
.clbrn-bloc h3 span {color:#EF7F1A; display:block;}
.clbrn-bloc p {font-family:arial; font-size:24px; line-height:30px; color:#555; text-align:center; margin-top:20px;}
.clbrn-bloc p span {color:#EF7F1A; display:block; font-weight:bold;}
@media all and (max-width: 251px) {.clbrn-bloc h1 {font-size: 15vw; line-height: 15vw; margin-top: 5px;}}
@media (min-width: 251px) and (max-width: 400px) {.clbrn-bloc h1 {font-size: 18vw; line-height: 18vw; margin-top: 5px;}}
@media all and (max-width: 400px) {.clbrn-bloc h1 span {display:block;font-size: 12vw; line-height: 10vw;letter-spacing: 10px;}
.clbrn-bloc h2 {font-size: 6vw;line-height: 6.5vw;   margin-top: 0px;}}
@media (min-width: 401px) and (max-width: 500px) {.clbrn-bloc h1 {font-size: 12.5vw; line-height: 12.5vw;}
.clbrn-bloc h1 span {font-size: 10vw; line-height: 10vw;}}
@media (min-width: 501px) and (max-width: 620px) {.clbrn-bloc h1 {font-size: 13.8vw; line-height: 13.8vw;}
.clbrn-bloc h1 span {font-size: 10vw; line-height: 10vw;}}
@media (min-width: 401px) and (max-width: 610px) {.clbrn-bloc h2 {font-size: 3.5vw;}}
.atrctns  {padding:0px;}
.atrctns ul {display:grid; grid-template-columns: repeat(4, 1fr); gap:8px;}
.atrctns li {display:inline-block;font-size:16px; line-height:16px; text-align:center; color:#555; padding:6px; background-color:#fff;font-weight:bold; text-transform:uppercase; border-radius:4px;box-shadow:2px 2px 5px rgb(0 0 0 / 50%); transition:1s;}
.atrctns li img {display:block; width:100%; margin-bottom:8px;}
.atrctns li:hover {transform:translatey(-10px);}
@media all and (min-width: 621px){.atrctns ul li:nth-child(9) {display:none;}}
@media all and (max-width: 351px){.atrctns ul {grid-template-columns: repeat(1, 1fr);}
.atrctns li {font-size: 8vw; line-height: 10vw;}}
@media (min-width: 351px) and (max-width: 500px) {.atrctns ul {grid-template-columns: repeat(2, 1fr);}
.atrctns ul li:nth-child(9) {display:none;}}
@media (min-width: 501px) and (max-width: 620px) {.atrctns ul {grid-template-columns: repeat(3, 1fr);}}
.bukmysit {max-width:650px; margin:0px auto; width:100%;}
.bukmysit input {font-family: arial;  font-size: 18px;  margin: 0px auto 15px auto;  width: 100%;  color: #5B5B5B;  padding: 15px; border: 1px solid #777; border-radius: 3px;    background: #ffffff8f;}
.bukmysit .sets {display:flex;gap:20px;}
.bukmysit input[type="submit"] {display: block; background: #a9518b; font-family: arial; text-transform: uppercase; letter-spacing: 5px; font-size: 14px; margin: 10px auto; width: 122px; color: #fff; padding: 15px 18px 15px 25px; border: none;  border-radius: 5px; transition: 1s; cursor: pointer;}
.bukmysit input[type="submit"]:hover {background-color:#ef7f1b;}
@media all and (max-width: 600px){.bukmysit .sets { flex-direction:column; gap:0px;}}
.dvfrme {border:2px solid #777; display:block;padding:5px;}
.contcts { text-align:center; font-family:arial; font-size:22px; line-height:22px;  color:#555; font-weight:bold; }
.contcts p {font-size:24px; line-height:30px; color:#EF7F1A; text-align:center; font-weight:bold;margin-top:10px;}
.contcts a {text-transform:none; color:#555; letter-spacing:1px; transition:1s;}
.contcts a:hover {color:#0058B0;} 
.webs {font-size:18px; line-height:25px; margin-top:10px; transition:1s; letter-spacing:1px; text-align:center;}
.webs a { color:#0058B0;}
.webs a:hover {color:#EF7F1A;} 
@media all and (max-width: 300px){.contcts { font-size: 12vw; line-height: 15vw;}}		
@media all and (min-width: 301px) and (max-width: 400px){.contcts {font-size:35px; line-height:45px;}}
@media all and (max-width: 400px){.webs { font-size: 5vw;line-height: 8vw;}
.contcts a {display:block;}
ia {display:none;}}
@media all and (max-width: 600px){.webs a {display:block;}
i {display:none;}}
@media all and (min-width: 401px) and (max-width: 600px){.webs {font-size:22px; line-height:30px;}}
.whtschnls {display:flex;justify-content:center; margin-top:15px;}
.whtschnls a {background-color: #3fbb50;color: #fff;font-family: arial;font-size: 22px;line-height: 22px; padding: 10px;display: block; border-radius: 4px; transition:1s;}
.whtschnls a:hover {background-color: #a9518b;}
@media all and (max-width: 300px){.whtschnls a {font-size:7vw; line-height:7vw;} }	

.asdf {background-color:red;}