/*
 * This vars file is based off of Bootstrap. Not all vars are used.
 *
 * The most obviously unused ones (e.g., modal windows, etc) were removed.
 * There are some vars that remain that are not actually used but
 * perhaps should be. E.g. using dropdown colours.
 */
/******************************
 Greyscale colours
 *******************************/
/******************************
 Colours
 ******************************/
/*
 Use these classnames in your HTML markup:
 as-no-dpui:
 Add to things that are meant to be displayed when NOT using enhanced UI controls. These are fallback controls.
 as-dpui:
 Add to things that ARE enhanced controls. These are typically added during pageload with JS.
 with-dpx:
 Add to containers that may or may not contain enhanced controls.
 The contents of these elements are hidden until after the page is done loading. This
 reduces the "flash" as JS runs to enhance controls.
 If there are many elements on a page, you might consider putting this on a 'high'
 parent (e.g., a <form>) to hide the entire contents until page load.
 */
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,devanagari,vietnamese,latin-ext,cyrillic);
body .as-no-dpui {
  display: block; }

body .as-dpui {
  display: none; }

body.with-dpui .as-no-dpui {
  display: none; }

body.with-dpui .as-dpui {
  display: block; }

body.with-js .with-dpx {
  visibility: hidden; }

body.with-js .with-dpx {
  visibility: hidden; }

.without-dpui .dpx-placeholder {
  display: none; }

body.with-js.with-dpui.with-pageload-dpx-done .dpx-placeholder {
  display: none; }

body.with-js.without-dpui.with-pageload-done .with-dpx {
  visibility: visible; }

body.with-js.with-dpui.with-pageload-dpx-done .with-dpx {
  visibility: visible; }

