.animaDelay05s{animation-delay: 0.5s;}
.animaDelay1s{animation-delay: 1s;}
.animaDelay2s{animation-delay: 2s;}
.animaDelay3s{animation-delay: 3s;}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.circle-1, .circle-2 {
  animation: scroll 2s infinite linear;
  opacity:0;
}

.circle-2{
  animation-delay: 1s;
}

@keyframes scroll {
  0% {
    cy: 4;
    opacity: 0;
  }
  45%, 55% {
    opacity: 1;
    cy: 9;
  }
  100% {
    cy: 14;
    opacity: 0;
  }
}
.img-circle {
  border-radius: 50%;
}
a.scrolldown svg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
a.scrolldown svg path{
	stroke-width:1px;
}
a.scrollup,a.scrolldown {
  display: block;
  border-radius:50%;
  width: 4rem;
  height:4rem;
  position: fixed;
  z-index: 1200;
  right: 0.5rem;
  bottom: 1.5rem;
  transition: all 0.2s ease-in-out;
}
a.scrollup{
	background: rgba(0,141,247, 0.13);
	color: #ffffff;
	border:solid 0px rgba(0,141,247, 0.3);
}
a.scrollup:hover,
a.scrollup:visited {
  color: #ffffff;
}
a.scrollup:before {
  content: "";
  font-size: 28px;
  line-height: 62px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size:50%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='svg8' width='60' height='60' version='1.1' viewBox='0 0 15.875 15.875' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='layer1'%3E%3Cpath id='path833' d='m1.9587 10.349 5.9592-5.1833 5.9592 5.1833' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.9496;stroke:%23008df7'/%3E%3C/g%3E%3C/svg%3E%0A");
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
d{
    display:inline;
}
d:after{
    content: '';
    display: inline-block;
    width: 1.8rem;
    height: 1.6rem;
    background-image: url(../images/done.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.6rem 1.6rem;
    vertical-align: middle;
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.selected{
    border-bottom: dashed 1px #fb54a9;
    color: #fb54a9!Important;
}
selected:before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #fb54a9;
    background-image: url(../images/goout.svg);
    transform: rotate(30deg);
    background-position: center center;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    margin-left: 0.12rem;
    margin-top: 0;
    margin-right:0.25rem;
    vertical-align:middle;
}
.gohome:hover{
    filter:brightness(110%);
}
.gohome{
    width: 2.375rem;
    height:2.375rem;
    background-image:url(../images/enot.svg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: 2.6rem 2.6rem;
    position:fixed;
    top:0.2rem;left:0.3rem;
}
/*---pace----*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  border-radius: 0.625rem;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  width: 12.5rem;
  height: 3.125rem;
  overflow: hidden;
}

.progress{
    width:100%;
    height:0.7rem;
    overflow: hidden;
    border-radius:2rem;
    box-shadow:inset 0 0 3px rgba(0,0,0,0.2);
}
.progress-inner{
    height:0.7rem;
    border-radius:0;
    background: linear-gradient(90deg, rgba(255,117,182,1) 20%, rgba(238,28,96,1) 20%, rgba(238,28,96,1) 40%, rgba(255,186,54,1) 40%, rgba(255,186,54,1) 60%, rgba(99,66,198,1) 60%, rgba(99,66,198,1) 80%, rgba(0,176,255,1) 80%, rgba(0,176,255,1) 100%);    
}

.pace .pace-progress:after{
    color: #008df7;
}
.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  display: block;
  position: absolute;
  right: 100%;
  margin-right: -0.45rem;
  width: 93%;
  top: 0.45rem;
  height: 0.9rem;
  font-size:0.75rem;
  background: linear-gradient(90deg, rgba(255,117,182,1) 20%, rgba(238,28,96,1) 20%, rgba(238,28,96,1) 40%, rgba(255,186,54,1) 40%, rgba(255,186,54,1) 60%, rgba(99,66,198,1) 60%, rgba(99,66,198,1) 80%, rgba(0,176,255,1) 80%, rgba(0,176,255,1) 100%);
  color: #008df7;
  line-height: 3.75rem;
  font-weight: bold;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-box-shadow: 11.25rem 0 #fff, 15rem 0 #fff;
  -ms-box-shadow: 11.25rem 0 #fff, 15rem 0 #fff;
  box-shadow: 11.25rem 0 #fff, 15rem 0 #fff;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
  position: fixed;
  width:2.81rem;
  text-align: right;
  right: 0;
  padding-right: 1rem;
  top: 0.25rem;
}

.pace .pace-progress[data-progress-text="0%"]:after { right: -200px }
.pace .pace-progress[data-progress-text="1%"]:after { right: -198.0px }
.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px }
.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px }
.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px }
.pace .pace-progress[data-progress-text="5%"]:after { right: -190.0px }
.pace .pace-progress[data-progress-text="6%"]:after { right: -188.8px }
.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px }
.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px }
.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px }
.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px }
.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px }
.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px }
.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px }
.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px }
.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px }
.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px }
.pace .pace-progress[data-progress-text="17%"]:after { right: -168.24px }
.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px }
.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px }
.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px }
.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px }
.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px }
.pace .pace-progress[data-progress-text="23%"]:after { right: -157.1px }
.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px }
.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px }
.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px }
.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px }
.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px }
.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px }
.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px }
.pace .pace-progress[data-progress-text="31%"]:after { right: -142.3px }
.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px }
.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px }
.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px }
.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px }
.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px }
.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px }
.pace .pace-progress[data-progress-text="38%"]:after { right: -129.0px }
.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px }
.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px }
.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px }
.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px }
.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px }
.pace .pace-progress[data-progress-text="44%"]:after { right: -118.1rem }
.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px }
.pace .pace-progress[data-progress-text="46%"]:after { right: -114.4px }
.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px }
.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px }
.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px }
.pace .pace-progress[data-progress-text="50%"]:after { right: -100.4px }
.pace .pace-progress[data-progress-text="51%"]:after { right: -105.0px }
.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px }
.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px }
.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px }
.pace .pace-progress[data-progress-text="55%"]:after { right: -97.0px }
.pace .pace-progress[data-progress-text="56%"]:after { right: -95.8px }
.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px }
.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px }
.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px }
.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px }
.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px }
.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px }
.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px }
.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px }
.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px }
.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px }
.pace .pace-progress[data-progress-text="67%"]:after { right: -75.24px }
.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px }
.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px }
.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px }
.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px }
.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px }
.pace .pace-progress[data-progress-text="73%"]:after { right: -64.14px }
.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px }
.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px }
.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px}
.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px }
.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px }
.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px }
.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px }
.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px }
.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px }
.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px }
.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px }
.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px }
.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px }
.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px }
.pace .pace-progress[data-progress-text="88%"]:after { right: -36.4px }
.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px }
.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px }
.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px }
.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px }
.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px }
.pace .pace-progress[data-progress-text="94%"]:after { right: -25.0px }
.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px }
.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px }
.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px }
.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px }
.pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px }
.pace .pace-progress[data-progress-text="100%"]:after { right: -0.4px}

.pace .pace-activity {
  position: absolute;
  width: 100%;
  height: 1.75rem;
  z-index: 2001;
  border-radius: 0.62rem;
}
.pace.pace-inactive {
  display: none;
}
/*-----------*/
#searchbox label{
    display:none;
}
#searchbox{
    width:53.175rem;/*calc(1170px - 17.95rem);*/
    padding-top:0.75rem;
    padding-bottom:0;
    position: fixed!Important;
    background: rgba(255,255,255,1);
    margin-left: 1rem;
    transition: all 0.5s ease-in;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    top: 3.5rem;
}
#searchbox button:hover{
    color:rgba(255,255,255,0.6);
}
#searchbox button{
    padding: 0.4rem 0.75rem;
    border-radius:0.4rem;
    border: none;
    background: #008df7;
    margin: 0 0 0 1%;
    color: #FFFFFF;
    font-size: 90%;
}
::placeholder{
  color:#a0c6e0;
}
#searchbox input[type="text"]:active,
#searchbox input[type="text"]:focus,
textarea.ffield:active,
textarea.ffield:hover,
textarea.ffield:focus,
input.ffield:active,
input.ffield:hover,
input.ffield:focus{
    background:#e5f4ff;
    border: solid 2px #008df7;
    box-shadow: 0 0 1rem rgb(87 126 152 / 32%);
}
.sha{
    box-shadow: 0 1.25rem 1.625rem #add2ef!Important;
}
#searchbox .loading{
    opacity:0;
    width: 1.125rem;
    height:1.125rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 -1.87rem;
    border-radius: 50%;
    background: transparent;
    border: dotted 0.125rem #9bb6ca;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
