* {  box-sizing: border-box;
}

html {
  font-size: 100%;
  line-height: 1.5em;
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
}

@media print {
  html {
    font-size: 12pt;
  }
}

html, body{
  height:100%;
}

body {
  margin: 0;
  padding: 0;
  color: #4a4a4a;
  background: #ffffff;
  font-family: 'Titillium Web', sans-serif;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
    width: 100%;
    height: auto;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  color: #0072b9;
  -webkit-text-decoration-skip: objects;
}

:visited {
  color: #003353;
}

a:active {
  color: #c00;
}

a:active:not(.button) {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

@media print {
  :link,
  :visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
  }
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }
}

h1,
.header__site-name {
  font-size: 2rem;
  line-height: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h3 {
  font-size: 1.25rem;
  line-height: 2.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h5 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h6 {
  font-size: 0.625rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}

@media print {
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
}

b,
strong {
  font-weight: inherit;
}

strong,
b {
  font-weight: bolder;
}

pre,
code,
kbd,
samp,
var {
  font-family: Menlo, "DejaVu Sans Mono", "Ubuntu Mono", Courier, "Courier New", monospace, sans-serif;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #fd0;
  color: #000;
}

small {
  font-size: 0.875rem;
}

sub,
sup {
  font-size: 0.75rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

.divider,
hr {
  margin: 1.5rem 0;
  border: 0;
  border-top: 1px solid #cccccc;
}

.divider > :first-child, hr > :first-child {
  margin-top: 1.5rem;
}

blockquote {
  margin: 1.5rem 2rem;
}

ol{
    list-style: decimal !important;
}

dl,
menu,
ol,
ul {
  margin: 1.5rem 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

dd {
  margin: 0 0 0 32px;
}

[dir="rtl"] dd {
  margin: 0 32px 0 0;
}

menu,
ol,
ul {
  padding: 0 0 0 32px;
}

[dir="rtl"] menu, [dir="rtl"]
ol, [dir="rtl"]
ul {
  padding: 0 32px 0 0;
}

figcaption{
    text-align: center;
}

figure {
  margin: 1.5rem 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

p,
pre {
  margin: 1.5rem 0;
  line-height: 1.5em;
}

img {
  border-style: none;
}

img,
svg {
  max-width: 100%;
  height: auto !important;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  box-sizing: border-box;
  max-width: 100%;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input {
  overflow: visible;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
    font-weight: 300;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.button,
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -moz-appearance: button;
  -webkit-appearance: button;
}

.button,
button,
[type='button'],
[type='reset'],
[type='submit'] {
  display: inline-block;
  padding: 2px 6px;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #000;
}

.button::-moz-focus-inner,
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.button:-moz-focusring,
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.button:hover, .button:focus, .button:active,
button:hover,
button:focus,
button:active,
[type='button']:hover,
[type='button']:focus,
[type='button']:active,
[type='reset']:hover,
[type='reset']:focus,
[type='reset']:active,
[type='submit']:hover,
[type='submit']:focus,
[type='submit']:active {
  text-decoration: none;
  color: #000;
}

[disabled].button,
button[disabled],
[disabled][type='button'],
[disabled][type='reset'],
[disabled][type='submit'] {
  cursor: default;
  color: #999999;
}

[disabled].button:hover,
button[disabled]:hover,
[disabled][type='button']:hover,
[disabled][type='reset']:hover,
[disabled][type='submit']:hover, [disabled].button:focus,
button[disabled]:focus,
[disabled][type='button']:focus,
[disabled][type='reset']:focus,
[disabled][type='submit']:focus, [disabled].button:active,
button[disabled]:active,
[disabled][type='button']:active,
[disabled][type='reset']:active,
[disabled][type='submit']:active {
  color: #999999;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

fieldset {
  padding: 0.525rem 0.9375rem 0.975rem;
  border: 1px solid #cccccc;
  margin: 0 2px;
}

legend {
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  white-space: normal;
  color: inherit;
  margin-left: -5px;
  padding: 0 5px;
}

label {
  display: block;
  font-weight: bold;
}

optgroup {
  font-weight: bold;
}

textarea {
  overflow: auto;
}

table {
  margin: 1.5rem 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td,
th {
  padding: 0;
}

.layout-3col {
  padding-left: 0;
  padding-right: 0;
}

.layout-3col:before {
  content: "";
  display: table;
}

.layout-3col:after {
  content: "";
  display: table;
  clear: both;
}

.layout-3col__full, .layout-3col__left-content, .layout-3col__right-content, .layout-3col__left-sidebar, .layout-3col__right-sidebar, .layout-3col__first-left-sidebar, .layout-3col__second-left-sidebar, .layout-3col__col-1, .layout-3col__col-2, .layout-3col__col-3, .layout-3col__col-4, .layout-3col__col-x {
  clear: both;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
}

[dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar, [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-4, [dir="rtl"] .layout-3col__col-x {
  float: right;
  margin-right: 0%;
  margin-left: -100%;
}

@media (min-width: 777px) {
  .layout-3col {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .layout-3col:before {
    content: "";
    display: table;
  }
  .layout-3col:after {
    content: "";
    display: table;
    clear: both;
  }
  [dir="rtl"] .layout-3col {
    margin-left: 0;
    margin-right: 0;
  }
  .layout-3col__full, .layout-3col__left-content, .layout-3col__right-content, .layout-3col__left-sidebar, .layout-3col__right-sidebar {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
  }
  [dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar {
    padding-left: 13px;
    padding-right: 12px;
  }
  .layout-3col__first-left-sidebar, .layout-3col__col-1, .layout-3col__col-3, .layout-3col__col-x:nth-child(2n + 1) {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-x:nth-child(2n + 1) {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-x:nth-child(2n + 1) {
    padding-left: 13px;
    padding-right: 12px;
  }
  .layout-3col__second-left-sidebar, .layout-3col__col-2, .layout-3col__col-4, .layout-3col__col-x:nth-child(2n) {
    clear: none;
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-3col__second-left-sidebar, [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-4, [dir="rtl"] .layout-3col__col-x:nth-child(2n) {
    float: right;
    margin-right: 50%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__second-left-sidebar, [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-4, [dir="rtl"] .layout-3col__col-x:nth-child(2n) {
    padding-left: 13px;
    padding-right: 12px;
  }
}

@media (min-width: 999px) {
  .layout-3col__full {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__full {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-3col__left-content {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__left-content {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-3col__right-content {
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__right-content {
    float: right;
    margin-right: 33.33333%;
    margin-left: -100%;
  }
  .layout-3col__left-sidebar, .layout-3col__first-left-sidebar, .layout-3col__second-left-sidebar {
    clear: right;
    float: right;
    width: 33.33333%;
    margin-right: 66.66667%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar {
    clear: left;
  }
  [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar {
    float: left;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  .layout-3col__right-sidebar {
    clear: right;
    float: right;
    width: 33.33333%;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__right-sidebar {
    clear: left;
  }
  [dir="rtl"] .layout-3col__right-sidebar {
    float: left;
    margin-left: 0%;
    margin-right: -100%;
  }
  .layout-3col__col-1, .layout-3col__col-x:nth-child(3n+1) {
    clear: both;
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-x:nth-child(3n+1) {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-3col__col-2, .layout-3col__col-x:nth-child(3n+2) {
    clear: none;
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-x:nth-child(3n+2) {
    float: right;
    margin-right: 33.33333%;
    margin-left: -100%;
  }
  .layout-3col__col-3, .layout-3col__col-x:nth-child(3n) {
    clear: none;
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-x:nth-child(3n) {
    float: right;
    margin-right: 66.66667%;
    margin-left: -100%;
  }
  .layout-3col__col-4 {
    display: none;
  }
}

.layout-3col__grid-item-container {
  padding-left: 0;
  padding-right: 0;
}

.layout-3col__grid-item-container:before {
  content: "";
  display: table;
}

.layout-3col__grid-item-container:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 777px) {
  [dir="rtl"] .layout-center {
    padding-left: 13px;
    padding-right: 12px;
  }
}

.layout-center--shared-grid,
.layout-center.layout-3col {
  padding-left: 0;
  padding-right: 0;
}

.layout-swap {
    position: relative;
    clear: both;
    z-index: 0;
}

@media (min-width: 555px) {
  .layout-swap {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .layout-swap__top {
    position: absolute;
    top: 0;
    height: 48px;
    width: 100%;
  }
}

.box {
  margin-bottom: 1.5rem;
  border: 5px solid #cccccc;
  padding: 1em;
}

.box__title {
  margin: 0;
}

.box:focus, .box:hover, .box.is-focus, .box--is-focus {
  border-color: #000;
}

.box--highlight {
  border-color: #0072b9;
}

.clearfix:before,
.header:before,
.tabs:before {
  content: '';
  display: table;
}

.clearfix:after,
.header:after,
.tabs:after {
  content: '';
  display: table;
  clear: both;
}

.comment__section,
.comments {
  margin: 1.5rem 0;
}

.comment__title {
  margin: 0;
}

.comment__permalink {
  text-transform: uppercase;
  font-size: 75%;
}

.comment--preview,
.comment-preview {
  background-color: #fffadb;
}

.comment--nested,
.indented {
  margin-left: 32px;
}

[dir="rtl"] .comment--nested,
[dir="rtl"] .indented {
  margin-left: 0;
  margin-right: 32px;
}

.header__logo {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
    position: relative;
    z-index: 101;
}

[dir="rtl"] .header__logo {
  float: right;
  margin: 0 0 0 10px;
}

.header__logo-image {
  vertical-align: bottom;
}

.header__name-and-slogan {
  float: left;
}

.header__site-name {
  margin: 0;
}

.header__site-link:link, .header__site-link:visited {
  color: #000;
  text-decoration: none;
}

.header__site-link:hover, .header__site-link:focus {
  text-decoration: underline;
}

.header__site-slogan {
  margin: 0;
}

.block_quick_info{
    float: right;
    clear: right;
    padding: 10px 30px;
    margin: 10px 0;
    border-left: 20px solid #efefef;
    background: #2A368F;
    color: #ffffff;
    font-size: 24px;
}

.block_quick_info p{
    margin: 0;
    padding: 0;
}

.header__secondary-menu {
  float: right;
}

[dir="rtl"] .header__secondary-menu {
  float: left;
}

.hidden,
html.js .js-hidden,
html.js .element-hidden,
html.js .js-hide {
  display: none;
}

.highlight-mark,
.new,
.update {
  color: #c00;
  background-color: transparent;
}

.inline-links,
.inline.links {
  padding: 0;
}

.inline-links__item,
.inline.links li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
}

[dir="rtl"] .inline-links__item,
[dir="rtl"] .inline.links li,
.inline.links [dir="rtl"] li {
  display: inline-block;
  padding: 0 0 0 1em;
}

.inline-sibling,
.field-label-inline .field-label,
span.field-label {
  display: inline;
  margin-right: 10px;
}

[dir="rtl"] .inline-sibling,
[dir="rtl"] .field-label-inline .field-label,
.field-label-inline [dir="rtl"] .field-label,
[dir="rtl"] span.field-label {
  margin-right: 0;
  margin-left: 10px;
}

.inline-sibling__child,
.inline-sibling *, .field-label-inline .field-label *, span.field-label * {
  display: inline;
}

.inline-sibling__adjacent,
.inline-sibling + *,
.inline-sibling + * > :first-child,
.inline-sibling + * > :first-child > :first-child, .field-label-inline .field-label + *, span.field-label + *, .field-label-inline .field-label + * > :first-child, span.field-label + * > :first-child, .field-label-inline .field-label + * > :first-child > :first-child, span.field-label + * > :first-child > :first-child {
  display: inline;
}

.field-label-inline .field-label,
.field-label-inline .field-items {
  float: none;
}

.messages,
.messages--status {
  margin: 1.5rem 0;
  position: relative;
  padding: 10px 10px 10px 44px;
  border: 1px solid #0072b9;
}

[dir="rtl"] .messages,
[dir="rtl"] .messages--status {
  padding: 10px 44px 10px 10px;
  background-position: 99% 8px;
}

.messages__icon {
  position: absolute;
  top: 50%;
  left: 10px;
  height: 24px;
  width: 24px;
  margin-top: -12px;
  line-height: 1;
}

[dir="rtl"] .messages__icon {
  left: auto;
  right: 0;
}

.messages__icon path {
  fill: #0072b9;
}

.messages__highlight,
.messages--error .error,
.messages.error .error {
  color: #000;
}

.messages__list {
  margin: 0;
}

.messages__item {
  list-style-image: none;
}

.messages--ok-color,
.messages,
.messages--status,
.ok,
.revision-current {
  background-color: #f6fcff;
  color: #0072b9;
}

.messages--warning-color,
.messages--warning,
.messages.warning,
.warning {
  background-color: #fffce6;
  color: #000;
}

.messages--error-color,
.messages--error,
.messages.error,
.error {
  background-color: #fff0f0;
  color: #c00;
}

.messages--warning,
.messages.warning {
  border-color: #fd0;
}

.messages--warning path, .messages.warning path {
  fill: #fd0;
}

.messages--error,
.messages.error {
  border-color: #c00;
}

.messages--error path, .messages.error path {
  fill: #c00;
}

@media print {
  .print-none,
  .toolbar,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .feed-icons {
    display: none;
  }
}

.responsive-video,
.media-youtube-video,
.media-vimeo-preview-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.responsive-video__embed,
.responsive-video iframe,
.media-youtube-video iframe,
.media-vimeo-preview-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-video--4-3 {
  padding-bottom: 75%;
}

.visually-hidden,
.element-invisible,
.element-focusable,
.breadcrumb__title,
.main-navigation .block-menu .block__title,
.main-navigation .block-menu-block .block__title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}

.visually-hidden--off,
.visually-hidden--focusable:active,
.visually-hidden--focusable:focus,
.element-focusable:active,
.element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
}

.watermark {
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  height: 0;
  overflow: visible;
  background-color: transparent;
  color: #eeeeee;
  font-size: 75px;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  word-wrap: break-word;
}

@media print {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb__list {
  margin: 0;
  padding: 0;
}

.breadcrumb__item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.more-link,
.more-help-link {
  text-align: right;
}

[dir="rtl"] .more-link,
[dir="rtl"] .more-help-link {
  text-align: left;
}

.more-link__help-icon,
.more-help-link a {
  padding: 1px 0 1px 20px;
  background-image: url(../sass/navigation/more-link/more-link__help-icon.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
}

[dir="rtl"] .more-link__help-icon,
[dir="rtl"] .more-help-link a,
.more-help-link [dir="rtl"] a {
  padding: 1px 20px 1px 0;
  background-position: 100% 50%;
}

.nav-menu__item,
.menu__item {
  list-style-image: url(../sass/navigation/nav-menu/leaf.svg);
  list-style-type: square;
}

.nav-menu__item.is-expanded, .nav-menu__item--is-expanded,
.is-expanded.menu__item,
.menu__item.is-expanded {
  list-style-image: url(../sass/navigation/nav-menu/expanded.svg);
  list-style-type: circle;
}

.nav-menu__item.is-collapsed, .nav-menu__item--is-collapsed,
.is-collapsed.menu__item,
.menu__item.is-collapsed {
  list-style-image: url(../sass/navigation/nav-menu/collapsed.svg);
  list-style-type: disc;
}

[dir="rtl"] .nav-menu__item.is-collapsed, [dir="rtl"] .nav-menu__item--is-collapsed,
[dir="rtl"] .is-collapsed.menu__item,
[dir="rtl"] .menu__item.is-collapsed {
  list-style-image: url(../sass/navigation/nav-menu/collapsed-rtl.svg);
}

.navbar,
.main-navigation .links,
.main-navigation .menu {
  margin: 0;
  padding: 0;
  text-align: left;
}

[dir="rtl"] .navbar,
[dir="rtl"] .main-navigation .links,
.main-navigation [dir="rtl"] .links,
[dir="rtl"]
.main-navigation .menu,
.main-navigation [dir="rtl"] .menu {
  text-align: right;
}

.navbar__item,
.navbar li, .main-navigation .links li,
.main-navigation .menu li {
  float: left;
  padding: 0 10px 0 0;
  list-style-type: none;
  list-style-image: none;
}

[dir="rtl"] .navbar__item, [dir="rtl"]
.navbar li, [dir="rtl"] .main-navigation .links li, .main-navigation [dir="rtl"] .links li, [dir="rtl"]
.main-navigation .menu li,
.main-navigation [dir="rtl"] .menu li {
  float: right;
  padding: 0 0 0 10px;
}

.panels-flexible-region{
    width: 100%;
}

.pager {
  clear: both;
  padding: 0;
  text-align: center;
}

@media print {
  .pager {
    display: none;
  }
}

.pager__item,
.pager__current-item,
.pager-current,
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
  display: inline;
  padding: 0 .5em;
  list-style-type: none;
  background-image: none;
}

.pager__current-item,
.pager-current {
  font-weight: bold;
}

.skip-link {
  display: block;
  padding: 2px 0 3px;
  text-align: center;
}

.skip-link:link, .skip-link:visited {
  background-color: #666666;
  color: #fff;
}

.skip-link__wrapper {
  margin: 0;
}

@media print {
  .skip-link__wrapper {
    display: none;
  }
}

.tabs {
  margin: 1.125rem 0 0;
  line-height: 1.875rem;
  border-bottom: 1px solid #cccccc \0/ie;
  background-image: -webkit-linear-gradient(bottom, #cccccc 1px, transparent 1px);
  background-image: linear-gradient(to top, #cccccc 1px, transparent 1px);
  padding: 0 2px;
  list-style: none;
  white-space: nowrap;
    position: relative;
    z-index: 1;
}

@media print {
  .tabs {
    display: none;
  }
}

.tabs__tab {
  float: left;
  margin: 0 3px;
  border: 1px solid #cccccc;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-color: transparent;
  border-bottom: 0 \0/ie;
  overflow: hidden;
  background: #dddddd;
}

[dir="rtl"] .tabs__tab {
  float: right;
}

.tabs__tab.is-active {
  border-bottom-color: #fff;
}

.tabs__tab-link {
  padding: 0 1.5rem;
  display: block;
  text-decoration: none;
  -webkit-transition: color .3s, background .3s, border .3s;
  transition: color .3s, background .3s, border .3s;
  text-shadow: #fff 0 1px 0;
  color: #000;
  background: #dddddd;
  letter-spacing: 1px;
}

.tabs__tab-link:focus, .tabs__tab-link:hover {
  background: #eaeaea;
}

.tabs__tab-link:active, .tabs__tab-link.is-active, .tabs__tab-link--is-active {
  background: #fff;
  text-shadow: none;
}

.tabs--off,
.views-displays .secondary {
  margin: 0;
  border-bottom: 0;
  padding: 0;
  background-image: none;
}

.tabs--secondary {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  background-image: none;
}

.tabs + .tabs--secondary {
  margin-top: 0;
  background-image: -webkit-linear-gradient(bottom, #cccccc 1px, transparent 1px);
  background-image: linear-gradient(to top, #cccccc 1px, transparent 1px);
}

.tabs--secondary .tabs__tab {
  margin: 0.5625rem 0.1875rem;
  border: 0;
  background: transparent;
}

[dir="rtl"] .tabs--secondary .tabs__tab {
  float: right;
}

.tabs--secondary .tabs__tab.is-active {
  border-bottom-color: transparent;
}

.tabs--secondary .tabs__tab-link {
  border: 1px solid #cccccc;
  border-radius: 24px;
  color: #666666;
  background: #f1f1f1;
  letter-spacing: normal;
}

.tabs--secondary .tabs__tab-link:focus, .tabs--secondary .tabs__tab-link:hover {
  color: #333333;
  background: #dddddd;
  border-color: #999999;
}

.tabs--secondary .tabs__tab-link:active, .tabs--secondary .tabs__tab-link.is-active, .tabs--secondary .tabs__tab-link--is-active {
  color: white;
  text-shadow: #333333 0 1px 0;
  background: #666666;
  border-color: black;
}

.autocomplete,
.form-autocomplete {
  background-image: url(../sass/forms/autocomplete/throbber-inactive.png);
  background-position: 100% center;
  background-repeat: no-repeat;
}

[dir="rtl"] .autocomplete,
[dir="rtl"] .form-autocomplete {
  background-position: 0% center;
}

.autocomplete__list-wrapper,
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}

.autocomplete__list,
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.autocomplete__list-item,
#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
}

.autocomplete__list-item.is-selected, .autocomplete__list-item--is-selected,
#autocomplete li.is-selected,
#autocomplete .selected {
  background: #0072b9;
  color: #fff;
}

.autocomplete.is-throbbing, .autocomplete--is-throbbing,
.is-throbbing.form-autocomplete,
.form-autocomplete.throbbing {
  background-image: url(../sass/forms/autocomplete/throbber-active.gif);
}

.collapsible-fieldset,
.collapsible {
  position: relative;
}

.collapsible-fieldset__legend,
.collapsible .fieldset-legend {
  display: block;
  padding-left: 15px;
  background-image: url(../sass/forms/collapsible-fieldset/expanded.svg);
  background-position: 4px 50%;
  background-repeat: no-repeat;
}

[dir="rtl"] .collapsible-fieldset__legend,
[dir="rtl"] .collapsible .fieldset-legend,
.collapsible [dir="rtl"] .fieldset-legend {
  padding-left: 0;
  padding-right: 15px;
  background-position: right 4px top 50%;
}

.collapsible-fieldset__summary,
.collapsible .fieldset-legend .summary {
  color: #999999;
  font-size: .9em;
  margin-left: .5em;
}

.collapsible-fieldset.is-collapsed, .collapsible-fieldset--is-collapsed,
.is-collapsed.collapsible,
.collapsible.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 1em;
}

.collapsible-fieldset.is-collapsed .collapsible-fieldset__wrapper, .collapsible-fieldset--is-collapsed__wrapper, .is-collapsed.collapsible .collapsible-fieldset__wrapper,
.collapsible.collapsed .fieldset-wrapper {
  display: none;
}

.collapsible-fieldset.is-collapsed .collapsible-fieldset__legend, .collapsible-fieldset--is-collapsed__legend, .is-collapsed.collapsible .collapsible-fieldset__legend,
.collapsible.collapsed .fieldset-legend,
.collapsible-fieldset.is-collapsed .collapsible .fieldset-legend,
.collapsible .collapsible-fieldset.is-collapsed .fieldset-legend,
.is-collapsed.collapsible .fieldset-legend {
  background-image: url(../sass/forms/collapsible-fieldset/collapsed.svg);
  background-position: 4px 50%;
}

[dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible-fieldset__legend, [dir="rtl"] .collapsible-fieldset--is-collapsed__legend, [dir="rtl"] .is-collapsed.collapsible .collapsible-fieldset__legend,
[dir="rtl"] .collapsible.collapsed .fieldset-legend,
.collapsible.collapsed [dir="rtl"] .fieldset-legend,
[dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible .fieldset-legend,
.collapsible [dir="rtl"] .collapsible-fieldset.is-collapsed .fieldset-legend,
[dir="rtl"] .is-collapsed.collapsible .fieldset-legend {
  background-image: url(../sass/forms/collapsible-fieldset/collapsed-rtl.svg);
  background-position: right 4px top 50%;
}

.form-item {
  margin: 1.5rem 0;
}

.form-item__required,
.form-required {
  color: #c00;
}

.form-item__description,
.form-item .description {
  font-size: 0.875rem;
}

.form-item--inline div,
.form-item--inline label, .container-inline .form-item div, .container-inline .form-item label {
  display: inline;
}

.form-item--inline__exception,
.container-inline .fieldset-wrapper {
  display: block;
}

.form-item--tight,
.form-item--radio,
.form-type-radio,
.form-type-checkbox,
.password-parent,
.confirm-parent,
table .form-item {
  margin: 0;
}

.form-item--radio .form-item__label, .form-item--radio__label, .form-type-radio .form-item__label,
.form-type-checkbox .form-item__label,
label.option {
  display: inline;
  font-weight: normal;
}

.form-item--radio .form-item__description, .form-item--radio__description, .form-type-radio .form-item__description,
.form-type-checkbox .form-item__description,
.form-type-radio .description,
.form-type-checkbox .description,
.form-item--radio .form-item .description,
.form-item .form-item--radio .description,
.form-type-radio .form-item .description,
.form-item .form-type-radio .description,
.form-type-checkbox .form-item .description,
.form-item
.form-type-checkbox .description {
  margin-left: 1.4em;
}

.form-item.is-error .form-item__widget, .form-item--is-error__widget,
.form-item.is-error input,
.form-item.is-error textarea,
.form-item.is-error select,
.form-item--is-error input,
.form-item--is-error textarea,
.form-item--is-error select,
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}

.form-table__sticky-header,
.sticky-header {
  position: fixed;
  visibility: hidden;
  margin-top: 0;
  background-color: #fff;
}

.form-table__sticky-header.is-sticky, .form-table__sticky-header--is-sticky,
.is-sticky.sticky-header {
  visibility: visible;
}

.form-table__header,
.form-table th,
form table th {
  border-bottom: 3px solid #cccccc;
  padding-right: 1em;
  text-align: left;
}

[dir="rtl"] .form-table__header,
[dir="rtl"] .form-table th,
.form-table [dir="rtl"] th,
[dir="rtl"] form table th,
form table [dir="rtl"] th {
  text-align: right;
  padding-left: 1em;
  padding-right: 0;
}

.form-table__body,
.form-table tbody,
form table tbody {
  border-top: 1px solid #cccccc;
}

.form-table__row,
.form-table tbody tr,
form table tbody tr {
  padding: .1em .6em;
  border-bottom: 1px solid #cccccc;
  background-color: #eeeeee;
}

.form-table__row:nth-child(even),
.form-table tbody tr:nth-child(even),
form table tbody tr:nth-child(even) {
  background-color: #fff;
}

.form-table__row.is-active, .form-table__row--is-active,
.form-table tbody tr.is-active,
form table tbody tr.is-active,
td.active {
  background-color: #dddddd;
}

.form-table__row.is-disabled, .form-table__row--is-disabled,
.form-table tbody tr.is-disabled,
form table tbody tr.is-disabled,
td.menu-disabled {
  background: #cccccc;
}

.form-table__row.is-selected, .form-table__row--is-selected,
.form-table tbody tr.is-selected,
form table tbody tr.is-selected,
tr.selected td {
  background: #fffdf0;
}

.form-table__list,
.form-table ul,
form table ul {
  margin: 0;
}

.form-table__narrow-column,
.form-table th.form-table__narrow-column,
form table th.form-table__narrow-column,
td .checkbox,
th .checkbox {
  width: -moz-min-content;
  width: -webkit-min-content;
  text-align: center;
}

.progress-bar,
.progress {
  font-weight: bold;
}

.progress-bar__bar,
.progress .bar {
  border-radius: 3px;
  margin: 0 .2em;
  border: 1px solid #666666;
  background-color: #cccccc;
}

.progress-bar__fill,
.progress .filled {
  height: 1.5em;
  width: 5px;
  background: #0072b9 url(../sass/forms/progress-bar/progress-bar.gif) repeat 0 0;
}

.progress-bar__percentage,
.progress .percentage {
  float: right;
}

[dir="rtl"] .progress-bar__percentage,
[dir="rtl"] .progress .percentage,
.progress [dir="rtl"] .percentage {
  float: left;
}

.progress-bar--inline,
.ajax-progress-bar {
  width: 16em;
  display: inline-block;
}

[dir="rtl"] .progress-bar--inline,
[dir="rtl"] .ajax-progress-bar {
  float: right;
}

.progress-throbber,
.ajax-progress {
  display: inline-block;
}

[dir="rtl"] .progress-throbber,
[dir="rtl"] .ajax-progress {
  float: right;
}

.progress-throbber__widget,
.ajax-progress .throbber {
  background: url(../sass/forms/progress-throbber/progress-throbber.gif) no-repeat 0 -18px transparent;
  float: left;
  height: 15px;
  margin: 2px;
  width: 15px;
}

[dir="rtl"] .progress-throbber__widget,
[dir="rtl"] .ajax-progress .throbber,
.ajax-progress [dir="rtl"] .throbber {
  float: right;
}

.progress-throbber__widget-in-tr,
tr .ajax-progress .throbber {
  margin: 0 2px;
}

.progress-throbber__message,
.ajax-progress .message {
  padding-left: 20px;
}

.resizable-textarea,
.resizable-textarea textarea {
  width: 100%;
  vertical-align: bottom;
}

.resizable-textarea__grippie,
.resizable-textarea .grippie {
  background: url(../sass/forms/resizable-textarea/grippie.png) no-repeat center 2px #eeeeee;
  border: 1px solid #cccccc;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

.table-drag__wrapper,
body.drag {
  cursor: move;
}

.table-drag__item,
tr.drag {
  background-color: #fffadb;
}

.table-drag__item-previous,
tr.drag-previous {
  background-color: #fff7c2;
}

.table-drag__handle,
.tabledrag-handle {
  cursor: move;
  float: left;
  height: 1.7em;
  margin-left: -1em;
  overflow: hidden;
  text-decoration: none;
  font-size: 12px;
}

[dir="rtl"] .table-drag__handle,
[dir="rtl"] .tabledrag-handle {
  float: right;
  margin-right: -1em;
  margin-left: 0;
}

.table-drag__handle:focus, .table-drag__handle:hover,
.tabledrag-handle:focus,
.tabledrag-handle:hover {
  text-decoration: none;
}

.table-drag__handle-icon,
.tabledrag-handle .handle {
  box-sizing: content-box;
  background: url(../sass/forms/table-drag/handle-icon.png) no-repeat 6px 9px;
  height: 13px;
  margin: -.4em .5em;
  padding: .42em .5em;
  width: 13px;
}

.table-drag__handle.is-hover .table-drag__handle-icon, .table-drag__handle-icon--is-hover, .is-hover.tabledrag-handle .table-drag__handle-icon,
.tabledrag-handle-hover .handle,
.table-drag__handle.is-hover .tabledrag-handle .handle,
.tabledrag-handle .table-drag__handle.is-hover .handle,
.is-hover.tabledrag-handle .handle {
  background-position: 6px -11px;
}

.table-drag__toggle-weight-wrapper,
.tabledrag-toggle-weight-wrapper {
  text-align: right;
}

[dir="rtl"] .table-drag__toggle-weight-wrapper,
[dir="rtl"] .tabledrag-toggle-weight-wrapper {
  text-align: left;
}

.table-drag__toggle-weight,
.tabledrag-toggle-weight {
  font-size: .9em;
}

.table-drag__indentation,
.indentation {
  float: left;
  height: 1.7em;
  margin: -.4em .2em -.4em -.4em;
  padding: .42em 0 .42em .6em;
  width: 20px;
}

[dir="rtl"] .table-drag__indentation,
[dir="rtl"] .indentation {
  float: right;
  margin: -.4em -.4em -.4em .2em;
  padding: .42em .6em .42em 0;
}

.table-drag__tree-child,
.table-drag__tree-child-last,
.tree-child-last,
.table-drag__tree-child-horizontal,
.tree-child-horizontal,
.tree-child {
  background: url(../sass/forms/table-drag/tree-child.png) no-repeat 11px center;
}

[dir="rtl"] .table-drag__tree-child,
[dir="rtl"] .table-drag__tree-child-last,
[dir="rtl"] .tree-child-last,
[dir="rtl"] .table-drag__tree-child-horizontal,
[dir="rtl"] .tree-child-horizontal,
[dir="rtl"] .tree-child {
  background-position: -65px center;
}

.table-drag__tree-child-last,
.tree-child-last {
  background-image: url(../sass/forms/table-drag/tree-child-last.png);
}

.table-drag__tree-child-horizontal,
.tree-child-horizontal {
  background-position: -11px center;
}

/* HOMEPAGE */


.header__logo-image{
    height: 150px !important;
    float: left;
}

.ui-widget{
    font-family: 'Roboto Condensed', sans-serif;
}

.ui-tabs-nav{
    background: none;
    padding: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}

.ui-tabs{
    background: none;
    padding: 0;
    border-radius: 0;
    border: 0;
}

.ui-tabs-nav{
    padding: 0 !important;
}

.horizontal-tabs{
    border: 0 !important;
    padding: 0 !important;
    margin-top: 20px;
}

.horizontal-tabs fieldset.horizontal-tabs-pane{
    padding: 0;
}

.ui-tabs .ui-tabs-panel{
    border: 0 !important;
    float: left;
    width: 100%;
    padding: 0;
    background: #f9f9f9;
}

.horizontal-tabs ul.horizontal-tabs-list li{
    float: left;
}

.ui-tabs .ui-tabs-nav li a:hover{
    color: #2e368b;
}

.horizontal-tab-button,
.horizontal-tabs ul.horizontal-tabs-list li a,
.ui-tabs .ui-tabs-nav li a{
    padding: 10px 20px;
    color: #3C4565;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    background: none;
    text-transform: uppercase;
    float: left;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    border: 0;
    background: #ffffff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    border-top: 1px solid #efefef !important;
    border-left: 1px solid #efefef !important;
    border-right: 1px solid #efefef !important;
}

.horizontal-tabs ul.horizontal-tabs-list .selected strong{
    color: #ffffff;
    font-weight: 300;
}

.horizontal-tabs ul.horizontal-tabs-list li a{
    text-decoration: none;
}

.horizontal-tabs ul.horizontal-tabs-list li a strong{
    color: #bfbfbf;
    font-weight: 300;
}

.horizontal-tabs ul.horizontal-tabs-list .selected:hover strong{
    color: #ffffff;
}

.horizontal-tabs ul.horizontal-tabs-list li:hover{
    color: #bfbfbf;
}

.horizontal-tabs ul.horizontal-tabs-list li:hover,
.horizontal-tabs ul.horizontal-tabs-list li a:hover{
    background: none;
}

.horizontal-tabs ul.horizontal-tabs-list li:hover strong{
    color: #2e368b;
}

.horizontal-tabs ul.horizontal-tabs-list li{
    background: none;
    color: #bfbfbf;
    border-right: 0;
    text-align: center;
    padding: 0;
}
 
.horizontal-tabs ul.horizontal-tabs-list li.selected a,
.horizontal-tab-button.selected a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
    background: #394367;
    color: #ffffff;
    border-radius: 4px 4px 0 0 !important;
    padding: 10px 20px 30px 20px;
    font-weight: 300;
    text-transform: uppercase;
    float: left;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active{
    margin: 0;
    padding: 0;
}

.horizontal-tabs ul.horizontal-tabs-list,
.ui-widget-header{
    border: 0 !important;
    background: none;
}

.group-project{
    margin-top: 20px;
    float: left;
    width: 100%;
}

.view-erasmus-project-block .views-row p{
    margin: 10px 0;
}

.section-continental-events .content{
    margin-top: 40px;
}

.view-erasmus-project-block .views-row .views-field-title a{
    font-size: 24px;
    color: #DC057B;
    text-decoration: none;
}

.field-name-body{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

.field-name-field-schedule h3,
.field-name-body h3{
    color: #2e368b;
    font-size: 28px;
}

.field-name-body ul li{
    list-style-image: url(../images-source/dot.png)
}

.page_title{
    font-size: 32px;
    text-transform: uppercase;
    color: #2e368b;
    margin: 20px 0 20px 0;
}

.header__logo-image{
    margin-top: 10px;
}

.carousel .inside,
.isf_world,
.social_networks .inside,
.snapshots .inside,
.partners .inside{
    position: relative;
}

.slideshow,
.carousel,
.isf_world,
.social_networks,
.snapshots,
.partners,
.banner_sport_container{
    width: 100%;
}

.panels-flexible-region-7-isf_magazines{
    float: right;
}

.panels-flexible-row{
    padding: 0 !important;
    clear: both;
}

.pane__title{
    color: #2e368b;
    margin: 20px 50px 0 50px;
    padding: 20px 80px;
    font-size: 42px;
    font-weight: bold;
    text-transform: uppercase;
}

.view-school-sport-around-the-world .container_title{
    padding: 20px 80px;
}

.view-championship-block h3{
    width: 100%;
    float: left;
    margin: 15px 0 15px 0;
    color: #203391;
    text-transform: uppercase;
    font-size: 21px;
} 

.field-name-field-body li{
    list-style: disc;
}

.field-name-field-body ol{
    list-style: decimal;
}

.-node-{
    display: none;
}

#sliding-popup{
    width: 100%;
    color: #ffffff;
    background: #8C0591;
    padding-bottom: 15px;
}

#popup-text h2{
    margin-top: 15px;
    margin-bottom: 5px;
}

#popup-text p{
    margin: 5px 0 15px 0 !important;
}

.agree-button{
    font-size: 21px;
    background: #2C99D2;
    border: 2px solid rgba(255,255,255,0);
    color: #ffffff;
    padding: 15px 30px;
    margin-top: 50px;
    border-radius: 7px;
    margin-left: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.find-more-button:hover{
    background: rgba(255,255,255,0.2);
    color: #ffffff;
}

.agree-button:hover{
    border: 2px solid #ffffff;
}

.find-more-button{
    background: none;
    border: 1px solid rgba(255,255,255,1);
    padding: 5px;
    border-radius: 7px;
    color: #ffffff;
    margin-bottom: 10px;
}

@media screen and (min-width:1600px){
.node-ambassadors,
.private_menu,
.view-id-calendar_pdf,
.view-id-search,
.view-countries-profiles,
.video_content,
.points_content,
.view-championship-block,
.block__title,
.horizontal-tabs-list,
.calendar-page,
.magazines-page,
.governance,
.field-name-body,
.filter_articles,
.breadcrumb,
.view-empty,
.tabs,
.header,
.ui-tabs .ui-tabs-nav,
.center_region,
.region-navigation,
.container_title,
.partners,
.node-type-article .field-name-published-on,
.view-snapshots,
.banner_image_page .title_content,
.banner_image .header_title .inside,
.messages,
.container_footer_top{
    margin: 0 auto !important;
    max-width: 1600px;
    float: none !important;
    width: auto !important;
}
}

@media screen and (min-width: 980px) and (max-width: 1600px){
.private_menu,
.view-id-calendar_pdf,
.view-id-search,
.view-countries-profiles,
.video_content,
.points_content,
.view-championship-block,
.block__title,
.horizontal-tabs-list,
.calendar-page,
.magazines-page,
.governance,
.field-name-body,
.filter_articles,
.view-empty,
.tabs,
.header,
.ui-tabs .ui-tabs-nav,
.region-navigation,
.view-snapshots,
.node-type-article .field-name-published-on,
.banner_image_page .title_content,
.banner_image .header_title .inside,
.messages,
.commission-committee-page,
.container_footer_top{
    margin: 0 auto !important;
    max-width: 1600px;
    float: none !important;
    width: auto !important;
    padding-left: 80px !important;
    padding-right: 80px !important;
}
    
    .node-type-isf-championship-page .breadcrumb,
    .view-all-events-by-sports .breadcrumb{
        margin: 0;
    }
    
    
    .node-type-erasmus-project .breadcrumb,
    .sport_page .breadcrumb{
        margin: 0 !important;
    }
    
    .breadcrumb{
        margin: 0 80px;
    }
}

.region-bottom{
    margin: 0 auto;
    max-width: 1260px;
    padding: 0 20px;
}

.slick-arrow,
.slick-down {
  border: 0;
  border-radius: 0;
  display: block;
  font-size: 0;
  height: 100%;
  pointer-events: auto;
  position: absolute;
  top: 0;
  transform: none;
  width: 60px;
  background: #2E368B;
}

.slick-arrow:focus,
.slick-down:focus,
.slick-arrow:hover,
.slick-down:hover {
  background: #2E368B;
}

.slick-arrow::before{
    display: none;
}

.slick-arrow .fa{
    font-size: 50px;
    color: #ffffff;
}

.slick-prev .fa{
    transform: translate(-5px,0);
    transition: ease 0.2s;
}

.slick-prev:hover .fa{
    transform: translate(-10px,0);
    transition: ease 0.4s;
}

.slick-next .fa{
    transform: translate(5px,0);
    transition: ease 0.2s;
}

.slick-next:hover .fa{
    transform: translate(10px,0);
    transition: ease 0.4s;
}

.slick__arrow{
    height: 100%;
    top: 0;
    margin: 0;
}
    
.slick-slider{
    margin: 0 !important;
}

input{
    color: #2e368b;
    font-weight: bold;
}

.form-item__required, .form-required{
    color: #DC057B;
}

.maintenance-page{
    text-align: center;
}

.maintenance-page .header__logo{
    float: none;
    margin: 50px 0;
    display: inline-block;
}

.animate-in {
    -webkit-animation: fadeIn .15s ease-in;
    animation: fadeIn .15s ease-in;
}

.animate-out {
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    opacity: 0;
}

#block-menu-block-4{
    display: none !important;
}

.block-tb-megamenu .responsive {
    display: none !important;
}

#slogan{
    margin: 15px 0 0 10px;
}

/* ................... TOP LINKS ................... */

.top_links_nav {
    float: right;
    background: #f1f1f1;
    padding: 15px;
}

.top_links_nav .text_link{ 
    margin: 7px 10px;
    color: #575757;
}

.top_links_nav .text_link.last{
    margin: 7px 20px 7px 10px;
}

.top_links_nav .fa-facebook:hover{
    background: #37589B;
}

.top_links_nav .fa-twitter:hover{
    background: #3AAAE1;
}

.top_links_nav .fa-instagram:hover{
    background: #E4405F;
}

.top_links_nav .fa-linkedin:hover{
    background: #0274B3;
}

.top_links_nav .fa-youtube:hover{
    background: #EE1C1B;
}

.top_links_nav .fa-google-plus:hover{
    background: #DF493A;
}

.top_links_nav .icon{
    padding: 7px 3px 3px 3px;
    background: #575757;
    color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
}

.top_links_nav .text{
    text-transform: uppercase;
    color: #cdcdcd;
    font-size: 14px;
}

.top_links_nav .text span{
    margin-left: 10px;
    font-family: 'Titillium Web', sans-serif;  
    color: #575757;
}

.top_links_nav .text:hover {
    color: #394367;
}

.top_links_nav li{
    display: inline-block !important;
}

.top_links_nav li a{
    float: left;
    margin: 0;
    text-decoration: none;
}

.top_links_nav ul{
    margin: 0;
    padding: 0;
}

.top_links_nav li img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    float: left;
    opacity: 1;
}

.top_links_nav li img:hover{
    opacity: 0.9;
}

.top_links_nav .top_links{
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    padding: 8px 15px;
}

.top_links_nav #press_corner_link{
    background: #DC057B;
    margin-left: 1px;
}

.top_links_nav #eras_link,
.top_links_nav #member_link{
    color: #2e368b;
}

/* ................... MEGAMENU ................... */

.menu_nav {
    position: relative;
    margin: 20px auto 0 auto;
    z-index: 10;
}

.menu_nav .right{
    float: right;
}

.menu_nav .fa{
    font-weight: 100;
    margin-top: 3px;
    margin-left: 7px;
    font-size: 10px;
    color: #575757;
    vertical-align: top;
    transition: ease 0.7s;
}

.menu_nav ul li:hover .fa{
    color: #ffffff;
}

.menu_nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu_nav ul li.list{
  position: relative;
}

.menu_nav ul li {
  display: inline-block;
  float: left;
}

.menu_nav ul li.active{
    color: #575757;
}

.menu_nav ul li.expanded:hover a{
    background: #394367;
    color: white;
}

.menu_nav ul li .nolink:hover{
    cursor: default;
}

.menu_nav ul li .nolink,
.menu_nav ul li a{
  transition: ease 0.7s;
    padding: 15px 10px;
    display: block;
    text-transform: uppercase;
}

.menu_nav ul .expanded a:hover{
    color: #ffffff;
    background: #394367;
}

.menu_nav ul li > .nolink:hover,
.menu_nav ul a:hover{
    color: #394367;
}

.menu_nav ul li > .nolink,
.menu_nav ul li a {
    text-decoration: none;
    font-size: 18px;
    color: #575757;
    font-weight: 600;
}

.menu_nav ul li ul {
    width: auto;
    min-height: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 47px;
    z-index: -1;
    transform: translateY(2em);
    background: #ffffff; 
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
    margin: 0;
    padding: 15px 0;
}

.menu_nav ul li.wide_list .menu{
    column-count: 5;
    width: 100%; 
    padding-bottom: 30px;
}

.menu_nav ul li ul li { 
    color: #fff;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    float: none;
}

.menu_nav ul li ul li .nolink,
.menu_nav ul li ul li a{
    background: none !important;
    color: #575757 !important;
    padding: 8px 0;
    border-bottom: 1px solid #efefef;
    box-sizing: border-box;
    text-transform: none;
    transition: none;
    font-size: 16px;
    cursor: pointer;
}

.menu_nav ul li .nolink .fa{
    color: #575757 !important;
}

.menu_nav ul li ul li.last a{
    border: 0;
}

.menu_nav ul li ul li .nolink:hover,
.menu_nav ul li ul li a:hover{
    background: none;
    color: #8C0593 !important;
}

.menu_nav ul li ul li{
    padding: 0 20px;
    box-sizing: border-box;
}

.menu_nav ul li ul li.expanded .menu{
    left: 98%;
    top: 0;
    left: 0;
    position: relative;
    padding: 0;
    box-shadow: none;
    width: 100%;
    background: #efefef;
    padding: 0 10px;
    display: none;
    float: left;
    transform: translateY(0);
}

.menu_nav ul .expanded:hover ul li.expanded .menu {
    transform: none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 40.30%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    width: 75%;
    float: left;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.v2s_book_container{
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1); 
}

.v2s_book{
    width: 25%;
    text-align: center;
}

.menu_nav ul li ul li.expanded .menu .fa{
    color: #cccccc;
    margin-right: 5px;
}

.menu_nav ul li ul li.expanded .menu li{
    padding: 0;
    border-bottom: 1px dotted #cccccc;
    width: 100%;
}

.menu_nav ul li ul li.expanded .menu li a{
    font-size: 14px;
}

.menu_nav ul li ul li.expanded .menu li:last-child{
    border: 0;
}

.menu_nav ul li ul li.expanded ul li{
    width: auto;
    float: left;
}
.menu_nav ul .expanded:hover ul {
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
    transition: 0.3s ease 0.4s;
    z-index: 1;
}

.responsive_block p{
    margin: 0;
}

.responsive_block img{
    width: 100% !important;
    height: auto !important;
}

.menu_nav .fa.search{
    margin: 0;
    font-size: 16px;
}

.menu_nav li:hover .fa.search{
    margin: 0;
    font-size: 16px;
    color: #394367 !important;
}

/* ................... BREADCRUMB ................... */

.breadcrumb{
    font-family: 'Roboto Condensed', sans-serif;
    clear: both;
    position: relative;
    z-index: 100;
    font-size: 16px;
    font-weight: bold;
    color: #9f9f9f;
    text-transform: uppercase;
    padding: 20px;
    background: #efefef;
    border-radius: 0 0 7px 7px;
}

.breadcrumb a{
    color: #9f9f9f;
    text-decoration: none;
    border-bottom: 0px solid rgba(255,255,255,0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.breadcrumb a:hover{
    border-bottom: 2px solid #9f9f9f;
}

.breadcrumb .last{
    color: #DC057B;
}

/* ................... BIG SLIDER HOMEPAGE ................... */


.flexslider{
    background: none;
    border: 0;
    margin: 0;
}

.container_slide{
        padding: 0 20px;
}

.panels-flexible-region-6-center{
    width: 100%;
    height: 100%;
}

#mini-panel-homepage_slider{
    position: relative;
}

.homepage_slider_images{
    width: 61%;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 100;
}

.homepage_slider_contents{
    background: #353535;
    background-size: cover;
    width: 40%;
    padding: 2% 6% 2% 3%;
    float: right;
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 101;
    display: inline-block;
}

.container_slide{
    display: flex;
    height: 420px;
    justify-content: center;
}

.slide_content{
    align-self: center;
}

#block-views-event-calendar-block-block{
    clear: both;
}

.navigation_flexslider{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.navigation_flexslider .flex-control-nav{
    width: 36%;
    bottom: 10%;
    z-index: 102;
    right: 0;
    text-align: left;
}

.navigation_flexslider .flex-direction-nav{
    width: 100%;
    z-index: 100;
}

.navigation_flexslider .flex-direction-nav a{
    width: 50px;
    height: 30%;
    opacity: 0.7;
    bottom: 40%;
    top: 40%;
    z-index: 102;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.navigation_flexslider .flex-direction-nav a:hover{
    opacity: 0.8;
}

.flex-direction-nav a.flex-prev::before,
.flex-direction-nav a.flex-next::before{
    content: none;
}

.flex-direction-nav .flex-prev{
    left: 0;
    background: url('../images-source/prev.png') no-repeat center center #141414;
}

.flex-direction-nav .flex-next{
    right: 0;
    background: url('../images-source/next.png') no-repeat center center #141414;
}

.slider_title{
    margin-bottom: 0;
    line-height: 2.5rem;
}

.slider_title a{
    font-size: 42px;
    font-weight: bold;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.slider_body{
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: 15px;
}

.link a{
    color: #2B9AD3;
    font-size: 24px;
    text-decoration: none;
    border-bottom: 2px solid rgba(255,255,255,0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: 30px;
    display: inline-flex;
    justify-content: flex-end;;
    padding-bottom: 8px;
    position: relative;
}

.link a:hover{
    border-bottom: 3px solid #2B9AD3;
}

.tag a{
    font-size: 12px;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
    background: #DC057B;
    margin: 5px 7px 0 0;
    padding: 7px 10px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tag a:hover{
    background: #7990A2;
}

.flex-control-paging li a{
    width: 5px;
    height: 5px;
    background: #ffffff;
    opacity: 0.3;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

.flex-control-paging li a:hover{
    background: white;
    opacity: 1;
}

.flex-control-paging li a.flex-active{
    background: white;
    opacity: 1;
    margin-right: 15px;
    width: 35px
}

/* ................... EVENT CALENDAR HOMEPAGE ................... */

#panels-ipe-paneid-303{
    text-align: center;
}

.gymnasiade_event td{
    vertical-align: middle;    
}

.gymnasiade_event table{
    width: 100% !important;
}

.gymnasiade_event{
    display: block;
    margin: 40px 10%;
    font-size: 36px;
    border-bottom: 2px solid #efefef;
    border-top: 2px solid #efefef;
    padding: 30px 70px;
}

.gymnasiade_event p{
    min-height: 0.5rem;
    margin: 0;
}

.gymnasiade_event img{
    margin-right: 20px;
}

.responsive-gymnasiade{
    display: none;
}

.calendar .views-field-views-conditional{
    text-align: center;
}

.section-event-calendar .views-exposed-widget{
    float: left;
    margin-bottom: 10px;
}

.section-event-calendar .views-exposed-widget label{
    float: left;
    margin-right: 10px;
}

.section-event-calendar .views-exposed-widget #edit-date-filter-value-inside-wrapper{
    float: left;
}

.pane-views-event-calendar-block-block{
    position: relative;
}

.view-id-calendar_pdf .file-icon,
.view-id-calendar_pdf .file-size{
    display: none;
}

.view-id-calendar_pdf .file{
    width: 100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 0 10px 0;
}

.view-event-calendar-block .view-header{
    text-align: center;
}

.download_calendar,
.view-id-calendar_pdf .file a{
    border: 2px solid #2e368b;
    color: #2e368b;
    text-decoration: none;
    padding: 15px 50px;
    display: inline-block;
    margin: 15px 0;
}

.view-id-calendar_pdf .file a:hover{
    background: #2e368b;
    color: #ffffff;
}

.field-name-field-related-sports .field-item{
    float: left;
    padding: 20px;
    margin-right: 10px;
    font-size: 18px;
    border: 2px solid #efefef;
    font-weight: bold;
    text-transform: uppercase;
}

.view-header p{
    margin: 0;
}

.calendar_icon{
    width: 32%;
    float: left;
    background: #f3f3f3;
    padding: 20px;
}

.calendar_icon img{
    opacity: 0.7;
}

.calendar_infos{
    float: left;
    width: 68%;
    padding: 12px 15px 0 15px;
}

.calendar_infos h3{
    margin: 0 0 10px 0;
    font-size: 19px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.slick-slider{
    margin: 40px 0 40px 0;
}

.slick-slider a{
    color: #585858;
}

.slick-slider .country{
    margin-top: 7px !important;
}

.slick-slider ul{
    margin: 0;
    padding: 0;
}

.slick__slide{
    position: relative;
}

.slick__slide .icon_sport{
    opacity: 0.2;
    margin-bottom: 20px;
}

.carousel_content .country .code{
    font-size: 18px;
    font-weight: bold;
    color: #7990a2;
    padding-top: 11px;
}

.carousel_content .country .flag{
    padding-right: 10px;
    float: left;
}

.carousel_content .country img{
    float: left;
}

.carousel_content .more_link{
    clear: both;
}

.carousel_content .more_link a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    text-decoration: none;
    color: #DC057B;
    position: absolute;
    bottom: 0;
    border-bottom: 0;
    border-bottom: 0px solid rgba(255,255,255,0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.carousel_content .more_link a:hover{
    border-bottom: 3px solid #DC057B;
}

.slick-arrow::before{
    color: #7990a2;
}

.pane-views-all-events-by-sports-block table .views-field-field-event-date span{
    float: none;
}

.views-field-field-event-date .underscore{
    display: none;
}

.views-field-field-event-date .to_link{
    width: 20px;
    height: 20px;
    background: url('../images-source/background_to_date_calendar.png') no-repeat center 4px;
    display: block;
}

/* ................... SCHOOL SPORT AROUND THE WORLD ................... */

.isf-members-activities{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
    background: #f3f3f3;
}

.isf-members-activities .views-field-field-picture-teaser{
    width: 100%;
    background: url('../images-source/triangles.png') no-repeat top left;
    background-size: contain;
    padding: 0 0 70px 0;
    float: left;
}

.isf-members-activities .section_1, .isf-members-activities .section_2{
    width: 80%;
}

.isf-members-activities .content_text{
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.isf-members-activities .section_2 p{
    font-size: 24px;
    color: #aaaaaa;
    margin-bottom: 30px;
    float: left;
    display: inline-flex;
}

.isf-members-activities .content_text .section_2 .links{
    float: left;
    display: inline-flex;
}

.isf-members-activities .content_text .section_2 a{
    padding: 20px 30px;
    background: #2b368d;
    text-decoration: none;
    font-size: 24px;
    color: #ffffff;
    margin-right: 1px;
}

.isf-members-activities .content_text .section_2 a:last-child{
    background: #dd057c;
}

.isf-members-activities .section_1 a{
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #343434;
    margin-top: 28px;
}

.isf-members-activities .section_1 a:hover{
    color: #2b368d;
}



#isf_members_container .section_1 a{
    float: left;
    display: inline-block;
}

.isf-members-activities .content_text hr{
    height: 10px;
    background: #2b368d;
}

#isf_members_container .content:hover img{
    transform: scale(1.1);
}

#isf_members_container .content{
    width: 85%;
    display: block;
    overflow: hidden;
    float: left;
    height: auto;
}

#isf_members_container img{
    display: block;
    width: 100%;
    border: 0;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.32);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.32);
    float: left;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.views-column{
    width: 25%;
    float: left;
}

.image_article{
    position: relative;
    background: #353535;
}

.image_article img{
    opacity: 0.3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.views-row-first .image_article figure div{
    height: 500px;
}

.views-row-first.related .image_article figure div,
.image_article figure div{
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
    transform: scale(1); 
    opacity: 0.3;
    position: relative;
    z-index: 0;
}

.field-name-field-snapshots .field-item img,
.field-name-field-photos-album .field-item img,
.photo-album img{
    opacity: 0.3;
}

.field-name-field-snapshots .field-item a:hover img,
.field-name-field-photos-album .field-item a:hover img,
.photo-album:hover img{
    opacity: 1;
}

.field-name-field-snapshots .field-item:hover a,
.field-name-field-photos-album .field-item:hover a,
.image_article:hover figure div
{
    box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    transform: scale(1.1);
    opacity: 1;
}

.field-name-field-video img,
.video-album img{
    display: block;
    opacity: 0.3;
    filter:blur(2px);
}

.field-name-field-snapshots .field-item img,
.field-name-field-photos-album .field-item img{
    float: left;
}

.field-name-field-snapshots .field-item,
.field-name-field-photos-album .field-item,
.field-name-field-video .field-item,
.video-album,
.photo-album{
    float: left;
    width: 16.6666% !important;
    position: relative;
    background: #303030;
}

.video-album:before{
    position: absolute;
    opacity: 1;
    font-size: 64px;
    top: 50%;
    left: 50%;
    color: #ffffff;
    margin-top: -32px;
    margin-left: -16px;
    z-index: 100;
}

.video-album:hover:before{
    color: #DC057B;
}

.block__title,
.container_title{
    display: block;
    clear: both;
    font-size: 32px;
    color: #2e368b;
    text-transform: uppercase;
    margin: 20px auto;
    line-height: 36px;
    padding: 20px 0;
}

.container_title h1{
    text-align: left;
    display: inline-block;
    font-size: 42px;
    font-weight: bold;
}

.container_title p{
    float: right;
}

.container_title p a{
    text-decoration: none;
    padding: 0 10px;
    color: #2e368b;
}

.image_article:hover img{
    opacity: 1;
}

.image_article:after{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.5) 85%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d1000000',GradientType=0 );
}

.image_article .box_content{
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 10;
}


.image_article:hover .box_content a:hover,
.image_article:hover .box_content a{
    background: #DC057B;
}

.image_article .box_content a{
    font-size: 32px;
    background: #2e368b;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    padding: 10px;
    margin: 5px 0;
    float: left;
    clear: left;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box_content .published{
    float: left;
    color: #ffffff;
    padding: 0 10px;
}

.image_article .box_content a:hover{
    background: #2e368b;
}

.page-taxonomy .node-event a,
.page-taxonomy .node-article h2 a,
.article_title a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #2e368b;  
    text-decoration: none;
    margin-bottom: 3px;
    float: left;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 50px;
}

.page-taxonomy .node-event a:hover,
.page-taxonomy .node-article h2 a:hover,
.article_title a:hover{
    color: #DC057B;
}

.page-taxonomy .node-event a{
    margin-top: 0;
    margin-bottom: 15px;
}

.page-taxonomy .node-article{
    height: 48px;
    overflow: hidden;
}

.page-taxonomy .field-name-published-on,
.article_published{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #c3c3c3;  
    margin-top: 20px;
}

.page-taxonomy .node-article .field-name-body,
.article_body{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #7990a2;  
    margin-top: 10px;
}

.page-taxonomy .node-event .more_link,
.page-taxonomy .node-article .field-name-body .more-link,
.article_body .more-link{
    color: #DC057B;
    text-decoration: none;
    border-bottom: 0px solid rgba(255,255,255,0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.page-taxonomy .node-event .more_link:hover,
.page-taxonomy .node-article .field-name-body .more-link:hover,
.article_body .more-link:hover{
    border-bottom: 3px solid #DC057B;
}

#isf_world{
    float: left;
    width: 100%;    
    background: #fafafa;
}

#isf_magazines{
    background: #e0e0e0;
    background: -moz-linear-gradient(45deg,  #e0e0e0 0%, #ffffff 100%);
    background: -webkit-linear-gradient(45deg,  #e0e0e0 0%,#ffffff 100%);
    background: linear-gradient(45deg,  #e0e0e0 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=1 );
    padding: 20px 30px;
    border: 1px solid #eeeeee;
    float: right;
    width: 24%;
    margin-top: -7px;
}

#isf_magazines img{
    -webkit-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.19);
    box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.19);
    width: 90%;
    margin: 0 15px 15px 15px;
}

#isf_magazines .slick__slider{
    margin: 0;
}

#isf_magazines .pane-title{
    font-size: 30px;
    background: none;
    line-height: auto;
    text-indent: 0;
    text-align: center;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}

#isf_magazines .view-footer{
    text-align: center;
}

#isf_magazines .view-footer a{
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    background: #7990a2;
    padding: 10px 20px;
    display: inline-block;    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#isf_magazines .view-footer a:hover{
    background: #DC057B;
}

/* ................... SOCIAL NETWORKS ................... */

.social_networks{
    position: relative;
}

.social_networks .view-filters{
    position: relative;
    top: -85px;
    right: 0;
    height: 0;
}

.social_networks .views-widget{
    float: right;
}

.views-exposed-form .form-item, 
.views-exposed-form .form-submit{
    display: inline-block;
    margin-left: 5px;
    margin-top: 8px;
}

.views-exposed-form .form-item a:hover,
.views-exposed-form .form-item a.active{
    background: #DC057B;
}

.view-social-networks{
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

.view-social-networks .fa{
    width: 15px;
    text-align: center;
}

.views-exposed-form .form-item a{
    font-size: 18px;
    background: #2e368b;
    color: #eeeeee;
    text-decoration: none;
    padding: 10px;
    border-radius: 7px;
    display: block;
}

.pane-views-social-networks-block-1 .pane__title{
    text-align: center;
    margin-bottom: 20px;
}

#carousel_fb_feed .slick-list.draggable:before,
#carousel_tw_feed .slick-list.draggable:before,
#carousel_in_feed .slick-list.draggable:before{
    content:"";
    position: absolute;
    z-index: 100;
    background-size: contain !important;
    width: 10%;
    height: 100%;
}

#carousel_fb_feed .slick-list.draggable:before{
    background: url('../images-source/fb_triangle.png') no-repeat center left;
}

#carousel_tw_feed .slick-list.draggable:before{
    background: url('../images-source/tw_triangle.png') no-repeat center right;
    right: 0;
}

#carousel_in_feed .slick-list.draggable:before{
    background: url('../images-source/in_triangle.png') no-repeat center left;
}

.slick__slide:nth-child(1n+0) .social_box{
    background: #2c99d2;
}

.slick__slide:nth-child(2n+0) .social_box{
    background: #dd057c;
}

.slick__slide:nth-child(3n+0) .social_box{
    background: #2b368d;
}

.social_box{
    box-sizing: border-box;
    overflow: hidden;
    margin: 25px;
    position: relative;
    box-shadow: 0px 3px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 20px rgba(0,0,0,0.2);
}

.social_box:hover img{
    opacity: 0.1;
    z-index: 2;
}

.no_picture .content{
    z-index: 2 !important;
    opacity: 1 !important;
}

.no_picture img{
    opacity: 0;
    z-index: -2;
}

.social_box .type{
    text-align: center;
    width: 100%;
}

.social_box:hover .content{
    z-index: 2;
    opacity: 1;
}

.social_box .content{
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: 0;
    bottom: 0;
    padding: 15px;
    margin: 30px;
    border: 3px solid #ffffff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    white-space: normal;
    overflow-y: auto;
}

.social_box .content p{
    margin: 0;
    line-height: 20px;
    font-size: 28px;
}

.social_box .content a{
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
    white-space: normal;
}

.social_box .content p a:hover{
    text-decoration: underline;
}

.social_box img{
    position: relative;
    z-index: 0;
    width: 100%;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

/* ................... SNAPSHOT ................... */

.snapshots{
    background: #303030;
    text-align: center;
}


.snapshots_content{
    padding-top: 5% !important;
    padding-bottom: 5% !important;
    float: left;
    width: 100%;
    overflow: hidden;
}

.snapshots h2{
    text-align: center;
    text-indent: 0;
    color: white;
    background: none !important;
    border-bottom: 0;
    font-size: 56px;
}

.snapshots .container_snapshots{
    display: inline-block;
    margin: 0 auto;
    background: rgba(30,30,30,0.8);
    padding: 30px;
    color: #ffffff;
    font-weight: bold;
    font-size: 32px;
    text-transform: uppercase;
}

.view-snapshots{
    width: 100%;
}

.snapshots #snapshots_button{
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 30px;
    padding: 10px;
}

.snapshots .link{
    margin-bottom: 20px;
}

.snapshot a{
    width: 15%;
    float: left;
    margin-right: 2%;
}

.snapshot a:last-child{
    margin-right: 0;
}

.snapshots .view-footer{
    text-align: center;
    clear: both;
    width: 100%;
    float: left;
}

.snapshots .view-footer p{
    margin: 30px 0 0 0;
}

.snapshots .view-footer a{
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 40px;
    border: 2px solid #ffffff;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.snapshots .view-footer a:hover{
    background: rgba(255,255,255,0.2);
}

/* ................... PARTNERS ................... */

.pane-views-partners-block-1 .pane__title{
    text-align: center;
}

.partners .embedded-video iframe{
    height: 768px;
    width: 100% !important;
}

.partners .row-last td{
    border-bottom: 0;
}

.partners{
    margin: 0 auto !important;
}

.partners td{
    text-align: center;
    vertical-align: middle;
    position: relative;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
    width: 16%;
}

.partners td.col-last{
    border-right: 0;   
}

.partners .cat{
    font-size: 18px;
    font-weight: bold;
    color: #1b405b;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.partner-box{
    border: 1px solid white;
}

.partner-box{
    float: left;
    width: 25%;
}

.partner-box:first-child{
    width: 100%;
    float: none;
    text-align: center;
}

.partners #partner_button{
    font-size: 38px;
    padding: 30px 80px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    background: #dd057c;
    display: inline-block;
    margin-bottom: 30px;
}

.partners .view-footer{
    text-align: center;
}

.panels-flexible-row-last{
    margin-bottom: 0 !important;
}

/* ................... FOOTER ................... */

.view-contact-infos{
    margin: 0 auto;
    clear: both;
    text-align: center;
}

.footer_contact_infos{
    text-align: center;
    border-bottom: 1px solid #efefef;
    clear: both;
}

.footer_contact_infos .views-field-nothing li{
    font-size: 18px;
    font-weight: bold;
    color: #1b405b;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.footer_contact_infos .views-field-nothing ul{
    padding: 0;
    margin: 0;
}

.footer_contact_infos .views-field-nothing li a{
    color: #ffffff;   
    text-decoration: none;
}

.region-footer-top{
    background: #e0e0e0;
    background: -moz-linear-gradient(45deg,  #e0e0e0 0%, #ffffff 100%);
    background: -webkit-linear-gradient(45deg,  #e0e0e0 0%,#ffffff 100%);
    background: linear-gradient(45deg,  #e0e0e0 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=1 );
    float: left;
    width: 100%;
    font-size: 18px;
    color: #1b405b;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif; 
}

.region-footer-top li{
    list-style: none;
}

.region-footer-top a{
    font-size: 18px;
    color: #1b405b; 
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.region-footer-top a:hover{
    color: #DC057B;
}

.square{
    width: 10px;
    height: 10px;
    background: #DC057B;
}

.block-copyright-block,
.created{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #e0e0e0;
}

.created a{
    color: #e0e0e0; 
    text-decoration: none;
}

.block-copyright-block{
    text-align: left;
}

.created{
    text-align: right;
    float: right;
}

.banner_sport img{
    width: 100%;
}

.newsletters h2{
    font-size: 42px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    font-weight: bold;
    color: #ffffff;
}

.ISF_menu h2,
.sports_menu h2{
    margin: 0;
    color: #DC057B;;
}

.ISF_menu ul,
.sports_menu ul{
    padding: 0;
}

.news_menu,
.ISF_menu{
    width: 20%;
    float: left;
    padding: 25px;
    float: left;
}

.menu-block-3{
    clear: both;
    width: 100%;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.sports_menu{
    width: 50%;
    float: left;
    padding: 25px;
}

.newsletters{
    width: 100%;
    float: left;
    background: url('../images-source/bg_newsletter.jpg') center center no-repeat;  
    background-size: cover;
    color: #ffffff;
    text-align: center;
    padding: 80px 25px;
}

.newsletters .form-wrapper{
    display: inline-block;
}

.mailchimp-signup-subscribe-form{
    width: 65%;
    margin: 0 auto;
}

.footer_contact_infos .views-field-nothing li a{
    color: #2e368b;
}

.mailchimp-signup-subscribe-form-description{
    margin: 40px 0 0 0;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300;
}

.node-type-ambassadors .banner_image_page,
.page-intranet .banner_image_page,
.section-calendar .banner_image_page,
.node-type-advanced-page .banner_image_page,
.node-type-article .banner_image_page,
.node-type-basic-page .banner_image_page,
.section-latest-news .banner_image_page,
.section-countries .banner_image_page,
.section-isf-world .banner_image_page{
    display: block;
}

.node-ambassadors .field-name-field-tags{
    margin-right: 30px;
    float: left;
}

.node-ambassadors .field-name-field-tags img{
    max-width: none;
    opacity: 0.5;
}

.node-ambassadors .field-item .field-item{
    width: auto !important;
    float: none !important;
}

.node-ambassadors .field-item{
    width: 50%;
    float: left;
}

.node-ambassadors .field-name-field-athlete-name{
    font-size: 24px;
    font-weight: bold;
    color: #8A1B90;
}

.node-ambassadors .group-name{
    display: inline-block;
    margin-bottom: 20px;
}

.node-ambassadors .field-collection-container{
    border-bottom: 0;
}

/* ................... SPORT PAGE ................... */

.section-continental-events .banner_image_page,
.banner_image_page{
    display: none;
}

.banner_image_page,
.banner_image{
    height: 450px;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

.banner_image_page .title_container,
.banner_image .header_title{
    margin: 0 auto;
    float: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.location{
    display: block;
    float: left;
    font-size: 28px;
}

.title .pane__title,
.participate .title,
.location .title{
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-size: 24px;
    color: #394367;
    padding: 0;
    clear: both;
}

.location .date{
    color: #394367;
    font-weight: bold;
    margin-bottom: 10px;
}

.location .flag{
    float: left;
    margin-right: 20px;
}

.location .flag img{
    height: 70px;
    margin-bottom: 10px;
}

.location .place{
    float: left;
}

.location .country{
    clear: both;
    font-weight: bold;
}

.location .city{
    margin-top: 5px;
    font-weight: 300;
    font-size: 18px;
}

.location .sports_link{
    clear: both;
    width: 100%;
    font-size: 16px;
}

.location .sports_link a{
    text-decoration: none;
    color: #394367;
    text-transform: uppercase;
    font-weight: bold;
}

.location .sports_link a{
    text-decoration: underline;
}

.participate{
    float: right;
    display: block;
    padding: 0 30px;
    width: 65%;
    color: #394367;
    font-size: 18px;
    line-height: 28px;
    border-left: 1px solid #efefef;
}

.participate span{
    font-size: 24px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.participating_countries{
    clear: both;
    color: #394367;
    font-size: 24px;
    margin: 20px 0 0 0;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

.participating_countries span{
    font-weight: 300;
}

.event_sponsors{
    width: 100%;
    clear: both;
    text-align: center,
}

.views-field-field-sponsors{
    width: 100%;
    text-align: center;
}

.views-field-field-sponsors span{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.event_sponsors img{
    display: inline-block;
}

#next_event_sport{
    margin-top: 40px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    padding: 0 80px;
}

.Sport{
    margin-top: 20px !important;
}

#next_event_sport .slick-arrow{ 
    background: none;
}

#next_event_sport .slick-arrow .fa{ 
    color: #efefef;
}

.view-next-event-by-sports{
    position: relative;
}

#next_event_sport .slick-prev{
    left: -80px;
}

#next_event_sport .slick-next{
    right: -80px;
}

.sport_tabs{
    float: right;
}

.banner_image .header_title .panels-ipe-portlet-marker{
    float: left;
}

.page_title{
    height: auto !important;
    padding: 23px 30px 23px 30px !important;
}

.page_title,
.banner_image .header_title .title{
    float: left;
    padding: 0;
    margin: 0;
    font-size: 46px;
    color: #ffffff;
    background: rgba(48, 48, 48, 0.9);
    height: 100px;
    padding: 23px 30px 0 30px;
}

.banner_image .header_title .sport_icon img{
    background: #ffffff;
    height: 100px;
    display: block;
    padding: 15px;
}

.banner_image .header_title .field-name-field-social-links ul{
    float: left;
    padding: 0;
    margin: 0;
}

.article.views-row-first.related,
.page-taxonomy .node-event,
.page-taxonomy .node-article,
.article{
    width: 16.66%;
    float: left;
}

.article.views-row-first{
    width: 50%;
}

.article.views-row-first.article a{
    font-size: 32px;
}

.article.views-row-first.article .published{
    font-size: 21px;
    clear: both;
}

.article.views-row-first.article.related a,
.article .box_content a{
    font-size: 16px;
}

.article.views-row-first.article.related .published,
.article .box_content .published{
    font-size: 12px;
    clear: both;
}

.page-events .article img{
    width: auto;
    display: inline;
    opacity: 0.3
}

.page-events .article img:hover{
    opacity: 0.5
}

.view-all-events-by-sports table{
    margin: 0;
    font-size: 18px;
}

.node-basic-page th,
.view-all-events-by-sports th{
    background: #394367;
    color: #ffffff;
    padding: 20px 15px;
}

.view-all-events-by-sports table a{
    color: #4a4a4a;
    text-decoration: none;
}

.node-basic-page td{
    padding: 15px;
}

.node-basic-page tr,
.view-all-events-by-sports td{
    font-weight: bold;
    color: #4a4a4a;
    background: #efefef;
    vertical-align: middle;
    padding: 15px;
}

.node-basic-page tr:nth-child(odd),
.view-all-events-by-sports .odd td{
    background: #ffffff;
}

.view-all-events-by-sports table img{
    float: left;
    margin-right: 5px;
}

.view-all-events-by-sports .country{
    margin-top: 8px;
}

.field-name-field-number-of-teams,
.field-name-field-number-of-participants,
.field-name-field-number-of-boys-girls{
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    color: #2e368b;
    margin: 15px 0;
    padding: 20px 10px;
    background: #ffffff;
    border: 1px solid #efefef;
    clear: both;
    display: block;
}

.next_event{
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    color: #2e368b;
    margin: 15px 0;
    padding: 0 10px 20px 10px;
    background: #ffffff;
    border: 1px solid #efefef;
    clear: both;
    display: block;
}

.next_event .event_date{
    font-size: 30px;
}

.view-empty{
    text-align: center;
    font-size: 24px;
    color: #bfbfbf;
    border: 1px solid #efefef;
    padding: 30px;
    display: block;
}

.page-taxonomy .node-event,
.page-taxonomy .node-article,
.photo-album,
.article{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    top: 0;
    left: 0;
}

.article{
    height: auto;  
}

.layout-3col__right-sidebar .related_news{
    width: 90%;
    margin-left: 10%;
    float: left;
}

.layout-3col__right-sidebar .related_news .block__title{
    font-size: 42px;
    text-transform: uppercase;
    margin-top: 50px;
}

.layout-3col__right-sidebar .article{
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0;
    background: none;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #efefef;
}

.layout-3col__right-sidebar .views-field-field-picture-banner{
    width: 100px;
    float: left;
    margin: 10px 10px 10px 0;
}

.view-related-event-article .article{
    margin: 1% 0 !important;
}

.photo-album img{
    width: 100%;
    display: block;
}

.photo-album a{
    font-weight: bold;
    text-decoration: none;
    color: #2e368b;
}

.field-name-field-attached-files{
    margin-bottom: 25px;
}

.events_history{
    font-family: 'Roboto Condensed', sans-serif; 
}

.container_event_info{
    clear: both;
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    color: #1b405b
}

.country_container img{
    margin-right: 10px;
}

.country_container img,
.country_container .country,
.country_container{
    float: left;
}

.container_event_info .date,
.country_container .country{
    margin-top: 8px;
}

.container_event_info .date{
    float: right;
}

.countries_list,
.participants,
.teams,
.boys_girls{
    font-size: 24px;
    padding: 10px 20px;
    color: #1b405b;
    margin-bottom: 1px;
    clear: both;
    display: block;
    width: 100%;
    background: #ffffff;
    border: 1px solid #efefef;
}

.no-album{
    display: none;
}

.field-name-field-last-events-file a{
    background: #DC057B;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    padding: 7px 10px;
    color: #ffffff;
    text-decoration: none;
}

.field-name-field-last-events-file img{
    display: none;
}

/* ................... NEWS PAGE ................... */

#latest_news,
#isf_world_block,
#press_releases{
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
    position: relative;
}

#news_page .panels-flexible-region{
    width: 100%;
}

#news_page .article{
    width: 18.8%;
    margin: 0 1.5% 0 0;
}

#news_page .views-row-last{
    margin: 0;
}

#news_page .view-header{
    top: 0;
}

#news_page .view-header p{
    margin: 0;
}

.news-pages .views-field-title a{
    margin-top: 0;
}

.all_link{
    background: #DC057B none repeat scroll 0 0;
    color: #ffffff;
    font-size: 18px;
    padding: 5px 35px;
    text-decoration: none;
    text-transform: uppercase;
}

.news-pages .views-row{
    float: left;
    height: auto;
}

.views-exposed-form .views-exposed-widget{
    padding: 0;
}

.filter_articles .block__title{
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.filter_articles{
    margin: 10px auto 0 auto!important;
    background: #efefef;
    padding: 20px;
    border-radius: 7px 7px 0 0;
}

.filter_articles .form-item{
    width: 100%;
    border: 0;
    float: left;
    margin: 0;
}

.filter_articles select,
.filter_articles input{
    width: 100%;
    border: 0;
    padding: 10px;
}

.views-exposed-form .views-exposed-widget .form-submit{
    font-size: 21px;
    margin-top: 10px;
    background: #2e368b;
    font-weight: bold;
    color: #ffffff;
    padding: 10px;
    border-radius: 7px !important;
}

.views-exposed-form .form-submit:hover{
    background: #3d3d3d;
}

.photos_album, .page-taxonomy .node-article, .page-taxonomy .node-event, .page-events .article{
    font-size: 20px;
    width: 19%;
    margin: 0 0.5% 20px 0.5%;
}

.page-events .article{
    height: auto;
    text-align: center;
}

.page-events .views-field-field-event-date{
    display: inline-block;
}

.page-taxonomy .node-article, .page-taxonomy .node-event{
    height: 390px;
    position: relative;
    z-index: 110;
}

.pane-node-body .field-name-body,
.node-type-article .field-name-body{
    font-size: 18px;
    line-height: 32px;
    color: #394367;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 15px 0;
    text-align: justify;
}

.node-type-article .field-name-body table td{
    padding: 10px;
    text-align: left;
    border: 2px solid #efefef;
}

.node-type-article .field-name-body table th{
    color: #2e368b;
}

.node-type-article .field-name-body a{
    color: #50ABF1 !important;
    text-decoration: none !important;
}

.node-type-article .field-name-body a:hover{
    text-decoration: underline;
}

.node-type-article .field-name-body p:first-child{
    margin-top: 0;
    font-weight: bold;
}

.node-type-article .field-name-published-on{
    font-size: 18px;
    color: #c3c3c3;
    margin: 0 auto 15px auto !important;
}

.logo img,
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
}

.logo:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.content_tweet:hover .hover01 figure img,
.views-column:hover .hover01 figure img,
.article:hover .hover01 figure img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.views-column img{
    display: block;
}

.view-isf-magazines p{
    margin: 0;
}

figure{
    margin: 0;
    display: block;
    overflow: hidden;
}

.field-name-field-tags{
    text-align: center;
    clear: both;
}

.field-name-field-tags .field-item{
    float: left;
}

.field-name-field-tags .field-item a{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 20px;
    margin: 5px;
    border-radius: 7px;
    color: #ffffff;
    text-decoration: none;
    background: #DC057B;
    margin-top: 10px;
    display: inline-block;
}

.inline-sibling, .field-label-inline .field-label, span.field-label{
    margin: 0;
}

.field-name-field-picture-banner img{
    width: 100%;
}

.field-name-field-picture-banner a{
    float: left;
}

.pager a,
.pager .pager-current,
.pager--infinite-scroll a{
    padding: 5px 30px;
    border-radius: 7px;
    text-decoration: none;
    background: #2e368b;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pager a:hover,
.pager--infinite-scroll a:hover,
.pager .pager-current{
    background: #DC057B;
    color: #ffffff;
}

/* ................... EVENTS ................... */

.sponsors{
    float: left;
    text-align: center;
    width: 100%;
    padding: 10px 0;
}

.sponsors .field-name-field-logos-sponsors{
    display: inline-block;
}

.sponsors .field-name-field-logos-sponsors .field-item{
    float: left;
    margin: 0 15px;
}

.field-name-field-focus .field-item{
    font-size: 32px;
    color: #ffffff;
    width: 24.25%;
    float: left;
    background: #394367;
    margin: 20px 1% 20px 0;
    text-align: center;
    border-radius: 7px;
}

.points.erasmus{
    margin: 20px 0;
}

.erasmus .field-name-field-focus .field-item{
    width: 100%;
    margin: 5px 0;
    padding: 10px;
    font-size: 24px;
}

.erasmus .field-name-field-focus .field-item p{
    margin: 0;
}

.erasmus .field-name-field-focus .field-item:last-child{
    margin: 5px 0 !important;
}

.field-name-field-focus .field-item:last-child{
    margin: 20px 0 !important;
}

.field-name-field-focus .field-item p,
.field-name-field-focus .field-item strong,
.field-name-field-focus .field-item span{
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
}

.field-name-field-focus .field-item strong{
    font-size: 48px;
}

.field-name-field-focus .field-item span{
    font-size: 21px;
}

.pane-node-field-how-to-participate{
    clear: both;
    float: left;
    width: 100%;
}

.pane-node-field-how-to-participate h3{
    text-align: center;
    text-transform: uppercase !important;
    border-bottom: 0 !important;
    font-size: 36px !important;
    color: #1b405b !important;
}

.sports_icons_page{
    padding: 30px 0 40px 0;
    display: block;
    float: left;
    width: 100%;
}

.icon-sport{
    width: 15.66%;
    margin: 1% 1% 0 0;
    float: left;
}

.icon-sport a{
    border-radius: 7px;
    padding: 25px 15px;
    text-align: center;
    font-size: 16px;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    top: 0;
    left: 0;
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #DC057B;
    background: #ffffff;
}

.icon-sport:hover a{
    color: #2e368b;
    -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
}

.icon-sport img{
    width: 50%;
    opacity: 0.3;
    margin-bottom: 25px;
}


.field-name-field-how-to-participate{
    text-align: left;
    font-size: 21px;
    line-height: 24px;
    color: #7990a2;
}

/* ................... CALENDAR ................... */

.view-event-calendar-block{
    border-top: 1px solid #efefef;
}

.view-event-calendar-block .slide__content{
    background: url('../images-source/gplay.png') repeat;
}

.view-event-calendar-block table{
    margin: 0;
    font-size: 18px;
}

.views-exposed-form .container-inline-date .date-padding{
    width: 100%;
}

.view-event-calendar-block th{
    background: #2e368b;
    color: #ffffff;
    padding: 10px 0;
}

.view-event-calendar-block table a{
    color: #4a4a4a;
    text-decoration: none;
}

.view-event-calendar-block td{
    font-weight: bold;
    color: #4a4a4a;
    background: #efefef;
    vertical-align: middle;
    padding: 5px 0;
}

.view-event-calendar-block .odd td{
    background: #ffffff;
}

.view-event-calendar-block table .icon_sport img{
    opacity: 0.3;
    padding: 4px;
}

.view-event-calendar-block table caption{
    background: #DC057B;
    color: #ffffff;
    padding: 10px 0;
    font-size: 24px;
    text-align: center;
}

.page-event-calendar .view-event-calendar-block .view-header{
    display: none;
}

.view-event-calendar-block table img{
    float: left;
    margin-right: 7px;
}

.view-event-calendar-block .country{
    margin-top: 8px;
}

.view-event-calendar-block .more_link a{
    color: #DC057B;
}

/* ................... PARTNERS ................... */

.form_container_partners{
    display: none;
}

#snapshot_form .form-item,
#subscribe_partner .form-item{
    margin: 5px 0;
    float: left;
    width: 100%;
}

#subscribe_partner .pane__title{
    text-align: center;
    margin: 10px 0;
}

#subscribe_partner .webform-submit{
    width: 100%;
}

#subscribe_partner .description{
    margin-top: 5px;
}

#subscribe_partner #edit-submitted-add-file-upload-button{
    float: right;
}


#snapshot_form .form-item input,
#subscribe_partner .form-item textarea,
#subscribe_partner .form-item input{
    padding: 10px 7px;
    border: 1px solid #efefef;
    width: 100%;
}

#subscribe_partner .splitleft{
    float: left;
    width: 49%;
    margin-right: 2%;
}

#subscribe_partner .splitright{
    float: right;
    width: 49%;
}

.become_partner{
    width: 25%;
    margin-right: 3%;
    float: left;
    background: #1b405b;
    padding: 15px;
    color: #ffffff;
}

.become_partner .block__title{
    margin: 0 0 15px 0;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
}

.become_partner textarea,
.become_partner input{
    padding: 8px;
    width: 100%;
    border: 0;
}

.become_partner .form-item{
    margin: 5px 0;
}

.become_partner .splitleft{
    margin-right: 2%;
}

.become_partner .splitleft,
.become_partner .splitright{
    width: 49%;
    float: left;
}

.become_partner .form-file{
    padding: 0;
}

.become_partner .form-submit{
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background: #29628b;
    color: #ffffff;
    border: 0;
    margin: 10px 0;
}

.page-partners .view-partners{
    width: 72%;
    float: right;
}

#views-exposed-form-partners-page{
    border-bottom: 1px solid #efefef;
}

#views-exposed-form-partners-page .form-type-bef-link{
    float: right;
    text-align: center;
}

#views-exposed-form-partners-page .form-item-edit-field-categorie-tid-all{
    float: left;
}

#views-exposed-form-partners-page .form-type-bef-link a{
    width: 100%;
    display: block;
    padding: 15px;
    font-size: 21px;
    font-weight: bold;
    color: #7990a2;
    text-decoration: none;
}

#views-exposed-form-partners-page .form-type-bef-link a:hover{
    color: #1b405b;
}

#views-exposed-form-partners-page .form-type-bef-link a.active{
    background: #1b405b;
    color: #ffffff;
}

.views-exposed-widget{
    width: 100%;
}

.views-exposed-widgets{
    margin-bottom: 0;
}

.view-partners .view-content h3{
    font-size: 18px;
    clear: both;
    padding: 7px 15px;
    background: #efefef;
    text-align: center;
}

.view-partners .row-last td{
    border-bottom: 0;
}

.view-partners td{
    text-align: center;
    vertical-align: middle;
    position: relative;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

.view-partners td.col-last{
    border-right: 0;   
}

.view-partners .cat{
    font-size: 16px;
    font-weight: 400;
    color: #b5b5b5;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-partners .logo{
    margin-top: 50px;
    padding: 10px;
}

.view-partners table{
    border: 1px solid white;
}

.view-partners td:hover .cat{
    color: #DC057B;
}

.panels-flexible-region-37-header,
.panels-flexible-region-15-center{
    width: 100%;
}

.panels-flexible-region-37-center{
    width: 75%;
}

.panels-flexible-region-15-infos{
    width: 80%;
}

#group-right,
#group-event-tab{
    width: 78%;
    float: right;
    margin-top: 20px;
}

#group-right img{
    width: 100%;
}

#group-event-tab .field-label{
    font-size: 18px;
    color: #4a4a4a;
}

#group-left-event{
    width: 20%;
    margin-right: 2%;
    float: left;
}

.field-name-field-rsports-link{
    width: 100%;
    float: left;
}

.field-name-field-rsports-link a{
    background: #DC057B;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    padding: 7px 0;
    display: block;
}

.field-name-field-participating-countries .field-label,
.node-type-event #group-left-event h2, .when, .where{
    font-size: 32px;
    color: #7990a2;
    background: none;
    text-indent: 0;
    text-transform: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    border-bottom: 1px solid #efefef;
    text-align: center;
}

.node-type-event .horizontal-tab-button a strong{
    padding: 0;
}

#group-when,
#group-where,
#group-numbers{
    font-size: 28px;
    line-height: 32px;
    clear: both;
}