:root {
  --brand-primary: #1c4154;
  --danger: #de580f;
  --warning: #ef8621;
  --neutral: #F8AF3C;
  --success: #89bb42;
  --info: #43aed1;
  --background-color: #fff;
  --text-color: #333;
  --text-color-lighter: #7a7a7a;
  --font-family-sans-serif: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  --font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --brand-primary-d-75: #122b37;
  --brand-primary-d-100: #0f232e;
  --brand-primary-d-125: #0c1c24;
  --brand-primary-d-150: #09151b;
  --brand-primary-l-100: #295f7a;
  --brand-primary-l-250: #3c8bb4;
  --brand-primary-l-350: #5aa3c8;
  --brand-primary-yiq: #fff;
  --brand-primary-d-75-yiq: #fff;
  --brand-primary-d-100-yiq: #fff;
  --brand-primary-rgb: 28, 65, 84;
  --danger-d-75: #ba4a0d;
  --danger-d-100: #ae450c;
  --danger-d-125: #a2400b;
  --danger-d-150: #963c0a;
  --danger-l-100: #f1732f;
  --danger-yiq: #fff;
  --danger-d-75-yiq: #fff;
  --danger-d-100-yiq: #fff;
  --danger-rgb: 222, 88, 15;
  --warning-d-75: #da7310;
  --warning-d-100: #ce6d0f;
  --warning-d-125: #c2660e;
  --warning-d-150: #b6600d;
  --warning-l-100: #f2a051;
  --warning-yiq: #212529;
  --warning-d-75-yiq: #fff;
  --warning-d-100-yiq: #fff;
  --warning-rgb: 239, 134, 33;
  --neutral-d-75: #f7a017;
  --neutral-d-100: #f69b0b;
  --neutral-d-125: #ec9408;
  --neutral-d-150: #df8c08;
  --neutral-l-100: #fac36d;
  --neutral-yiq: #212529;
  --neutral-d-75-yiq: #212529;
  --neutral-d-100-yiq: #212529;
  --neutral-rgb: 248, 175, 60;
  --success-d-75: #749f38;
  --success-d-100: #6d9535;
  --success-d-125: #668c31;
  --success-d-150: #60822e;
  --success-l-100: #a1c967;
  --success-yiq: #212529;
  --success-d-75-yiq: #fff;
  --success-d-100-yiq: #fff;
  --success-rgb: 137, 187, 66;
  --info-d-75: #2f9bbf;
  --info-d-100: #2c93b5;
  --info-d-125: #2a8bab;
  --info-d-150: #2782a0;
  --info-l-100: #6cc0db;
  --info-yiq: #fff;
  --info-d-75-yiq: #fff;
  --info-d-100-yiq: #fff;
  --info-rgb: 67, 174, 209;
  --tcl-danger-b-6: #732e08;
  --tcl-danger-w-6: #eea882;
  --tcl-danger-w-10: #f8decf;
  --tcl-danger-w-9: #f6d0bc;
  --tcl-danger-w-9-d-50: #f3c1a5;
  --tcl-danger-b-6-d-100: #441b05;
  --tcl-info-b-6: #235a6d;
  --tcl-info-w-6: #9dd5e7;
  --tcl-info-w-10: #d9eff6;
  --tcl-info-w-9: #cae8f2;
  --tcl-info-w-9-d-50: #b6dfed;
  --tcl-info-b-6-d-100: #163a46;
  --tcl-success-b-6: #476122;
  --tcl-success-w-6: #c2dc9d;
  --tcl-success-w-10: #e7f1d9;
  --tcl-success-w-9: #deecca;
  --tcl-success-w-9-d-50: #d2e5b7;
  --tcl-success-b-6-d-100: #2c3c15;
  --tcl-warning-b-6: #7c4611;
  --tcl-warning-w-6: #f7c08c;
  --tcl-warning-w-10: #fce7d3;
  --tcl-warning-w-9: #fbddc1;
  --tcl-warning-w-9-d-50: #f9d0a9;
  --tcl-warning-b-6-d-100: #4f2d0b; }

/* blue chips */
.dp-po .dp-po-block, .dp-po .dp-po-viewall-link, .dp-po .dp-po-navigation-block-link, .dp-po .dp-po-navigation-block-figure {
  background: #ecf8ff; }

.dp-po .dp-po-main, .dp-po-ticket-create-suggestions {
  background: #fff !important; }

/* blue background
 #seg-theme-wrapper #seg-wrapper,
 .dp-po .dp-po-main {
 background: #ecf8ff !important;
 }
 */
/* new theme adaptations */
p {
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E; }

.dp-po .dp-po-main {
  padding-bottom: 0; }

#seg-theme-wrapper #seg-footer {
  margin: 0; }

div.dp-po {
  max-width: 940px;
  margin: auto; }

.dp-po .dp-po-header {
  box-shadow: none; }

.dp-po .dp-po-category-title-icon, .dp-po .dp-po-category-title .dp-po-icon {
  background: #e0ecf3; }

@media only screen and (max-width: 767.98px) {
  .dp-po .dp-po-block {
    background: none; }
  .dp-po .dp-po-category-title-link, .dp-po .dp-po-category-title-icon, .dp-po .dp-po-category-title-expand .dp-po-icon {
    background: #ecf8ff; }
  .dp-po .dp-po-viewall-link {
    background: #fff; } }

div.dp-po-title {
  width: 100%; }

@media (min-width: 576px) {
  .dp-po-ticket-create .col-sm-7 {
    flex: 0 0 80%;
    max-width: 80%; }
  .dp-po-search-results-detail .col-sm-10 {
    flex: 0 0 100%;
    max-width: 100%; } }

/* new theme breadcrumb */
.dp-po .breadcrumb-outer {
  border-bottom: none;
  margin-top: 15px; }

.dp-po .breadcrumb-outer .container {
  padding-left: 0; }

.dp-po .breadcrumb-item .dp-po-icon, .dp-po .breadcrumb-item {
  font: italic 400 12px/12px "Georgia", "Times", serif;
  color: #69665E; }

.dp-po .breadcrumb-item {
  margin: 0 6px;
  min-width: 20px; }

.dp-po .breadcrumb-item .dp-po-icon {
  top: 1px;
  left: -7.5px; }

.dp-po .breadcrumb-item a {
  color: #F17D00;
  text-decoration: none;
  font: italic 400 12px/12px "Georgia", "Times", serif; }

.dp-po .breadcrumb-item a:hover {
  color: #69665E;
  text-decoration: underline; }

.dp-po .breadcrumb .breadcrumb-item.active a {
  color: #69665E;
  text-decoration: none; }

.dp-po .breadcrumb-item.active ::after, .breadcrumb-image {
  display: none; }

/* FAQ entries */
.dp-po .dp-po-post-content {
  background: none;
  box-shadow: none;
  padding: 0;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  color: #69665E; }

.dp-po-post-info {
  display: none; }

.dp-po .dp-po-subscribe {
  visibility: hidden; }

.dp-po-post-mobile-area {
  border: 0; }

.dp-po .dp-po-related-content-link {
  align-items: normal; }

.dp-po .dp-po-related-content-link:hover {
  text-decoration: underline; }

.dp-po .dp-po-related-content-link .dp-po-icon {
  width: 15px;
  margin-right: 7px; }

.dp-po .badge:hover {
  background-color: #0981A1; }

/* header integration */
img.dp-lng-flag {
  display: none; }

.dp-po .dp-po-header {
  display: none; }

div.dp-po-language {
  margin-top: -2px; }

.dp-po .dropdown-menu.show {
  margin-left: -20px; }

@media only screen and (max-width: 540px) {
  #seg-lng-desktop, #seg-lng-dtp-space {
    display: none !important; } }

/* start previous adjustments */
#seg-body {
  /*max-width: 940px;*/
  margin: 0 auto; }

@media only screen and (max-width: 940px) {
  #seg-body {
    margin: 0 80px 0 !important; } }

@media only screen and (max-width: 470px) {
  #seg-body {
    margin: 0 20px 0 !important; } }

.footer-mark, .dp-po-footer {
  display: none !important; }

.page-top-section .brand {
  /* Maybe not necessary any-more after theme switch? */
  display: none; }

.dp-page-body, .world {
  padding: 15px 0 0; }

#seg-theme-wrapper .seg-clear {
  clear: both;
  position: relative;
  display: block;
  float: none;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

#seg-theme-wrapper {
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  height: auto;
  overflow: hidden;
  position: relative;
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
  z-index: 20; }

#seg-theme-wrapper #seg-wrapper {
  position: relative;
  z-index: 20;
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1); }

.seg-open-menu #seg-theme-wrapper #seg-wrapper {
  -moz-transform: translateX(250px);
  -ms-transform: translateX(250px);
  -webkit-transform: translateX(250px);
  transform: translateX(250px); }

#seg-header a, #seg-footer a {
  -moz-transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border 100ms ease-in-out;
  -o-transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border 100ms ease-in-out;
  -webkit-transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border 100ms ease-in-out;
  color: #1C4054;
  text-decoration: underline;
  transition: color 100ms ease-in-out, background-color 100ms ease-in-out, border 100ms ease-in-out; }