#searchbox input[type="text"]{
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.25rem 1.25rem;
    width:calc(100% - 2.87rem);
    vertical-align: middle;
    border-radius: 0.22rem;
    border: solid 2px transparent;
    margin-left: 0.87rem;
    outline: none!Important;
    padding-top: 0.125rem;
    padding-bottom:0.125rem;
    padding-left: 0.87rem;
    color:#404040;
}
a.search-result-item:hover{
    color:#884da5;
}
a.search-result-item{
    display: block;
    padding: 0.25rem 1rem 0.25rem 1rem;
    border: solid 1px #e9d9f3;
    margin-bottom: 0.25rem;
    border-radius: 0.9rem;
    background: #f9f2fd;
    color: #a867c7;
}
#searchbox-results{
    padding: 0 0.75rem 0 0.87rem;
    transition: all 0.5s ease-in;
    border-bottom-left-radius: 0.9rem;
    border-bottom-right-radius: 0.9rem;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 21.87rem;
    margin-bottom: 0.6rem;
    margin-top: 0.6rem;
    display: block;
}
/*-----------*/
.logitem:before{
    box-shadow:-0.93rem 0 0.93rem -0.93rem inset rgba(56,163,241,0.24);
    content: " ";
    height: 100%;
    left: -0.93rem;
    position: absolute;
    top: 0;
    width: 0.93rem;
}
.logitem:after{
    box-shadow:0.93rem 0 0.93rem -0.93rem inset rgba(56,163,241,0.24);
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    right: -0.93rem;
    width: 0.93rem;
}
.logitem:last-of-type:after{
    content:'';
    height: 0.2rem;
    display: block;
    position: absolute;
    bottom: 0!Important;
    top:unset!Important;
    left: 0!Important;
    right: 0!Important;
    border-radius: 0.25rem;
    width:100%!Important;
    background: rgb(255,117,182);
    background: linear-gradient(90deg, rgba(255,117,182,1) 20%, rgba(238,28,96,1) 20%, rgba(238,28,96,1) 40%, rgba(255,186,54,1) 40%, rgba(255,186,54,1) 60%, rgba(99,66,198,1) 60%, rgba(99,66,198,1) 80%, rgba(0,176,255,1) 80%, rgba(0,176,255,1) 100%);    
}
.logitem{
    display:block;
    position: relative;
    max-width:23.75rem;
    margin:0 auto;
    background: #FFFFFF;
    border-right: solid 1px #cfe9fb;    
    border-left: solid 1px #cfe9fb;    
}
a.active,a.active:visited{
    /*background: #008df7;*/
    color: #ffffff!Important;
    border-radius: 0.25rem;
    transition: all 0.5s ease-in;
}
.contents-inner a.active,.contents-inner a.active:visited{
    background: #008df7;
}
a.active:hover{
    color: #ffffff;
}
.hidden{
    opacity:0;
}
.disabled{
    display:none;
}
#yes:hover,.cookie-notification a:hover{
    color:#7cc3fd!Important;
    filter:brightness(110%);
}
#yes{
    display: block;
    padding: 0.5rem;
    background: #0063cc;
    border-radius: 0.25rem;
    color: #ffffff;
    text-align: center;
    margin: 0.25rem;
    cursor: pointer;
}
#signup:before{
    content: "";
    display: inline-block;
    width: 2.43rem;
    height: 2rem;
    background-image: url(../images/register.svg);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.bnrbtn{
    padding: 0.4rem 0.75rem;
    border-radius: 0.375rem;
    background: #0063cc;
    margin: 0 0 0 0.25rem;
    color: #FFFFFF;
    font-size: 90%;
    position:relative;
}
.bnrbtn:hover{
    background: #026cdd;
    color: #FFFFFF;
}
.bnrbtn:first-of-type{
    margin-left:1rem;
}
.sect-btn{
    margin-right: 0.375rem;
    margin-bottom: 0.375rem;
    display: inline-block;
    height: 1.75rem;
    line-height: 1.75rem;
    padding-left: 1.25rem!Important;
    padding-right: 1.25rem!Important;
}
.section {
  position: relative;
  padding:3.8rem 0;
  overflow: hidden;
  transition: height 1.5s ease;
}
div[role='complementary'] .section-col{
    vertical-align:top!Important;
}
div[role='complementary'],body.help{
    /*background-color:transparent!Important;*/
    /*background-color:#ecf5fb!Important;*/
    /*background-image: url('../images/fon.svg');*/
    /*background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: center bottom;*/
    background-image: url(../images/body_left.svg), url(../images/body_right.svg);
    background-size: 24rem, 24rem;
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, right bottom;    
}
body.help{
    background-attachment: fixed, fixed;
    /*background-size: 16rem, 16rem;*/
}
.section-box{
    max-width: 62.5rem;
    width: 62.5rem;
    margin: 0 auto;
    min-height: 1px;
}
.section-box.animated.fadeOutRight,
.section-box.animated.fadeInLeft{
    overflow: hidden;
}
.fadeOutLeft{
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
}
.section-col{
    width:49.99%;
    min-height: 1px;
    display: inline-block;
    vertical-align: middle;
}
.section-text a:after{/*, a.featured:after, .copyright a:after*/
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color:#38a3f1;
    background-image: url(../images/goout.svg);
    background-position: center center;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    margin-left:2px; 
    margin-top: 0;
}
.section-text a{
    white-space: nowrap;
    display: inline-block;
}
.section-text a, .copyright a{
    color:inherit!Important;
    padding:0.12rem 0.6rem 0.22rem 0.6rem!Important;
    border-radius:4rem;
    line-height:128%;
    box-shadow: 0 0 0.35rem rgb(191, 218, 236);
    margin-bottom:0.2rem;
    border: solid 2px transparent;
}
.section-text a:hover, .copyright a:hover{
    border: solid 2px #008df7;
}
.section-text p a{
    padding-left:0.25rem;
    padding-right:0.25rem;
}
.section-text p{
    padding:0.5rem 0 0.75rem 0;
}
.section-text b{
    display: block;
    color: #008df7;
    font-size: 34px;
    line-height: 110%;
    font-weight: 300;
    padding-bottom: 0.9rem;
}
.section-text{
    color:#436e8a;
    font-size:1.3rem;
    line-height: 150%;
    font-weight: 400;
    padding: 0 1.12rem 0 2.37rem;
}
iframe.section-box-img{
    border-bottom:solid 2px #c8ddea;
}
.section-box-img{
    width:100%;
}