#group-when .date-display-range{
    text-align: center;
    font-size: 18px;
}

#group-when .date-display-range span{
    font-weight: bold;
    clear: both;
    width: 100%;
    display: block;
    background: #DC057B;
    font-size: 28px;
    color: #ffffff;
    padding: 10px 0;
}

#group-when .underscore{
    display: none;
}

#group-when .to_link{
    height: 30px;
    background: url('../images-source/background_to_date.png') no-repeat center center;
    display: block;
}

#group-where .field-name-title h3{
    margin: 0;
}

#group-where .field-name-field-flag{
    text-align: center;
}

#group-where .field-name-field-event-city,
#group-where .field-name-title{
    text-align: center;
    background: #1D4460;
    color: #ffffff;
}

#group-where .field-name-title h3{
    font-size: 28px !important;
    padding-top: 7px;
}

#group-where .field-name-field-event-city{
    padding-bottom: 10px;
    font-size: 21px;
}

.field-name-field-participating-countries .field-name-field-flag{
    float: left;
}

.field-name-field-participating-countries .field-name-title h3{
    margin: 0;
}

.field-name-field-participating-countries .field-name-field-flag img{
    height: 30px;
    width: auto;
    margin-right: 10px;
}

#group-when .date-display-range .underscore,
.to_link{
    display: none;
}

