@charset "UTF-8";
@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0%)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  1% {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0%)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100%)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0%)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  1% {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0%)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100%)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0%)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  1% {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0%)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100%)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*#e75654 ffoter:#285BAE 40 91 174*/
html body a.next-post .title .title-inner,
html body a.next-post .arrow {
  color: #f9fafb;
}
html body {
  font-family: "OpenSans", verdana;
  padding: 0;
  margin: 0;
  color: #0076be;
  font-size: 18px;
  background-color: #fff;
}
html body.hc-nav-open {
  position: relative;
}
html body a {
  color: #6081cc;
  text-decoration: none;
}
html body a:hover {
  text-decoration: none;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.15);
}
html body {
  /*HEADER BEGIN*/
}
html body #DCSDMobileHead {
  display: none;
  position: relative;
}
html body #DCSDMobileHead .headerTextSection {
  text-align: center;
  font-size: 18px -2;
  text-shadow: 0px 0px 5px #fff, 0px 4px 4px #fff, 0px 4px 4px #fff;
  background-image: url("/wp-content/uploads/2021/09/somtesz-logo.png");
  background-size: cover;
}
html body #DCSDMobileHead .headerTextSection .tsNone {
  text-shadow: none;
}
html body #DCSDMobileHead .headerTextSection .yellowarrow {
  position: relative;
  top: -10px;
  height: 30px;
}
html body #DCSDMobileHead .headerTextSection .yellowarrow img {
  width: 50px;
  animation: blink 2s;
  animation-iteration-count: infinite;
}
html body #DCSDHead {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  opacity: 1;
  visibility: visible;
  background-size: cover;
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner {
  background-color: #fff;
  width: 100%;
  position: relative;
  margin-top: 40px;
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .leftGroup {
  margin: auto;
  float: none;
  max-width: 1345px;
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .leftGroup .headerLeft {
  width: 25%;
  display: block;
  text-align: left;
  height: 90px;
  float: left;
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .leftGroup .headerLeft img {
  max-height: 90px;
  -webkit-transition: max-height 0.5s, margin-left 0.5s;
  -moz-transition: max-height 0.5s, margin-left 0.5s;
  -o-transition: max-height 0.5s, margin-left 0.5s;
  transition: max-height 0.5s, margin-left 0.5s;
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .leftGroup .headerCenter {
  height: 90px;
  padding-top: 5px;
  width: calc(70% + 35px);
  display: inline-block;
  color: #0076be;
  font-size: 30px;
  font-weight: 900;
  text-align: right;
  line-height: 90px;
  font-family: "verdana";
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .leftGroup .headerCenter .siteTitle {
  text-transform: uppercase;
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerRight {
  position: absolute;
  top: 0px;
  right: 20px;
  width: 200px;
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerMenu {
  margin-top: 40px;
  padding: 40px 0;
  width: 100%;
  background-color: #e75654;
  font-size: 30px;
}
html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner nav.menu ul.root {
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  margin-top: 0px;
}
html body #DCSDHead.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
html body .yearFlag {
  color: #ff9d9c;
}
html body .frontpageImg {
  position: relative;
}
html body .frontpageImg img {
  width: 100%;
}
html body .frontpageImg .toHome {
  background-color: transparent;
  position: absolute;
  top: 9%;
  left: 49%;
  width: 24%;
  height: 20%;
  display: inline-block;
}
html body {
  /*HEADER END*/
  /*MENU BEGIN*/
}
html body .DCSDMenuOuter {
  background-color: transparent;
  color: #fff;
}
html body .DCSDMenuOuter .DCSDMenu {
  max-width: 1325px;
  margin: auto;
  vertical-align: bottom;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner {
  vertical-align: bottom;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu {
  clear: both;
  float: none;
  position: relative;
  z-index: 1000;
  text-transform: uppercase;
  text-align: right;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 10px;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul li.current_page_item a {
  color: #fff;
  font-weight: normal;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul li ul li:hover a,
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul li:hover a {
  color: #ffc4c4;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.root {
  vertical-align: bottom;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
  display: inline-block;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.root > li {
  line-height: 30px;
  float: left;
  /*border-left: solid 1px $base-menu-color;*/
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.root li:first-child {
  border-left: none;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.root a,
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.root li li a {
  color: #fff;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.root .DCSDDisabled {
  color: #5785a1;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.root .DCSDDisabled a {
  color: #5785a1;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .menu-item-has-children,
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .flyout {
  position: relative;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul:hover .sub-menu {
  margin-top: -5px;
  min-width: 315px;
  border-top: 5px solid #fff;
  background-color: #0076be;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -khtml-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -khtml-border-top-right-radius: 5px;
  text-align: left;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul:hover .sub-menu a:hover {
  color: #fff;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu li.verticalmenu {
  position: relative;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu li.verticalmenu ul {
  position: absolute;
  width: 900px;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu li.verticalmenu ul li {
  display: inline-block;
  min-width: 290px;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu li.verticalmenu ul li:hover ul.sub-menu {
  display: block;
  max-width: 200px;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu li ul li:hover ul.sub-menu {
  border-top: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -khtml-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -khtml-border-top-right-radius: 0px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -khtml-border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -khtml-border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -khtml-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -khtml-border-bottom-right-radius: 5px;
  background-color: #ffc4c4;
  position: absolute;
  left: 100%;
  top: 0px;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu li ul li:hover ul.sub-menu li a {
  color: #fff;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu li ul li:hover ul.sub-menu li:hover a {
  color: #fff;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .menu-item-has-children:after {
  content: "▼";
  font-size: 0.5em;
  display: block;
  position: absolute;
  top: 19%;
  right: 5px;
  color: #fff;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.sub-menu,
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .flyout-nav {
  position: absolute;
  display: none;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu ul.sub-menu li a {
  font-size: 20px;
  padding: 15px 25px !important;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .menu-item-has-children:hover > ul.sub-menu,
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .flyout:hover > .flyout-nav {
  display: block;
  -webkit-animation: fadeInFromNone 0.3s ease-out;
  -moz-animation: fadeInFromNone 0.3s ease-out;
  -o-animation: fadeInFromNone 0.3s ease-out;
  animation: fadeInFromNone 0.3s ease-out;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .flyout-nav {
  left: 100%;
  top: 0;
}
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .flyout:hover a,
html body .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu .flyout-nav {
  background-color: #fff;
}
html body {
  /*MENU END*/
  /*SUBMENU BEGIN*/
}
html body .DCSDSubmenuOuter {
  background-color: #ff8087;
  color: #fff;
}
html body .DCSDSubmenuOuter .DCSDSubmenu {
  width: 100%;
}
html body .DCSDSubmenuOuter .DCSDSubmenu .DCSDSubmenuInner {
  max-width: 1200px;
  margin: auto;
}
html body .DCSDSubmenuOuter .DCSDSubmenu .DCSDSubmenuInner nav.menu ul {
  list-style: none;
  font-size: 18px;
}
html body .DCSDSubmenuOuter .DCSDSubmenu .DCSDSubmenuInner nav.menu ul li {
  list-style: none;
  display: inline-block;
  color: #fff;
}
html body .DCSDSubmenuOuter .DCSDSubmenu .DCSDSubmenuInner nav.menu ul li a {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  opacity: 1;
  visibility: visible;
}
html body .DCSDSubmenuOuter .DCSDSubmenu .DCSDSubmenuInner nav.menu ul li a:hover {
  color: #1d4200;
}
html body {
  /*SUBMENU END*/
  /*FORMITEMS, BUTTONS BEGIN*/
}
html body .wpcf7-submit,
html body .formSubmit,
html body .blueButton,
html body .redButton,
html body .greenButton {
  border: none;
  font-size: 42px;
  font-weight: 900;
  padding: 20px 40px;
  text-decoration: none;
  margin: 40px 0;
  display: inline-block;
  text-shadow: 5px 4px 5px rgba(0, 0, 0, 0.2), 3px 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 4px 6px 6px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
html body .wpcf7-submit:hover,
html body .formSubmit:hover,
html body .blueButton:hover,
html body .redButton:hover,
html body .greenButton:hover {
  text-shadow: 5px 4px 5px rgba(0, 0, 0, 0.3), 3px 3px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 6px 6px 0 rgba(0, 0, 0, 0.4);
  text-decoration: none;
  color: #fff;
}
html body .wpcf7-submit,
html body .formSubmit {
  color: #fff;
  background-color: #3c6ace;
}
html body .greenButton {
  color: #fff;
  background-color: #48bf91;
  text-transform: uppercase;
}
html body .redButton {
  color: #fff;
  background-color: #e75654;
  text-transform: uppercase;
}
html body .blueButton {
  color: #fff;
  background-color: #3c6ace;
}
html body .MoreBtn a {
  color: #e75654 !important;
  font-size: 20px;
}
html body form {
  font-size: 18px;
  color: #f9fafb;
}
html body form .form-group {
  margin-bottom: 0;
}
html body form .application-form {
  margin-top: 40px;
}
html body form .application-form h3 {
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 20px;
}
html body form .application-form .readme-text,
html body form .application-form .readme-image {
  padding-left: 0;
  padding-right: 0;
}
html body form .application-form .readme-text img,
html body form .application-form .readme-image img {
  max-width: 100%;
  height: auto;
}
html body form .application-form .readme-text label,
html body form .application-form .race-appeal-regulations-text label {
  font-weight: 900;
  font-size: 20px;
}
html body form .application-form .student,
html body form .application-form .teacher,
html body form .application-form .scool,
html body form .application-form .invoice,
html body form .application-form .form-mass {
  margin-top: 40px;
}
html body form .application-form .student h3,
html body form .application-form .teacher h3,
html body form .application-form .scool h3,
html body form .application-form .invoice h3,
html body form .application-form .form-mass h3 {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 20px;
}
html body form .application-form .formitem {
  margin-bottom: 20px;
}
html body form .application-form .formitem select,
html body form .application-form .formitem input[type=text],
html body form .application-form .formitem input[type=number],
html body form .application-form .formitem input[type=phone],
html body form .application-form .formitem input[type=email] {
  border: none;
  background-color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
html body {
  /*FORMITEMS, BUTTONS END*/
  /*CAROUSEL BEGIN*/
}
html body .DCSDCarousel {
  position: relative;
}
html body #model {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
html body .carousel-fg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
}
html body {
  /*CAROUSEL END*/
  /*PAGINATION BEGIN*/
}
html body #nav-posts.navigation {
  max-width: 100%;
  width: 100%;
  background-color: #e75654;
}
html body #nav-posts.navigation .nav-links a {
  padding: 25px;
  display: inline-block;
}
html body nav.dcsd.pagination-single {
  max-width: 1325px;
  margin: 20px auto 40px auto;
  background-color: #e75654;
  padding: 15px;
}
html body nav.dcsd.pagination-single .previous-post {
  float: left;
}
html body nav.dcsd.pagination-single .next-post {
  float: right;
}
html body {
  /*PAGINATION END*/
  /*CONTENT BEGIN*/
}
html body .fullscreenImage {
  position: relative;
}
html body .fullscreenImage img {
  max-width: 100%;
  width: 100%;
}
html body .fullscreenImage .redButton,
html body .fullscreenImage .greenButton {
  position: absolute;
  left: 55%;
  top: 65%;
}
html body .actualSection {
  background-color: #0076be;
  background-image: url(/wp-content/themes/dcsd/resources/img/cjofv-aktualitasok-bg.jpg);
  background-position: top center;
}
html body .actualSection .actualSectionInner .actualSectionTitle {
  max-width: 1325px;
  font-size: 42px;
  margin: auto;
  padding: 40px 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
}
html body .actualSection .actualSectionInner .actualSectionItem {
  position: relative;
  max-width: 1325px;
  margin: 0 auto 40px auto;
  font-size: 18px;
  color: #6081cc;
  background-color: #fff;
}
html body .actualSection .actualSectionInner .actualSectionItem a {
  color: #6081cc;
  text-decoration: none;
}
html body .actualSection .actualSectionInner .actualSectionItem a:hover {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.15);
}
html body .actualSection .actualSectionInner .actualSectionItem .actualSectionHead, html body .actualSection .actualSectionInner .actualSectionItem .actualSectionHead a {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 900;
  color: #f9fafb;
  background-color: #e75654;
  padding: 30px;
}
html body .actualSection .actualSectionInner .actualSectionItem .actualSectionBody {
  background-color: #fff;
}
html body .actualSection .actualSectionInner .actualSectionItem .actualSectionBody .actualSectionExcerptImg {
  max-width: 465px;
  width: 100%;
  margin: 40px;
}
html body .actualSection .actualSectionInner .actualSectionItem .actualSectionBody .actualSectionExcerpt {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 590px);
  margin: 40px 40px 40px 0;
}
html body .actualSection .actualSectionInner .actualSectionItem .actualSectionDate {
  text-align: right;
  position: absolute;
  bottom: 40px;
  right: 40px;
}
html body .actualSection .actualSectionInner .goToNews {
  max-width: 1325px;
  text-align: right;
  font-size: 30px;
  font-weight: 900;
  margin: auto;
  padding: 20px 0 40px 0;
}
html body .actualSection .actualSectionInner .goToNews a {
  color: #fff !important;
}
html body .apFormOuter {
  width: 100%;
  font-size: 18px;
  position: relative;
  color: #f9fafb;
  background-color: #e75654;
}
html body .apFormOuter .apFormInner {
  max-width: 1325px;
  margin: auto;
  padding: 0px;
  padding-top: 40px;
}
html body .apFormOuter .apFormInner .apFormTitle {
  font-size: 42px;
  text-transform: uppercase;
  font-weight: 900;
}
html body .bookOrderOuter {
  background-image: url(/wp-content/uploads/2021/11/book-order-bg.jpg);
  background-color: #fff;
}
html body .bookOrderOuter .bookOrderInner {
  max-width: 1325px;
  margin: auto;
  padding: 60px 0;
  font-size: 18px;
  font-weight: 900;
  color: #48bf91;
}
html body .bookOrderOuter .bookOrderInner .topWrapper60 {
  padding-top: 60px;
}
html body .bookOrderOuter .bookOrderInner img {
  width: 100%;
  max-width: 100%;
  height: auto;
  box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
html body article {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
html body article.filterRemove {
  height: 0px !important;
  display: none;
}
html body .whitebg {
  background-color: #fff;
}
html body .DCSDContentOuter {
  position: relative;
  width: 100%;
  color: #476d93;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto;
}
html body .DCSDContentOuter .fullwidthbg1 {
  background-image: url(/wp-content/uploads/2021/09/biology_bg2.png);
}
html body .DCSDContentOuter .fullwidthbg2 {
  background-image: url(/wp-content/uploads/2021/09/biology_bg.jpg);
}
html body .DCSDContentOuter .fullwidthbg1,
html body .DCSDContentOuter .fullwidthbg2 {
  background-position: center center;
  width: 100;
  height: 90px;
  line-height: 90px;
}
html body .DCSDContentOuter .fullwidthbg1 .fullwidtTitle,
html body .DCSDContentOuter .fullwidthbg2 .fullwidtTitle {
  max-width: 1325px;
  margin: auto;
  font-size: 30px;
  color: #94b85c;
  text-transform: uppercase;
  font-weight: 900;
}
html body .DCSDContentOuter.contact {
  background-image: none;
  background-color: #94b85c;
  color: #fff;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent {
  color: #fff;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent .contactform .title {
  margin: 60px 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent .contactform .leftSide a:hover {
  color: #fff;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent label {
  font-weight: 900;
  display: block;
  width: 100%;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent input, html body .DCSDContentOuter.contact .DCSDContent .pageContent textarea {
  outline: none;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent input[type=text],
html body .DCSDContentOuter.contact .DCSDContent .pageContent input[type=email] {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #bcbcbd;
  background-color: #fff;
  color: #6c6e71;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent input[type=checkbox] {
  width: auto;
  height: auto;
  display: inline-block;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #bcbcbd;
  background-color: #fff;
  color: #6c6e71;
  resize: none;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent input[type=submit],
html body .DCSDContentOuter.contact .DCSDContent .pageContent button {
  border: none;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 900;
  padding: 0 60px;
  text-transform: uppercase;
  background-color: #476d93;
  color: #fff;
  text-shadow: 5px 4px 5px rgba(0, 0, 0, 0.4), 3px 3px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 6px 6px 0 rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent input[type=submit]:hover,
html body .DCSDContentOuter.contact .DCSDContent .pageContent button:hover {
  color: #fff;
  text-shadow: -3px -2px 5px rgba(0, 0, 0, 0.4), 3px -1px 5px rgba(0, 0, 0, 0.4);
  text-decoration: none;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent input[type=submit] i,
html body .DCSDContentOuter.contact .DCSDContent .pageContent button i {
  font-size: 18px;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent input[type=submit].wpcf7-form-control.wpcf7-submit,
html body .DCSDContentOuter.contact .DCSDContent .pageContent button.wpcf7-form-control.wpcf7-submit {
  display: block;
  margin: auto;
}
html body .DCSDContentOuter.contact .DCSDContent .pageContent span.wpcf7-list-item {
  margin: 0;
}
html body .DCSDContentOuter.greybg {
  background-color: #e1e1e1;
}
html body .DCSDContentOuter.whitebg {
  background-color: #fefcfc;
}
html body .DCSDContentOuter img.headerimage {
  width: 100%;
}
html body .DCSDContentOuter .DCSDContent .bigImage {
  position: relative;
}
html body .DCSDContentOuter .DCSDContent .bigImage img {
  width: 100%;
}
html body .DCSDContentOuter .DCSDContent .bigImage .pageTitle {
  max-width: 1325px;
  margin: auto;
  margin-top: -120px;
  margin-bottom: 30px;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
}
html body .DCSDContentOuter .DCSDContent .pageTitle {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 900;
  background-color: #e75654;
  padding: 30px;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #f9fafb;
}
html body .DCSDContentOuter .DCSDContent .pageContent {
  font-size: 18px;
  color: #0076be;
}
html body .DCSDContentOuter .DCSDContent .pageContent img {
  max-width: 100%;
  height: auto;
}
html body .DCSDContentOuter .DCSDContent .DCSDContentInner {
  position: relative;
  max-width: 1325px;
  margin: auto;
  color: #0076be;
}
html body .DCSDContentOuter .DCSDContent .DCSDContentInner ul {
  list-style-type: disc;
  margin: 20px 35px;
}
html body .DCSDContentOuter .DCSDContent .hoverShadow:hover {
  box-shadow: 4px 6px 6px 0 rgba(0, 0, 0, 0.5);
}
html body .DCSDContentOuter .DCSDContent .posttitle {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  background-color: #6495ed;
  padding: 10px 20px;
  margin-bottom: 10px;
}
html body .DCSDContentOuter .DCSDContent .posttitle a {
  color: #fff;
}
html body .DCSDContentOuter.konyv-megrendelo, html body .DCSDContentOuter.jelentkezesi-lap {
  background-color: #e75654;
}
html body .DCSDContentOuter.konyv-megrendelo .pageTitle, html body .DCSDContentOuter.jelentkezesi-lap .pageTitle {
  margin-top: 0;
}
html body .DCSDOuter {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top right;
  width: 100%;
  max-width: 100%;
}
html body .DCSDOuter .DCSDContent {
  width: 100%;
}
html body {
  /*CONTENT END*/
}
html body .DCSDFooterOuter {
  color: #fff;
  background-color: #285bae;
}
html body .DCSDFooterOuter .DCSDFooter {
  width: 100%;
  max-width: 1325px;
  margin: auto;
  padding: 5px;
}
html body .DCSDFooterOuter .DCSDFooter img {
  max-width: 100%;
}
html body .DCSDFooterOuter .DCSDFooter .DCSDFooterInner nav.menu ul {
  list-style: none;
  font-size: 20px;
}
html body .DCSDFooterOuter .DCSDFooter .DCSDFooterInner nav.menu ul li {
  list-style: none;
  display: inline-block;
  color: #fff;
}
html body .DCSDFooterOuter .DCSDFooter .DCSDFooterInner nav.menu ul li a {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
html body .DCSDFooterOuter .DCSDFooter .DCSDFooterInner nav.menu ul li a:hover {
  color: #80fff9;
}
html body .DCSDSubfooterOuter {
  width: 100%;
  color: #fff;
  font-family: "verdana";
}
html body .DCSDSubfooterOuter .DCSDSubfooter {
  font-weight: normal;
  width: 100%;
  max-width: 1325px;
  margin: auto;
  padding: 20px;
}
html body .DCSDSubfooterOuter .DCSDSubfooter a {
  color: #fff;
  text-decoration: underline;
}
html body .DCSDSubfooterOuter .DCSDSubfooter a:hover {
  color: #94b85c;
}
html body .DCSDSubfooterOuter .DCSDSubfooter img {
  max-width: 100%;
}
html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar1,
html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar3 {
  font-weight: 500;
}
html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar4 {
  font-size: 16px;
}
html body .mobilemenuwrapper {
  height: 60px;
  width: 100%;
  display: none;
}
html body .mobilePrimaryMenu.cf {
  top: 0;
  background-color: #fff;
  display: none;
  z-index: 100001;
  height: 60px;
  position: fixed;
  width: 100%;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
}
html body .mobilePrimaryMenu.cf .logoContainer {
  width: 70%;
  float: left;
}
html body .mobilePrimaryMenu.cf .logoContainer img {
  max-width: 100%;
  max-height: 42px;
  margin-top: 10px;
}
html body .mobilePrimaryMenu.cf .menuBtn {
  line-height: 60px;
  text-align: right;
  width: 30%;
  float: left;
  padding-right: 20px;
}
html body .mobilePrimaryMenu.cf .menuBtn a {
  background-color: #fff;
  color: #111;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin-top: 10px;
  margin-left: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
}
html body .mobilePrimaryMenu.cf .menuBtn a.toggle {
  background-color: #fff;
}
html body .mobilePrimaryMenu.cf .menuBtn a.toggle.toggle-open {
  background-color: #0076be;
  color: #fff;
}
html body .mobilePrimaryMenu.cf .menuBtn a.toggle.toggle-open .fas.fa-bars:before {
  content: "\f053";
}
html body .mobilePrimaryMenu.cf .menuBtn a span {
  display: none;
}
html body nav.hc-offcanvas-nav {
  z-index: 100002;
}
html body nav.hc-offcanvas-nav .nav-close-button span::before,
html body nav.hc-offcanvas-nav .nav-close-button span::after {
  box-sizing: initial;
}
html body nav.hc-offcanvas-nav ul li.linkHideisMobile {
  display: none;
}
html body .fb-page span {
  max-width: 100%;
}
html body main#site-content {
  padding-bottom: 0;
}
html body main#site-content .DCSDContentTitle {
  display: block;
  padding: 10px 5px;
  text-align: center;
  width: 100%;
  color: #2b3990;
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: bold;
}
html body main#site-content .DCSDContentTitle a {
  font-size: 1.75rem;
  color: #0076be;
}
html body main#site-content .DCSDContentTitle h3 {
  font-size: 22px;
}
html body main#site-content .pagination-single {
  margin-top: 40px;
}
html body.error404 .DCSDOuter {
  background-image: none;
}
html body.error404 .DCSDOuter .DCSDContent {
  background-image: none;
}
html body.home #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerTextSection,
html body.home #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerPhoneSection {
  display: block;
}
html body .row {
  margin-right: 0px;
  margin-left: 0px;
}
html body {
  /*SCROLLBAR BEGIN*/
}
html body .customizedscrollbar::-webkit-scrollbar {
  width: 12px;
  scrollbar-width: 12px;
  margin-left: 10px;
  height: 10px;
  appearance: none;
}
html body .customizedscrollbar::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 1px #aaa, inset 0 0 0 6px #ed2b8b;
  scrollbar-color: #ed2b8b;
  appearance: none;
}
html body .customizedscrollbar {
  scrollbar-width: thin;
  scrollbar-color: #ed2b8b transparent;
}
html body {
  /*SCROLLBAR END*/
  /*BOOTSTRAP DATEPICKER BEGIN*/
}
html body .datepicker table tr td.disabled, html body .datepicker table tr td.disabled:hover {
  color: #d0d0d0;
}
html body {
  /*BOOTSTRAP DATEPICKER END*/
}

@media (max-width: 1720px) {
  html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .leftGroup .headerCenter {
    width: 60%;
  }
}
@media (max-width: 1400px) {
  html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner {
    margin-top: 10px;
  }
  html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .leftGroup .headerLeft,
  html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .leftGroup .headerCenter {
    width: 100%;
    height: initial;
    line-height: initial;
    display: block;
    font-size: 22px;
    text-align: left;
  }
  html body .apFormOuter .apFormInner {
    padding: 10px 20px;
  }
  html body .apFormOuter .apFormInner .apFormTitle {
    font-size: 26px;
  }
}
@media (max-width: 1325px) {
  html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerMenu,
  html body.page #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerMenu {
    padding: 20px 0;
  }
  html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerMenu .DCSDMenu .DCSDMenuInner nav.menu,
  html body.page #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerMenu .DCSDMenu .DCSDMenuInner nav.menu {
    font-size: 20px;
  }
  html body .DCSDOuter .DCSDContent .post-inner.thin,
  html body.page .DCSDOuter .DCSDContent .post-inner.thin {
    padding: 10px;
  }
  html body .DCSDOuter .DCSDContent .pageContent h2,
  html body.page .DCSDOuter .DCSDContent .pageContent h2 {
    width: calc(100% + 40px);
    margin: 40px 0;
    margin-left: -20px;
    padding: 10px 0 10px 20px;
  }
  html body .DCSDContentOuter .DCSDContent .pageTitle,
  html body.page .DCSDContentOuter .DCSDContent .pageTitle {
    padding: 20px;
  }
  html body .DCSDContentOuter .DCSDContent .pageContent,
  html body.page .DCSDContentOuter .DCSDContent .pageContent {
    padding: 20px;
    font-size: 20px;
  }
}
@media (max-width: 1030px) {
  html body .fullscreenImage .redButton,
  html body .fullscreenImage .greenButton,
  html body.page .fullscreenImage .redButton,
  html body.page .fullscreenImage .greenButton {
    position: absolute;
    left: 48%;
    top: 45%;
  }
  html body .topLineOuter,
  html body.page .topLineOuter {
    display: none;
  }
  html body .topLineOuter,
  html body.page .topLineOuter {
    height: initial;
    line-height: initial;
    font-size: 16px;
  }
  html body .topLineOuter .topLineItem,
  html body.page .topLineOuter .topLineItem {
    padding: 10px;
  }
  html body .topLineOuter .topLineItem.right .fab,
  html body.page .topLineOuter .topLineItem.right .fab {
    font-size: 100%;
  }
  html body #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerRight .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu,
  html body.page #DCSDHead .DCSDHeaderOuter .DCSDHeader .DCSDHeaderInner .headerRight .DCSDMenuOuter .DCSDMenu .DCSDMenuInner nav.menu {
    font-size: 14px;
  }
  html body .DCSDContentOuter .titleOnImg .titleOnImgInner,
  html body.page .DCSDContentOuter .titleOnImg .titleOnImgInner {
    font-size: 22px;
  }
  html body .DCSDContentOuter .pinkbutton,
  html body.page .DCSDContentOuter .pinkbutton {
    font-size: 16px;
  }
}
@media (max-width: 1180px) {
  html body main#site-content .DCSDContentTitle h3 {
    font-size: 1.75rem;
  }
}
@media (max-width: 840px) {
  /*Mobilra vágás*/
  html body.page #DCSDHead,
  html body #DCSDHead {
    display: none;
  }
  html body.page.home #DCSDMobileHead,
  html body.home #DCSDMobileHead {
    display: block;
  }
  html body.page .mobilemenuwrapper,
  html body.page .mobilePrimaryMenu.cf,
  html body .mobilemenuwrapper,
  html body .mobilePrimaryMenu.cf {
    display: block;
  }
  html body.page .footerMenu.menu,
  html body .footerMenu.menu {
    display: none;
  }
  html body.page .DCSDContentOuter .DCSDContent .fullwidtTitle,
  html body .DCSDContentOuter .DCSDContent .fullwidtTitle {
    font-size: 20px;
    padding-left: 20px;
    line-height: 44px;
  }
  html body.page .DCSDContentOuter .DCSDContent .post-inner.thin,
  html body .DCSDContentOuter .DCSDContent .post-inner.thin {
    padding: 10px;
  }
  html body.page .DCSDContentOuter .toContact a,
  html body .DCSDContentOuter .toContact a {
    font-size: 18px;
  }
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar1,
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar2,
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar3,
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar4,
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .footerQr,
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .footerLogo,
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .footerlogo,
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner div,
  html body.page .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner p,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar1,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar2,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar3,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .DCSDFooterSidebar4,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .footerQr,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .footerLogo,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner .footerlogo,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner div,
  html body .DCSDSubfooterOuter .DCSDSubfooter .DCSDSubfooterInner p {
    text-align: center;
  }
  html body.page .actualSection .actualSectionInner .goToNews,
  html body .actualSection .actualSectionInner .goToNews {
    font-size: 22px;
    padding: 10px 20px 10px 0;
  }
  html body.page .actualSection .actualSectionInner .actualSectionTitle,
  html body .actualSection .actualSectionInner .actualSectionTitle {
    font-size: 26px;
    padding: 15px 20px;
  }
  html body.page .actualSection .actualSectionInner .actualSectionItem .actualSectionHead,
  html body .actualSection .actualSectionInner .actualSectionItem .actualSectionHead {
    padding: 10px 20px;
    font-size: 22px;
  }
  html body.page .actualSection .actualSectionInner .actualSectionItem .actualSectionDate,
  html body .actualSection .actualSectionInner .actualSectionItem .actualSectionDate {
    position: relative;
  }
  html body.page .actualSection .actualSectionInner .actualSectionItem .actualSectionBody .actualSectionExcerptImg,
  html body.page .actualSection .actualSectionInner .actualSectionItem .actualSectionBody .actualSectionExcerpt,
  html body .actualSection .actualSectionInner .actualSectionItem .actualSectionBody .actualSectionExcerptImg,
  html body .actualSection .actualSectionInner .actualSectionItem .actualSectionBody .actualSectionExcerpt {
    max-width: 100%;
    width: 100%;
    display: block;
    padding: 0 20px;
  }
  html body.page .actualSection .actualSectionInner .actualSectionItem .actualSectionBody .actualSectionExcerptImg,
  html body .actualSection .actualSectionInner .actualSectionItem .actualSectionBody .actualSectionExcerptImg {
    width: calc(100% - 40px);
  }
  html body.page .wpcf7-submit,
  html body.page .formSubmit,
  html body.page .blueButton,
  html body.page .redButton,
  html body.page .greenButton,
  html body .wpcf7-submit,
  html body .formSubmit,
  html body .blueButton,
  html body .redButton,
  html body .greenButton {
    font-size: 22px;
    padding: 10px 15px;
  }
}
@media (max-width: 370px) {
  html body .mobilePrimaryMenu.cf {
    height: 60px;
  }
  html body .mobilePrimaryMenu.cf .logoContainer {
    float: left;
  }
  html body .mobilePrimaryMenu.cf .logoContainer img {
    max-height: 42px;
  }
  html body .mobilePrimaryMenu.cf .menuBtn {
    line-height: 60px;
  }
  html body .mobilePrimaryMenu.cf .menuBtn a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

/*# sourceMappingURL=frontend.css.map */