#seg-theme-wrapper #seg-top-nav {
  background: #FFFFFF;
  height: 40px;
  position: relative;
  width: 100%;
  z-index: 999; }

#seg-theme-wrapper #seg-top-nav div.seg-inner {
  height: auto;
  margin: 0 auto;
  max-width: 940px;
  padding: 9px 0 0; }

@media only screen and (max-width: 940px) {
  #seg-theme-wrapper .seg-inner {
    margin: 0 80px !important; } }

@media only screen and (max-width: 470px) {
  #seg-theme-wrapper .seg-inner {
    margin: 0 20px !important; } }

#seg-theme-wrapper #seg-top-nav div.seg-links-left {
  float: left;
  position: relative;
  width: 20%; }

#seg-theme-wrapper #seg-top-nav .seg-links-left img {
  position: relative;
  height: 25px; }

#seg-theme-wrapper #seg-top-nav div.seg-links-right {
  float: right; }

#seg-theme-wrapper #seg-top-nav ul {
  color: #69665E;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  list-style: none;
  margin: 0; }

#seg-theme-wrapper #seg-top-nav ul li {
  color: #7C96A5;
  float: left;
  font: 700 14px/23px "Noto Serif", serif; }

#seg-theme-wrapper #seg-top-nav a {
  color: #7C96A5;
  font: 700 14px/23px "Noto Serif", serif;
  text-decoration: none; }

#seg-theme-wrapper #seg-top-nav a:hover {
  color: #1C4054; }

#seg-theme-wrapper #seg-top-nav a.seg-fbk {
  background: transparent url('https://www.schooleducationgateway.eu/images/socials-1.png?1480497114') no-repeat 0px top;
  display: inline-block;
  height: 23px;
  margin: 0 10px 0 15px;
  text-indent: -9999px;
  width: 23px; }

#seg-theme-wrapper #seg-top-nav a.seg-fbk:hover {
  background-position: 0px bottom; }

#seg-theme-wrapper #seg-top-nav a.seg-twt {
  background: transparent url('https://www.schooleducationgateway.eu/images/socials-1.png?1480497114') no-repeat -23px top;
  display: inline-block;
  height: 23px;
  margin: 0 19px 0 0;
  text-indent: -9999px;
  width: 23px; }

#seg-theme-wrapper #seg-top-nav a.seg-twt:hover {
  background-position: -23px bottom; }

#seg-theme-wrapper #seg-top-nav a.seg-ytb {
  background: transparent url('https://www.schooleducationgateway.eu/images/socials-1.png?1480497114') no-repeat -46px top;
  display: inline-block;
  height: 23px;
  margin: 0 17px 0 0;
  text-indent: -9999px;
  width: 23px; }