.field-name-field-shared-pictures .field-item img{
    border: 2px solid #efefef;
}

.group-athlete{
    border-bottom: 1px solid #efefef;
    float: left;
}

.group-athlete .field-item{
    width: 100%;
}

.group-athlete .field-name-title .field-item,
.group-athlete .field-name-field-nationality .field-item{
    text-align: center;
}

.group-athlete .field-name-title h2{
    margin: 0;
}

.group-athlete .field-name-title h2 a{
    font-size: 21px;
    text-decoration: none;
    color: #4A4A4A;
}

.view-results table,
.field-name-field-results table.field-collection-view-final{
    margin: 0;
    font-size: 18px;
}

.view-results table th,
.field-name-field-results .field-collection-view-final th{
    background: #2e368b;
    color: #ffffff;
    padding: 10px 0;
    text-align: center;
}

.view-results table a,
.field-name-field-results table.field-collection-view-final a{
    color: #4a4a4a;
    text-decoration: none;
}

.view-results table td,
.field-name-field-results .field-collection-view-final td{
    font-weight: bold;
    color: #4a4a4a;
    background: #efefef;
    vertical-align: middle;
    text-align: center;
}

.view-results table .odd td,
.field-name-field-results .field-collection-view-final .odd td{
    background: #ffffff;
}