.section:nth-child(odd){
    background-color:#ecf5fb;
    /*box-shadow:inset 0 7.5rem 7.5rem rgba(255,255,255,1);*/
    background: linear-gradient(0deg, rgba(236,245,251,1) 0%, rgba(255,255,255,1) 100%);
}
.section:nth-child(even){
    background-color:#FFFFFF;
}
.cover .cover-overlay{
    position:absolute;top: 0;left:0;bottom:0;
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
a.langswitch:hover{
    color:rgba(255,255,255,0.6);
}
a.langswitch{
    position: fixed;
    top: 0;
    right: 0;
    height: 3.5rem;
    width: 2.875rem;
    line-height:3.5rem;
    color: rgba(255,255,255,1.0);
    z-index: 3000;
    text-align: center;
    font-size: 90%;
    border-left: solid 1px rgba(255,255,255,0.1);
    background:#0063cc;
}
.cover .cover-overlay .whitebox p{
    font-size:1.25rem;
    font-weight:300;
    text-align: center;
    padding-bottom: 1.125rem;
}
.cover .cover-overlay .whitebox{
    background: rgba(255,255,255,0.93);
    padding:1.25rem;
    border-radius:0.25rem;
    color: #008df7;
    max-width: 30rem;
    display: block;
    text-align:left;
    margin:0 auto;
    right: 0;
    box-shadow: 0 0 42.62rem rgba(56,163,241,0.24);
    text-align: center;
}
.cover{
  padding: 1.875rem 0.937rem;
  margin-bottom:1.875rem;
  color: inherit;
  background-color: #eeeeee;
  margin-bottom: 0 !important;
  padding: 0 0;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  min-height:100%;
  height:100%;
  width:100%;
}
.editors{
    background-color: #FFFFFF;
    background-image: url(../images/editors.svg);
    background-repeat: no-repeat;
    background-position: center center;
    min-height:15%;
}
.welcome-bg{
    background-color: #008df7;
/*background: -moz-linear-gradient(45deg, #026bbb 0%, #008df7 100%); 
background: -webkit-linear-gradient(45deg, #026bbb 0%,#008df7 100%); 
background: linear-gradient(45deg, #026bbb 0%,#008df7 100%); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
}
.bottom-line{
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding:2.187rem;
    font-size:1.4rem;
    color:#FFFFFF;
    max-width: 62.5rem;
    margin:0 auto;
}
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, 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%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul {
    margin-top:0;
    padding-top:0;
    margin-left: 0;
    padding-left: 1.125rem;
}
li{
    margin-bottom: 0.75rem;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.code_404{
	color:#fd683b!Important;
}
html {
  overflow-y: auto!Important;
  overflow-x: hidden!Important;
  scroll-behavior: smooth;
  background-color:#ecf5fb;  
}
html,
body {
  margin: 0!Important;
  padding:0!Important;  
  font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
  color:#151f26;
  line-height: 1;
  height:100%;
}
body.dragging:before {
  content: "Бросайте файл сюда";/*"Drop the file(s) anywhere on this page"*/
  position: fixed;
  z-index:1200;
  left: 0; width: 100%;
  top: 0; height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  background-color: rgba(0,47,80, .6);
  pointer-events: none;
  color:#FFFFFF!Important;
  text-shadow:0 0 0.75rem #083f68;
  transition: all 0.5s ease;
}
a[href=''],
a[href='javascript:void(0)'] {
  cursor: default;
}
div{
    scroll-behavior: smooth;
}
.page{
    margin: 0 auto;
    margin-top: 0;
    display: block;
    max-width: 73.125rem;
    margin-bottom: 0;
    position: fixed;
    top:3.5rem;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
    left: calc((100% - 1175px)/2);
}
a.anch{
	display:inline-block;
	width:1px;
	height:3.5rem;
	margin-top:-3.5rem;
}
.phrase{
    display: block;
    background: #fff;       
}
.phrase:first-child{
    padding-top:3.5rem;
}
.phrase .inner{
    padding:0 2rem 0 2rem;
}
.phrase{
    padding-top: 3.5rem!Important;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    border-radius: 0.4rem;
    box-shadow: 0 0 1rem rgba(87, 126, 152, 0.32);
}
.ifodt:target{
    padding:0;
}
.ifodt:target .inner{
    background:#f9f2fd!Important;
    color:#a867c7;
    border-top: solid 1px #f0e3f8;
    border-bottom: solid 1px #f0e3f8;
}

.phrase h1, .phrase h2{
	padding-top:0.75rem;
	font-size:148%;
	color:#0076d1;
	font-weight:400;
    line-height:120%;    
    letter-spacing: -0.035rem;
}
.phrase h4.subtitle{
    font-size:106%;
    color:#1574b9;
	font-weight:normal;
}
.phrase h3, .phrase h4, .phrase h5{
    padding: 1rem 0 2px 0;
    line-height:120%;
    font-weight: normal;
    color: #008df7;
}
.phrase-text a.active{
    border-radius:0.75rem;
    padding-left:0.75rem;
    padding-right:0.75rem;
}
.phrase-text .txt{
	width:56%;
	display:inline-block;
	vertical-align: top;
	margin-left:1%;
}
.phrase-text img{
	width:42%;
	display:inline-block;
}
.phrase-text img[src*=".png"],
.phrase-text img[src*=".jpg"]
{
	box-shadow: 0 0 0.75rem rgba(145,175,195,0.42);
}
.fullwidth-pic img,.fullwidth-pic video{
	width:100%;
	display:inline-block;
}
.phrase-text{
	line-height:120%;
	padding:0.75rem 0 1rem 0;
}
.contents a{
	display:block;
	padding:0.4rem 0.75rem;
	margin: 0 0.2rem;
}
.contents-inner{
    position: fixed;
    width: 17rem;
    bottom: 0;
    overflow-x: hidden;
    overflow-y:auto;
    top:3.4rem;
    background: #FFFFFF;
    transition: all 0.5s ease;
    border-radius: 0.25rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: solid 1px #cfe9fb;
    box-shadow: 0 0 1rem rgba(87, 126, 152, 0.32);
}
.contents{
    width:17rem;
    float:left;
    vertical-align: top;
    min-height: 1px;
}
.main{
    width:calc(100% - 17rem);
    float:left;
}
#aroot:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    height:2.625rem;
    left:0;
    background:transparent;
    z-index:-100;
    transition: all 0.5s ease;
}
#aroot{
}
#helpmenu:hover,#helpmenu:target{
    justify-content: center;
    height:auto;
}
#helpmenu .menulist{
    display: block;
    overflow: hidden;
    width: 82%;
    margin-top: -99%;
    margin-left: 10%;
    opacity: 0;
    visibility: hidden;
    height: 0px;
    transition: all 0.5s ease;
    border-top: dashed 1px #cde1f1;
    padding-top: 0.9rem;
}
#helpmenu:hover .menulist{
    height:auto;
    opacity:1;
    visibility: visible;
    margin-top:4%;
}
#helpmenu .menulist a{
    display: block;
    text-align:left;
    padding:0.18rem 0 0.18rem 0;
}
#helpmenu:after,.welcome-bg:after{
    content:"";
    height:0.3rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius:0.25rem;
    background: rgb(255,117,182);
    background: linear-gradient(90deg, rgba(255,117,182,1) 20%, rgba(238,28,96,1) 20%, rgba(238,28,96,1) 40%, rgba(255,186,54,1) 40%, rgba(255,186,54,1) 60%, rgba(99,66,198,1) 60%, rgba(99,66,198,1) 80%, rgba(0,176,255,1) 80%, rgba(0,176,255,1) 100%);
}
.welcome-bg:after{
    height:0.3rem;
    border-radius:0;
}
#helpmenu{
    transition: all 0.5s ease;
    position: fixed;
    left:calc((100% - 23.5rem)/2);
    background: #ffffff;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: hidden;
    padding:0.9rem 0 1.8rem 0;
    border-radius: 0.25rem;
    margin: -0.125rem auto 0 auto;
    display: block;
    text-align: center;
    width: 23.5rem;
    box-shadow: 0 0 0.75rem rgb(2 107 187 / 20%);
    color: #38a3f1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}