#seg-theme-wrapper #seg-top-nav a.seg-ytb:hover {
  background-position: -46px bottom; }

#seg-theme-wrapper #seg-top-nav a.seg-msg {
  background: transparent url('https://www.schooleducationgateway.eu/images/socials-1.png?1480497114') no-repeat -92px top;
  display: inline-block;
  height: 23px;
  margin: 0;
  text-indent: -9999px;
  width: 23px; }

#seg-theme-wrapper #seg-top-nav a.seg-msg:hover {
  background-position: -92px bottom; }

#seg-theme-wrapper #seg-top-nav a.seg-htag {
  color: #a3a3a3;
  font: normal 600 12px/16px "Noto Sans", sans-serif;
  margin-left: 20px; }

#seg-theme-wrapper #seg-top-nav a.seg-htag:hover {
  color: #1C4054; }

#seg-theme-wrapper #seg-top-nav li.seg-logoEC {
  margin-right: 25px;
  transform: translateY(-4px); }

#seg-theme-wrapper div.seg-clear {
  clear: both;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  float: none;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%; }

#seg-theme-wrapper .seg-desktop {
  display: block; }

#seg-theme-wrapper #seg-banner {
  background: #1C4054;
  height: 170px;
  position: relative;
  width: 100%;
  z-index: 10; }

#seg-theme-wrapper #seg-banner .seg-inner {
  height: 170px;
  margin: 0 auto;
  max-width: 940px;
  position: relative; }

#seg-theme-wrapper #seg-banner span.seg-dirty-border {
  background: transparent url('https://www.schooleducationgateway.eu/images/dirty-border-1.png?1480497113') repeat-x left top;
  bottom: 0;
  height: 10px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 0; }

#seg-theme-wrapper #seg-banner span.seg-halo {
  background: transparent url('https://www.schooleducationgateway.eu/images/halo.png?1480497114') no-repeat left top;
  display: block;
  height: 173px;
  position: absolute;
  right: -190px;
  top: 0;
  width: 637px;
  z-index: 0; }

#seg-theme-wrapper #seg-banner p.seg-logo {
  color: #69665E;
  float: left;
  font: normal 500 14px/22px "Noto Sans", sans-serif;
  height: 45px;
  margin: 39px 0 0 0;
  position: relative;
  width: 460px;
  z-index: 10; }

#seg-theme-wrapper #seg-banner p.seg-logo a {
  background: transparent url('https://www.schooleducationgateway.eu/images/logo.png?1480497114') no-repeat left top;
  display: inline-block;
  height: 45px;
  text-indent: -99999px;
  width: 460px;
  margin-bottom: 1px; }

#seg-theme-wrapper #seg-banner p.seg-logo span {
  color: #ffffff; }

@media only screen and (max-width: 940px) {
  #seg-banner .seg-inner {
    width: 280px !important;
    height: auto !important;
    margin: 0 auto !important; } }

@media only screen and (max-width: 940px) {
  #seg-theme-wrapper #seg-banner {
    height: 160px !important; }
  #seg-banner .seg-logo {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 33px 0 12px !important;
    text-align: center !important; }
  #seg-theme-wrapper #seg-banner .seg-logo a {
    width: 280px !important;
    height: 27px !important;
    background-size: 280px 27px !important; } }

#seg-theme-wrapper #seg-menu {
  position: relative;
  z-index: 30;
  max-width: 940px;
  height: 50px;
  margin: -28px auto 0;
  background: #F17D00;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

#seg-theme-wrapper #seg-menu p {
  margin: 0; }

#seg-theme-wrapper #seg-menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#seg-theme-wrapper #seg-menu li {
  float: left;
  padding: 0 10px;
  background: transparent url('https://www.schooleducationgateway.eu/images/line-separate-1.png?1480497114') no-repeat right 15px;
  font: 700 14px/51px "Noto Serif", serif;
  color: #FFF;
  text-transform: uppercase; }

#seg-theme-wrapper #seg-menu li.seg-first {
  padding: 0 10px 0 20px; }

#seg-theme-wrapper #seg-menu li.seg-last {
  padding: 0 0 0 10px;
  background: none; }

#seg-theme-wrapper #seg-menu a {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font: 700 14px/50px "Noto Serif", serif;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none; }

#seg-theme-wrapper #seg-menu a:hover, #seg-menu a.seg-selected {
  color: #1C4054; }

#seg-theme-wrapper #seg-menu a.seg-selected:after {
  bottom: -7px; }