.group-videos iframe{
    width: 100%;
    height: auto !important;
}

.group-videos .video-embed-description{
    font-size: 24px;
    font-weight: bold;
    color: #1b405b;
    text-align: center;
}

.group-videos .field-item{
    width: 48%;
    margin: 0 1% 20px;
    float: left;
}

.horizontal-tabs-panes{
    padding: 25px 0;
    background: #f9f9f9;
    clear: both;
}

#athlete_image img{
    width: 100%;
    margin-bottom: 15px;
}

#athlete_gender{
    width: 21px;
}

#athlete_nationality{
    width: 100%;
}

#athlete_nationality img{
    height: 40px;
    width: auto;
    margin-right: 10px;
}

#athlete_nationality h3{
    margin: 0;
}

#athlete_nationality .taxonomy-term{
    width: 100%;
}

#athlete_nationality .field-name-title,
#athlete_nationality .field-name-field-flag{
    float: left;
}

#athlete_birthday{
    font-size: 21px;
    float: right;
}

#athlete_website{
    clear: both;
    float: left;
    width: 100%;
}

.biography_container{
    padding: 15px !important;
}

#group-left-event,
.panels-flexible-region-2-left_{
    padding: 15px !important;
    background: #ffffff;
    border: 1px solid #efefef;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
}

