* {box-sizing:border-box; padding:0; margin:0 auto; outline:0; border:0 none; font-family:'Heebo', Impact, sans-serif;}
html {font-size:18px; direction:rtl; min-height:100vh;}
body {min-height:100vh; font-size:1rem; text-align:center; overflow-x:hidden;}
a, a:hover {color:#000; text-decoration:none;}
nav {display:flex; justify-content:space-between; max-width:600px; font-size:0;}
nav a {display:block; margin:0; text-align:center;}
nav figcaption {font-size:0.75rem; padding:6px 0 0;}
h1 {font-size:2.1rem;}
h2 {font-size:1.2rem; font-weight:normal;}
h3 {font-size:1.335rem; font-weight:normal;}
em {font-style:inherit; background-color:#8bca48; color:#fff;}
svg {display:inline-block; margin:0 auto;}
header {display:table; width:100%; font-size:0; background-color:#fde5e4;}
header figure {display:table; width:100%; max-width:600px; position:relative; text-align:center;}
header figure:before {content:' '; display:block; width:100%; height:11px; max-width:600px; background-color:#406fb4; position:absolute; bottom:0; left:50%; margin-left:-300px;}
header figcaption {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
header figure img {position:relative;}
header .dsk {float:left;}
main {display:block; max-width:600px; text-align:right;}
main nav {padding:21px 30px; background-color:#406fb4;}
main nav a {color:#fff;}
main h3 {background:url('/assets/bg_about.jpg') no-repeat 50% 50%; background-size:cover; color:#fff; padding:6px 30px;}
article {padding:15px 30px;}
footer {display:block; background-color:#655d64; color:#fff; padding:45px 30px;}
footer nav {padding:15px 0; max-width:270px;}
.swiper-container {width:100%; max-width:600px; font-size:0; padding:0 0 24px; top:24px;}
.swiper-slide {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.swiper-slide img {width:100%;}
.swiper-pagination {bottom:0 !important;}
.swiper-pagination-bullet {background:#fff !important; opacity:0.45;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff !important; opacity:1;}

@media (min-width:600px){
.mbl {display:none;}
}
@media (max-width:600px){
.dsk {display:none;}
html {font-size:15px;}
header {font-size:0;}
header img {width:100% !important; height:auto !important;}
header figcaption {z-index:-1px; opacity:0;}
main nav a {min-width:57px;}
main, .swiper-container {max-width:480px;}
}