@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;	border-spacing: 0;}
* {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
dl {margin: 0 !important;}
input, button { -webkit-appearance: none;}
a {text-decoration: none; color: #19759A;}
::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}
.article-info, .icons {display: none;}

/* desctop */ @media (min-width: 801px) and (max-width: 5000px) {
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'Rubik', sans-serif; font-weight: 400;  font-size: 1.25vw; font-style: normal; line-height: 150%; background: #fff;}
#body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;}
#content {width: 100%; margin: 0; padding: 0;} 
#pushwin {display: none;}

header {position: fixed; width: 100%; height: 8vw; margin: 0; z-index: 10; background: transparent; -webkit-backdrop-filter: blur(0.75vw); backdrop-filter: blur(0.75vw);}
header .logo {float: left; width: 15vw; margin: 3.05vw 0 0 10vw;}
header .logo svg {width: 100%; height: auto;}
header .logo .logo_color {fill: #000;}
header .logo:hover .logo_color {fill: #19759A;}
header nav {float: right; margin: 2.95vw 10vw 0 0;}
header.small {position: fixed; width: 100%; height: 5vw; margin: 0; z-index: 10; background: transparent; -webkit-backdrop-filter: blur(0.75vw); backdrop-filter: blur(0.75vw);}
header.small .logo {float: left; width: 15vw; margin: 1.65vw 0 0 10vw;}
header.small nav {float: right; margin: 1.5vw 10vw 0 0;}

#home {position: relative; margin: 8vw 0 0 5vw; padding: 0; width: 90vw; height: 45vw; z-index: 2; background: url("../images/bg.jpg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 2vw; box-shadow: 0 2vw 4vw #f2f3f7;}
#home h1 {position: relative; padding: 17.5vw 0 0 5vw; font-size: 300%; line-height: 130%; color: #fff; width: 45vw; font-weight: 500;}
#home h1 span {padding: 1vw 0 0 0; font-size: 50%; line-height: 130%; width: 30vw; display: block; font-weight: 400;}
#home .btn {position: relative; margin: 3vw 0 0 5vw;}
#home .btn a {color: #19759A; background: #fff; border: 0.15vw solid #fff; border-radius: 3vw; margin: 0 0.5vw 0 0; padding: 1vw 2.5vw 1.1vw 2.5vw; font-weight: 500; font-size: 90%;}
#home .btn a:hover {color: #fff; background: #19759A;}
#home .btn a:last-child {color: #fff; background: transparent; border: 0.15vw solid #fff; border-radius: 3vw; margin: 0 0.5vw 0 0; padding: 1vw 2.5vw 1.1vw 2.5vw; font-weight: 500; font-size: 90%;}
#home .btn a:last-child:hover {color: #19759A; background: #fff;}

#about {position: relative; margin: 0; padding: 0; width: 100%; height: 52vw; z-index: 2; background: #fff;}
#about h2 {position: relative; padding: 13vw 0 0 50vw; font-size: 300%; font-weight: 500; line-height: 130%; color: #19759A;}
#about .text {position: relative; margin: 3vw 0 0 50vw; width: 40vw; display: inline-block; line-height: 160%;}  
#about .img {position: absolute; width: 50vw; margin: 0 0 0 2.5vw;}
#about .img img {width: 100%;}
 
#about_after {position: relative; margin: 0; padding: 0; width: 100%; height: auto; z-index: 2; background: linear-gradient(0deg, #0b4375, #19759A);}
#about_after h2 {position: relative; padding: 10vw 10vw 0 10vw; font-size: 300%; font-weight: 500; line-height: 130%; color: #fff;}
#about_after .text {position: relative; margin: 3vw 0 7.5vw 40vw; width: 50vw; display: inline-block; line-height: 160%; color: #fff;}  

.timer {position: relative; margin: 0; padding: 0; width: 100%; height: 37.5vw; z-index: 2; background: linear-gradient(0deg, #fff, #f2f3f7);}
.timer h2 {position: relative; padding: 10vw 10vw 5vw 10vw; font-size: 300%; font-weight: 500; line-height: 130%; color: #19759A;}
.timer .timer__items {display: flex; font-size: 800%; font-weight: 600; margin: 0 0 0 10vw;}
.timer .timer__item {position: relative; min-width: 10vw; margin: 0 7.5vw 0vw 0;}
.timer .timer__item::before {content: attr(data-title); display: block; position: absolute; bottom: -6vw; left: 1vw; font-size: 15%; font-weight: 400;}
.timer .btn {position: relative; margin: 10vw 0 0 10vw;}
.timer .btn a {color: #19759A; background: #fff; border: 0.15vw solid #19759A; border-radius: 3vw; margin: 0 0.5vw 0 0; padding: 1vw 2.5vw 1.1vw 2.5vw; font-weight: 500; font-size: 90%;}
.timer .btn a:hover {color: #fff; background: #19759A;}

#features {position: relative; height: 7.5vw;}
.features {position: relative; margin: 0 0 0 5vw; padding: 0; width: 90vw; height: 45vw; z-index: 2; background: url("../images/features.jpg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 2vw; box-shadow: 0 2vw 4vw #f2f3f7; }
.features h2 {position: relative; padding: 10vw 45vw 0 5vw; font-size: 200%; line-height: 130%; color: #fff; font-weight: 500;}
.features ul {position: relative; overflow: hidden; padding: 5vw 0 0 5vw; width: 45vw;}
.features ul li {position: relative; float: left; width: 10vw; margin: 0 5vw 4vw 0; color: #fff;}
.features ul li img {width: 3vw; margin: 0; line-height: 1%;}

#details {position: relative; margin: 0; padding: 0; width: 100%; height: auto; z-index: 2; background: #fff;}
#details h2 {position: relative; padding: 10vw 0 0 10vw; font-size: 300%; font-weight: 500; line-height: 130%; color: #19759A;}
#details ul {position: relative; overflow: hidden; padding: 2vw 0 10vw 10vw; width: 85vw;}
#details ul li {position: relative; float: left; width: 16.25vw; margin: 0 5vw 0 0;}
#details ul li span {display: block; font-size: 125%; font-weight: 500; margin: 0 0 1vw 0;}
#details ul li img {width: 16.25vw; margin: 0 0 2vw 0; line-height: 1%; border-radius: 1vw; box-shadow: 0 1vw 2vw #f2f3f7;} 

footer {margin: 0; padding: 0; width: 100%; height: 35vw; color: #fff; background: linear-gradient(0deg, #0b4375, #19759A);}
footer h2 {position: relative; padding: 5vw 0 0 10vw; font-size: 300%; font-weight: 500; line-height: 130%; color: #fff;}
footer .text {position: relative; margin: 2vw 0 0 10vw; width: 30vw; display: inline-block; line-height: 160%;}  

footer .form {position: relative; z-index: 10; float: right; margin: 6vw 30vw 0  0; width: 25vw;}
footer .form .name_name, footer .form .mail_name {position: relative; margin: 0 0 0.5vw 0; font-family: 'Rubik', sans-serif;}
footer .form .name, footer .form .mail {position: relative; margin: 0 0 1.5vw 0;}
footer .form .name input, footer .form .mail input {padding: 1vw 0; border: none; border-bottom: 0.1vw solid #fff; background: transparent; color: #fff; width: 100%;}
footer .form .btn {position: relative; margin: 4vw 0 0 0; padding: 0;}
footer .form .btn button {color: #19759A; background: #fff; border: 0.15vw solid #fff; border-radius: 3vw; margin: 0 0.5vw 0 0; padding: 1vw 5vw 1.1vw 5vw; font-weight: 600; font-size: 100%; font-family: 'Rubik', sans-serif; cursor: pointer; }
footer .form .btn button:hover {color: #fff; background: #19759A;}

.made {position: relative; width: 80vw; height: auto; margin: 0; padding: 1vw 10vw; color: #fff; font-size: 75%; background: #0b4375;}
.made a {color: #fff; text-decoration: none;}
.made a:hover {color: #000;}

ul.nav.menu {padding: 0; margin: 0;}
ul.nav.menu li {margin: 0 4vw 0 0; padding: 0; list-style: none; display: block; float: left;}
ul.nav.menu li:last-child {margin: 0; padding: 0; border-right: none;}
ul.nav.menu li a, ul.nav.menu li .separator, ul.nav.menu li span {color: #000; text-decoration: none; display: block; margin: 0; padding: 0; font-size: 100%; cursor: pointer; }
ul.nav.menu li a:hover, ul.nav.menu li .separator:hover {color: #19759A; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
ul.nav.menu .current a {color:#19759A; margin: 0; }
ul.nav.menu .current a:hover {color:#19759A;}

#sbox-overlay {position: fixed !important; background: #002247 !important; left: 0 !important; top: 0 !important; z-index: 65555 !important; opacity: 0.8 !important;}
#sbox-window {position: fixed !important; text-align: left !important; overflow: visible !important; padding: 0 !important; border-radius: 0 !important; top: 0 !important; left: 0vw !important; width: 50vw !important; height: 100vh !important; display: table; background: #f5f5f5 !important; }
#sbox-content {clear: both !important; overflow: auto !important; background: #f5f5f5 !important; height: auto !important; width: 100% !important;  display: table-cell; vertical-align: middle;}
#sbox-btn-close {position: absolute !important; width: 1.5vw !important; height: 1.5vw !important; right: 3vw !important; top: 2vw !important; background: url("../images/closed.svg") center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; border: none !important;}
#sbox-content .item-page {padding: 10vw; overflow: hidden;}

#form_online {position: relative; margin: 0 auto; width: 25vw;}
#form_online .name_name, #form_online .mail_name {position: relative; margin: 0 0 0.5vw 0; font-family: 'Rubik', sans-serif;}
#form_online .name, #form_online .mail {position: relative; margin: 0 0 1.5vw 0;}
#form_online .name input, #form_online .mail input {padding: 1vw 0; border: none; border-bottom: 0.1vw solid #000; background: transparent; color: #000; width: 100%;}
#form_online .btn {position: relative; margin: 4vw 0 0 0; padding: 0;}
#form_online .btn button {color: #19759A; background: #fff; border: 0.15vw solid #19759A; border-radius: 3vw; margin: 0 0.5vw 0 0; padding: 1vw 5vw 1.1vw 5vw; font-weight: 600; font-size: 100%; font-family: 'Rubik', sans-serif; cursor: pointer; }
#form_online .btn button:hover {color: #fff; background: #19759A;}

#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0;}

/* end desctop */}



/* mobile */ @media (min-width: 101px) and (max-width: 800px) {
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'Rubik', sans-serif; font-weight: 400;  font-size: 4vw; font-style: normal; line-height: 150%; background: #fff;}
#body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;}
#content {width: 100%; margin: 0; padding: 0;} 

header {position: fixed; width: 100%; height: 18vw; margin: 0; z-index: 10; background: transparent; -webkit-backdrop-filter: blur(0.75vw); backdrop-filter: blur(0.75vw);}
header .logo {float: left; width: 50vw; margin: 6.5vw 0 0 5vw;}
header .logo svg {width: 100%; height: auto;}
header .logo .logo_color {fill: #fff;}
header.small .logo .logo_color {fill: #000;}
header .logo:hover .logo_color {fill: #19759A;}
header nav {display: none;}

#home {position: relative; margin: 0; padding: 0; width: 100vw; height: 133vw; z-index: 2; background: url("../images/bg_small.jpg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#home h1 {position: relative; padding: 60vw 0 0 5vw; font-size: 200%; line-height: 130%; color: #fff; width: 80vw; font-weight: 500;}
#home h1 span {padding: 3vw 0 0 0; font-size: 50%; line-height: 130%; width: 80vw; display: block; font-weight: 400;}
#home .btn {position: relative; margin: 7.5vw 0 0 5vw;}
#home .btn a {color: #19759A; background: #fff; border: 0.5vw solid #fff; border-radius: 10vw; margin: 0 1vw 0 0; padding: 2vw 5vw 2.2vw 5vw; font-weight: 500; font-size: 90%;}
#home .btn a:hover {color: #fff; background: #19759A;}
#home .btn a:last-child {color: #fff; background: transparent; border: 0.5vw solid #fff; border-radius: 10vw; margin: 0; padding: 2vw 5vw 2.2vw 5vw; font-weight: 500; font-size: 90%;}
#home .btn a:last-child:hover {color: #19759A; background: #fff;}

#about {position: relative; margin: 0; padding: 0; width: 100%; height: auto; z-index: 2; background: #fff;}
#about h2 {position: relative; padding: 0 5vw; font-size: 200%; font-weight: 500; line-height: 130%; color: #19759A;}
#about .text {position: relative; margin: 3vw 0 15vw 5vw; width: 80vw; display: inline-block; line-height: 160%;}  
#about .img {position: relative; width: 80vw; margin: 10vw 0 0 10vw;}
#about .img img {width: 100%;}
 
#about_after {position: relative; margin: 0; padding: 0; width: 100%; height: auto; z-index: 2; background: linear-gradient(0deg, #0b4375, #19759A);}
#about_after h2 {position: relative; padding: 20vw 10vw 0 5vw; font-size: 175%; font-weight: 500; line-height: 130%; color: #fff;}
#about_after .text {position: relative; margin: 3vw 0 15vw 15vw; width: 75vw; display: inline-block; line-height: 160%; color: #fff;}  

.timer {position: relative; margin: 0; padding: 0; width: 100%; height: auto; z-index: 2; background: linear-gradient(0deg, #fff, #f2f3f7);}
.timer h2 {position: relative; padding: 20vw 10vw 5vw 5vw; font-size: 200%; font-weight: 500; line-height: 130%; color: #19759A;}
.timer .timer__items {display: flex; font-size: 300%; font-weight: 600; margin: 0 0 0 5vw;}
.timer .timer__item {position: relative; min-width: 10vw; margin: 0 7.5vw 0vw 0;}
.timer .timer__item::before {content: attr(data-title); display: block; position: absolute; bottom: -8vw; left: 1vw; font-size: 25%; font-weight: 400;}
.timer .btn {position: relative; margin: 15vw 0 5vw 5vw;}
.timer .btn a {color: #19759A; background: #fff; border: 0.5vw solid #19759A; border-radius: 10vw; margin: 0 1vw 0 0; padding: 2vw 5vw 2.2vw 5vw; font-weight: 500; font-size: 90%;}
.timer .btn a:hover {color: #fff; background: #19759A;}

#features {position: relative; height: 15vw;}
.features {position: relative; margin: 0; padding: 0; width: 100vw; height: 133vw; z-index: 2; background: url("../images/features_sm.jpg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.features h2 {position: relative; padding: 25vw 10vw 0 5vw; font-size: 150%; line-height: 130%; color: #fff; font-weight: 500;}
.features ul {position: relative; overflow: hidden; padding: 10vw 0 0 5vw; width: 95vw;}
.features ul li {position: relative; float: left; width: 30vw; height: 20vw; margin: 0 5vw 5vw 0; color: #fff;}
.features ul li img {width: 3vw; margin: 0; line-height: 1%;}

#details {position: relative; margin: 0; padding: 0; width: 100%; height: auto; z-index: 2; background: #fff;}
#details h2 {position: relative; padding: 15vw 0 0 5vw; font-size: 200%; font-weight: 500; line-height: 130%; color: #19759A;}
#details ul {position: relative; overflow: hidden; padding: 5vw 0 5vw 5vw; width: 95vw;}
#details ul li {position: relative; float: left; width: 40vw; margin: 0 5vw 10vw 0;}
#details ul li span {display: block; font-size: 125%; font-weight: 500; margin: 0 0 1vw 0;}
#details ul li img {width: 40vw; margin: 0 0 2vw 0; line-height: 1%; border-radius: 1vw; box-shadow: 0 1vw 2vw #f2f3f7;} 

footer {margin: 0; padding: 0; width: 100%; height: 130vw; color: #fff; background: linear-gradient(0deg, #0b4375, #19759A);}
footer h2 {position: relative; padding: 15vw 0 0 5vw; font-size: 200%; font-weight: 500; line-height: 130%; color: #fff;}
footer .text {position: relative; margin: 2vw 0 0 5vw; width: 80vw; display: inline-block; line-height: 160%;}  

footer .form {position: absolute; z-index: 10; margin: 50vw 0 0 5vw; width: 70vw;}
footer .form .name_name, footer .form .mail_name {position: relative; margin: 0 0 0.5vw 0; font-family: 'Rubik', sans-serif;}
footer .form .name, footer .form .mail {position: relative; margin: 0 0 5vw 0;}
footer .form .name input, footer .form .mail input {padding: 5vw 0; border: none; border-bottom: 0.5vw solid #fff; background: transparent; color: #fff; width: 70vw	;}
footer .form .btn {position: relative; margin: 10vw 0 0 0; padding: 0;}
footer .form .btn button {color: #19759A; background: #fff; border: 0.5vw solid #fff; border-radius: 10vw; margin: 0 0.5vw 0 0; padding: 2vw 10vw 2.2vw 10vw; font-weight: 600; font-size: 100%; font-family: 'Rubik', sans-serif; cursor: pointer; }
footer .form .btn button:hover {color: #fff; background: #19759A;}

.made {position: relative; width: 90vw; height: auto; margin: 0; padding: 5vw 5vw; color: #fff; font-size: 75%; background: #0b4375;}
.made a {color: #fff; text-decoration: none;}
.made a:hover {color: #000;}

ul.nav.menu {padding: 0; margin: 0;}
ul.nav.menu li {margin: 0 4vw 0 0; padding: 0; list-style: none; display: block; float: left;}
ul.nav.menu li:last-child {margin: 0; padding: 0; border-right: none;}
ul.nav.menu li a, ul.nav.menu li .separator, ul.nav.menu li span {color: #000; text-decoration: none; display: block; margin: 0; padding: 0; font-size: 100%; cursor: pointer; }
ul.nav.menu li a:hover, ul.nav.menu li .separator:hover {color: #19759A; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
ul.nav.menu .current a {color:#19759A; margin: 0; }
ul.nav.menu .current a:hover {color:#19759A;}

#sbox-overlay {position: fixed !important; background: #002247 !important; left: 0 !important; top: 0 !important; z-index: 65555 !important; opacity: 0.8 !important;}
#sbox-window {position: fixed !important; text-align: left !important; overflow: visible !important; padding: 0 !important; border-radius: 0 !important; top: 0 !important; left: 0vw !important; width: 100vw !important; height: 100vh !important; display: table; background: #f5f5f5 !important; }
#sbox-content {clear: both !important; overflow: auto !important; background: #f5f5f5 !important; height: auto !important; width: 100% !important;  display: table-cell; vertical-align: middle;}
#sbox-btn-close {position: absolute !important; width: 5vw !important; height: 5vw !important; right: 5vw !important; top: 5vw !important; background: url("../images/closed.svg") center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; border: none !important;}
#sbox-content .item-page {padding: 10vw; overflow: hidden;}

#form_online {position: relative; margin: 0 auto; width: 70vw;}
#form_online .name_name, #form_online .mail_name {position: relative; margin: 0 0 0.5vw 0; font-family: 'Rubik', sans-serif;}
#form_online .name, #form_online .mail {position: relative; margin: 0 0 5vw 0;}
#form_online .name input, #form_online .mail input {padding: 5vw 0; border: none; border-bottom: 0.5vw solid #000; background: transparent; color: #000; width: 70vw;}
#form_online .btn {position: relative; margin: 10vw 0 0 0; padding: 0;}
#form_online .btn button {color: #19759A; background: #fff; border: 0.5vw solid #19759A; border-radius: 10vw; margin: 0; padding: 2vw 10vw 2.2vw 10vw; font-weight: 600; font-size: 100%; font-family: 'Rubik', sans-serif; cursor: pointer; }
#form_online .btn button:hover {color: #fff; background: #19759A;}

#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0;}

#pushwin {position: fixed; top: 7.5vw; right: 5vw; display: block; z-index: 9999;  -webkit-user-select: none; user-select: none;} 
#pushwin input:checked ~ div {transform: none; }
#pushwin input {display: block; width: 10vw; height: 10vw; position: absolute; margin: 0; top: 0; left: 0; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;}
#pushwin span {display: block; width: 10vw; height: 0.75vw; margin: 0 0 2.5vw 0; position: relative; background: #0a0b23; z-index: 1; transform-origin: 0;   transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
header.small ~ #pushwin span {background: #000;} 
#pushwin span:nth-last-child(4) {transform-origin: 0; width: 5vw;}
#pushwin span:nth-last-child(2) {transform-origin: 0; width: 5vw;}
#pushwin input:hover ~ span {background: #ff0000;}
header.small ~ #pushwin input:hover ~ span {background: #ff0000;}
#pushwin input:hover + span {width: 10vw; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#pushwin input:hover ~ span:nth-last-child(2) {width: 5vw;}
#pushwin input:checked {margin: 0 0 0 3.75vw;}
#pushwin input:checked ~ span {opacity: 1; transform: rotate(45deg) translate(2.5vw, -2.75vw); background: #000; }
#pushwin input:checked ~ span:nth-last-child(2) {transform: rotate(-45deg) translate(-2.0vw, 7.25vw); width: 13.75vw;}
#pushwin input:checked ~ span:nth-last-child(3) {width: 13.75vw;}
#pushwin input:checked:hover ~ span {background: #ff0000;}
#pushwin_body {position: absolute; width: 70vw; height: 100vh; top: -7.5vw; right: -5vw; margin: 0; padding: 0; background: #fff	; transform: translate(100vw, 0);}  
#pushwin_body nav {position: absolute; top: 20vw; left: 15vw;}
#pushwin_body nav ul.nav {padding: 0; margin: 0;}
#pushwin_body nav ul.nav li {margin: 0 0 10vw 0; padding: 0; list-style: none; display: block; float: none;}
#pushwin_body nav ul.nav li:last-child {margin: 0; padding: 0;}
#pushwin_body nav ul.nav li a, #pushwin_body nav ul.nav li .separator, #pushwin_body nav ul.nav li span {color: #000; text-decoration: none; display: block; margin: 0; padding: 0; font-size: 200%; cursor: pointer;}
#pushwin_body nav ul.nav li a:hover, #pushwin_body nav ul.nav li .separator:hover {color: #ff0000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#pushwin_body nav ul.nav .current a {color:#ff0000;}
#pushwin_body nav ul.nav .current a:hover {color: #000;} 
#pushwin_body nav ul .menu_note {position: absolute; width: 20vw; margin: -7.25vw 0 0 32vw; line-height: 150%; font-size: 75%;  color: #758495; opacity: 0;}
#pushwin_body nav ul.nav li:hover + .menu_note {opacity: 1;}


/* end mobile */}