#athlete_gender{
    float: left;
}

#athlete_nationality{
    clear: both;
    border-top: 1px solid #cccccc;
    margin-top: 5px;
    padding-top: 5px;
    float: left;
    width: 100%;
}

.form-item-mergevars-EMAIL{
    width: 47%;
    margin-right: 3%;
    float: left
}

.form-item-mergevars-FNAME{
    float: left;
    width: 23.5%;
    margin-right: 3%
}

.form-item-mergevars-LNAME{
    width: 23.5%;
    float: right;
}

.form-submit{
    display: inline-block;
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 10px 55px;
    background: #1b2343;
    color: #ffffff;
    text-transform: uppercase;
    border: 0;
    font-weight: bold;
    font-size: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-submit:hover{
    color: #ffffff;
    background: #DC057B;
}

.mailchimp-newsletter-mergefields label{
    color: #e0e0e0; 
    font-weight: normal;
}

.mailchimp-newsletter-mergefields input{
    padding: 15px;
    width: 100%;
    border: 0;
}

/* ................... COUNTRIES ................... */

#country_profile .views-field-field-flag .field-content,
#country_profile .views-field-field-organisation-title .field-content,
#country_profile .views-field-field-org-logo .field-content{
    width: 100% !important;
    text-align: center;
    border-bottom: 0 !important;
}

#country_profile .views-field-field-organisation-title,
#country_profile .views-field-field-org-logo{
    border: 0 !important;
}

#country_profile .views-field-field-organisation-title .field-content{
    margin-bottom: 30px !important;
    font-size: 28px !important;
}

#country_profile .view-id-countries_profiles .views-row{
    float: left;
    margin-bottom: 50px;
    width: 100%;
}

#country_profile .view-id-countries_profiles .views-field{
    width: 80%;
    margin: 15px 10%;
    float: left;
    border-bottom: 2px solid #efefef;
    padding-bottom: 15px;
}

#country_profile .view-id-countries_profiles .views-field p{
    margin: 0 !important;
}

#country_profile .view-id-countries_profiles .views-field span{
    float: left;
    width: 30%;
    font-size: 16px;
}

#country_profile .view-id-countries_profiles .views-field .country_code{
    font-size: 32px;
}

#country_profile .view-id-countries_profiles .views-field .field-content{
    float: left;
    width: 50%;
    font-size: 16px;
    font-weight: bold;
}

.page-taxonomy-term.section-countries .banner_image_page{
    height: auto !important;
    background: #2b368d;
}

.page-taxonomy-term.section-countries .banner_image_page .title_container{
    text-align: center;
    position: relative;
}

.page-taxonomy-term.section-countries .banner_image_page .page_title{
    display: inline-block;
    float: none;
}

.section-countries .banner_image_page{
    display: block;
    background: url('../images-source/map.jpg') no-repeat center center;
    background-size: cover;
}

.country_address,
.country_phone,
.country_fax,
.country_email,
.country_website{
    margin-bottom: 10px;
}

.country_address p{
    margin: 0;
}

.social{
    display: inline-block;
    margin-top: 20px;
}

.social a{
    display: block;
    height: 35px;
    width: 35px;
}

.social-links,
.social-links .service-facebook{
    margin: 0 !important;
}

.field-name-field-social-links ul{
    margin: 0 0 10px 0;
}

.social-links ul li{
    margin: 0 !important;
}

.social-links .service-youtube .icon,
.social-links .service-twitter .icon,
.social-links .service-facebook .icon{
    padding: 0;
    margin: 0;
    width: 100px;
    height: 100px;
    display: block;
}

.social-links .service-facebook .icon,
.social .facebook{
    background: url('../images-source/facebook.png') no-repeat center center #ffffff;
    background-size: cover;
}

.social-links .service-twitter .icon,
.social .twitter{
    background: url('../images-source/twitter.png') no-repeat center center #ffffff;
    background-size: cover;
}

.social-links .service-instagram .icon,
.social .instagram{
    background: url('../images-source/instagram.png') no-repeat center center #ffffff;
    background-size: cover;
}

.social .linkedin{
    background: url('../images-source/linkedin.png') no-repeat center center #ffffff;
    background-size: cover;
}

.social-links .service-youtube .icon,
.social .youtube{
    background: url('../images-source/youtube.png') no-repeat center center #ffffff;
    background-size: cover;
}

.social .google{
    background: url('../images-source/google-plus.png') no-repeat center center #ffffff;
    background-size: cover;
}

#views-exposed-form-countries-profiles-page{
    margin: 30px 0;
}

#views-exposed-form-countries-profiles-page .form-type-bef-link{
    float: right;
    text-align: center;
}

#views-exposed-form-countries-profiles-page .form-item-edit-field-continent-tid-all{
    float: left;
}

#views-exposed-form-countries-profiles-page .form-type-bef-link a{
    width: 100%;
    display: block;
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
    background: #303030;
    text-decoration: none;
}

#views-exposed-form-countries-profiles-page .views-widget{
    text-align: center;
}

#views-exposed-form-countries-profiles-page .form-type-bef-link a:hover{
    color: #ffffff;
    background: #1b405b;
}

#views-exposed-form-countries-profiles-page .form-type-bef-link a.active{
    background: #1b405b;
    color: #ffffff;
}

.view-countries-profiles .box-country{
    margin: 0 15px 15px 15px;
    padding: 0 15px 25px 15px;
    text-align: center;
    font-size: 24px;
    border: 3px solid rgba(255,255,255,0);
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 22%;
    float: left;
}

.view-countries-profiles .box-country:hover{
    top: -10px;
    color: #DC057B;
    font-weight: bold;
}

.view-countries-profiles h4{
    font-size: 21px;
    margin: -15px 0 0 0;
    line-height: auto !important;
}

.view-countries-profiles .view-content h3{
    border-bottom: 1px solid #efefef;
    clear: both;
    font-size: 18px;
    padding: 7px 15px;
    text-align: center;
}

/* ................... LOGIN ................... */

#auth_box{
    margin-top: 5%;
}

#auth_box h1{
    font-size: 24px;
    font-weight: 300;
    color: white;
    font-family: 'Roboto', sans-serif !important;
}

#auth_box h1#the_logo{
    padding: 0;
}

#auth_box h1#the_logo a{
    text-decoration: none;
}

#auth_box #middle_part{
    border-radius: 0;
    -webkit-box-shadow: 0px 10px 52px -15px rgba(0,0,0,0.84);
    -moz-box-shadow: 0px 10px 52px -15px rgba(0,0,0,0.84);
    box-shadow: 0px 10px 52px -15px rgba(0,0,0,0.84);
    background: white;
    font-family: 'Roboto', sans-serif !important;
}

#auth_box #middle_part h2{
    text-align: center;
    font-weight: 300;
    color: #3d3d3d;
    border-bottom: 1px solid #efefef;
    
}

#auth_box #middle_part label{
    font-size: 14px;
    font-weight: 300;
    color: #3d3d3d;
}

#auth_box #middle_part input{
    font-size: 18px;
    border: 1px solid #cccccc;
    padding: 7px;
    background: #efefef;
    box-sizing: border-box;
    width: 100%;
}

#auth_box #middle_part .form-item{
    margin: 15px 10px;
}

#auth_box #edit-actions{
    width: 200px;
    margin: 0 auto;
    display: block;
}

#auth_box #middle_part #edit-submit{
    background: #93B1BD;
    border: 0;
    border-radius: 5px;
    margin: 20px 0 20px !important;
    padding: 14px;
}

#auth_box #middle_part #edit-submit:hover{
    background: #DC057B;
    color: white;
}

.views-field-field-picture-teaser .field-content div{
    height: 550px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

/* ................... ISF SNAPSHOTS ................... */

.upload_images{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #efefef;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 15px !important;
}

.upload_images input{
    margin: 0;
    padding: 7px;
    border: 1px solid #efefef;
    width: 100%;
}

.MultiFile-label{
    background: #DC057B;
    padding: 10px;
    margin: 5px 0 0 0;
    color: #ffffff;
    border-radius: 5px;
    float: left;
    width: 100%;
}

.MultiFile-title{
    margin-left: 15px;
}

.MultiFile-label a{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

#snapshots .pane__title{
    text-align: center;
}

#panels-ipe-paneid-81{
    clear: both;
}

#snapshots .description{
    background: rgba(0,0,0,0.5);
    padding: 30px 30px;
    color: #ffffff;
    font-weight: 300;
    float: left;
    clear: both;
}

#snapshots .description p{
    margin: 0;
}

#snapshot_form .pane-title{
    text-align: center;
}

/* ................... PRESS CORNER ................... */

.page-press-corner .banner_image{
    height: 400px;
    width: 100%;
    background: url('../images-source/press_banner.jpg') no-repeat center center;
    background-size: cover;
    margin-bottom: 20px;
}