#seg-theme-wrapper #seg-menu a:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 14px;
  height: 7px;
  margin: 0 0 0 -7px;
  background: transparent url('https://www.schooleducationgateway.eu/images/menu-arrow.png?1480497114') no-repeat left top;
  -webkit-transition: bottom 150ms ease-in-out;
  -moz-transition: bottom 150ms ease-in-out;
  -o-transition: bottom 150ms ease-in-out;
  transition: bottom 150ms ease-in-out; }

#seg-theme-wrapper #seg-menu .seg-search {
  float: right;
  width: 60px;
  height: 50px;
  padding: 0;
  margin: 0;
  background: none; }

#seg-theme-wrapper #seg-menu .seg-search a {
  background: transparent url('https://www.schooleducationgateway.eu/images/search-icon-1.png?1480497114') no-repeat left top;
  text-indent: -99999px;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0; }

#seg-theme-wrapper #seg-menu .seg-search a:after {
  display: none; }

#seg-theme-wrapper #seg-menu .seg-search a:hover {
  background: #FFA729 url('https://www.schooleducationgateway.eu/images/search-icon-1.png?1480497114') no-repeat left top; }

.seg-open-search #seg-theme-wrapper #seg-menu .seg-search a {
  background: #FFA729 url('https://www.schooleducationgateway.eu/images/search-icon-1.png?1480497114') no-repeat left top; }

#seg-theme-wrapper #seg-menu .seg-icon-home {
  display: inline-block;
  line-height: 50px;
  vertical-align: sub;
  background-image: url('https://www.schooleducationgateway.eu/images/icon-home.png?1480497114');
  background-size: 20px 18px;
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  margin-right: 5px; }

#seg-theme-wrapper #seg-menu #seg-menu-toggler {
  display: none;
  width: 100%;
  height: 50px;
  padding: 0 0 0 45px;
  background: transparent url('https://www.schooleducationgateway.eu/images/menu-icon.png?1480497114') no-repeat 20px 18px;
  text-decoration: none; }

#seg-theme-wrapper #seg-menu #seg-menu-toggler:hover {
  color: #FFF; }

#seg-theme-wrapper #seg-menu .seg-menu-search {
  position: absolute;
  right: 0;
  top: 50px;
  padding: 20px;
  display: none;
  background: #FFA729; }

#seg-theme-wrapper #seg-menu .seg-menu-search .seg-field {
  margin: 0; }

#seg-theme-wrapper #seg-menu .seg-menu-search .seg-field-left {
  width: 300px;
  margin-right: 20px; }

#seg-theme-wrapper #seg-menu .seg-menu-search .seg-field-right {
  width: 120px; }

#seg-theme-wrapper #seg-menu .seg-menu-search .seg-input-text {
  width: 250px;
  padding: 15px 25px;
  background: #FFF; }

#seg-theme-wrapper #seg-menu .seg-menu-search .seg-input-text:focus, #seg-theme-wrapper #seg-menu .seg-menu-search .seg-input-text:hover {
  background: #F5F5F5; }

#seg-theme-wrapper #seg-menu .seg-menu-search .seg-input-submit {
  padding: 15px 0;
  background: #1C4054; }

#seg-theme-wrapper #seg-menu .seg-menu-search .seg-input-submit:hover, #seg-theme-wrapper #seg-menu .seg-menu-search .seg-input-submit:focus {
  background: #43AED1; }

.seg-open-search #seg-theme-wrapper #seg-menu .seg-menu-search {
  display: block;
  -moz-animation: slideUp 200ms ease-in-out;
  -webkit-animation: slideUp 200ms ease-in-out;
  animation: slideUp 200ms ease-in-out; }

@media only screen and (max-width: 940px) {
  #seg-theme-wrapper #seg-menu {
    overflow: hidden;
    margin: -28px 80px 0; }
  #seg-theme-wrapper #seg-menu #seg-menu-toggler {
    display: block; } }

@media only screen and (max-width: 470px) {
  #seg-theme-wrapper #seg-menu {
    margin: -28px 20px 0; } }

#seg-theme-wrapper #seg-menu-mobile {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  width: 250px;
  background: #1C4054;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  -moz-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1); }

#seg-theme-wrapper #seg-menu-mobile {
  overflow-x: hidden; }

#seg-theme-wrapper #seg-menu-mobile:after {
  content: "";
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1); }

.seg-open-menu #seg-theme-wrapper #seg-menu-mobile {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.seg-open-menu #seg-theme-wrapper #seg-menu-mobile:after {
  left: 248px; }

