* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch;}
html {min-height:100%; font-size:18px;}
body {min-height:100%; text-align:center; direction:rtl; font-family:'Rubik', Arial, sans-serif; position:relative; background:url('bg.webp') repeat-x;}
a, .link {text-decoration:none; transition:all 0.6s; color:#89b700;}
a:hover, .link:hover {text-decoration:underline; cursor:pointer; color:#929292;}
h1 {font-size:3rem; font-weight:normal; color:#929292; font-family:'Rubik Dirt'; line-height:1;}
h2 {font-size:3rem; font-weight:normal; color:#fff; font-family:'Rubik Dirt';}
h3 {font-size:2rem; font-weight:normal; background:url('leaf.webp') no-repeat 100% 0; padding:6px 54px 0 0; margin:15px 0 0; color:#89b700; font-family:'Rubik Dirt';}
h4 {font-size:2rem; font-weight:normal; color:#fff; font-family:'Rubik Dirt';}
h5 {font-size:1rem; color:#89b700;}
h6 {font-size:1rem; color:#929292;}
ul, ol {list-style:none; padding:9px;}
li {background:url('bullet.webp') no-repeat 100% 15px; padding:6px 15px 6px 0;}
input, textarea, select, button {vertical-align:middle; font-family:inherit; font-size:1rem; background-color:#fff; padding:9px 12px;}
*::-webkit-input-placeholder {color:#929292;}
*::-moz-placeholder {color:#929292;}
*:-ms-input-placeholder {color:#929292;}
*::-moz-placeholder {color:#929292;}
*:-moz-placeholder {color:#929292;}
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.15);}
::-webkit-scrollbar-thumb {background:#89b700;}
::-webkit-scrollbar-thumb:hover {background:#eee;}
main {padding:45px 30px;}
nav {padding:30px; max-width:1000px;}
nav a {display:inline-block; color:#929292; vertical-align:middle; font-size:1rem;}
nav a:hover, nav a.active {color:#89b700;}
nav span {display:inline-block; background:url('bullet.webp') no-repeat 50% 50%; width:12px; height:24px; vertical-align:middle;}
hgroup {display:block; max-width:1000px; text-align:right; padding:30px;}
article {text-align:right;}
article p + p {padding:9px 0 0;}
figure {display:block; border:6px double #89b700; font-size:0; margin:15px auto; border-radius:150px; border-top-right-radius:0; overflow:hidden;}
img, video, audio {max-width:100%;}
form {display:flex; justify-content:space-between; flex-wrap:wrap; font-size:0; padding:30px 0;}
form p, form div {padding:3px; margin:0; width:100%;}
form input {border:2px solid #89b700; width:100%; border-radius:30px;}
form textarea {border:2px solid #89b700; width:100%; border-top-left-radius:15px; border-top-right-radius:15px;}
form button {background-color:#89b700; color:#fff; width:100%; border-bottom-left-radius:15px; border-bottom-right-radius:15px; cursor:pointer;}

@-moz-document url-prefix(){
* {scrollbar-color:#89b700 #ccc; scrollbar-width:thin;}
}

@media (min-width:1020px){
header {display:block; background:url('header.webp') repeat-x 50% 0; min-height:333px;}
main {display:block; max-width:1000px; background:url('plant.webp') no-repeat 100% 0; min-height:570px; padding:15px 300px 30px 30px;}
nav {padding:20px 30px 40px; text-align:right;}
nav a {font-size:1.5rem;}
nav span {width:24px; height:24px;}
form p {max-width:49.8%;}
form .p1 input {border-bottom-left-radius:0;}
form .p2 input {border-bottom-right-radius:0;}
form .p3 input {border-top-left-radius:0;}
form .p4 input {border-top-right-radius:0;}
}