.page-press-corner .press-article{
    width: 100%;
    margin: 0;
    font-size: 18px;
    float: left;
    display: block;
    margin: 0 0 5px 0;
    background: #93B1BD;
}

.page-press-corner .press-article:hover{
    background: #2e368b;
}

.page-press-corner .press-article .field-content div{
    float: left;
}

.press_document_release,
.press_video_release,
.press_photos_release{
    background: url(../images-source/download.png) no-repeat center center;
    background-size: contain;   
    display: inline-block;
    width: 25px;
    height: 25px;
    opacity: 0.3;
    margin-top: 3px;
}

.press_release{
    background: url(../images-source/docs.png) no-repeat center center;
    background-size: contain;   
    display: inline-block;
    width: 25px;
    height: 25px;
    opacity: 0.3;
    margin-top: 3px;
}

.press_published{
    width: 10%;
    background: #DC057B !important; 
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    padding: 10px;
}

.press_title{
    width: 60%;
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
}

.press_type{
    width: 30%;
    padding: 10px;
    color: #ffffff;
    text-align: right;
}

.tableheader-processed{
    margin: 0;
    font-size: 18px;
}

.tableheader-processed th{
    background: #2e368b;
    color: #ffffff;
    padding: 10px 0;
}

.tableheader-processed a{
    color: #4a4a4a;
    text-decoration: none;
}

.views-field-field-agenda{
    margin-top: 20px;
    float: left;
    width: 100%;
}

.participate table span{
    margin-bottom: 0;
    font-size: 16px;
}

.participate table th{
    padding: 5px 15px;
}

.participate table td{
    padding: 5px 15px;
}

.tableheader-processed td{
    font-weight: bold;
    color: #4a4a4a;
    background: #efefef;
    vertical-align: middle;
    padding: 5px 0;
}

.tableheader-processed .odd td{
    background: #ffffff;
}

.field-name-field-referrer ul{
    padding: 0;
}

.field-name-field-referrer li{
    list-style: none;
}

.field-name-field-referrer li a{
    padding: 10px;
    display: block;
    text-align: center;
    background: #2e368b;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

/* ................... GOVERNANCE ................... */


.section-athletes-youth-committee .banner_image_page,
.section-education-legacy-committee .banner_image_page,
.section-ethic-legal-committee .banner_image_page,
.section-marketing-communication-committee .banner_image_page,
.section-development-cooperation-committee .banner_image_page,
.section-staff .banner_image_page,
.section-governance .banner_image_page,
.section-sport-committee .banner_image_page,
.section-technical-commission-sport-committees .banner_image_page{
    display: block;
    background: url("../images-source/documents.jpg") no-repeat center center;
}

.commission-committee-page .view-content{
    padding-bottom: 50px;
    width: 100%;
    float: left;
}

.commission-committee-page{
    max-width: 1600px;
    margin: 0 auto;
}

.commission-committee-page .views-column{
    margin: 10px 1%;
    width: 23%;
}

.commission-committee-page h3{
    clear: both;
    margin-top: 30px;
    float: left;
    width: 100%;
    font-size: 24px;
    border-radius: 5px;
    background: #FAFAFA;
    padding: 20px;
    
}

.commission-committee-page h3 img,
.commission-committee-page h3 span{
    float: left;
}

.commission-committee-page h3 span{
    margin-left: 15px;
}

.commission-committee-page .position_member{
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}

.commission-committee-page .member_box{
    border: 2px solid #efefef;
    border-radius: 3px;
    padding: 20px;
    float: left;
    display: block;
    width: 100%;
}

.commission-committee-page .member_box .name{
    float: left;
    font-size: 21px;
}

.commission-committee-page .member_box .name span{
    text-transform: uppercase;
    margin-top: 5px;
}

.commission-committee-page .member_box .country{
    float: right;
}

.pane-international-school-sport-feder{
    padding-left: 20px;
    border-left: 10px solid #214864;
}

.pane-executive-committee{
    padding-left: 20px;
    border-left: 10px solid #7990A2;
}

.pane-management-committee{
    padding-left: 20px;
    border-left: 10px solid #DC057B;
}

.pane-international-school-sport-feder,
.pane-executive-committee,
.pane-management-committee{
    margin: 20px 0;
}

.pane-international-school-sport-feder .pane-title,
.pane-executive-committee .pane-title,
.pane-management-committee .pane-title{
    clear: left;
    text-align: center;
    background: #efefef;
    padding: 8px;
}

.pane-international-school-sport-feder > .pane-title{
    color: #214864;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0;
}

.pane-executive-committee > .pane-title{
    color: #7990A2;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0;
}

.pane-management-committee > .pane-title{
    color: #DC057B;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0;
}

.member-box{
    text-align: center;
    padding: 15px 0;
    width: 23%;
    margin: 20px 1%;
    float: left;
    position: relative;
    z-index: 100;
    border: 1px solid #efefef;
}

.member-box .member_position{
    font-size: 18px;
    font-weight: bold;
}

.member-box .member_lastname,
.member-box .member_firstname{
    font-size: 21px;
    color: #214864;
}

.member-box .member_email a{
    color: #DC057B;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 15px;
    border: 2px solid #DC057B;
    display: inline-block;
    margin-top: 10px;
}

.management_committee,
.executive_committee,
.isf_section{
    width: 100%;
}

.management_committee .president{
    text-align: center;
}

.management_committee .president .member-box{
    float: none;
    margin: 20px auto;
}

.isf_members{
    text-align: center;
}

.isf_members a{
    display: inline-block;
    font-size: 36px;
    color: #214864;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    padding: 20px 30px;
    margin-left: 20px;
    margin-top: 30px;
    border: 2px solid #214864;
}

.member-box .member_address p{
    margin: 0;
}

.member-box .member_address{
    margin-bottom: 15px;
}

.member-box .more_infos a{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 15px;
    text-decoration: none;
    top: 50%;
    left: 0;
    right: 0;
    color: #DC057B;
    text-align: center;
    font-size: 24px;
    display: inline-block;
}

.field-name-ds-user-picture,
.group-infos{
    float: left;
}

.group-infos{
    margin-left: 30px;
    font-size: 18px;
}

.field-name-field-tweet-link,
.field-name-field-office-address,
.field-name-field-phone{
    margin-top: 20px;
}

.field-name-field-office-address p{
    margin: 0;
}

/* ................... STAFF .................... */


.committee .pane-block,
.section-staff .pane-block{
    float: left;
    width: 100%;
    text-align: center;
}

.committee .view-staff,
.section-staff .view-staff{
    text-align: center;
}

.committee .view-content,
.section-staff .view-content{
    display: inline-block;
    box-sizing: border-box;
}

.committee .view-content .member-box,
.section-staff .view-content .member-box{
    padding: 0;
    width: auto;
    margin: 20px 20px;
}


/* ................... MEMBERS ................... */

#members_page table,
.page-members-page table{
    margin: 0;
    font-size: 18px;
}

#last_updates .view-member-page{
    border: 1px solid #efefef;
    padding: 10px 20px 0 20px;
    margin-bottom: 20px;
}

#members_page table th,
.page-members-page table th{
    background: #2e368b;
    color: #ffffff;
    padding: 10px 0;
    text-align: center;
}

#members_page table a,
.page-members-page table a{
    color: #4a4a4a;
    text-decoration: none;
}

#members_page table td,
.page-members-page table td{
    font-weight: bold;
    background: #efefef;
    vertical-align: middle;
    padding: 5px;
}

#members_page .calendar-calendar table td{
    color: auto;
}

#members_page .odd td,
.page-members-page table .odd td{
    background: #ffffff;
}

#members_page table caption{
    font-size: 21px;
    padding: 10px;
    color: #cccccc;
    text-transform: uppercase;
}

.ui-tabs h2{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #efefef;
    color: #7990a2;
    font-size: 32px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-indent: 0;
    text-transform: none;
    margin-top: 0;
}

.pane-menu-menu-private-menu ul{
    padding: 0;
    margin: 0;
}

.pane-menu-menu-private-menu li{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.pane-menu-menu-private-menu li a{
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    background: #efefef;
    color: #4A4A4A;
    display: block;
    padding: 10px;
    margin-bottom: 1px;
    display: block;
    border-radius: 7px;
}

.page-intranet .banner_image_page{
    background: url("../images-source/documents.jpg") no-repeat center center;
    background-size: cover;
}

.intranet table{
    border-radius: 7px;
    overflow: hidden;
}

#intranet_menu,
#intranet_content{
    clear: both;
    text-align: center;
}

#intranet_menu .menu{
    display: inline-block;
}

#intranet_menu .menu li{
    display: inline;
    float: left;
    margin: 10px;
}

.pane-menu-menu-private-menu li a:hover,
.pane-menu-menu-private-menu li a.active{
    background: #DC057B;
    color: #ffffff;
}


.views-field-field-folder-project-title{
    padding: 10px 0;
}

.view-project-documents h3,
.field-name-field-folder-title{
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #DC057B;
    margin-bottom: 10px;
    text-align: left;
    float: left;
    width: 100%;
    line-height: auto;
    margin-top: 0;
}

.field-type-download-link a{
    float: right;
    font-size: 18px;
    text-decoration: none;
    color: #ffffff;
    background: #2b368e;
    padding: 7px 25px;
    border-radius: 4px;
}

.field-name-field-website a{
    display: block;
    text-align: center;
    border: 1px solid #efefef;
    padding: 10px;
    text-decoration: none;
    color: #2e368b;
    font-weight: bold;
}

.field-collection-view{
    margin: 0;
    border-bottom: 3px solid #efefef;
}

.entity-field-collection-item td{
    text-align: left;
}

.entity-field-collection-item td:last-child{
    text-align: right;
}



/* ................... SEARCH ................... */

#views-exposed-form-search-page{
    text-align: center;
    background: url('../images-source/slider_cache.png') no-repeat right bottom #2e368b;
    background-size: cover;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
}

#views-exposed-form-search-page .views-exposed-widgets{
    margin: 0 auto;
    display: inline-block;
}

#views-exposed-form-search-page .views-exposed-widget{
    float: left;
    width: auto;
}

#views-exposed-form-search-page label{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
}

#views-exposed-form-search-page .views-exposed-widget input,
#views-exposed-form-search-page .views-exposed-widget select{
    margin: 7px;
    padding: 7px;
    border: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #2e368b;
    height: 50px;
}

.search-result{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}

.search-result .views-field-title a{
    font-size: 21px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #DC057B;
}

.search-result .result_published{
    font-size: 14px;
    color: #cccccc;
    margin-bottom: 10px;
    display: block;
}

.search-result .body_result{
    font-size: 18px;
    color: #7990a2;
}

.search-result .body_result .more-link{
    color: #2e368b;
    text-decoration: none;
    font-weight: bold;
}

.tb-megamenu .search:hover,
.tb-megamenu .search.active{
    background: url('../images-source/search_active.png') no-repeat right center;
    background-size: contain;    
}

.tb-megamenu .search{
    background: url('../images-source/search.png') no-repeat right center;
    background-size: contain;    
}

.tb-megamenu .search a{
    text-indent: -99999px;
    width: 40px;
    height: 40px;
    display: block;
}

/* ................... MAGAZINES ................... */

.magazine{
    width: 18%;
    margin: 1%;
    float: left;
    text-align: center;
    padding: 20px;
    border-radius: 7px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    top: 0;
    left: 0;
}

.magazine:hover{
    -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    top: -5px;
    left: -5px;
}

.magazine .views-field-field-number{
    font-size: 18px;
    font-weight: bold;
    color: #DC057B;
}

.magazine .views-field-field-month-year{
    font-size: 21px;
    color: #2e368b;
}

.magazine .views-field-field-cover img{
    -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.1);   
}

.tb-megamenu-button{
    display: none !important;
}

.mean-bar{
    background: white;
}

.mean-container a.meanmenu-reveal{
    width: 50px;
    margin-top: 35px;
    padding: 0;
    color: #DC057B;
    font-size: 30px !important;
}

.mean-container .mean-nav{
    margin-top: 100px;
    background: #2e368b;
}

.mean-container .mean-bar{
    background: none !important;
    min-height: 90px;
    padding: 0;
    z-index: 100 !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover{
    background: rgba(0,0,0,0.4);
}

.mean-container a.meanmenu-reveal span{
    background: #DC057B;
    height: 5px;
    margin-right: 20px;
}

.meanclose{
    margin-right: 10px;
}

.mean-nav ul li li span{
    width: 80%;
    padding: 1em 10%;
    border-top: 1px solid rgba(255,255,255,.25);
    text-shadow: none!important;
    visibility: visible;
    display: block;
    color: #ffffff;
    text-transform: uppercase;
}

/* ................... INTRANET ................... */

.to-do-lists,
.view-special-demands,
.view-id-staff_calendar,
.projects_panel,
.staff_container,
#panels-ipe-display-panel-context-page-private-page-page-private-page-panel{
    margin: 0 auto 0 auto;
    max-width: 1600px !important;
}

.projects_panel .ui-tabs-panel{
    border: 2px solid #efefef !important;
    padding: 20px;
}

.page-intranet .last-updates-container{
    margin-bottom: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);
    border-radius: 3px;
    float: left;
    width: 100%;
    overflow: hidden;
}

.staff_member .pane__title,
.private_project .pane__title,
.page-intranet .pane__title{
    margin: 0;
    font-size: 24px;
    padding: 10px 0 10px 0;
    color: #cccccc;
    display: inline-block;
    clear: both;
}

.page-intranet .container_panels{
    padding: 0;
}

.page-intranet .last-updates-container .views-field-changed{
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    padding: 10px;
    color: #3d3d3d;
    background: #efefef;
}

.page-intranet .last-updates-container .last_update{
    display: block;
    width: 100%;
    float: left;
    clear: both;
}

.page-intranet .last-updates-container .views-field-title{
    float: left;
    width: 90%;
    padding: 15px;
    box-sizing: border-box;
    display: block;
}

.page-intranet .last-updates-container .views-field-title a{
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
    color: #656565;
}

.page-intranet .last-updates-container .views-field-view-node{
    float: left;
    width: 10%;
    box-sizing: border-box;
    display: block;
    text-align: center;
    padding: 15px;
}

.page-intranet .last-updates-container .link a{
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    background: #8c0593;
    color: #ffffff;
    padding: 7px 20px;
    border-radius: 3px;
}

.page-intranet .banner_image_page{
    height: 220px !important;
}

.staff_member .comment_project,
.staff_member .to_do_container,
.page-intranet .to_do_container,
.page-intranet .comment_project{
    background: #3d3d3d;
    float: left;
    width: 100%;
}

.staff_member .comment_project ul,
.staff_member .to_do_container ul,
.page-intranet .to_do_container ul,
.page-intranet .comment_project ul{
    padding: 0;
    margin: 0;
}

.staff_member .comment_project h3,
.staff_member .to_do_container h3,
.page-intranet .to_do_container h3,
.page-intranet .comment_project h3{
    padding: 10px 20px;
    text-align: left;
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
}

.staff_member .comment_project h3 a,
.staff_member .to_do_container h3 a,
.page-intranet .to_do_container h3 a,
.page-intranet .comment_project h3 a{
    color: #ffffff;
    text-decoration: none;
}

.staff_member .comment,
.page-intranet .comment{
    padding: 15px;
    background: #f0f0f0;
}

.staff_member .comment:nth-child(odd),
.page-intranet .comment:nth-child(odd){
    background: #f6f6f6;
}

.view-staff-calendar .view-filters{
    margin-top: 20px;
}

.view-projects-calendar{
    padding: 0 40px;
}

.pane-user-online{
    clear: both;
}

.staff_member .banner_image_page,
.page-staff-days .banner_image_page,
.node-type-private-page .banner_image_page,
.private_project .banner_image_page,
.section-project .banner_image_page{
    display: block;
    height: 150px;
    float: left;
    width: 100%;
    background: #a8b5c3;
}

.project_container li{
    width: 21%;
    float: left;
    box-sizing: content-box;
    margin: 2%;
    padding: 20px 0 10px 0;
    display: grid;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0px 10px 52px -25px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 10px 52px -25px rgba(0,0,0,0.34);
    box-shadow: 0px 10px 52px -25px rgba(0,0,0,0.34);
}

.project_container ul{
    margin: 0;
    padding: 15px;
}

.project_container li h3{
    text-align: center;
    margin: 0;
    font-weight: bold;
}

.project_container li h3 span{
    width: 100%;
    float: left;
}

.project_container li .date-display-range span{
    width: auto;
    float: none;
}

.project_container li h3 a{
    text-transform: uppercase;
    font-size: 16px;
    background: #2b9ad3;
    display: block;
    float: left;
    width: 100%;
    color: #ffffff;
    text-decoration: none;
    margin-top: 20px;
}

.project_container li .logo_project{
    text-align: center;
}

.project_container .check_note .views-field-field-status-checklist{
    float: right;
    width: 20%;
}

.project_container .check_note .views-field-title{
    float: left;
    width: 80%;
}

.office_presence{
    color: #80c300;
}

.injustified{
    color: #ff3737;
}

.sickness{
    color: #ff9600;
}

.absence{
    color: #ffd200;
}

.work_home{
    color: #1a601f;
}

.travel{
    color: #620d7b;
}

.meeting{
    color: #d82489;
}

.leave{
    color: #00b0d6;
}

.compensation{
    color: #9fcdd8;
}

.count_days,
.status_day{
    font-weight: bold;
}

.node-type-private-page thead,
.private_project thead,
.last_updates thead{
    display: none;
}

.view-special-demands td,
.private_project td,
.intranet td{
    background: #ffffff !important;
    border-bottom: 1px dashed #cccccc;
    padding: 10px 0 !important;
}
.view-special-demands tr:last-child td,
.private_project tr:last-child td,
.intranet tr:last-child td{
    border-bottom: 0;
}

.intranet .month-view tr:last-child td{
    border-bottom: 1px solid #cccccc;   
}

.intranet .month-view table{
    border-radius: 0;
}

.intranet_cat_0 span,
.intranet_cat_1 span,
.intranet_cat_2 span,
.intranet_cat_3 span,
.intranet_cat_4 span,
.intranet_cat_5 span,
.intranet_cat_6 span,
.intranet_cat_projects span{
    color: #ffffff;
    padding: 5px 20px;
    float: left;
    font-weight: 400;
}

.intranet_cat_0 span{
    background: #2b368e;
}
.intranet_cat_1 span{
    background: #cccccc;
}
.intranet_cat_2 span{
    background: #dd067c;
}
.intranet_cat_3 span{
    background: #8c0693;
}
.intranet_cat_4 span{
    background: #fb8e00;
}
.intranet_cat_5 span{
    background: #00b674;
}
.intranet_cat_6 span{
    background: #a7b600;
}
.intranet_cat_projects span{
    background: #2b9ad3;
}

.intranet td.update_date{
    font-size: 16px;
    font-style: italic;
    font-weight: 300 !important;
}

.intranet .pager a{
    background: none;
    margin: 0;
    border: 2px solid #cccccc;
    color: #3d3d3d;
}

.intranet .view .date-nav-wrapper .date-nav{
    height: auto;
    padding: 0;
}

.intranet .view .date-nav-wrapper .date-prev,
.intranet .view .date-nav-wrapper .date-next{
    background: none;
}

.intranet .view .date-nav-wrapper a{
    margin: 0;
    border: 1px solid #efefef;
}

.intranet .view .date-nav-wrapper .date-prev{
    right: auto;
}

.intranet_left > .inside{
    padding-right: 35px;
    margin-right: 25px;
    border-right: 1px solid #efefef;
}

.intranet .calendar.monthview{
    background: #efefef !important;
    font-size: 14px;
    font-weight: 300;
    padding: 0 0 10px 0 !important;
}

.intranet .calendar.monthview .type{
    margin: 10px 10px 3px 10px;
    float: left;
}

.intranet .calendar.monthview .title{
    font-size: 16px;
    margin: 3px 10px;
    float: left;
    width: 100%;
}

.intranet_left{
    width: 70%;
}

.intranet_sidebar{
    width: 30%;
}

.intranet_home{
    margin: 30px auto 30px auto;
    max-width: 1600px;
}

.picture_comment{
    float: left;
    margin-right: 20px;
}

.picture_comment img{
    border-radius: 50px;
}

.comment_block_intranet{
    margin-bottom: 20px;
}