#seg-theme-wrapper #seg-menu-mobile ul {
  list-style: none;
  margin: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0; }

#seg-theme-wrapper #seg-menu-mobile ul {
  display: block;
  margin: 0;
  width: 100%; }

#seg-theme-wrapper #seg-menu-mobile li {
  padding: 0;
  margin: 0 20px;
  border-bottom: 1px solid #295d7a; }

#seg-theme-wrapper #seg-menu-mobile li.seg-first {
  margin: 40px 20px 0; }

#seg-theme-wrapper #seg-menu-mobile li, #seg-theme-wrapper #seg-menu-mobile li.seg-first {
  margin: 0;
  padding: 0; }

#seg-theme-wrapper #seg-menu-mobile li.seg-last {
  border: none; }

#seg-theme-wrapper #seg-menu-mobile li.seg-lng {
  margin: 0;
  border: none; }

#seg-theme-wrapper #seg-menu-mobile li.seg-lng:hover .seg-lng-toggler {
  color: #1C4054; }

#seg-theme-wrapper #seg-menu-mobile a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px 0;
  font: 700 16px/20px "Noto Serif", serif;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none; }

#seg-theme-wrapper #seg-menu-mobile li a {
  font-size: 14px;
  line-height: 16px;
  padding: 10px; }

#seg-theme-wrapper #seg-menu-mobile a.seg-lng-toggler {
  padding: 20px;
  background: #FFF url('https://www.schooleducationgateway.eu/images/lng-arrow.png?1480497114') no-repeat 80% center;
  text-transform: none;
  color: #829BA9;
  line-height: 22px; }

#seg-theme-wrapper #seg-menu-mobile a.seg-lng-toggler:after {
  display: none; }

#seg-theme-wrapper #seg-menu-mobile a:hover, #seg-menu-mobile a.seg-selected {
  color: #F17D00; }

#seg-theme-wrapper #seg-menu-mobile .seg-join {
  margin: 0;
  border: none; }

#seg-theme-wrapper #seg-menu-mobile .seg-join a {
  padding: 20px;
  background: #43AED1;
  color: #FFF;
  text-transform: none; }

#seg-theme-wrapper #seg-menu-mobile .seg-join a:hover {
  background: #2C93B5;
  color: #FFF; }

#seg-theme-wrapper #seg-menu-mobile .seg-search {
  border: none;
  margin: 0; }

#seg-theme-wrapper #seg-menu-mobile .seg-search a {
  width: 100%;
  height: 52px;
  margin: 0;
  padding: 0;
  background: #F17D00 url('https://www.schooleducationgateway.eu/images/search-icon-1.png?1480497114') no-repeat left center;
  text-indent: -99999px; }

#seg-theme-wrapper #seg-menu-mobile .seg-search a:after {
  display: none; }

#seg-theme-wrapper #seg-menu-mobile .seg-search a:hover {
  background: #FFA729 url('https://www.schooleducationgateway.eu/images/search-icon-1.png?1480497114') no-repeat left center; }

#seg-theme-wrapper #seg-menu-mobile .seg-lng-options {
  width: 250px;
  max-height: 250px;
  background: #FFF;
  display: none;
  border-top: 1px solid #E0E0E0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#seg-theme-wrapper #seg-menu-mobile .seg-lng-options li {
  margin: 0;
  border-bottom: 1px solid #E0E0E0; }

#seg-theme-wrapper #seg-menu-mobile .seg-lng-options li.seg-first {
  margin: 0; }

#seg-theme-wrapper #seg-menu-mobile .seg-lng-options a {
  padding: 20px;
  background: #FFF;
  text-transform: none;
  color: #829BA9;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#seg-theme-wrapper #seg-menu-mobile .seg-lng-options a:after {
  display: none; }

#seg-theme-wrapper #seg-menu-mobile .seg-lng-options a:hover, #seg-menu-mobile .seg-lng-options a.seg-selected {
  background: #F5F5F5; }

.seg-open-lng #seg-theme-wrapper #seg-menu-mobile .seg-lng-options {
  display: block; }

@media only screen and (max-width: 940px) {
  #seg-theme-wrapper #seg-menu-mobile {
    display: block; } }

#seg-theme-wrapper #seg-footer {
  position: relative;
  margin: 50px 0 0;
  padding: 60px 0 0;
  background: #1C4054; }

#seg-theme-wrapper .seg-inner {
  max-width: 940px;
  height: auto;
  margin: 0 auto; }

@media only screen and (max-width: 470px) {
  #seg-theme-wrapper .seg-inner {
    margin: 0 20px; } }

