* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch;}
html {background:#ea1d2c url('bg.webp'); color:#fff; min-height:100%; font-size:15px;}
body {min-height:100vh; text-align:center; direction:rtl; font-family:'Assistant', Arial, sans-serif; position:relative; line-height:1;}
a, .link {text-decoration:none; color:#fff;}
a:hover, .link:hover {text-decoration:none; cursor:pointer; color:#fff;}
h2 {font-size:4.35rem; font-weight:800; line-height:1; padding:0 0 15px;}
h3 {font-size:3.21rem; font-weight:800; line-height:1; padding:6.3vh 0;}
h4 {font-size:2.085rem; font-weight:800; line-height:1; padding:0 0 15px;}
h5 {font-size:1.585rem;}
h6 {font-size:1.25rem;}
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.06);}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.6);}
.f1 {font-size:1rem;}
.full {width:100%;}
.max, img {max-width:100%;}
main {display:table; width:100%; max-width:1710px; font-size:0; font-weight:800;}
.sec-1 p {font-size:1.8rem;}
.sec-1 .btns {padding:0 0 15px; display:flex; justify-content:space-between;}
.btn {display:inline-block; margin:3px 0; font-size:1.4rem; color:#000; width:203px; height:79px; padding:15px; text-align:right;}
.btn img {float:right; margin:6px 15px; vertical-align:top;}
.btn:hover {color:#000;}
.btn.large {background-color:#ffb900; background-image:none; border-radius:7.5px; box-shadow:4px 5px 0px 0px #ff9400; font-size:1.8rem; width:100%; text-align:center; margin:9px 0 0;}
.btn.large:hover {background-color:#ffda00;}
.btn.large img {float:none;}
.btn.large span {display:inline-block; vertical-align:top; padding-top:12px;}
.btn.small {background-image:none; background-color:#c4e733; border-radius:7.5px; box-shadow:4px 5px 0px 0px #96d501; max-width:201px;}
.btn.small:hover {background-color:#defa33;}
.monkey {padding:15px 0;}
.sec-2 dl {background:url('bg_white.webp'); max-width:545px; border-radius:15px; padding:45px 60px 30px;}
.sec-2 dt {font-size:3rem; background-color:#ea1d2c; padding:3px 6px 6px; border-radius:6px;}
.sec-2 dd {font-size:3rem; color:#000;}
.sec-2 var {font-style:normal; display:inline-block; padding:15px 21px; vertical-align:middle;}
.sec-2 p {font-size:1.5rem;}
.lines {display:inline-block; height:1px; width:150px; background-color:#ea1d2c; vertical-align:middle; position:relative;}
.lines:before {content:' '; display:block; width:100%; height:1px; background-color:inherit; position:absolute; top:-9px; left:0;}
.lines:after {content:' '; display:block; width:100%; height:1px; background-color:inherit; position:absolute; bottom:-9px; left:0;}
.sec-3 .txt {background:url('bg_black.webp'); max-width:545px; border-radius:15px; padding:45px 60px 30px;}
.sec-3 .txt p {display:block; font-size:2.55rem; font-weight:700; position:relative; line-height:1.8rem;}
.sec-3 .full {margin:15px 0; background-color:#000;}
.sec-3 small {font-size:1.05rem; font-weight:400;}
.txt var {display:inline-block; font-size:4.2rem; font-style:normal; vertical-align:middle; padding:0 30px;}
.txt .lines {width:145px; height:2px;}
.txt .lines:before {height:2px; top:-12px;}
.txt .lines:after {height:2px; bottom:-12px;}
.ftr p {font-weight:700; text-align:right;}
.rel {position:relative;}
.shadow {box-shadow:0 7px 20px rgba(0,0,0,0.3);}
.btm-btn {position:fixed; bottom:3px; left:0; width:100%; padding:0 !important;}
.btm-btn .btn.large {border-radius:0; font-size:2.7rem; font-weight:bold;}

@media (max-width:1710px) and (min-width:1500px){
main {width:1710px; transform:scale(0.75); position:absolute; top:0; left:50%; margin-left:-855px;}
.sec-3 .full {margin:24px 0 !important;}
}

@media (max-width:1500px) and (min-width:990px){
main {width:1710px; transform:scale(0.54); position:absolute; top:0; left:50%; margin-left:-855px; margin-top:-75px;}
.sec-3 .full {margin:21px 0 !important;}
}

@media (max-width:1710px){
html {font-size:12px;}
}

@media (min-width:990px){
header, .dsk-hide {display:none !important;}
html, body {overflow:hidden;}
footer {position:absolute; bottom:0; left:0; width:100%; padding:15px;}
footer a {display:inline-block; float:left;}
footer .copy {float:right;}
main {height:100vh;}
h3 {padding:50px 0;}
.row {display:table-row;}
.cell {display:table-cell; vertical-align:middle; position:relative;}
.sec-1 .logo img {max-width:450px;}
.sec-2, .sec-3 {padding:0 0 180px;} 
.sec-3 .full {margin:45px 0;}
.ftr {display:table; position:absolute; width:1140px; top:45px; left:21px; background-color:#ff3b45; padding:24px; border-radius:15px;}
.icons {display:block; float:right; background:url('bg_dvd.webp') no-repeat; padding:0 15px 0 45px; margin-left:30px;}
.txt .price + p {margin:30px 0;}
.btns {flex-wrap:wrap; width:100%; max-width:414px;}
}

@media (max-width:990px){
html {font-size:9px;}
body {padding:81px 0 30px;}
header {background:#c4e733; position:fixed; top:0; left:0; z-index:333;}
header .btn {margin:0; width:50%; background:none; border-right:3px solid #96d700; border-bottom:6px solid #96d700; font-size:18px; font-weight:bold;}
header .btn:hover {background:none;}
header .btns {display:flex;}
header .btn img {margin:0 15px;}
header .btn.whole {width:100%; font-size:4.2rem; font-weight:800; white-space:nowrap;}
header .btn.whole br {display:none;}
main {display:block; width:100%;}
section, figure, img {max-width:100%;}
h3 {font-size:4.8rem;}
.mbl-hide {display:none !important;}
.height-auto {max-width:100%; height:auto;}
.sec-1 {padding:30px 30px 0;}
.sec-2, .sec-3 {padding:0 30px;}
.sec-2 dl, .sec-3 .txt {padding:30px 24px;}
.sec-2 .lines {width:calc(50% - 45px);}
.sec-3 .txt {padding:0;}
.sec-3 .txt p {padding:30px 0;}
.sec-3 .price {padding:30px 24px 0;}
.sec-3 .txt .lines {width:calc(50% - 60px);}
.txt h2 {margin:0;}
.txt h2:before {top:66px; left:66px; width:30px; height:30px; background-size:cover;}
.txt h2:after {top:66px; right:66px; width:30px; height:30px; background-size:cover;}
.txt var {font-size:5rem;}
.dsk-hide {padding:30px 0 15px;}
.ftr.shadow {box-shadow:none;}
.icons {padding:30px 0; border-top:2px dotted #333; border-bottom:2px dotted #333;}
.ftr p.f1 {font-size:15px; text-align:center; padding:30px 0; line-height:1.5;}
.copy, .credit {display:block; padding:6px 0; font-size:15px;}
}