.comment{
    clear: both;
    float: left;
    width: 100%;
    border-left: 5px solid #2b9ad3;
}

.views-field-timestamp,
.comment_date{
    font-size: 12px;
    padding-bottom: 10px;
    font-style: italic;
}

.comment_message{
    margin-bottom: 5px;
}

.comment_message a{
    color: #3d3d3d;
    text-decoration: none;
    margin-top: 5px;
    display: block;
    font-style: italic;
}

.staff_member #to_do_block{
    margin: 0;
}

#to_do_block .to_do{
    padding: 0;
    margin: 0;
}

.home_intranet #to_do_block{
    margin-top: 0;
}

.intranet #to_do_block .views-exposed-form .form-item{
    margin: 0;
    padding: 0;
}

#to_do_block,
#connected_block{
    margin-top: 30px;
    width: 100%;
    float: left;
}

#connected_block p{
    margin: 10px 0;
    color: #3d3d3d;
    font-weight: bold;
}

#connected_block .item-list ul{
    padding: 0;
}

#connected_block .item-list ul li a{
    background: #efefef;
    padding: 15px 25px;
    display: block;
    text-decoration: none;
    font-size: 18px;
    color: #2b368e;
    margin-bottom: 1px;
}

#to_do_block .view-projects-calendar{
    padding: 0;
}

.done .to_do li{
    border-left: 5px solid #a7b600 !important;
}

.section-user #to_do_block .to-do,
#to_do_block .to_do li{
    background: #f0f0f0;
    padding: 20px;
    border-left: 5px solid #dd067c;
}

#to_do_block{
    float: left;
    width: 100%;
    clear: both;
}

#to_do_block .to_do li:nth-child(odd){
    background: #f6f6f6;
}

.intranet .folder{
    border: 0;
}

.intranet .folder a{
    text-decoration: none;
    color: #3d3d3d;
}

.folder_top{
    background: #ffe68e;
    width: 100px;
    display: block;
    height: 30px;
    margin: 15px 20px 1px 20px;
    border-radius: 5px 5px 0 0;
}

.folder_content{
    background: #ffe68e;
    padding: 20px 20px 30px 20px;
    text-align: left;
    margin: 0 20px 20px 20px;
    -webkit-box-shadow: 0px 10px 52px -25px rgba(0,0,0,0.34);
    -moz-box-shadow: 0px 10px 52px -25px rgba(0,0,0,0.34);
    box-shadow: 0px 10px 52px -25px rgba(0,0,0,0.34);
}

.folder_content p{
    font-weight: 300;
}

.folder_container:hover .folder_top,
.folder_container:hover .folder_content{
    background: #ffdc62;
}

#comment-form #edit-author--2{
    display: none;
}

#comment-form #edit-field-message textarea{
    border: 1px solid #efefef;
    font-size: 16px;
    padding: 15px;
    color: #3d3d3d;
}

#comment-form label{
    margin-bottom: 10px;
    font-weight: 400;
}

#comment-form .form-type-textarea{
    margin: 0 0 10px 0;
}

#edit-field-file-und-0-upload-button{
    width: auto;
    float: right;
}

#date_project{
    font-size: 32px;
    font-weight: bold;
    margin-top: 30px;
}

.projects_panel .comment{
    border: 0;
    margin-bottom: 20px;
    border-bottom: 1px dashed #cccc;
    padding-bottom: 10px;
}

.projects_panel .comment_project ul{
    margin: 0;
    padding: 0;
}

.deadline{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.view-project-documents .views-row,
.projects_panel .view-project-documents .content{
    background: #efefef;
    padding: 10px;
    border-radius: 5px;
    margin: 5px 0;
    float: left;
    width: 100%;
}

.projects_panel .view-project-documents .content td{
    background: none !important;
}

.status_number .form-type-date-select select,
.status_number .form-type-date-select,
.status_number .form-type-select{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.view-staff-calendar .views-exposed-widget select{
    font-size: 18px;
    border: 2px solid #efefef;
}

.view-staff-calendar .views-exposed-widget .form-type-select,
.view-staff-calendar .views-exposed-widget .form-type-date-select{
    margin: 0 !important;
    padding: 0 !important;
}

.status_number .form-type-select{
    border: 2px solid #efefef;
    font-size: 18px;
}

.status_number .form-type-select:first-child{
    margin-right: 5% !important;
    float: left;
}

.view-staff-calendar .views-exposed-widget{
    float: left;
    width: auto;
}

.status_number .form-type-select{
    width: 47.5%;
    float: left;
}

#edit-field-employee-name-uid{
    margin-right: 5px;
}

.status_number tr td{
    padding: 10px;
    border-bottom: 1px dashed #efefef;
}

.status_number table{
    border: 1px solid #efefef;
}

#status_number .view-empty{
    margin-top: 20px !important;
}

.sidebar_right,
.status_member{
    width: 25% !important;
}

.center_member{
    width: 50%;
    padding: 0 20px !important;
}

.employee_day_details{
    width: 20%;
    float: left;
}

.day-detail{
    border-bottom: 1px dashed #efefef;
}

.day-detail td{
    padding: 20px;
}

caption{
    text-align: left;
    font-size: 24px;
    margin-bottom: 5px;
}

.view-staff-calendar .views-table{
    border: 1px solid #efefef;
    padding: 20px;
}

.to-do-lists thead,
.view-special-demands thead{
    background: #2A368F;
    color: #ffffff;
}

.to-do-lists tbody td,
.view-special-demands tbody td,
.to-do-lists thead th,
.view-special-demands thead th{
    padding: 15px !important;
    vertical-align: middle;
}

.view-special-demands table{
    max-width: auto !important;
    margin: 0 !important
}

.to-do-lists .views-exposed-form .form-item{
    padding: 0;
    margin: 0;
}

.to-do-lists .views-exposed-form{
    float: left;
    width: 20%;
    padding: 30px;
    border: 2px solid #efefef;
    margin: 20px 5% 20px 0;
}

.to-do-lists .views-exposed-form label{
    margin: 10px 0;
}

.to-do-lists .views-exposed-form .form-type-date-select,
.to-do-lists .views-exposed-form .form-type-select{
    width: 100%;
}

.to-do-lists .views-exposed-form select{
    width: 100%;
    border: 2px solid #efefef;
    font-size: 18px;
}

.to-do-lists .view-content{
    float: left;
    width: 75%;
}

.act_other,
.act_indirect_costs,
.act_gen_diss,
.act_dissemination,
.act_ewos_conf,
.act_digital,
.act_design_spirit,
.act_ted,
.act_cultural,
.act_social,
.act_race,
.act_project_man,
.not_defined{
    color: #ffffff;
    padding: 5px 20px;
    font-weight: 400;
    float: left;
}

.not_defined{
    background: #cdcdcd;
}

.act_project_man{
    background: #58d4eb;
}

.act_race{
    background: #588feb;
}

.act_social{
   
    background: #a30099;
}
.act_cultural{
    background: #cd58eb;
}

.act_ted{
    background: #ef4321;
}

.act_design_spirit{
    background: #88be2a;
}

.act_digital{
    background: #ebc058;
}

.act_ewos_conf{
    background: #eb5885;
}

.act_dissemination{
    background: #61cd80;
}

.act_gen_diss{
    background: #686563;
}

.act_indirect_costs{
    background: #507f88;
}

.act_other{
    background: #363a76;
}

.to_do_act_other,
.to_do_act_indirect_costs,
.to_do_act_gen_diss,
.to_do_act_dissemination,
.to_do_act_ewos_conf,
.to_do_act_digital,
.to_do_act_design_spirit,
.to_do_act_ted,
.to_do_act_cultural,
.to_do_act_social,
.to_do_act_race,
.to_do_act_project_man,
.to_do_not_defined{
    float: left;
    padding: 10px 3px 10px 15px;
    width: 100%
}

.to_do_not_defined{
    border-left: 5px solid #cdcdcd;
}

.to_do_act_project_man{
    border-left: 5px solid #58d4eb;
}

.to_do_act_race{
    border-left: 5px solid #588feb;
}

.to_do_act_social{
   
    border-left: 5px solid #a30099;
}
.to_do_act_cultural{
    border-left: 5px solid #cd58eb;
}

.to_do_act_ted{
    border-left: 5px solid #ef4321;
}

.to_do_act_design_spirit{
    border-left: 5px solid #88be2a;
}

.to_do_act_digital{
    border-left: 5px solid #ebc058;
}

.to_do_act_ewos_conf{
    border-left: 5px solid #eb5885;
}

.to_do_act_dissemination{
    border-left: 5px solid #61cd80;
}

.to_do_act_gen_diss{
    border-left: 5px solid #686563;
}

.to_do_act_indirect_costs{
    border-left: 5px solid #507f88;
}

.to_do_act_other{
    border-left: 5px solid #363a76;
}


.ui-accordion .ui-accordion-content{
    padding: 0;
}

.comment_popup{
    padding: 30px;
}

.intranet #cboxContent{
    padding: 30px;
}

.intranet #cboxContent h3{
    font-weight: bold;
    border-bottom: 1px solid #efefef;
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
    padding-bottom: 5px;
}

.intranet #cboxContent p{
    margin: 5px 0;
}

#cboxLoadedContent{
    margin-bottom: 0 !important;
}

.intranet #cboxContent .activity,
.intranet #cboxContent .budget,
.intranet #cboxContent .member_charge,
.intranet #cboxContent .deadline{
    font-size: 14px;
    margin: 0 0 10px 0;
}

.intranet #cboxContent .deadline{
    font-weight: bold;
    color: red;
}

.intranet #cboxContent .comment_text{
    font-style: italic;
    padding: 10px 20px;
    border: 1px dashed #cccccc;
    border-radius: 7px;
}

.view-projects-calendar .ui-accordion-header{
    background: #efefef;
}

.view-projects-calendar .ui-widget-content{
    border: 1px solid #efefef;
}

.title_to_do{
    float: left;
}

.colorbox_to_do{
    width: 100%;
}

.colorbox_to_do a{
    width: 100%;
    display: block;
    text-decoration: none;
}

.block-note .to-do-note{
    clear: both;
    float: left;
    width: 100%;
}

.block-note .to_do{
    float: left
}

.block-note .to-do-note:nth-child(odd){
    background: #f6f6f6;
}

.project_logo{
    float: left;
    margin: 0 20px 20px 0;
}

/* ................... RESPONSIVE ................... */

@media screen and (max-width:1280px){
    
    .commission-committee-page .views-column{
        width: 31%;
    }
    
    #isf_members_container{
        height: auto;
    }
    
    .isf-members-activities .section_1 a{
        font-size: 28px;
    }
    
    .isf-members-activities .content_text .section_2 a,
    .isf-members-activities .section_2 p{
        font-size: 18px;
    }
    
    .isf-members-activities{
        background: none;
        padding: 30px 0;
    }
    
    .view-snapshots{
        padding-left: 20px;
        padding-right: 20px;
    }

    .header,
    .partners .panels-flexible-row-inside{
        position: relative;
        padding: 0 20px;
    }  
    
    .pane-node-field-related-sports,
    #next_event_sport{
        padding: 0 80px;
    }
    
    .front #block-tb-megamenu-main-menu{
        border-bottom: 0;
    }
    
    .front .layout-swap{
        border-top: 5px solid #DC057B;
    }

    .slider_title{
        line-height: 34px;
    }

    .slider_title a{
        font-size: 42px;
    }

    .slider_body{
        margin-top: 20px;
    }   
    
    .newsletters h2{
        font-size: 36px;
    }
    
    .page-countries .country{
        width: 100%;
    }
    
    #group-event-tab,
    #group-right{
        width: 68%;
    }
    
    #group-left-event{
        width: 30%;
        margin-right: 2%;
    }
    
    #slogan{
        margin: 15px 0 0 10px;
        width: 20%;
    }   
}

@media (max-width: 1140px){
    #top_nav img{
        width: 30px;
    }
    
    #top_nav .top_links{
        padding: 3px 20px;
        font-size: 14px;
    }
    
    #top_nav #hashtag{
        margin-top: 4px;
    }
    
    .header__logo-image{
        width: auto;
    }
}

@media screen and (max-width: 1042px) {
    
    .snapshots .inside,
    .region-bottom{
        position: relative;
        padding: 0 20px;
    }
    
    .page_title{
        max-width: 1400px;
    }
    
    .pane-title{
        font-size: 46px;
        padding-bottom: 20px;
    }
    
    #isf_world_link, 
    #event_calendar_link,
    #event_calendar_link{
        font-size: 21px;
        padding: 5px 25px;
    }

    
    .slider_title a{
        font-size: 38px;
    }
    
    .slider_body{
        margin-top: 20px;
    }
    
    .tag a{
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background: #DC057B;
        margin: 20px 7px 0 0;
        padding: 7px 15px;
        display: inline-block;
    }

    #isf_world{
        float: left;
        width: 100%;    
    }

    #isf_magazines .pane-title{
        font-size: 36px;
        margin-bottom: 10px;
    }
    
    #isf_magazines{
        background: #efefef;
        padding: 20px 40px;
        border: 1px solid #eeeeee;
        float: right;
        width: 100%;
        margin-top: 20px;
    }
    
    #isf_magazines img{
        width: 130px;
    }
    
    .image_article img{
        width: 100%;
    }
    
    .feed{
        font-size: 12px
    }
    
    .views-column img,
    .feed_image figure{
        width: 100%;
    }
    
    .views-column{
        width: 50%;
    }       
    
    .partners .embedded-video iframe{
        height: 508px;
    }
    
    .ui-tabs .ui-tabs-nav li a{
        font-size: 18px;
    }
    
    .not-front .pane-title{
        font-size: 24px;
    }
    
    .container_event_info .date{
        clear: both;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .countries_list,
    .participants,
    .teams,
    .boys_girls,
    .container_event_info,
    .next_event{
        font-size: 21px;
    }
    
    .node-type-isf-championship-page .article{
        height: auto;
    }
    
    .photo-album,
    .article{
        width: 50%;
        margin: 0;
        float: left;
    }
    
    .partner-box{
        float: left;
        width: 33.333333%;
    }
    
    .pane-node-body .field-name-body, .node-type-article .field-name-body{
        padding: 0;
    }
    
    .views-field-field-picture-teaser .field-content div{
        height: 350px;
    }
    
    .view-social-networks{
        padding: 0;
    }
    
}

@media (max-width: 980px){
    
    .block_quick_info{
        margin:0;
        width: 100%;
        float: left;
        text-align: center;
        border-left: 0;
    }
    
    .commission-committee-page{
        padding: 0 20px;
    }
    
    .commission-committee-page .views-column{
        width: 48%;
    }
    
    .view-countries-profiles .box-country{
    width: 28%;
}
    
    .pane__title{
        margin: 0 !important;
    }
    
    .container_slide{
        height: auto !important;
        padding: 30px 0;
    }
    
    .header__logo-image{
        height: auto !important;
        float: left;
    }
    
    .pane-views-partners-block-1 table{
        
    }
    
    .social_networks .view-filters{
        top: -52px;
    }
    
    #carousel_fb_feed .slick-list.draggable::before, #carousel_tw_feed .slick-list.draggable::before, #carousel_in_feed .slick-list.draggable::before{
        width: 30%;
    }

