html{width:100%;height:100%;}
body{background-color: #7f7f7f;width:100%;height:100%;margin: 0;font-family: 'Open Sans'; overflow-y: auto; overflow-x: hidden;}

form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}

p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}

ul, ol{padding:0px 0px 20px 30px;margin:0px;list-style-type: disc;overflow: auto;}
	ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha > li, ol.roman > li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"" counter(roman, lower-roman)". ";position:absolute;left:-1.3em;}
ol.alpha > li:before {counter-increment: alpha;content:"" counter(alpha, lower-alpha)". ";position:absolute;left:-1.4em;}
ul.orange{list-style: none;padding: 0;margin: 0;}
ul.orange > li {padding-left: 1.5vw;text-indent: -1.5vw;}
ul.orange > li::before{content: "■";color: #f3714d;padding-right: .5vw;}

input[type="submit"]{outline-width: 0;}

div#mainContainer{position:relative;top:0;left:0;width:100%;min-height:100%;text-align:left;z-index:1;font-size:0;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: auto;}

div#header{position:relative;z-index:20;width:100%;background-color: #fff;box-shadow:0px 0px 30px #666;}
	div#header img{display: block;}

a#langBtn{position: absolute; top: 20px; right: 23px; font-size: 26px; text-decoration: none; color: #ff0056; font-weight: 600;}

div#menuBtn{display: inline-block;vertical-align: middle;position: absolute;bottom: 10px;right: 0px;overflow: hidden;  margin: 0 8px 0 0;  padding: 0;  width:48px;height:52px;  font-size: 0;  text-indent: -9999px;  appearance: none;  box-shadow: none;  border-radius: none;  border: none;  cursor: pointer;  transition:left 400ms ease-in-out;z-index:5100;border-bottom-right-radius:5px;}
	div#menuBtn:focus{outline:none;}
	div#menuBtn span{display:block;position:absolute;top:24px;left:10px;right:10px;height:3px;background:#77787b;}
		div#header.front div#menuBtn span{background:#15244b;}
	div#menuBtn span::before, div#menuBtn span::after{  position: absolute;  display: block;  left: 0;  width: 100%;  height: 3px;  background-color: #77787b;  content: "";}
		div#header.front div#menuBtn span::before, div#header.front div#menuBtn span::after{background:#15244b;}
	div#menuBtn span::before{top:-7px;}
	div#menuBtn span::after{bottom:-7px;}

	div#menuBtn span{transition:background 0s 0.3s;}
	div#menuBtn span::before, div#menuBtn span::after{transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;}
	div#menuBtn span::before{transition-property:top, transform;}
	div#menuBtn span::after{transition-property:bottom, transform;}

	div#menuBtn.HL span {background:none !important;}
	div#menuBtn.HL span::before {top:0;transform:rotate(45deg);}
	div#menuBtn.HL span::after{bottom:-2px;transform:rotate(-45deg);}
	div#menuBtn.HL span::before, div#menuBtn.HL span::after{transition-delay:0s, 0.3s;height:5px;background-color: #77787b !important;}


div#mainMenu{position:absolute;top:137px;right:0px;z-index:19;background-color: rgba(255,255,255,0.9);width:234px;height:220px;padding-top: 10px;transition:400ms ease-in-out;-webkit-transition:400ms ease-in-out;-moz-transition:400ms ease-in-out;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0px 0px 10px #333;}
	div#mainMenu.hidden{top:-100px;}
	div#mainMenu a{display:block;font:20px/22px 'Open Sans', Arial;font-weight:400;text-decoration: none;color:#77787b;text-transform: uppercase;padding:20px 20px 0px 30px;}
	    div#mainMenu a#mm0{margin-top:60px;}

h1{}

div.content{padding: 0px 84px 0px 120px;font-size: 2vw;color:#222222;}

div#simpleLogin {position: relative;    width: 838px;    margin: 0 auto;    text-align: center;    padding: 40px 0 100px 0;    background-position: center -215px;    background-repeat: no-repeat;    background-image: url(images/ruby.png);}
    div#simpleLogin form{position: relative;min-height: 200px;padding-bottom: 30px;}
	div#simpleLogin label{display: inline-block; margin:20px 0 20px 0;color:#77787b;font:20px 'Open Sans', Arial;font-weight:400;}
	div#simpleLogin input[type="submit"]{width: 250px;}
	div#simpleLogin div.warning{margin: 5px 0 0px 0; color: #fff;}
	div#simpleLogin a{font: 14px 'Open Sans', Arial;font-weight: 400;color:#77787b;text-decoration: none;}
	div#simpleLogin a#langBtn{font-size: 22px;}

div#dash{position: relative;    margin: 0px auto;    text-align: center;    overflow: auto; max-width: 990px;}

div.fileBox{display: inline-block;    vertical-align: top;    background-color: #fff;    margin: 20px 10px 0 10px;    width: 470px;    height: 275px;    border-radius: 20px;}
	div.fileBox.right {display: inline-block;    text-align: center;    padding: 0 10px;}
	div.fileBox img.thumb {float: left;    height: 275px;}
	div.fileBox img.icon{display: inline-block;    width: 48px;    height: 62px;    margin: 20px auto;}
	div.fileBox h2{margin: 28px 0 10px 0;    font: 26px/30px 'Open Sans', Arial;    font-weight: 400;}
	div.fileBox a{display: inline-block;    font: 20px/20px 'Open Sans', Arial;    font-weight: 600;    text-decoration: none;    color: #fff;    background-color: #ff0056;    border-radius: 40px;    padding: 10px 20px 10px 40px;    background-image: url(images/download_icon.svg);    background-size: 20px 20px;    background-position: 18px 11px;    background-repeat: no-repeat;}

div.contentCon{max-width: 820px;    background-color: #fff;    margin: 0 auto;    color: #333;    font: 18px/22px 'Open Sans', Arial;    padding: 40px;    font-weight: 400;}

div.clickSpace{position:absolute;z-index:15;width:100%;height:100%;cursor:pointer;}

div.halfFields{display:inline-block;vertical-align: top;}
.mr20{margin-right: 20px;}


input[type="submit"]{cursor:pointer;margin:0px;border:1px solid #fff;border-radius:0px;background-color:#fd0055;font:20px 'Open Sans', Arial;font-weight:bold;color:#ffffff;text-align:center;vertical-align:top;min-width:90px;padding: 5px 15px;text-transform:uppercase;}
	input[type="submit"]:hover{opacity:0.8;}
input[type="text"], input[type="number"], input[type="password"]{color:#000000;border:1px solid #77787b;font:18px 'Open Sans', Arial;line-height:32px;border-radius:0px;margin:0px 0px 10px 0px;padding:5px 10px;height:30px;background-color:#ffffff;width: 228px;}
input[type="number"]{width: 71px;}
textarea{color:#000000;border:1px solid #77787b;font:18px 'Open Sans', Arial;border-radius:0px;margin:0px 0px 10px 0px;padding:0px 10px;background-color:#ffffff;}
select{color: #000000;border: 1px solid #77787b;font:18px 'Open Sans', Arial;line-height:32px;border-radius: 0px;margin: 0px 0px 10px 0px;padding: 0px 10px;height:32px;width: 250px;}
select.small1{width: 85px;}

::-webkit-input-placeholder { /* WebKit */
    color:#333;
}
::-moz-placeholder { /*Firefox */
    color:#333;
}
:-ms-input-placeholder { /* IE */
    color:#333;
}

div.warning{color:#ff0000;padding:0px 0px 10px 0px;font:18px/20px 'Open Sans', Arial;font-weight:400;}

.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="number"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
    color:    red !important;
}
.warn::-moz-placeholder { /*Firefox */
   color:   red !important;
}
.warn:-ms-input-placeholder { /* IE */
   color:    red !important;
}

.floatLeft{float:left;margin: 0 20px 20px 0;}
.floatRight{float:left;margin: 0 0px 20px 20px;}
.centered{text-align: center;}

div#footerSpace{height: 100px;}
div#footer{position: absolute;bottom: 0;left: 0;z-index: 10; text-align: center; height: 62px;width: 100%;background-color: #fff;box-shadow:0px 3px 20px #666;font:12px/62px 'Open Sans', Arial;font-weight:400; color: #333;}
	div#footer a{color: #333;text-decoration: none;}
	div#footer img{vertical-align: middle; margin-top: -17px; margin-right: 10px;}

div.grecaptcha-badge{z-index: 1000; position: absolute !important;}

.fade-enter-active, .fade-leave-active{
	transition: opacity .5s;
}
.fade-enter, .fade-leave-to{
	opacity: 0;
}

@keyframes scrollIn1 {
	0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
	0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
	100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
	0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
	0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
	100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }

@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 300ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 300ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 300ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 300ms; }

@keyframes FadeInOut { 0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeInOut {  0% { opacity:0; } 50% { opacity:0; } 75% { opacity:1; } 100% { opacity:0; } }