*{font-family: 'Roboto', sans-serif;}
.logo img{width:80px;}
.nav-item{padding: 0 7px;}
.nav-link {color:#3c3c3c;font-size:19px;}
.nav-item.enter-reg .nav-link, .nav-item.enter-reg .nav-link:focus{color:#fff;}
.enter{padding: 11px 12px 11px 20px; background-color:#da3e5d;border-radius: 80px 0px 0px 80px;transition: all 0.4s ease-in-out;line-height: 1;}
.exit{padding:11px 20px; background-color:#5e85ba;border-radius: 80px;transition: all 0.4s ease-in-out;color:#fff;border:0;font-size: 19px;outline: none;}
.exit:hover{transition: all 0.4s ease-in-out;border-radius: 10px;outline: none;}
.reg{padding: 11px 20px 11px 12px; background-color:#ffb849;border-radius: 0px 80px 80px 0px;transition: all 0.4s ease-in-out;}
.nav-link:hover .reg{background-color:#da3e5d;transition: all 0.4s ease-in-out;color:#fff;}
.nav-link:hover .enter{background-color:#ffb849;transition: all 0.4s ease-in-out;color:#fff;}
.nav-link:hover {color:#5e85ba;}
#nav-icon{width: 42px;height: 32px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;  height: 6px;width: 100%;background: #5e85ba;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out; }
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2) {top: 13px;}
#nav-icon span:nth-child(3) {top: 26px;}
#nav-icon.open span:nth-child(1) {background: #da3e5d;top: 14px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg); }
#nav-icon.open span:nth-child(2) {background: #da3e5d;opacity: 0;left: -60px; }
#nav-icon.open span:nth-child(3) {background: #da3e5d;top: 14px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg); }
.navbar-toggler, .navbar-toggler:focus{border:0 none;  outline: none;}
 section{padding:60px 0;}
.section3, .section1{ background-color:#19197b;}
.posa{position:absolute;}
.section1 .item{width:60px;}
.index-logo-1{width: 200px;}
.index-logo-2{width: 300px;}
.logo-block {display: flex; flex-direction: column; justify-content: center;}
.section4 img, .section3 img, .section1 img{max-width:100%;}
.index{text-align:right; text-transform:uppercase;}
.index1{color:#fff; font-weight:900;font-size:80px;display: inline-block;line-height: 1.3em;}
.index2{color:#fff; font-weight:400;font-size:32px;display: inline-block; text-align: right; line-height: 1.3em;}
.task-box{width:100%; min-height: 600px;}
.finder-box{width:100%; min-height: 400px;border: none;}
.modal-h1{color: #3c3c3c;font-size: 45px; margin-bottom: 20px;}
.aelement1{animation: aelement1 10s linear infinite;left: 0; top: 0;}
.timer{display: inline-block;}
.timer-text {margin: 0 0 20px 0;padding: 7px 10px;background-color: #ffb849;position: relative;border-radius: 20px;    float: left;}
.timer-text img {width: 25px;position: absolute;top: 4px;}
.timer-text-p{margin-left: 34px;color: #fff;}
.clear-both{display:block; width:100%; opacity: 0;clear: both;}
.olimp-name-qw{margin: 20px 0;}
.olimp-name-qw a{color:#5e85ba; text-decoration:underline;}
.olimp-name-qw a:hover{color:#ccc; text-decoration:none;}
.md-30{margin-bottom:30px}
.registration label{margin-bottom: 0;}
.registration .form-group {margin-bottom: 11px;}
@keyframes aelement1 {from {transform: rotate(360deg);}}
@keyframes gear2 {from {transform: rotate(-360deg);}}
.aelement2{left: -30px; bottom: 110px;animation: aelement2 15s ease-in-out infinite;}
@keyframes aelement2 {
  0% {
transform: rotate(-70deg);
  }
  50% {
transform: rotate(0deg);
  }
  100% {
transform: rotate(-70deg);
  }
}
.aelement3{right: 170px; top: -40px;animation: aelement3 9s ease-in-out infinite;}
@keyframes aelement3 {from {transform: rotate(-360deg);}}

.aelement4{right: 120px;top: 60px;animation: aelement4 8s ease-in-out infinite;}
@keyframes aelement4 {
  0% {
transform: rotate(-30deg);
  }
  50% {
transform: rotate(0deg);
  }
  100% {
transform: rotate(-30deg);
  }
}


.aelement5{right: 60px;bottom: 130px;animation: aelement5 11s ease-in-out infinite;}
.section1 .aelement6{left: 60px;top: -20px;animation: aelement5 11s ease-in-out infinite;width: 80px;}
.section1 .aelement7{right: 60px;top: -15px;animation: aelement2 7s ease-in-out infinite;width: 120px;}
.section1 .aelement8{left: 60px;bottom: 35px;animation: aelement3 20s linear infinite;width: 70px;}
.aelement9{right: 130px;bottom: -40px;animation: aelement5 11s ease-in-out infinite;}
@keyframes aelement5 {
  0% {
transform: rotate(30deg);
  }
  50% {
transform: rotate(0deg);
  }
  100% {
transform: rotate(30deg);}}
  
.section4 h2, .section3 h2, .section2 h2{color: #3c3c3c; font-size: 55px;margin-bottom:50px;}
.predmet {display: block;text-align: center;box-shadow: 0px 0px 8px #e5e5e5;border-radius: 20px;border: 2px solid #fff;margin-bottom: 30px;transition: all 0.4s ease-in-out;}
.predmet svg, .predmet img{padding: 35px 35px 0px 35px; max-width: 100%;transition: all 0.4s ease-in-out;}
.predmet:hover svg, .predmet:hover img{padding: 15px 25px 0px 25px; transition: all 0.4s ease-in-out;}
.predmet, .predmet p{color: #3c3c3c;text-decoration:none;}
.modal-h1, .catalog-predmet span{text-transform: lowercase;}
.predmet p:first-letter, .modal-h1:first-letter, .catalog-predmet span:first-letter{text-transform:uppercase;}
.predmet p{padding: 13px 0;margin-bottom: 0;transition: all 0.4s ease-in-out;text-transform: lowercase;}
.predmet:hover {box-shadow: 0px 0px 0px #fff; border-radius: 20px;border: 2px solid #5e85bb;text-decoration:none;transition: all 0.4s ease-in-out;}
.predmet:hover p{color: #5e85bb;transition: all 0.4s ease-in-out;}
.predmet .img-svg path, .predmet .img-svg polygon, .predmet .img-svg rect{fill: #DA3E5D;transition: all 0.4s ease-in-out;}
.predmet:hover .img-svg path, .predmet:hover .img-svg polygon, .predmet:hover .img-svg rect{fill: #5e85bb;transition: all 0.4s ease-in-out;}

.gear1{animation: aelement1 2s linear infinite;right: 30px;top: 90px;width: 80px;}
.gear2{animation: gear2 5s linear infinite;right: 0px;top: 170px;width: 50px;}

.pimg{display: table-cell; width:70px;vertical-align: top;padding-top: 7px;}
.ptext{display: table-cell;vertical-align: top;padding-left:25px;}
.ptext h3{color:#da3e5d; font-weight:400;}
.ptext p{color:#3c3c3c;font-size:18px;}
.process-item{margin-bottom:15px;}
.section4{ background-image:url(../images/back4.svg);background-size: cover;}
.vopros-img{padding-top:40px}
 .vopros1 {animation: vopros1 11s ease-in-out infinite;
 left: 30px;
 width: 200px;
 transform: rotate(-40deg);
 top: -30px;
}
.vopros2{animation: vopros2 4s ease-in-out infinite;left: 30px;
 width: 200px;
 top: -30px;}
@keyframes vopros2 {
  0% {transform: scale(1.1);}
  50% {transform: scale(0.5);}
  100% {transform: scale(1.1);}
}
@keyframes vopros1 {
  0% {transform: rotate(-40deg);}
  50% {transform: rotate(-50deg);}
  100% {transform: rotate(-40deg);}
  }
.accordion p {  padding: 20px;}
.accordion {position: relative;}
.accordionTitle, .accordion__Heading {background-color: #da3d5d; padding: 20px 20px 20px 40px;  display: block; text-decoration: none; color: #fff;  -webkit-transition: background-color 0.5s ease-in-out;  transition: background-color 0.5s ease-in-out;font-weight:400;border-radius: 20px;position: relative;border: 1px solid #da3d5d}
.accordionTitle:before, .accordion__Heading:before {content: "+"; font-size: 40px;  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  position: absolute;top: 2px;left: 11px;}
.accordionTitle:hover, .accordion__Heading:hover {color:#fff;}
.accordionTitleActive, .accordionTitle.is-expanded {background-color: #fff; color:#da3d5d;border:1px solid #da3d5d;}
.accordionTitleActive:before, .accordionTitle.is-expanded:before {-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}
.accordionItem {height: auto;overflow: hidden;-webkit-transition: max-height 1s;transition: max-height 1s;}
.accordionItem.is-collapsed {max-height: 0;}
.no-js .accordionItem.is-collapsed {max-height: auto;}
.animateIn {-webkit-animation: accordionIn 0.45s normal ease-in-out both 1;animation: accordionIn 0.45s normal ease-in-out both 1;}
.animateOut {-webkit-animation: accordionOut 0.45s alternate ease-in-out both 1; animation: accordionOut 0.45s alternate ease-in-out both 1;}
@-webkit-keyframes accordionIn {
  0% {
 opacity: 0;
 -webkit-transform: scale(0.9) rotateX(-60deg);
transform: scale(0.9) rotateX(-60deg);
 -webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
  }
  100% {
 opacity: 1;
 -webkit-transform: scale(1);
transform: scale(1);
  }
}
@keyframes accordionIn {
  0% {
 opacity: 0;
 -webkit-transform: scale(0.9) rotateX(-60deg);
transform: scale(0.9) rotateX(-60deg);
 -webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
  }
  100% {
 opacity: 1;
 -webkit-transform: scale(1);
transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
 opacity: 1;
 -webkit-transform: scale(1);
transform: scale(1);
  }
  100% {
 opacity: 0;
 -webkit-transform: scale(0.9) rotateX(-60deg);
transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
 opacity: 1;
 -webkit-transform: scale(1);
transform: scale(1);
  }
  100% {
 opacity: 0;
 -webkit-transform: scale(0.9) rotateX(-60deg);
transform: scale(0.9) rotateX(-60deg);
  }
}
  
  
  
footer{background-color: #da3d5d;padding:30px 0;}
footer a{color:#fff;text-decoration:underline;}
footer a:hover{color:#fff;text-decoration:none;}
footer ul{list-style: none;margin-bottom:0;}
footer li{margin:10px 0;color:#fff;}
.logo-asu{width:130px;} 

.catalog-item{padding-top:35px;padding-bottom:35px;border-bottom: 1px solid #ccc;}
.catalog-item:first-child{padding-top:0px;}
.catalog-item:last-child{border-bottom: 0 none;}
.content h1{color: #3c3c3c; font-size: 45px; margin-bottom: 20px;}
.content{padding-top:20px;background-color:#f6f8f9;}
.catalog-img {display: block;}
.catalog-img svg, .catalog-img img{ max-width: 100%; max-width:100%;;}
.catalog-name h2{color: #da3e5d;line-height: 1.1;}
.catalog-timer, .catalog-predmet, .catalog-level, .catalog-date{color:#5e85ba;}
.catalog-description{margin-top:7px;}
.catalog-options {margin-top: 15px; margin-bottom: 15px;margin-left: 0px;}
.catalog-options img{width: 25px; margin-right: 7px;display: block; float: left;}
.catalog-options span{display: block; float: left;margin-top: 3px;font-size: 14px;}
.btn-confirm{padding: 12px 20px; background-color: #da3e5d;transition: background-color 0.2s ease-in-out;border-radius: 10px; color:#fff;font-size: 19px; display:block;float: left; margin-top: 20px;}
.btn-confirm:hover{background-color: #ffb849;transition: background-color 0.2s ease-in-out;text-decoration:none;color:#fff;}

.btn-red{padding: 12px 20px;background-color: #da3e5d;transition: background-color 0.2s ease-in-out;border-radius: 10px;color: #fff;font-size: 19px;display: block;float: left;border: 0 none;}
.btn-red:hover{background-color: #ffb849;transition: background-color 0.2s ease-in-out;text-decoration:none;color:#fff;}

.table{display:table;color:#3c3c3c}
.table-cell{display:table-cell;padding: 12px;border-bottom: 1px solid #ccc;}
.table-row{display:table-row;}
.head{font-weight:bold;}
.table.result span{display:none}

.form-check {padding-left: 2.25rem;}
.form-check small{margin-top:0;margin-bottom: 1rem;}
form label{color:#3c3c3c;}
.form-control:focus {color: #495057;box-shadow: 0px 0px 8px #e5e5e5; border-color: #5e85ba; outline: 0;}
.h2, h2, .modal-body p, .modal-title{color:#3c3c3c}
.test-item{margin:20px 0;}

.inputfile {width: 0.1px;height: 0.1px;	opacity: 0;	overflow: hidden;	position: absolute;	z-index: -1;}
.inputfile + label {color: #fff;	background-color: #5e85ba; cursor:pointer; padding:10px 20px; border-radius:10px;}
.inputfile:focus + label, .inputfile.has-focus + label, .inputfile + label:hover {background-color: #0b994e;}
.inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: currentColor;margin-top: -0.25em;margin-right: 0.25em;}
.inputfile + label * {pointer-events: none;}

.form-check input{margin-top: 12px;}
.form-check {position:relative; clear:both;}
.form-check-label {position:relative; clear:both; float: left;padding: 7px 0;}
.form-check-label.answer { border: 2px solid; display: block;padding: 5px;}
.form-check-label p {margin-bottom:0}

.date-tab-news {
  position: absolute;
  color: #fff;
  top: 18px;
  left: 33px;
  font-weight: 600;
  line-height: 1;
  text-shadow: 0px 0px 3px #333;
}
.date-tab-news-tags .day-news, .date-tab-news .day-news{font-size:40px;clear:both;display:block;}
.date-tab-news-tags .month-news, .date-tab-news .month-news{font-size:17px;display:block;}
.date-tab-news .year-news{font-size:14px;display:block;margin-top:5px;}
.date-tab-news-tags{position:absolute;color:#333333;top:26px;left:230px;font-weight:600;line-height:1;}
.shadow-news{background:url('/templates/aspunew/images/shadow-news.png') no-repeat;position:absolute;top:0;left:15px;height:100%;width:100%;max-width:80%;max-height:50%;background-size:contain;}
.white-shadow-news{height:50px;width:100%;background:url('/templates/aspunew/images/white-shadow-news.png') repeat-x;position:absolute;bottom:0;}
.link-img-caption .item-img{min-height: 110px;}
.item-caption{font-size:18px;margin-top:15px;line-height:1.3;}
.short-text{font-size:16px;color:#333333}
.item-news-index{height:420px;overflow:hidden;margin-bottom:15px;}
.link-img-caption .item-img {
  min-height: 110px;
}
.page-cats-news:nth-child(odd) {
  clear: both;
}
.page-cats-news {
  margin-bottom: 30px;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.more-news-for-tag, .more-news {
  width: 100%;
  max-width: 270px;
  margin: 0 auto;
  padding: 10px 20px;
  color: #0077cc;
  background: #fff;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #0077cc;
  text-decoration: none;
  clear: both;
  float: left;
}
.pagenews-date {
  float: left;
  margin-top: 10px;
}
.pagenews-date img {
  vertical-align: top;
  margin-top: 2px;
}
.pagenews-date span {
  color: #999999;
  font-size: 14px;
}
.new-list-short-text {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.5;
}
.long-text-news p {
  line-height: 1.6;
  margin: 0 0 20px;
}
.first-img-news {
  max-width: 300px!important;
  margin: 0 0px 2px 20px;
  float: right;
}
.social-buttons {
  float: right;
  margin-top: 8px;
}
.long-text-news .tag-news-block {
  font-size: 20px;
  margin-bottom: 10px;
}
.next-previos-news{width:100%;padding:10px;}
.previous_news_a, .next_news_a{font-size:13px}
.long-text-news p{line-height:1.6;margin:0 0 20px;}
.single_image img{height:auto!important;max-width:100%;}
.previos-news a:hover, .next-news a:hover{text-decoration:none;}
.next-news{text-align:right;}
.next_news, .previous_news{font-size:18px;color:#999999;display:block;}
.author-list{font-size:13px;}
.author-list p{margin-bottom:10px;}
.tags-news a {
  color: #0077cc;
  background: #fff;
  padding: 4px 7px;
  border: 1px solid #ccc;
  text-decoration: none;
  font-size: 11px;
  float: left;
  display: block;
  margin: 3px;
  transition: all 0.2s ease-in-out;
}
.tags-news a:hover {
  color: #fff;
  background: #0077cc;
  border: 1px solid #fff;
  transition: all 0.2s ease-in-out;
}
.border-frame-news {
  border: 4px solid #e5e5e5;
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 30px;
}
p.similar-caption {
  margin-bottom: 0px;
  font-size: 30px;
  color: #333333;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 25px 10px 0px;
}
.img-date-tags {
  background: #e5e5e5;
}
.img-news-tag {
  max-width: 180px;
  max-height: 140px;
  min-height: 115px;
}
.date-tab-news-tags {
  position: absolute;
  color: #333333;
  top: 26px;
  left: 230px;
  font-weight: 600;
  line-height: 1;
}
p.similar-item-caption {
  font-size: 16px;
  margin-bottom: 25px;
  margin-top: 10px;
  line-height: normal;
}
#tab-news-index .tab-news-index-a.active {
  font-size: 30px;
  color: #333333;
  cursor: default;
  text-decoration: none;
  border: 0 none;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 25px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.slash {
  color: #0077cc;
  font-size: 18px;
  padding-top: 22px;
}
#tab-news-index .tab-news-index-a {
  font-size: 18px;
  border: 0 none;
  padding: 22px 25px 10px 25px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.all-news {
  position: absolute;
  top:0px;
  right: 15px;
  color: #fff;
  background: #0077cc;
  padding: 4px 15px;
  border-radius: 50px;
  border: 1px solid #0077cc;
  text-decoration: none;
  transition: all .2s ease-in-out;
}
.container {
  position: relative;
}
.nav > li {
  position: relative;
  display: block;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

@media (max-width:1199px){

.index1 {font-size: 62px;}
.index2 {font-size: 30px;}
.aelement2 {left: -10px;}
.aelement4 {right: 60px;top: 40px;}
.aelement5 {right: 0px;bottom: 110px;}
.predmet, .predmet p {font-size: 14px; line-height: 1;}
.gear1 {top: 0px;}
.gear2 {top: 80px;}
.vopros1 {width: 170px;}
.vopros2 {width: 170px;}
.section1 .aelement8 {width: 60px;}
.section1 .aelement9 {width: 45px;bottom: -30px;}
}
@media (max-width:991px){
.index1 {font-size: 46px;}
    .index2 {
        font-size: 23px;
        text-align: center;
    }
.section1 .item {width: 40px;}
.index {margin-top: 38px;}
.section1 .aelement7 {width: 60px;}
.section1 .aelement6 {width: 60px;top: -30px;}
.aelement5 {bottom: 80px;}
.ptext h3 {font-size: 22px;}	
.ptext p {font-size: 16px;}
.pimg {width: 60px;}
.ptext {padding-left: 15px;}
.gear1 {right: 0px;width: 60px;}
.gear2 {top: 70px;width: 30px;}
.accordionTitle, .accordion__Heading {padding: 10px 10px 10px 40px;}
.accordionTitle::before, .accordion__Heading::before {top: -8px;}
.vopros1 {width: 100px;}
.vopros2 {width: 100px;}
.section4 h2, .section3 h2, .section2 h2 {font-size:45px;margin-bottom: 30px;}
footer ul {padding-left:10px;}
.logo img {width: 50px;}
.nav-item{text-align:center;}
.catalog-date, .catalog-timer{margin-top:10px;}
.registration{margin-top:40px;}
}
@media (max-width:767px){
  .logo-block {
    justify-content: center;
    align-items: center;
}
 .aelement1, .aelement2, .aelement3, .aelement4, .aelement5, .aelement6, .aelement7, .aelement8, .aelement9, .gear1, .gear2, .vopros1, .vopros2{display:none;}
 .index {margin-top: 0px;text-align:center;}
    .index1 {
        font-size: 50px;
        line-height: 1.2em;
        margin-top: 20px;
        margin-bottom: 20px;
    }
 .section4 h2, .section3 h2, .section2 h2 {text-align:center;}
 .big-image{width: 300px;display: block;margin: 0 auto;}
  .vopros-text{margin-top:25px;}
footer {text-align: center;}
.table.result span{display:inline; font-weight:bold;}
.table.result {display:block}
.table.result .table-row{display:block;border-left: 1px solid #ccc;margin-bottom:25px;}
.table.result .table-cell{display:block; border-bottom: 0 none;padding: 4px 12px;}
.table.result .head{display:none}
}
@media (max-width:575px){
.index1 {font-size: 41px;}	
	.catalog-level {margin-top:10px;}
	.catalog-name h2{font-size: 25px;}
	.content h1 {font-size: 35px;}
	.catalog-text{padding-left:0;}
  .btn-confirm {padding: 8px 21px;font-size: 17px;}
  .registration#modal-window{position: absolute;top: 0;left: 0;right: 0; max-width: 100%;}
}