.private_menu,
.view-id-calendar_pdf,
.view-id-search,
.view-countries-profiles,
.video_content,
.points_content,
.view-championship-block,
.block__title,
.horizontal-tabs-list,
.magazines-page,
.governance,
.field-name-body,
.view-empty,
.tabs,
.header,
.ui-tabs .ui-tabs-nav,
.center_region,
.region-navigation,
.container_title,
.partners,
.view-snapshots,
.node-type-article .field-name-published-on,
.banner_image_page .title_content,
.banner_image .header_title .inside
.messages,
.container_footer_top{
    margin: 0 auto !important;
    max-width: 1600px;
    float: none !important;
    width: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
    
    .view-all-events-by-sports .breadcrumb{
        margin: 0;
    }
    
    .banner_image .header_title,
    .breadcrumb{
        margin: 0;
    }
    
    #next_event_sport,
    .header{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .masonry-item{
        width: 31.333333% !important;
        margin: 1%;
    }
    
    .article.views-row-first.related, .page-taxonomy .node-event, .page-taxonomy .node-article, .article{
        width: 50%;
    }
    
    .pane-node-body .field-name-body, .node-type-article .field-name-body{
        column-count: 2;
    }
    
    .mean-container .mean-nav ul li a.mean-expand{
        height: 24px;
    }
    
    .mean-nav .fa:before{
        display: none;
    }    
    
    .mean-nav .fa-search:before{
        display: block;
    }
    
    .top_links_nav{
        text-align: center;
        width: 100%;
    }
    
    .block__title, .container_title{
        padding: 10px 20px !important;
    }
    
    .flex-direction-nav a{
        height: 60px;
        top: 20px;
        bottom: 0;
    }
    
    .flex-direction-nav .flex-prev{
        left: 0;
        background: url('../images-source/prev_mobile.png') no-repeat center center rgba(0,0,0,0.8);
        border-radius: 0 0 5px 0;
    }

    .flex-direction-nav .flex-next{
        right: 0;
        background: url('../images-source/next_mobile.png') no-repeat center center rgba(0,0,0,0.8);
        border-radius: 0 0 0 5px;
    }

    #slogan{
        position: absolute;
        top: 10px;
        width: 40%;
        left: 30%;
    }
    
    #block-system-main-menu{
        display: block;
    }
    
    #block-tb-megamenu-main-menu{
        display: none;
    }
    
    .mean-nav .social{
        width: 64px !important;
        float: left;
        display: block;
        margin: 0;
    }
    
    .mean-nav li ul li{
        width: 100%;
    }
    
    [data-class="responsive"]{
        display: block;
    }
    
    .mean-nav .social a{
        text-indent: -999999px;
        padding: 0;
        margin: 0;
        height: 30px;
    }
    
    .nav-menu__item, .menu__item,
    .nav-menu__item.is-expanded, .nav-menu__item--is-expanded, .is-expanded.menu__item, .menu__item.is-expanded{
        list-style: none;
    }
    
    .is-expanded > a, .nav-menu__link.is-active, .nav-menu__link--is-active, .menu a.active{
        font-weight: normal;
        font-size: 16px;
    }
    
    #facebook{
        background: url('../images-source/facebook.png') no-repeat center center white;
        background-size: cover;
    }   
    
    #twitter{
        background: url('../images-source/twitter.png') no-repeat center center white;
        background-size: cover;
    }  
    
    #instagram{
        background: url('../images-source/instagram.png') no-repeat center center white;
        background-size: cover;
    }  

    #linkedin{
        background: url('../images-source/linkedin.png') no-repeat center center white;
        background-size: cover;
    }    
    
    #youtube{
        background: url('../images-source/youtube.png') no-repeat center center white;
        background-size: cover;
    }    
    
    #google{
        background: url('../images-source/google-plus.png') no-repeat center center white;
        background-size: cover;
    }
    
    .header,
    .not-front .layout-swap,
    .carousel .panels-flexible-row-inside,
    .isf_world .panels-flexible-row-inside,
    .social_networks .panels-flexible-row-inside,
    .snapshots .panels-flexible-row-inside,
    .partners .panels-flexible-row-inside{
        padding: 0;
    }
    
    #block-tb-megamenu-main-menu{
        border-bottom: 0;
    }

    header{
        text-align: left;
    }
    
    
    .header__logo{
        margin: 0 0 0 20px;
    }
    
    .header__logo{
        width: 300px;
        display: inline-block;
        float: none;
        position: absolute;
        z-index: 100;
        top: 0;
        left: 0;
    }
    
    #top_nav{
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    
    #top_nav ul{
        padding: 0;
    }
    
    .homepage_slider_images,
    .homepage_slider_contents{
        width: 100% !important;
        position: relative;
    }
    
    .homepage_slider_contents{
        padding: 2%;
    }
    
    .slider_title{
        margin-top: 0;
    }
    
    .navigation_flexslider .flex-direction-nav a{
        top: 20px;
        height: 70px;
        width: 40px;
    }
    
    .navigation_flexslider .flex-control-nav{
        display: none;
    }
    
    .feed{
        font-size: 16px
    }    
    
    .panels-flexible-region-5-center,
    .slideshow{
        width: 100%;
    }
    
    .container_slide{
        padding: 0 20px;
        height: 400px;
    }
    
    .page_title{
        font-size: 30px;    
    }
    
    .pane-title{
        font-size: 30px;
    }
    
    .facebook_feed .view-header, .twitter_feed .view-header, .instagram_feed .view-header{
        margin-bottom: 30px;
    }
    
    .facebook_feed,
    .twitter_feed,
    .instagram_feed{
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }
    
    #instagram_feed .views-column-3{
        display: block;
    }
    
    #instagram_feed .views-column{
        width: 33%;
    }
    
    .partners .embedded-video iframe{
        height: 387px;
    }
    
    .sports_menu{
        width: 60%;
    }
    
    .news_menu, .ISF_menu{
        width: 40%;
    }
    
    .partners #partner_button{
        font-size: 30px;
    }
    
    .newsletters{
        width: 100%;
        clear: both;
        position: relative;
    }
    
    .newsletters h2{
        margin-top: 0;
        font-size: 42px;
    }
    
    .view-contact-infos{
        padding: 20px 0;
        display: block;
        margin: 0;
    }
    
    .view-contact-infos p{
        margin: 0;
    }
    
    .square{
        display: none !important;
    }
    
    .footer_contact_infos .views-field-nothing li a{
        color: #2e368b;
    }
    
    .footer_contact_infos .views-field-nothing li{
        display: block;
    }
    
    .block-copyright-block, .created{
        width: 100%;
        text-align: center !important;
    }
    
    .panels-flexible-row.snapshots{
        background-size: cover;
    }
    
    .snapshot a{
        width: 31%;
        margin: 1%;
    }
    
    .layout-3col__full{
        padding: 0;
    }
    
    #news_page .article:nth-child(4),
    #news_page .article:nth-child(5){
        display: none;
    }
    
    #news_page .article{
        width: 31.333333%;
    }
    
    .filter_articles{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .news-pages .views-row:first-child{
        width: 100%;
    }
    
    .news-pages .views-row:nth-child(2) .views-field-body .article_body, .news-pages .views-row:nth-child(3) .views-field-body .article_body{
        font-size: 16px;
    }

    .news-pages .views-row:nth-child(2) .views-field-title a, .news-pages .views-row:nth-child(3) .views-field-title a{
        width: 100%;  
    }
    
    .news-pages .views-row:nth-child(2) .views-field-nothing, .news-pages .views-row:nth-child(3) .views-field-nothing{
        width: 100%;
    }
    
    .photos_album, .page-latest-news .article, .page-isf-world .article, .page-taxonomy .node-article, .page-taxonomy .node-event, .page-events .article{
        width: 31%;
        margin: 0;
    }
    
    .page-events .article{
        height: 240px;
    }
    
    .breadcrumb{
        font-size: 12px;
    }
    
    .field-name-field-focus .field-item:last-child,
    .field-name-field-focus .field-item,
    .field-name-field-focus .field-item.odd{
        width: 96%;
        margin: 5px 2% 5px 2% !important;
        font-size: 28px;
        box-sizing: border-box;
    }
    
    .icon-sport a{
        width: 100%;
    }
    
    .page-countries .country{
        width: 100%;
    }
    
    .page-partners .view-partners,
    .become_partner{
        width: 100%;
    }
    
    #views-exposed-form-search-page .views-exposed-widget{
        width: 100%;
    }
    
    #views-exposed-form-search-page .views-exposed-widget select,
    #views-exposed-form-search-page .views-exposed-widget input{
        width: 100%;
    }
    
    .icon-sport{
        width: 29.333333%;
        margin: 2%;
    }
    
    #views-exposed-form-countries-profiles-page .form-type-bef-link,
    #views-exposed-form-countries-profiles-page .form-item-edit-field-continent-tid-all{
        float: none;
    }
    
    .panels-flexible-column,
    #group-event-tab,
    #group-right,    
    #group-left-event,
    .panels-flexible-region{
        width: 100%;
    }
    
    .member-box{
        width: 48%;
    }
    
    .layout-3col__right-sidebar .related_news{
        margin: 0;
        width: 100%;
    }
    
    .layout-3col__right-sidebar .related_news .block__title{
        margin-top: 10px;
    }
    
    #isf_magazines img{
        width: 90%;
        margin: 10px 5%;
    }
    
    .views-field-field-event-date .views-field-view-node,
    .views-field-field-event-date .views-field-field-icon,
    .views-field-field-event-date .country,
    .views-field-field-event-date .views-field-field-status{
        display: none;
    }
    
    .views-field-field-event-date table th,
    .views-field-field-event-date table td{
        text-align: center;
    }

    .views-field-field-event-date table img{
        float: none;
    }
    
    .views-field-field-event-date .date-display-single{
        float: none;    
    }
    
    .views-field-field-event-date .date-display-range{
        display: inline-block;
    }
    
    .page-press-corner .banner_image{
        height: 200px;
    }
    
    .press_published,
    .press_title,
    .press_type{
        width: 100%;
        text-align: center;
    }
    
    .group-athlete{
        margin-bottom: 20px;
    }
    
    .field-name-field-athletes-sports .field-items .field-item{
        width: 33.333333%;
    }
    
    .field-name-field-athletes-sports .field-items .field-item .field-items .field-item{
        width: 100%;
    }
    
}

@media (max-width: 600px){
    
    .responsive-gymnasiade{
        display: block;
    }
    
    .gymnasiade_event_container td.responsive{
        display: none;
    }
    
    .gymnasiade_event{
        padding: 30px;
        font-size: 24px;
        margin: 20px 5%;
    }
    
    .gymnasiade_event img{
        display: inline;
    }
    
    .commission-committee-page .views-column{
        width: 100%;
    }
    
    .view-countries-profiles .box-country{
    width: 44%;
}
    
    .isf-members-activities{
        display: block;
        text-align: center;
        padding: 0;
    }
    
    .pane-views-partners-block-1 .pane-title{
        display: none;
    }
    
    .isf-members-activities .section_1, .isf-members-activities .section_2{
        width: 100%;
        padding: 0 20px;
    }
    
    .isf-members-activities .content_text .section_2 .links{
        float: none;
    }
    
    #country_profile .view-id-countries_profiles .views-field .field-content,
    #country_profile .view-id-countries_profiles .views-field span{
        width: 100%;
        text-align: center;
    }
    
    #country_profile .view-id-countries_profiles .views-field span{
        margin-bottom: 10px;
    }
    
    .masonry-item{
        width: 48% !important;
        margin: 1%;
    }
    
    .page_title, .pane-title, .front .page_title, .front .pane-title{
        font-size: 21px;
        text-align: center;
        line-height: 24px;
    }
    
    .field-name-field-focus .field-item, .field-name-field-focus .field-item.odd{
        font-size: 24px;
    }
    
    .field-name-field-focus .field-item p{
        margin: 10px 0;
    }
    
    .news-pages .views-row:first-child,
    .page-latest-news .article, .page-taxonomy .node-article, .page-taxonomy .node-event,
    .article{
        width: 100% !important;
        height: auto;
    }
    
    .view-school-sport-around-the-world .views-column{
        width: 50% !important;
    }
    
    .news-pages .views-row:first-child .views-field-title a,
    .news-pages .views-row:nth-child(2) .views-field-title a, .news-pages .views-row:nth-child(3) .views-field-title a{
        font-size: 20px;
        margin-bottom: 0;
        line-height: 24px;
    }
    
    .news-pages .views-row:first-child .views-field-title a{
        width: 100%;    
    }
    
    .related_news .views-field-title{
        width: 100%;
        float: none;
    }
    
    .news-pages .views-row:first-child .views-field-body .article_body{
        font-size: 16px;
        line-height: 24px;
    }
    
    .news-pages .views-field-title{
        float: left;
        width: 53%;
        margin-top: 0;
    }
    
    .page-taxonomy .node-event a, .page-taxonomy .node-article h2 a, .article_title a{
        margin: 0;
    }
    
    
    .view-social-networks .view-header{
        margin: 0;
    }
    
    #news_page .view-header,
    .view-header{
        width: 100%;
        top: 0;
        position: relative;
        margin-bottom: 10px;
    }
    
    .all_link,
    #isf_world_link, #event_calendar_link{
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .navigation_flexslider .flex-direction-nav a{
        top: 20px;
        height: 50px;
        width: 30px;
    }  
    
    .container_slide{
        display: flex;
        height: auto;
        margin: 20px 0;
        text-align: center;
    }
    
    .slider_title a{
        font-size: 28px;
        line-height: 24px;
    }
    
    .slider_body{
        font-size: 14px;
    }
    
    .partners .embedded-video iframe{
        height: auto;
    }
    
    .partners #partner_button{
        font-size: 24px;
        padding: 10px;
        width: 100%;
    }
    
    .container_footer_top{
        display: none;
    }
    
    #isf_magazines .pane-title{
        font-size: 30px;
        margin-bottom: 0;
    }
    
    #isf_magazines{
        padding: 20px;
    }
    
    #isf_magazines img{
        width: 90%;
        margin: 10px 5%;
    }
    
    .feed_link,
    .feed_link a{
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .front .view-snapshots .view-header{
        position: absolute;
        top: -80px;
    }
    
    .snapshots .view-footer{
        margin-top: 10px;
    }
    
    .snapshots .view-footer a{
        font-size: 18px;
    }
    
    .carousel_dates{
        border: 0;
        padding: 0;
    }
    
    .field-name-field-schedule h3, .field-name-body h3{
        font-size: 21px;
    }
    
    .pane-international-school-sport-feder, .pane-executive-committee, .pane-management-committee{
        padding-left: 7px;
        margin: 5px 0;
    }
    
    .page-countries .country{
        width: 100%;
    }
    
    #news_page .article:nth-child(4),
    #news_page .article:nth-child(5){
        display: block;
    }
    
    .layout-3col__right-sidebar,
    .layout-3col__left-content{
        padding: 0;
    }
    
    .layout-3col__right-sidebar .related_news .block__title{
        font-size: 24px;
        text-align: center;
    }

    .page-events .article{
        text-align: left;
        height: auto;
    }
    
    .views-field-field-header-image{
        float: left;
        width: 30%
    }
    
    .page-events .article img{
        width: 100px;
        margin-right: 15px;
    }
    
    .page-events .article_title a{
        width: 70%;
        float: left;
    }
    
    .pane-node-field-how-to-participate, .view-championship-block{
        margin-top: 10px;
    }
    
    .icon-sport a{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        font-size: 16px;
    }
    
    .node-type-isf-championship-page .article{
        height: auto;
    }
    
    .location{
        text-align: center;
        width: 100%;
    }
    
    .location .flag img{
        margin-bottom: 0;
        text-align: center;
        display: inline-block;
    }
    
    .location .place,
    .location .flag{
        float: none;
        margin: 0;
    }
    
    .pane-node-body .field-name-body, .node-type-article .field-name-body{
        padding: 0;
    }
    
    .slick__arrow{
        display: none;
    }
    
    #next_event_sport .slick-next{
        right: 0;
    }   
    
    #next_event_sport .slick-prev{
        left: 0;
    }
    
    .icon-sport{
        margin: 2% !important;
        width: 46%;
    }
    
    .banner_image .header_title .sport_icon img{
        height: 50px;
    }
    
    .banner_image .header_title .sport_icon img{
        padding: 5px;
    }
    
    .horizontal-tabs ul.horizontal-tabs-list li a, .ui-tabs .ui-tabs-nav li a{
        padding: 8px !important;
    }
    
    .field-name-field-snapshots .field-item, .field-name-field-photos-album .field-item, .field-name-field-video .field-item, .video-album, .photo-album{
        width: 50% !important;
    }
    
    .participate{
        width: 100%;
        border: 0;
        margin-top: 20px;
        font-size: 14px;
        text-align: center;
    }
    
    .location .date{
        font-size: 16px;
    }
    
    table .views-field-field-event-country,
    table .views-field-field-number-of-teams,
    .page-events-calendar .views-field-view-node,
    .page-events-calendar .views-field-field-icon,
    .page-events-calendar .country,
    .page-events-calendar .views-field-field-status,
    .page-events-calendar .views-field-field-event-city{
        display: none;
    }
    
    .page-events-calendar .views-field-field-event-date,
    .page-events-calendar .views-field-title{
        width: 40%;
        text-align: center;
    }   
    
    .page-events-calendar .views-field-nothing{
        width: 20%;
        text-align: center;
    }
    
    .pane-node-field-how-to-participate h3{
        font-size: 24px !important;
    }
    
    .field-name-field-how-to-participate{
        font-size: 21px;
    }

    .partner-box{
        float: left;
        width: 50%;
    }
    
    .container-inline-date .form-item, .container-inline-date .form-item input{
        width: 100%;    
    }
    
    .container-inline-date .date-padding{
        width: 100%;
    }
    
    #views-exposed-form-search-page .views-exposed-widget input, #views-exposed-form-search-page .views-exposed-widget select{
        height: 30px;
        font-size: 16px;
        padding: 2px;
    }
    
    #views-exposed-form-search-page #edit-combine-wrapper label{
        display: block;
    }
    
    #views-exposed-form-search-page label{
        display: none;
    }
    
    .views-popup-window{
        white-space: normal;
    }
    
    .views-popup-window{
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        right: 0 !impotant;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.7);
        text-align: center;
        font-size: 21px;
        font-weight: bold;
        color: #2e368b;
        z-index: 120;
    }

    .views-popup-window .country_member_container{
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        right: 0 !impotant;
        height: 100%;
        top: 0;
        width: 100%;
        left: 0;
        background: #ffffff;
        border: 3px solid #efefef;
        overflow-y: scroll;
        overflow-x: hidden;
        font-size: 18px;
        padding: 20px;
    }
    
    .views-popup-window span{
        font-size: 18px;
    }
    
    .group-infos{
        margin: 0;
        width: 100%;
        text-align: center;
        border-bottom: 2px solid #efefef;
        padding-bottom: 20px;
    }
    
    .group-infos h3{
        margin-top: 10px;
    }
    
    .field-name-field-snapshots .field-item{
        width: 50% !important;
    }
    
    .magazine{
        width: 47.33333333%;
    }
    
    #slogan{
        position: absolute;
        top: 10px;
        width: 50%;
        left: 25%;
    }    
    
    .group-videos .field-item{
        width: 100%;
        margin: 0 0 20px;
        float: left;
    }    
    
    .group-videos iframe{
        height: auto !important;
    }
    
    .field-name-field-shared-pictures .field-item, .field-name-field-photos-album .field-item{
        width: 31.333333%;
    }
    
    .field-collection-view-final .field_year,
    .field-collection-view-final .field-year,
    .field-collection-view-final .field_venue,
    .field-collection-view-final .field-venue{
        display: none;
    }
    
    .field-name-field-athletes-sports .field-items .field-item{
        width: 47%;
    }    
    
}

@media (max-width: 480px){
    
    .view-countries-profiles .box-country{
    width: 100%;
}
    
    .views-exposed-form .form-item, .views-exposed-form .form-submit{
        margin-left: 0;
    }
    
    .block__title, .pane-views-social-networks-block .container_title{
        text-align: center;
    }
    
    .social_networks .views-widget{
        float: none;
    }
    
    .views-exposed-form .views-exposed-widget{
        display: inline-block;
        text-align: center;
        padding: 0;
    }
    
    .social_networks .view-filters{
        height: auto;
        top: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    
    .view-school-sport-around-the-world .views-column{
        width: 100% !important;
    }
    
    .page_title{
        height: auto;
        padding: 15px;
    }
    
    .banner_image .header_title .title {
        float: left;
        font-size: 18px;
        height: 50px;
        padding: 0 15px;
    }
    
    .social-links .service-youtube .icon,
    .social-links .service-twitter .icon,
    .social-links .service-facebook .icon{
        height: 50px;
        width: 50px;
    }
    
    .field-name-field-focus .field-item strong{
        margin-bottom: 10px;
    }
    
    table .views-field-field-status,
    table .views-field-field-link-page,
    table .views-field-nothing .country,
    table .views-field-field-icon{
        display: none;
    }
    
    .view-event-calendar-block table{
        font-size: 14px;
    }
    
    table .views-field-field-event-date,
    table .views-field-title{
        padding-left: 10px;
        padding-right: 10px;
        width: 50%;
    }
    
    .horizontal-tab-button, .horizontal-tabs ul.horizontal-tabs-list li a, .ui-tabs .ui-tabs-nav li a{
        font-size: 14px;
    }
    
    .pane-node-body .field-name-body, .node-type-article .field-name-body{
        column-count: 1;
        column-gap: 0;
    }
    
    .banner_image_page, .banner_image{
        height: 250px;
    }
    
    .pager a, .pager .pager-current, .pager--infinite-scroll a{
        margin: 0;
    }
    
    .newsletters{
        padding: 30px 25px;
    }
    
    .newsletters h2{
        font-size: 28px;
    }
    
    .mailchimp-signup-subscribe-form{
        width: 80%;
    }
    
    .mailchimp-signup-subscribe-form-description {
        margin: 20px 0 0 0;
        font-size: 16px;
    }
    
    .mailchimp-newsletter-mergefields{
        margin-top: 20px;
    }
    
    .mailchimp-newsletter-mergefields .form-item{
        width: 100%;
        margin: 5px 0;
    }
    
    .snapshots h2{
        font-size: 32px;
    }
    
    .snapshots #snapshots_button{
        font-size: 18px;
    }
    
    .calendar_icon{
        width: 30%;
    }
    
    .masonry-item{
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    .masonry-item img{
        width: 100%;
    }
    
    .view-social-networks{
        padding: 0 !important;
    }
    
    .container_title h1{
        font-size: 21px;
    }
    
    #isf_world_link, #event_calendar_link, #event_calendar_link{
        padding: 0 10px;
    }
    
    .views-field-field-picture-teaser .field-content div{
        height: 250px;
    }
    
    .node-type-article h1{
        font-size: 28px;
        line-height: 30px;
        margin-top: 10px;
    }
    
    .node-type-article .field-name-published-on{
        font-size: 14px;
    }
    
    .flex-direction-nav a{
        height: 100%;
        top: 20px;
        bottom: 0;
    }
    
    .field-name-field-tags .field-item a{
        font-size: 14px;
        padding: 5px;
    }
    
    .node-type-article .field-name-body{
        font-size: 16px;
        line-height: 24px;
    }
    
    #slogan{
        position: absolute;
        top: 50px;
        width: 45%;
        left: 32%;
    }
    
    .mean-nav .social{
        width: 16.66666% !important;
    }
    
    .member-box{
        width: 100%;
    }
    
    .news-pages .views-row:first-child .views-field-nothing,
    .news-pages .views-row:nth-child(2) .views-field-nothing, .news-pages .views-row:nth-child(3) .views-field-nothing,
    .article .image_article,
    .front .image_article{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    
    .views-field-title{
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    
    .not-front .pane-title{
        font-size: 18px;
    }
    
    .page_title{
        margin-top: 0;
    }
    
    .page-countries .country{
        width: 100%;
    }
    
    .views-popup-item{
        width: 100%;
    }

    .views-field-field-header-image{
        float: left;
        width: 40%
    }
    
    .page-events .article_title a{
        width: 60%;
        float: left;
    }
    
    .page-events-calendar .icon-sport a{
        height: 170px;
    }
    
    .page-events-calendar .views-field-nothing{
        display: none;
    }
    
    .page-events-calendar .views-field-field-event-date,
    .page-events-calendar .views-field-title{
        width: 50%;
        text-align: center;
    }
    
    .page-events-calendar .views-field-field-event-date .date-display-single{
        float: none;    
    }
    
    .page-events-calendar .date-display-range{
        display: inline-block;
    }
    
    .field-name-field-focus .field-item, .field-name-field-focus .field-item.odd{
        font-size: 18px;
    }
    
    .field-name-field-snapshots .field-item{
        width: 100% !important;
        text-align: center;
    }    
    
    .magazine{
        width: 100%;
    }      
    
    .field-collection-view-final .field_country,
    .field-collection-view-final .field-country{
        display: none;
    }   
    
}

@media (max-width: 480px){
    
    .view-countries-profiles .box-country{
    width: 100%;
}
    
    .header__logo{
        width: 70%;
    }
    
    .top_links_nav .text span{
        display: none;
    }
    
}