::-webkit-scrollbar {
    width:0.75rem;
}
::-webkit-scrollbar-track {
    background:#ecf5fb;
    border-radius:0px;
}
::-webkit-scrollbar-thumb:hover{
    background:#aac2d2;
}
::-webkit-scrollbar-thumb {
    border-radius:0.2rem;
    background:#bcd3e2;
}
html,body,div,ul{
	scrollbar-width: thin;
	scrollbar-color: #bcd3e2 transparent;
}
.support-link{
    display: inline-block;
}
iframe{
  border:solid 0 transparent;
  padding: 0!Important;  
}
.jobdone{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jobdone .jobdonebtn{
    max-width:15rem;
}
.wehaveanerror{
	position: absolute;
	width: 18.75rem;
	margin:-6.25rem 0 0 -10.125rem;
	top: 50%;
	left: 50%;
	text-align: center;
	background: #ffffff;
	padding: 0.75rem;
	border-radius:0.25rem;
	/*box-shadow: 0 0 2rem rgba(56,163,241,0.24);*/
	color:#0063cf;
	box-shadow: 0 0 0.75rem rgb(2 107 187 / 20%);
}
.wehaveanerror:after{
	display: inline-block;
	content: '';
	width: 6.25rem;
	position: absolute;
	height: 6.25rem;
	left: 50%;
	margin-left: -3.125rem;
	background-image:url('../images/enot.svg');
	background-repeat:no-repeat;
	background-position: center center;
}
.redirect{
    position: absolute!Important;
    width: 18.75rem;
    margin:5.75rem 0 0 -10.125rem;
    left: 50%;
}
.check-connection{
    position: absolute;
    margin:5.125rem 0 0 -10.625rem;
    left: 50%;
    text-align: center;
    padding: 0.625rem;
    width:20rem;
    border-radius:0.25rem;
    border: none;
    background:#c6e6ff!Important;
    transition: all 0.5s ease;
    cursor:pointer!Important;    
}
.my-yandex{
    text-align: center;
    cursor: pointer!Important;
    display: block;
    max-width: 12rem;
    margin:1.25rem auto 0 auto;
    padding: 0.625rem;
    border-radius: 0.25rem;
    border: none;
    background: #c6e6ff!Important;
}
.my-yandex:before{
    background-image: url(../images/yandex-disk-ufo.svg);
    display: inline-block;
    content: '';
    width: 1.375rem;
    height:0.8rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.3rem 1.375rem;
    vertical-align: middle;
}
.my-bitbucket{
    text-align: center;
    margin: 1.25rem;
    border: none;
    cursor: pointer!Important;
    display: block;
}
.my-bitbucket:before{
    background-image: url(../images/Bitbucket.svg);
    display: inline-block;
    content: '';
    width: 2rem;
    height: 1.375rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.375rem 1.375rem;
    vertical-align: middle;
}
.my-github{
    text-align: center;
    margin: 1.25rem;
    border: none;
    cursor: pointer!Important;
    display: block;
}
.my-github:before{
    background-image: url(../images/Github.svg);
    display: inline-block;
    content: '';
    width: 2rem;
    height: 1.375rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.375rem 1.375rem;
    vertical-align: middle;
}
.bluefon{
    background:#008df7;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-height: 100%;
    height: 100%;
    width: 100%;
    text-align: center;   
    color:#FFFFFF;
}
.bluebutton:hover{
    border:solid 2px #008df7;
}
.bluebutton{
    text-align: center;
    padding: 0.75rem;
    border-radius: 5rem;
    border:solid 2px transparent;
    color: #0063cc!Important;
    background: #ffffff!Important;
    transition: all 0.5s ease;
    cursor: pointer!Important;
    position: relative;
    font-weight: 400;
    letter-spacing: -0.035rem;
    box-shadow: 0 0 0.35rem rgb(191 218 236 / 80%);
}
body.uploading .yandex-grant-access-btn{
    -webkit-animation: bg-slide 8s linear infinite;
       -moz-animation: bg-slide 8s linear infinite;
        -ms-animation: bg-slide 8s linear infinite;
         -o-animation: bg-slide 8s linear infinite;
            animation: bg-slide 8s linear infinite;
}
body.uploading label.custom-file-upload{
    -webkit-animation: bg-slide 8s linear infinite;
       -moz-animation: bg-slide 8s linear infinite;
        -ms-animation: bg-slide 8s linear infinite;
         -o-animation: bg-slide 8s linear infinite;
            animation: bg-slide 8s linear infinite;
    background:#008df7;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .21)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .21)), color-stop(.75, rgba(255, 255, 255, .21)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .21) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .21) 50%, rgba(255, 255, 255, .21) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);    
    -webkit-background-size:3.125rem 3.125rem;
    -moz-background-size:3.125rem 3.125rem;
    background-size:3.125rem 3.125rem;
}
body.errolog p{
  padding:0.5rem 0.5rem 0.5rem 1.75rem;
  color:#258ad4;
  font-size:90%;
}
body.errolog p:nth-child(odd){
	background:#f3faff;
}
a:hover{
    color:#0271c3;
    text-decoration:none;  
}
a{
    color:#0987e2;
    text-decoration:none;
    transition: all 0.5s ease;
    outline: none!Important;	
}
p{
    padding-bottom:0.5rem;
}
.mainbox{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-height: 100%;
    height: 100%;
    width: 100%;
    text-align: center;
}
.mainbox form{
    max-width:37.5rem;
    text-align: center;
    margin:0 auto;
    margin-bottom:2rem;
}
.centerbox{
    position: absolute;
    width: 212.5rem;
    color:#FFFFFF;
    cursor: pointer!Important;
}
.centerbox:before{
	display:none!Important;
}
input[type="file"] {
    display: none;
}
.banner:after{
    content:"";
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    line-height:53.5rem;
    height:3.5rem;
    width:0.37rem;
    display:block;
    background: rgb(255,117,182);
    background: linear-gradient(0deg, rgba(255,117,182,1) 20%, rgba(238,28,96,1) 20%, rgba(238,28,96,1) 40%, rgba(255,186,54,1) 40%, rgba(255,186,54,1) 60%, rgba(99,66,198,1) 60%, rgba(99,66,198,1) 80%, rgba(0,176,255,1) 80%, rgba(0,176,255,1) 100%);
}
.banner{
    left: 0;
    right: 0;
    top: 0;
    color: #0063cc!Important;
    font-weight: 600;
    position: fixed!Important;
    line-height:3.5rem;
    height:3.5rem;
    border-radius: 0!Important;
    z-index: 2000;
    border: 0 solid #ccc;
    background: #ffffff;
    text-align: center;
    display: inline-block;
    padding: 0 0.37rem 0 0.37rem;
    box-shadow: 0 0 0.75rem rgba(2, 107, 187, 0.2);
}
.jobdone-btn{
	height:2.4rem;
    position: absolute;
    background: #ffffff;
    z-index: 1000;
    overflow: hidden;
    padding:0.75rem;
    border-radius:0.25rem;
    margin: 0 auto;
    display: block;
    text-align: center;
    box-shadow: 0 0 3px #008df7;
    color: #008df7;	
    line-height:2.4rem;
}
.jobdone-btn:before{
	display:inline-block;
	content:'';
	width:3rem;
	height:2.375rem;
	background-image:url('../images/done.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:2.625rem 2.625rem;
	vertical-align: middle;
}
.modeswitchers{
    transition: all 0.5s ease-in;
}
.modeswitchers a span{
    display:none;
}    
.modeswitchers a{
    cursor:pointer;
	display:inline-block;
    padding:0.75rem;
    transition: all 0.5s ease-in;
}
.modeswitchers a:before{
    display: inline-block;
    content: '';
    width: 2.375rem;
    height: 2.375rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2rem 2rem;
    vertical-align: middle;
}
.section-text .knopke{
    margin:0.43rem 0.87rem 0.43rem 0;
}
.knopke-active{
    border:solid 2px #008df7;
}
.knopke{
    display: inline-block;
    border-radius: 4rem;
    padding: 0.3rem 1rem;
    box-shadow: 0 0 0.35rem rgba(191, 218, 236,0.8);
    margin-bottom: 0.22rem;
    margin-right: 0.22rem;
    border: solid 2px transparent;
}
.knopke:hover{
    border: solid 2px #008df7;
}
.knopke:before{
    display: inline-block;
    content: '';
    width: 2.375rem;
    height: 2.375rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2rem 2rem;
    vertical-align: middle;
}
.byYandex:before{
    background-image:url('../images/yandex-disk-ufo.svg');
}
.byYandexFolder:before{
    background-image:url('../images/yandex-folder.svg');
}
.byHand:before{
	background-image:url('../images/doc-file.svg');
}
.byGooglePicker:before{
	background-image:url('../images/google-disk.svg');
}
.byDropbox:before{
	background-image:url('../images/Dropbox.svg');
}
.byOneDrive:before,.byOnedrive:before{
	background-image:url('../images/OneDrive.svg');
}
.byBitbucket:before{
    background-image:url('../images/Bitbucket.svg');
}
.byGithub:before{
    background-image:url('../images/Github.svg');
}
.yandex-grant-access-btn:before{
	display:inline-block;
	content:'';
	width:3rem;
	height:2.375rem;
	background-image:url('../images/yandex-auth.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:2.375rem 2.375rem;
	vertical-align: middle;
}
.dropbox-grant-access-btn:before{
	display:inline-block;
	content:'';
	width:3rem;
	height:2.375rem;
	background-image:url('../images/dropbox-auth.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:3rem 2.375rem;
	vertical-align: middle;
}
.onedrive-grant-access-btn:before{
	display:inline-block;
	content:'';
	width:3rem;
	height:2.375rem;
	background-image:url('../images/onedrive-auth.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:3rem 2.375rem;
	vertical-align: middle;
}
.bitbucket-grant-access-btn:before{
	display:inline-block;
	content:'';
	width:3em;
	height:2.375rem;
	background-image:url('../images/bitbucket-auth.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:3em 2.375rem;
	vertical-align: middle;
}
.github-grant-access-btn:before{
	display:inline-block;
	content:'';
	width:3em;
	height:2.375rem;
	background-image:url('../images/github-auth.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:3em 2.375rem;
	vertical-align: middle;
}
.google-drive-grant-access-btn:before{
	display:inline-block;
	content:'';
	width:3em;
	height:2.375rem;
	background-image:url('../images/google-drive-auth.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:3em 2.375rem;
	vertical-align: middle;
}
.yandex-grant-access-btn:visited,
.yandex-grant-access-btn:hover,
.dropbox-grant-access-btn:visited,
.dropbox-grant-access-btn:hover,
.bitbucket-grant-access-btn:visited,
.bitbucket-grant-access-btn:hover,
.github-grant-access-btn:visited,
.github-grant-access-btn:hover,
.onedrive-grant-access-btn:visited,
.onedrive-grant-access-btn:hover,
.google-drive-grant-access-btn:visited,
.google-drive-grant-access-btn:hover{
    color:#FFFFFF;
}
.yandex-grant-access-btn, 
.dropbox-grant-access-btn, 
.onedrive-grant-access-btn, 
.bitbucket-grant-access-btn,
.github-grant-access-btn, 
.google-drive-grant-access-btn, 
.custom-file-upload{
    border: 0 solid #ccc;    
    background:#008df7;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .21)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .21)), color-stop(.75, rgba(255, 255, 255, .21)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .21) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .21) 50%, rgba(255, 255, 255, .21) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);    
    -webkit-background-size:3.125rem 3.125rem;
    -moz-background-size:3.125rem 3.125rem;
    background-size:3.125rem 3.125rem;    
    text-align:center;
    display: inline-block;
    padding:0.56rem 0.75rem 0.56rem 0.75rem;
    cursor: pointer;
    color:#FFFFFF;
    border-radius:0.25rem;
    font-size: 91%;
    transition: all 0.5s ease;
}
.yandex-grant-access-btn:hover, 
.dropbox-grant-access-btn:hover, 
.onedrive-grant-access-btn:hover,
.bitbucket-grant-access-btn:hover, 
.github-grant-access-btn:hover, 
.google-drive-grant-access-btn:hover, 
.custom-file-upload:hover{
    filter: brightness(1.1);
}
.yandex-box{
    max-width:37.5rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom:6rem;
}
.yandex-message, 
.dropbox-message, 
.onedrive-message, 
.bitbucket-message, 
.github-message, 
.google-drive-message{
    color:#008df7;
    padding:0.75rem;
}
.progressbar{
	position:absolute;
	width:100%;
	height:2rem;
	overflow:hidden
}
.progressload{
    background-color: #ffbd0c;
    overflow: hidden;
    box-shadow: inset 0 0 2px #fff;
    border-radius: 0.25rem;
    text-align: center;
    color: #b14e2f;
    padding:0.5rem; 
}
.progressload:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    -webkit-background-size:3.125rem 3.125rem;
    -moz-background-size:3.125rem 3.125rem;
    background-size:3.125rem 3.125rem;
    z-index: 1;
    -webkit-background-size:3.125rem 3.125rem;
    -moz-background-size:3.125rem 3.125rem;
    background-size:3.125rem 3.125rem;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
    overflow: hidden;
}
.noscript{
    position:absolute;
    width:100%;
    z-index:1200;
    top:0;
}
a.custom-file-upload, label.custom-file-upload{
    cursor: pointer;
    min-width:23.75rem;
}
.custom-file-upload:before, .banner:before{
    display: inline-block;
    content: '';
    width: 2.375rem;
    height: 2.375rem;
    background-image: url(../images/enot.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2.6rem 2.6rem;
    vertical-align: middle;
}
.custom-file-upload:after{
    display: none;
    position: absolute;
    content: attr(data-line);
    background: #ffffff;
    padding:0.5rem;
    border-radius:0.75rem;
    margin-top: -2rem;
    width: 15%;
    white-space: nowrap;
    box-shadow: 0 0 0.35rem rgba(191, 218, 236,0.8);
    color: #008df7;
    left: 42.5%;
}
.custom-file-upload span{
    padding: 0 0 0 0;
}
.filled:after{
    display: inline-block;
}
.httpcode{
  color:#008df7;
}
.uploadbox{
	width:100%;
	height:4rem;
	position:absolute;
	margin-top:-3.625rem;
	text-align:center;
	transition: all 0.5s ease;
	opacity:0;
	line-height:3.625rem;
	z-index:1200;
	border-radius: 0.25rem;
}
#uploadokay{
	background:#008df7;
	color:#ffffff;
}
#uploaderror{
	background:#008df7;
	color:#ffffff;
}
#uploaderror:target{
	opacity:1;
	margin-top:0;
}
.waitbox:after{
    content:"";
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    line-height:3.5rem;
    height:3.5rem;
    width:0.375rem;
    display:block;
    background: rgb(255,117,182);
    background: linear-gradient(0deg, rgba(255,117,182,1) 20%, rgba(238,28,96,1) 20%, rgba(238,28,96,1) 40%, rgba(255,186,54,1) 40%, rgba(255,186,54,1) 60%, rgba(99,66,198,1) 60%, rgba(99,66,198,1) 80%, rgba(0,176,255,1) 80%, rgba(0,176,255,1) 100%);
}
.waitbox{
	width:100%;
	height:3.5rem;
	background:#ffffff;	
	margin:0;
	text-align:center;
	line-height:3.5rem;
	color:#0063cc!Important;
	font-weight: 600;
}
.waitbox span:before{
	display:inline-block;
	content:'';
	width:3rem;
	height:2.375rem;
	background-image:url('../images/enot.svg');
	background-repeat:no-repeat;
	background-position: center center;
	background-size:2.625rem 2.625rem;
	vertical-align: middle;
}
.uploadmax{
	padding:0.5rem;
	font-size:90%;
	color: #008df7;
}
@keyframes shadowAnim2 {
  0%   { box-shadow: inset 0 0 0.625rem rgba(168,103,199,0.3);}
  100% { box-shadow: inset 0 0 0 rgba(168,103,199,0.3);}
}
@-webkit-keyframes shadowAnim {
  0%   { box-shadow: inset 0 0 0.625rem rgba(168,103,199,0.3);}
  100% { box-shadow: inset 0 0 0 rgba(168,103,199,0.3);}
}
@keyframes shadowAnim {
  0%   { box-shadow: inset 0 0 0.625rem rgba(9,139,233,0.3);}
  100% { box-shadow: inset 0 0 0 rgba(9,139,233,0.3);}
}
@-webkit-keyframes shadowAnim {
  0%   { box-shadow: inset 0 0 0.625rem rgba(9,139,233,0.3);}
  100% { box-shadow: inset 0 0 0 rgba(9,139,233,0.3);}
}
.phrase:target .inner{
  animation: shadowAnim 2s 1 forwards;
}
.ifodt:target .inner{
  animation: shadowAnim2 2s 1 forwards;
}
 
@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position:3.125rem 3.125rem;
    }
}
.welcomepage{
	background-color:#008df7;
	background-image:url('../images/welcomepage.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
    height: 100%;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}
.welcome-message span{
    padding: 0.375rem;
    display: block;
}
.welcome-message{
    background:rgba(255,255,255,0.9);
    padding:0.5rem 0 0.5rem 0;
    border-radius: 0.25rem;
    color: #008df7;
    max-width:25rem;
    display: block;
    text-align: center;
    margin-top: 0;
    bottom:-0.25rem;
    position: fixed;
    left:calc(50% - 12.5rem);
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
    box-shadow: 0 0 2.625rem rgba(56,163,241,0.24);
}
.version{
	opacity:0.5;
}
.myname{
    white-space: nowrap;
}
.layout-table td{
	padding:0.75rem;
	color:#0d67b8;
	width:33%;
	text-align:center;
}
.layout-table{
	margin-top:0.25rem;
	margin-bottom:-1.125rem;
	width:100%;
}
.copyright{
    padding:1.25rem 1rem 4.875rem 1rem;
    text-align: center;
    font-size: 80%;
    margin: 0 auto 0 auto;
    color: #008df7;
    line-height: 150%;
}
#terms .inside{
	text-align:justify!Important;
	padding-left:1.125rem!Important;
	padding-right:1.125rem!Important;
}
.frontpage-footer{
    padding: 0 0 0.5rem 0;
    text-align: center;
    display: block;
    position: fixed;
    bottom: -0.25rem;
    left: 50%;
    margin-left: -12.5rem;
    width: 25rem;
    height:4.5rem;
    border-radius: 0.25rem;
    background: #ffffff;
    font-size: 86%;
    box-shadow: 0 0 2rem rgba(56,163,241,0.24);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    color:#848484;
}
.footer-img{
    float:left;width:2.375rem;height:2.375rem;margin:0 0.5rem 2.375rem 0;
}
.footer.active a.hider span{
    display:inline-block;
}
.footer a.hider:before{display:none;}
.footer a.hider span{
    color:#90c7f1;
    display:none;
    line-height: 3.75rem;
    text-align: center;
}
.footer.active a.hider{
    transition: all 0.5s ease-in;
    background-color:#f6fbff;
}
.footer a.hider{
    display:block;
    position:absolute;
    top:0;
    right:0;
    left:0;
    padding: 0;
    height: 3.75rem!important;
}
.footer:before{
    content: attr(data-title);
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: -2.5rem;
    height:2.5rem;
    line-height:2.5rem;
    color: #008df7;
}
.footer.active.modeswitchers a{
}
.footer.active.modeswitchers a span{
    display:inline-block;
}
.footer.modeswitchers .modeswitchers-inner{
    transition: all 0.5s ease-in;
    margin-top:0.6rem;
}
.footer.active.modeswitchers .modeswitchers-inner{
    margin-top:3.75rem;
}
.footer.active{
    height:70%;
}
.footer{
    height:5.0rem;
    transition: all 0.3s ease-in;
    padding:0.4rem 0 0.5rem 0;
    text-align: center;
    display: block;
    position: fixed;
    bottom: -0.25rem;
    left: 0;
    right: 0;
    border-radius: 0.25rem;
    background: #ffffff;
    box-shadow: 0 0 0.75rem rgb(2 107 187 / 20%);
}
.txt .ifodt h5, .txt .ifodt h4, .txt .ifodt h3, .txt .ifodt h2, .txt .ifodt h1{
	padding-top:0;
}
.txt .ifodt h5, .txt .ifodt h4, .txt .ifodt h3, .txt .ifodt h2, .txt .ifodt h1,
.ifodt:target h6, .ifodt:target h5, .ifodt:target h4, .ifodt:target h3, .ifodt:target h2, .ifodt:target h1{
    color: #008df7!Important;
    font-weight: 600;
}
.txt .ifodt, .ifodt-inline{
	/*background:#f9f2fd;
	color:#a867c7;
	border-radius:0.22rem;
	padding:0.25rem 0.25rem 0.25rem 0.56rem;
	border: solid 1px #e9d9f3;*/
	margin-bottom:0.22rem;
	border-radius:0.5rem;
    border-left: solid 3px #0791f9;
	font-size:90%;	
    padding: 0.2em 0.2em 0.2em 0.5em;
    margin: 0.2em;
    background: #d4edff;
    color:#186fb1;	
}
.ifodt-inline{
    width: auto;
}
.ifodt{
}
.txt .ifodt a:hover, .ifodt:target a:hover{
}
.txt .ifodt a, .ifodt:target a{
	text-decoration:underline;
}
.darker{
    color:#0271c3;
}
/*--yaya-------------*/
.cookie-notification a{
    color:#7cc3fd;
}
.cookie-notification {
    position: fixed;
    background-color: #008df7;
    bottom: 0.75rem;
    right: 5rem;
    width: 18.75rem;
    color: white;
    text-align: center;
    border-radius: 0.25rem;
    padding: 0.5rem;
    border: none;
    max-height: 11.25rem;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 0 1rem rgb(87 126 152 / 32%);
}
.cookie-notification_hidden_yes {
    display: none;
}
.cookie-notification__header {
    margin-bottom: 0.625rem;
    font-size: 1.4rem;
}
.cookie-notification__body {
    margin-bottom: 0.625rem;
}
#hamb{
    display:none;
}
#hamb-close{
    opacity:0;
    position:relative;
    display:none;
    height:1px;
    padding: 0;
    margin: 0;
}
a.featured, a.featured:hover{
    color: #b478d6;
    font-weight:400;
}
.helpfooter{
    background-size:auto 150%;
    background-position:center center;
    color:#638fad;
}
a[href$=".pdf"]:after{
    content: "PDF";
    color: #FFFFFF;
    font-size: 0.5rem;
    line-height: 1.2rem;
    text-align: center;
    display: inline-block;
    width: 1.2rem;
    height:1.2rem;
    border-radius: 50%;
    background-color: #74b700;
    margin-left: 2px;
    margin-top: -0.4rem;
}
/*--------------------*/
@media (max-width: 106.25rem){
    div[role='complementary'],body.help{
        background-size:20rem 18rem;
    }
}
@media (max-width: 100rem){
    div[role='complementary'],body.help{
        background-size:18rem 16rem;
    }
}
@media (max-width: 96.4rem){
    div[role='complementary'],body.help{
        background-size:16rem 14rem;
    }
}
@media (max-width: 92.2rem){
    div[role='complementary'],body.help{
        background-size:13rem 11rem;
    }
}
@media (max-width: 73.125rem){  
    div[role='complementary'],body.help{
        background-image:none!Important;
    }
    .page{
        width:100%!Important;
        left:0!Important;
        right:0!Important;
    }
    #searchbox{
        width:calc(100% - 18rem)!Important;
    }
}
@media (max-width: 1060px) {
    .section-box {
        width: 100%;
        min-height: 1px;
        margin:0 0 0 0;
    }
    .phrase-text img {
        width: 48%;
        display: inline-block;
    }
    .phrase-text .txt {
        width: 50%;
    }
}
@media (max-width: 770px){
    iframe.section-box-img{
    }
}
@media (max-width: 680px){
    #helpmenu{
        width:100%;
        left:0;
    }
    .phrase{
        margin-left:0;
        margin-right:0;
    }
    .phrase:target,.phrase:nth-child(2){
        padding-top:7rem!Important;
    }
    .page {
        top:0!Important;
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #searchbox{
        width:100%!Important;
        max-height: calc(100% - 5.43rem);
        margin-left:0!Important;
    }
    .decr{display:none;}
    .footer-img{
        float: none!Important;
        margin: 0 auto;
        display: block;
    }
    #hamb{
        display: block;
        height: 2.62rem;
        width: 2rem;
        position: fixed;
        top: 0.4rem;
        left: 1rem;
        z-index: 3000;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='rect843' d='m2.7837 4.0356c-1.1221 0-2.026 0.90391-2.026 2.026 0 1.1221 0.90391 2.026 2.026 2.026h24.515c1.1221 0 2.026-0.90391 2.026-2.026 0-1.1221-0.90391-2.026-2.026-2.026zm0.095484 9.3559c-1.1221 0-2.0246 0.90391-2.0246 2.026s0.90242 2.0246 2.0246 2.0246h24.516c1.1221 0 2.0246-0.90242 2.0246-2.0246s-0.90242-2.026-2.0246-2.026zm-0.095484 9.3559c-1.1221 0-2.026 0.90391-2.026 2.026 0 1.1221 0.90391 2.0246 2.026 2.0246h24.515c1.1221 0 2.026-0.90242 2.026-2.0246 0-1.1221-0.90391-2.026-2.026-2.026z' fill='%230063cc' style='paint-order:markers fill stroke'/%3E%3C/svg%3E%0A");
        background-size:100% 100%;
        background-repeat:no-repeat;
    }
    #menu:target #hamb-close{
        opacity:1;
        position: fixed;
        display: block;
        right: 0.2rem;
        height:2.5rem;
        width: 2.5rem;
        z-index: 3000;
        padding: 0;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3.0972 0.20527c-0.68126 0-1.3633 0.26257-1.8854 0.78459-1.044 1.044-1.044 2.7247 0 3.7687l10.093 10.093-10.093 10.093c-1.044 1.044-1.044 2.7267 0 3.7707 1.044 1.044 2.7247 1.044 3.7687 0l10.095-10.093 10.093 10.093c1.044 1.044 2.7247 1.044 3.7687 0 1.044-1.044 1.044-2.7267 0-3.7707l-10.093-10.093 10.093-10.093c1.044-1.044 1.044-2.7247 0-3.7687-1.044-1.044-2.7247-1.044-3.7687 0l-10.093 10.093-10.095-10.093c-0.52202-0.52201-1.2021-0.78459-1.8834-0.78459z' fill='%23fff' style='paint-order:markers fill stroke'/%3E%3C/svg%3E");
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .contents-inner::-webkit-scrollbar {
        display: none;
        width: 0px!Important;
    }
    .main {
        width:100%;
        float:none;
    }
	#menu{
        position: fixed;
        left:-112%;
        transition: all 0.5s ease-in;
        z-index: 1000;
	}
	.contents-inner{
	    width: 100%;
	    background:#008df7!Important;
	}
	#menu:target{
		position: fixed;
        width: 108%;
        left:-1px;
        bottom:0;
        z-index: 10;
	}
	.contents a, .contents a:visited{
		padding-left:2rem;
		padding-right:2rem;
		color:#FFFFFF!Important;
	}
	.contents{
	    width:100%;
	    margin-left:0!Important;
	    float:none;
	    padding-right:0!Important;
	    padding-left:0!Important;	    
	    font-size:100%!Important;
	    padding-top:4.5rem;
	}
	.phrase-text .txt{
		width:40%!Important;
		display:inline-block;
		vertical-align: top;
		margin-left:1%;
	}
	.phrase-text img{
		width:58%!Important;
		display:inline-block;
	}
	.welcomepage{
		background-position:center center;	
	}
	.copyright, .page{
		border-radius:0;
	}
	.section-col{
        width:100%;
        display:block;
        padding-bottom:0.1rem;
    }
    .section-box {
        width: 100%;
        margin: 0!Important;
        min-height: 1px;
    }
    .section-text {
        padding:1.375rem;
        text-align:center;
    }
    .section-text {
        padding:0;
        padding-right:1.375rem!Important;
        padding-left:1.375rem!Important;
    }    
}
@media (max-width: 580px){  
    .phrase-text .txt{
		width:100%!Important;
		display:inline-block;
		vertical-align: top;
		margin-left:0%;
		margin-top:2%;
	}
	.phrase-text img{
		width:100%!Important;
		display:inline-block;
	}
	.cover .cover-overlay .whitebox{
	    position: fixed;
        bottom: 0;
        left: 0;
        right:0;
	}
	.sect-btn{
	    display:block;
	    margin-right:0;
        margin-bottom:0.25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
	.bottom-line{
        line-height:120%;	    
	}
	.bottom-line br{display:none;}
	.section-text{
    }
    .cookie-notification {
        border-radius:0;
        width: calc(100% - 1rem)!important;
        left:0;
        right:0;
        bottom:0!important;
        padding: 0.87rem;
    }
}

@media (max-width: 840px){  
	.phrase-text .txt{
		width:100%;
		margin-top:2%;
	}
	.phrase-text img{
	    width:72%;
	}
	p.footer-links a{
        display: block;
        margin-bottom: 0.8rem;
        white-space: normal;
        text-align: center;
	}
}
@media (max-width: 460px){
    .bnrbtn{
        display:none;
    }
}

/*------------------normalize-----------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
hr{
    box-sizing: content-box;
    color: transparent;
    min-height: 0.5em;
    padding: 0;
    margin: 0;
    border: none;
}
.cloud-comment{
    font-size:90%;
}
.musebtn:after{
    content: "";
    height: 0.2rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0.25rem;
    background: rgb(255,117,182);
    background: linear-gradient(90deg, rgba(255,117,182,1) 20%, rgba(238,28,96,1) 20%, rgba(238,28,96,1) 40%, rgba(255,186,54,1) 40%, rgba(255,186,54,1) 60%, rgba(99,66,198,1) 60%, rgba(99,66,198,1) 80%, rgba(0,176,255,1) 80%, rgba(0,176,255,1) 100%);    
}
/*----------------------------------------------*/
.video-sect{
    background-color: #ecf5fb!Important;
    padding-bottom:0!Important;
    /*box-shadow:inset 0 -20px 20px -20px rgba(99,143,173,0.4);*/
}
.videobox{
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-image: url(../images/ultrabook.svg);
    background-repeat: no-repeat;
    background-size:1050px 1000px;
    background-position: 0px 0px;
    position: relative;
}
.videomedia{
	outline: none;
	transform-origin: 50% 50% 0px;
	transform:scale(0.662,0.658) matrix3d(1.18741, -0.649758, 1, 0.00010, -0.023, 1.52, 0, 4.3e-05, 0, 0, 1, 0, 12, 268, 0, 0.83);
}
.videomedia-text{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40%;
    display: flex;
    align-items: center;
    padding-bottom:2rem;
}
.videobox-container{
    width: 100%;
    overflow: hidden;
    height:800px;
    margin-top: -60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    position: relative;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
video.video-box{
	width:100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px){	
  .videomedia{
	 transform: scale(1,1)!Important;
	 width:100%!Important;
  }
  .videobox{
	  background:none!Important;
  }
  .videobox-container,.videobox-section{
    margin:0px!Important;
	height:auto!Important;
  }
  .videomedia-text{
	  display:block!Important;
	  position: relative!Important;
	  width:100%!Important;
  }
}
@media only screen and (max-width: 768px) {
  .videomedia{
	 transform: scale(1,1)!Important;
	 width:100%!Important;
  }
  .videobox{
	  background:none!Important;
  }
  .videobox-container,.videobox-section{
    margin:0px!Important;
	height:auto!Important;
  }	
  .videomedia-text{
	  display:block!Important;
	  position: relative!Important;
	  width:100%!Important;
  }
}
@media only screen and (max-width: 500px){
  .videomedia{
	 transform: scale(1,1)!Important;
	 width:100%!Important;
  }
  .videobox{
	  background:none!Important;
  }
  .videobox-container,.videobox-section{
    margin:0px!Important;
	height:auto!Important;
  }
  .videomedia-text{
	  display:block!Important;
	  position: relative!Important;
	  width:100%!Important;
  }
}
/*---------lessinfo--------------------*/
#lessinfo{
    z-index:4000;
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	width:100%;
    display:none;
    background-color:#ecf5fb;
    align-items: center;
}
#lessinfo:target{
	display: flex;
}
#lessinfo .docsite-loader{
    position: relative;
    width: 17.5rem;
    height: 19rem;
    background-size: 12.25rem 13.12rem;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0 auto;
}
.docsite-loader-text p{
    background:none!Important;
}
.docsite-loader-text{
	position: absolute;
    bottom: 0;
    width: calc(100% - 0.6rem);
    left: 0;
    text-align: center;
    padding: 0.3rem;
    color: #638fad;
}
#lessinfo .button{
	display:block;
	margin:0 auto;
    text-align: center;
    cursor: pointer!Important;
    max-width: 12rem;
    padding: 0.625rem;
    border-radius: 0.25rem;
    border: none;
    background: #FFFFFF!Important;	
	box-shadow: 0 0 0.2rem rgba(123,143,156,0.2);
}
#lessinfo .bluebutton{
	display:block;
	margin:0 auto;
}
input.ffield,
textarea.ffield {
  border: solid 2px #6cd2f6;
  border-radius: 0.25rem;
  outline: none;
  transition: all 0.5s ease;
  padding:0.5rem;
  width:calc(100% - (1rem + 4px));
}
.submit{
  padding:0.6rem 0.9rem;
  display:inline-block;
}
/*----------------------------------------------*/
/*
48em; // 768px
64em; // 1024px
85.375em; // 1366px
120em; // 1920px
160em; // 2560px
*/
@media (max-width: 160rem) {
    html{font-size: 17px!Important;}
} 
@media (max-width: 120rem) {
    html{font-size: 16px!Important;}
} 
@media (max-width: 85.375rem) {
    html{font-size: 15px!Important;}
}
@media (max-width: 64rem) {
    html{font-size: 14.5px!Important;}
}
@media (max-width: 48rem) {
    html{font-size: 14px!Important;}
}
body *::selection{
    background: #fdd51c;
    color: #180f59;
}

#banner:selection{
    background-color:#0063cc;
    color:#FFFFFF;
}