#seg-theme-wrapper #seg-footer .seg-dirty-border {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: block;
  z-index: 0;
  width: 100%;
  height: 7px;
  background: transparent url('https://www.schooleducationgateway.eu/images/dirty-border-2.png?1480497113') repeat-x left top; }

#seg-theme-wrapper #seg-footer .seg-column {
  float: left; }

#seg-theme-wrapper #seg-footer #seg-footer-col-1 {
  width: 25%; }

#seg-theme-wrapper #seg-footer #seg-footer-col-2 {
  width: 25%; }

#seg-theme-wrapper #seg-footer #seg-footer-col-3 {
  width: 50%; }

#seg-theme-wrapper #seg-footer #seg-footer-col-3 p {
  font: italic 400 12px/20px "Georgia", "Times", serif;
  color: #87A1AF; }

#seg-theme-wrapper #seg-footer h3 {
  margin: 0 0 20px;
  font: 700 14px/22px "Noto Serif", serif;
  color: #FFF;
  letter-spacing: 0.5px; }

#seg-theme-wrapper #seg-footer h3.seg-htag {
  font: 700 14px/22px "Noto Sans", sans-serif; }

#seg-theme-wrapper #seg-footer h3 em {
  font: 100 14px/22px "Noto Sans", sans-serif;
  color: #FFF; }

#seg-theme-wrapper #seg-footer h3 strong {
  color: #F17D00; }

@media only screen and (max-width: 940px) {
  #seg-theme-wrapper #seg-footer .seg-column {
    float: none; }
  #seg-theme-wrapper #seg-footer #seg-footer-col-1 {
    width: 100%;
    padding: 0 0 30px;
    margin: 0 0 25px;
    border-bottom: 1px solid #335365; }
  #seg-theme-wrapper #seg-footer #seg-footer-col-2 {
    width: 100%;
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #335365; }
  #seg-theme-wrapper #seg-footer #seg-footer-col-3 {
    width: 100%;
    margin: 0; } }

#seg-theme-wrapper #seg-footer .seg-btn-orange {
  margin-top: 30px; }

#seg-theme-wrapper .seg-footer-quicklinks {
  list-style: none;
  margin: 0;
  padding: 0; }

#seg-theme-wrapper .seg-footer-quicklinks li {
  position: relative; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-first a {
  padding-top: 0; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-first .seg-link-icon {
  top: 0;
  margin: 0; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-last a {
  padding-bottom: 0; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-last .seg-link-icon {
  top: 10px;
  margin: 0; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-news .seg-link-icon {
  background-position: left 0px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-news:hover .seg-link-icon {
  background-position: -21px 0px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-news:hover a {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-practices .seg-link-icon {
  background-position: left -21px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-practices:hover .seg-link-icon {
  background-position: -21px -21px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-practices:hover a {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-tutorials .seg-link-icon {
  background-position: left -42px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-tutorials:hover .seg-link-icon {
  background-position: -21px -42px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-tutorials:hover a {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-experts .seg-link-icon {
  background-position: left -63px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-experts:hover .seg-link-icon {
  background-position: -21px -63px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-experts:hover a {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-discussions .seg-link-icon {
  background-position: left -84px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-discussions:hover .seg-link-icon {
  background-position: -21px -84px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-discussions:hover a {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-policy .seg-link-icon {
  background-position: left -105px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-policy:hover .seg-link-icon {
  background-position: -21px -105px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-policy:hover a {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-tools .seg-link-icon {
  background-position: left -126px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-tools:hover .seg-link-icon {
  background-position: -21px -126px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-tools:hover a {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-resources .seg-link-icon {
  background-position: left -147px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-resources:hover .seg-link-icon {
  background-position: -21px -147px; }

#seg-theme-wrapper .seg-footer-quicklinks li.seg-resources:hover a {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks a {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 10px 0 10px 0;
  font: 700 14px/22px "Noto Serif", serif;
  color: #FFF;
  letter-spacing: 0.5px;
  text-decoration: none;
  -webkit-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: none 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

#seg-theme-wrapper .seg-footer-quicklinks a:hover {
  color: #698595; }

#seg-theme-wrapper .seg-footer-quicklinks .seg-link-icon {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  z-index: 0;
  width: 21px;
  height: 21px;
  margin: -10.5px 0 0 0;
  background: transparent url('https://www.schooleducationgateway.eu/images/footer-icons.png?1480497114') no-repeat left top; }

#seg-theme-wrapper .seg-footer-socials {
  list-style: none;
  margin: 0;
  padding: 0; }

#seg-theme-wrapper .seg-footer-socials li {
  float: left; }

#seg-theme-wrapper .seg-footer-socials a {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url('https://www.schooleducationgateway.eu/images/socials-2.png?1480497114') no-repeat left top;
  text-indent: -9999px; }

#seg-theme-wrapper .seg-footer-socials a.seg-fbk {
  background-position: 0px top;
  margin: 0 10px 0 -6px; }

@media only screen and (max-width: 940px) {
  #seg-theme-wrapper .seg-footer-socials a.seg-fbk {
    margin: 0 10px 0 -6px; } }

#seg-theme-wrapper .seg-footer-socials a.seg-fbk:hover {
  background-position: 0px bottom; }

#seg-theme-wrapper .seg-footer-socials a.seg-twt {
  background-position: -23px top;
  margin: 0 19px 0 0; }

#seg-theme-wrapper .seg-footer-socials a.seg-twt:hover {
  background-position: -23px bottom; }

#seg-theme-wrapper .seg-footer-socials a.seg-ytb {
  background-position: -46px top;
  margin: 0 17px 0 0; }

#seg-theme-wrapper .seg-footer-socials a.seg-ytb:hover {
  background-position: -46px bottom; }

#seg-theme-wrapper .seg-footer-socials a.seg-rss {
  background-position: -69px top;
  margin: 0 17px 0 0; }

#seg-theme-wrapper .seg-footer-socials a.seg-rss:hover {
  background-position: -69px bottom; }

#seg-theme-wrapper .seg-footer-socials a.seg-msg {
  background-position: -92px top;
  margin: 0; }

#seg-theme-wrapper .seg-footer-socials a.seg-msg:hover {
  background-position: -92px bottom; }

#seg-theme-wrapper .seg-footer-copy {
  margin: 40px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #335365; }

#seg-theme-wrapper .seg-footer-copy p {
  margin: 0;
  font: italic 400 12px/53px "Georgia", "Times", serif;
  color: #87A1AF; }

#seg-theme-wrapper .seg-footer-copy a {
  color: #FFF;
  text-decoration: none; }

#seg-theme-wrapper .seg-footer-copy a:hover {
  color: #FFF;
  text-decoration: underline; }

#seg-theme-wrapper .seg-footer-copy .seg-rights {
  float: left;
  padding-bottom: 8px; }

#seg-theme-wrapper .seg-footer-copy .seg-founder {
  position: relative;
  float: right;
  padding-right: 165px; }

#seg-theme-wrapper .seg-footer-copy .seg-founder a {
  position: absolute;
  right: 0;
  top: 0; }

@media only screen and (max-width: 940px) {
  #seg-theme-wrapper .seg-footer-copy .seg-founder a {
    position: inherit; } }

@media only screen and (max-width: 940px) {
  #seg-theme-wrapper .seg-footer-copy {
    margin: 30px 0 0;
    padding: 15px 0 0; }
  #seg-theme-wrapper .seg-footer-copy p {
    line-height: 20px; }
  #seg-theme-wrapper .seg-footer-copy .seg-rights, #seg-theme-wrapper .seg-footer-copy .seg-founder {
    float: none; }
  #seg-theme-wrapper .seg-footer-copy .seg-founder {
    display: inline-block;
    margin: 20px 0 0;
    padding-bottom: 17px; } }

#seg-theme-wrapper .seg-footer-menu2 {
  list-style-type: none;
  margin: 20px 0 0;
  padding: 0; }

#seg-theme-wrapper .seg-footer-menu2 li {
  font: normal 400 12px/20px "Noto Serif", serif;
  margin: 10px 0;
  color: #7c96a5; }

#seg-theme-wrapper .seg-footer-menu2 li a {
  color: #7c96a5;
  padding-left: 5px;
  text-decoration: none; }

#seg-theme-wrapper .seg-footer-menu2 li a:hover {
  color: #FFFFFF; }

#seg-theme-wrapper div#seg-footer h3.seg-htag a, #seg-theme-wrapper div#seg-footer h3.seg-htag a:hover {
  color: #ffffff;
  text-decoration: none; }

#seg-theme-wrapper div#seg-footer p.seg-etwinning a {
  background: transparent url("https://www.schooleducationgateway.eu/images/etwinning.png?1458058512") no-repeat scroll left top;
  display: inline-block;
  height: 55px;
  text-indent: -99999px;
  width: 188px; }

p.seg-etwinning {
  margin-top: 20px;
  margin-bottom: 0; }