body *{
  font-family: 'Montserrat', sans-serif;
}

.logo {
  width: 307px;
  margin:30px;
  padding: 0px;
  left: 0;
  top: 0;
}

.login, .langs{
  display: none; /* login and languares disable */
}

.home .field--name-field-modal {
  margin-top: 40px;
  margin-left: -25px;
}

.sidebar {
  justify-content: center; /* login and languares disable */
}


.region.region-header {     /*Use fof user page */
    z-index: 100000;
    display: block;
    position: absolute;
    margin: auto;
    padding: 170px 130px;
    min-width: 600px;
  }

.carousel:nth-of-type(2) .slide {
  background-color: #ffffff;
  padding: 15px;
  border-radius: 0px;
}

.partners .list-item .item:hover{
  border-radius: 0px;
}

.content .home .left{
  padding: 250px 130px 20px 135px;
}

.home .sections .section{
  transition: background-color .9s linear;
  background-color: transparent;
}

.home .sections .section .item:first-child{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 160%;
}

.menu .logo{
  top: 30px;
}

.logo img,
.logo svg {
  width: 307px;
}

.menu ul li{
  font-family: 'Montserrat', sans-serif;
}

a,
.promo .section-title {
  font-family: 'Montserrat', sans-serif;
}

.main .loading{
  background-color: #1a2a40;
}

.promo .category{
  left: -30px;
}

.promo .sections .component-icons-section .icons-container{
  padding: 50px 0;
}

.link-madal span{
  display: none !important;
}

.button.unicons {
  border: none;
  margin-left: -20px;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: all 0.6s ease-out;
}

.button.unicons a{
  color: #fff;
  padding: 25px 15px;
  display: block;
  position: relative;
}

.button.unicons a p{
  display: none;
}

.button.unicons a:hover{
  color: #fff;
  text-decoration: none;
}


.button.unicons:hover{
  background: rgba(0, 0, 0, 0.75);
}

.field--type-text-long p img{
  margin-top: 30px;
  margin-bottom: 30px;
}


.paragraph h1{
  font-weight: 800;
  font-size: 36px;
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 1.5em;
  /* margin-bottom: 12px; */
  text-shadow: 1px 1px 1px #555;
  margin-bottom: 30px;
}

.paragraph p{
  font-size: 24px;
  line-height: 1.3em;
  padding-bottom: 25px;
}

.paragraph .field--name-field-text{
  /* padding: 25px 0; */
  width: 88%;
}

.root-page .page-content .text {
/*    width: 98%;*/
}

.promo .section-title{
  font-size: 24px;
}

.promo .section-name{
  font-size: 18px;
  font-weight: lighter;
  font-family: 'Montserrat', sans-serif;
}

.home .content {
    padding: 20px 70px 20px 115px;
}

.subscribe .link{
  margin-top: 20px;
  font-size: 32px;
  padding: 14px 75px;
}

.main .item.label{
  font-size: 24px;
  font-weight: bold;
}

.home li.item{
  font-size: 20px;
  line-height: 1.2em;
}

.home .section{
  transition: background .5s ease;
}

.home .section.hover{
  background-color: rgba(86, 204, 242, 0.35);
}

.menu ul li{
  padding: 10px;
}

.promo .page-content .image {
  right: 0%;
  top: 10%;
  opacity: .6;
  width: auto;
  position: absolute;
}

.root-page .page-content .page-bottom {
/*  padding: 0px 30px 8% 135px;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;*/
  bottom: 20px;
}

.promo .page-bottom .link-buttom .text{
  font-size: 36px;
  font-family: 'Montserrat', sans-serif;
}

.home .right .ambassadors{
  margin-right: 0;
}

.img-text{
  display: block;
  position: relative;
  width: 100%;
}

.img-text .field--type-text-long p img{
  margin-top: 0;
}

.on-photo{
  position: absolute;
  bottom: 80px;
  padding: 30px;
  width: 100%;
  margin-left: 5%;
  background-color: rgba(51, 110, 137, 0.9);
  font-size: 1.25em;
  text-shadow: 1px 1px 2px #222;
}

.carousel .slide .body .post {
    font-size: 14px;
    margin-top: 5px;
}

.carousel .slide .body {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 5px;
    opacity: 0.8;
    font-weight: 300;
}

.sidebar.is-active .c-hamburger span{
  transform: none;
}

.sidebar.is-active .c-hamburger span:before {
    top: 0;
    transform: translateX(23px) translateY(0px) rotate(45deg);
    width: 50%;
}


.menu ul.menu-list {
    margin-bottom: 0;
    padding-left: 0;
}


/************************************************* !!! ANIMATION **************/

.links .list .item .unit-glass{
  background-color: transparent;
}

.links .list .item span{
  font-family: 'Montserrat', sans-serif;  
}


.links .list .item .background{
  transition: all 1s ease;
}

.links .list .item:first-child .background:hover{
  box-shadow: none;
}

.links .list .item .background:hover {

}

.links .list .item.link:hover {
    z-index: 1;
    box-shadow: none;
}

.links .list .item.link{
  transition: all .3s ease-out;
}

.home .right{
  border-color: rgba(224, 224, 224, 0.5);;
}

.home .right .sections {
  border-color: rgba(224, 224, 224, 0.5);;
}

.home .sections .section{
  border-color: rgba(224, 224, 224, 0.5);;
}

.links .list .item{
  border-color: rgba(224, 224, 224, 0.5);;
}

.logos-al {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.al-logo{
  opacity: 1;
  transition: opacity .5s ease;
  position: relative;
}


.logos-al:hover .al-logo{
  opacity: 0;
  position: absolute;
}

.al-logo, .al-logo-color{
  padding: 20px;
  background-color: transparent;
}

.al-logo-color {
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .5s ease;
/*    opacity: 1;
  position: absolute;
  top: 0;
  background-color: #fff;*/
}

.logos-al:hover .al-logo-color {
  opacity: 1;
  position: relative;
  top: 0;
  background-color: #fff;
  border-radius: 0px;
}

.view-ambassadors .views-field-title .field-content{
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
}

.adv-grid-inline .views-field-title{
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: normal;
}


/************************************************* !!! MEDIA >1366 ************/

@media (min-width: 1367px) and (max-width: 1899px) {

  .content .left {
/*    padding: 205px 50px 20px 135px;*/
  }

  .carousel .slide .body .name{
    font-size:1em;
  }

  .home li.item{
    font-size:16px;
  }

  .paragraph p{
    font-size: 20px;
  }

  .paragraph h1{
    font-size: 30px;
  }

  .promo .page-bottom .link-buttom .text {
    font-size: 26px;
  }

  .promo .sections .component-icons-section .icons-container {
    padding: 10px 0px;
  }

  .field--type-text-long .img-text p img{
    margin-top: 0;
    margin-bottom: 0;
    width: 78%;
  }

  .promo .section-title{
    font-size:20px;
  }

  .promo .section-name{
    font-size: 15px;
  }

  .promo .sections .component-icons-section .icons .icon{
    margin: 2px;
    padding: 2px;
  }

  .promo .sections .component-icons-section .icons .icon{
    width: 92px;
    height: 92px;
  }

  .ambassadors .list-item .item.title .name,
  .partners .list-item .title .text{
    font-size: 100%;
    margin-left: -15px;
  }

  .ambassadors .list-item:first-child .text,
  .partners .list-item:first-child .title{
    align-items: baseline;
  }

  .ambassadors .list-item .text .name{
    font-size: 110%;
  }

}

/************************************************* !!! MEDIA FULL HD!!!********/

@media (min-width: 1024px){

  .menu{
    background-color: rgba(2, 57, 132, 0.7);
  }

  .logo svg{
    display: none;
  }

  .sidebar.is-active{
    transition: background-color .5s ease; 
  }

  .sidebar.is-active:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
  }


  .back-wrapper .old, .back-wrapper .new {
    background-size: 105%;
  }

  .menu .bg{
    background: transparent;
  }

  .menu .menu-list li,
  .sidebar.is-active{
    border-color: rgba(47, 128, 237, 0.33) !important;
  }


  .menu .menu-list li .bg{
    transition: all 9s ease;
    transition: background .9s ease-out;
    transition: opacity 1s ease;
  }

  .content .home .left {
    padding: 250px 130px 20px 135px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding-top: 0px;
    padding-bottom: 0;
  }


  .menu .menu-list li .bg.bg-menu-0:hover {
    background: linear-gradient(45deg, #E11484ad 0, #8F1838ad 50%, #C31F33ad 100%);
  }
    
    .menu .menu-list li .bg.bg-menu-1:hover {
      background: linear-gradient(45deg, #8F1838ad 0, #EB1C2Dad 50%, #F36D25ad 100%);
  }

    .menu .menu-list li .bg.bg-menu-2:hover {
      background: linear-gradient(45deg, #EB1C2Dad 0, #F99D26ad 50%, #FDB713ad 100%);
  }

    .menu .menu-list li .bg.bg-menu-3:hover {
      background: linear-gradient(45deg, #F99D26ad 0, #FDB713ad 50%, #3EB049ad 100%);
  }

    .menu .menu-list li .bg.bg-menu-4:hover {
      background: linear-gradient(45deg, #FDB713ad 0, #3EB049ad 50%, #279B48ad 100%);
  }

    .menu .menu-list li .bg.bg-menu-5:hover {
      background: linear-gradient(45deg, #3EB049ad 0, #279B48ad 50%, #007DBCad 100%);
  }

    .menu .menu-list li .bg.bg-menu-6:hover {
      background: linear-gradient(45deg, #279B48ad 0, #007DBCad 50%, #02558Bad 100%);
  }

    .menu .menu-list li .bg.bg-menu-7:hover {
      background: linear-gradient(45deg, #007DBCad 0, #02558Bad 50%, #00AED9ad 100%);
  }

    .menu .menu-list li .bg.bg-menu-8:hover {
      background: linear-gradient(45deg, #183668ad 0, #02558Bad 50%, #E11484ad 100%);
  }

    .menu .menu-list li .bg.bg-menu-9:hover {
      background: linear-gradient(45deg, #C31F33ad 0, #E11484ad 50%, #8F1838ad 100%);
  }

  .pagination-promo{
/*    display: none;*/
  }

  .root-page .page-content .text {
/*    z-index: 100;
    position: relative;*/
  }

  .vb > .vb-dragger{
  width: 6px;
  opacity: 0.5;
  transition: opacity 1s ease-out;
  }

  .vb > .vb-dragger:hover{
    opacity: 1;
  }


  .vb > .vb-dragger > .vb-dragger-styler{
    border-radius: 5px;
/*    background: linear-gradient(45deg, #56ccf200 0%, #56ccf214 50%, #56ccf217 100%);*/
    background: linear-gradient(45deg, #56ccf200 0%, #56ccf275 50%, #56CCF22b 100%);
    -webkit-transition: background 1s ease-out, margin 100ms ease-out, height 100ms ease-out;
    transition: background 1s ease-out, margin 100ms ease-out, height 100ms ease-out;
    background-color:transparent;
  }

  .vb > .vb-dragger:hover > .vb-dragger-styler{
    background-color:transparent;
  }

  .sidebar{
    background-color: transparent;
    transition: background-color .8s ease;
  }

  .sidebar:hover{
    background-color: rgba(255, 255, 255, 0.15);
  }

  .sidebar.background:hover{
    background-color: rgba(255, 255, 255, 0.15) !important;
  }

  .links .list .item .background{
    background-image: none;
  }

  .links .list .item .background:hover{
  }

  .ambassadors .list-item .text .post{
    display: none;
  }

  .paragraph--type--teasers .field{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    align-content: flex-start;
    padding-left: 25px;
  }

  .paragraph--type--teasers .field__item{
  }

  .paragraph--type--teasers .field__item svg {
    width: 100%;
  }

  .promo .right.background .sections .section-item{
    border-left: 1px solid rgba(224, 224, 224, 0.25);
    border-right: 1px solid rgba(224, 224, 224, 0.25);
    border-bottom: 1px solid rgba(224, 224, 224, 0.25);
  }

  .promo .right.not-background .sections .section-item{
    border-left: 1px solid rgba(224, 224, 224, 0.5);
    border-right: 1px solid rgba(224, 224, 224, 0.5);
    border-bottom: 1px solid rgba(224, 224, 224, 0.5);
  }

  .promo .right.not-background .section-title{
    border-left: 1px solid rgba(224, 224, 224, 0.7);
    border-right: 1px solid rgba(224, 224, 224, 0.7);
    border-bottom: 1px solid rgba(224, 224, 224, 0.7);
  }

  .sidebar.background{

  }

}

@media (max-width: 1600px) and (min-width: 1366px) {
    .back-wrapper .old, .back-wrapper .new{
    background-size: 120%;
  }
}

@media (min-width: 1024px) and (max-width: 1024px){
  .main{
    height: 100vh !important;
  }

  .back-wrapper .old, .back-wrapper .new {
    background-size: cover;
  } 
}

/******************************************************** !!! MEDIA MID !!!***/

@media screen and (max-width: 1280px){
  .logo img, .logo svg {
    width: 205px;
  }
}

@media screen and (max-width: 1366px){

  .menu .menu-list li span{
    transform: translateX(0px);
  }

}


@media (min-width: 1281px) and (max-width: 1366px) {

  h1, .h1, h2, .h2, h3, .h3{
    margin-top: 15px;
  }

  .content .left{
/*    padding-top: 180px;
    padding-right: 35px;*/
  }

  .paragraph p {
    font-size: 1.2em;
    line-height: 1.3em;
    padding-bottom: 12px;
  }

  .home li.item{
    font-size:16px;
  }


  .promo .page-bottom .link-buttom .text{
    font-size: 1.5em;
  }

  .members .ambassadors .fx-height, .members .partners .fx-height{
    align-content: center;
  }

  .members .ambassadors, .members .partners {
    padding: 1%;
  }

  .ambassadors .list-item .item.title .name,
  .partners .list-item .title .text{
    font-size: 90%;
    margin-left: 5px;
  }

  .ambassadors .list-item:first-child .text,
  .partners .list-item:first-child .title{
      align-items: baseline;
    }

   .ambassadors .list-item .text .name{
    font-size: 100%;
  }

  .promo .section-title{
    font-size: 20px;
  }

  .paragraph h1{
    font-size: 1.5em;
    line-height: 1.2em;
    letter-spacing: 2px;
  }

  .paragraph .field--name-field-text{
    margin-bottom: 0px;
    padding: 15px 20px;

  }

  .logo{
    margin: 30px 30px 10px 30px;
  }

  .carousel .slide .body {
    position: relative;
    bottom: 0px;
    left: 0px;
    top: 0px; 
    margin-top: 5px;
  }

  .carousel .slide .body .post{
    display: none;
  }


  .home .content {
    padding: 0px 0px 20px 115px;
  }

  .subscribe .link{
    margin-top: 5px;
    font-size: 21px;
    padding: 14px 40px;
  }

  .main .item.label {
    font-size: 18px;
  }

  .carousel .slide .body .name{
    font-size: 1em;
  }

  .promo .sections .component-icons-section .icons-container{
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .promo .sections .component-icons-section .icons .icon {
    width: 75px;
    height: 75px;
    padding: 1px;
  }

  .promo .sections .component-icons-section .icons{
    width: 98%;
  }

  .promo .sections .component-section{
    align-items: center;
  }

  .promo .sections .component-icons-section .icons .icon{
    margin: 1px;
  }

  .promo .page-content .image{
    top: 0;
  }

  .field--type-text-long p img{
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 65%;
  }

  .on-photo {
    bottom: 0px;
    padding: 15px;
    width: 100%;
    margin-left: 5%;
    font-size: 1em;
  }

  .promo .section-name{
    font-size: 14px;
  }

  .root-page .page-content .text {
/*    width: 95%;*/
  }

}

/************************************************* !!! MEDIA 1020 - 1280 !!!***/


@media (min-width: 1020px) and (max-width: 1280px) {

  .logo,
  .logo img.
  .logo svg {
    width: 205px;
  }

  .logo.only-img{
    width: 65px;
  }

  .root-page .left {
    padding: 0px 50px 0px 95px;
    height: 100%;
  }


  .home .sections .section .item:first-child {
    font-size: 120%;
  }



  .back-wrapper{
    position: initial;
  }

  .main .content {
    width: calc(100% - 100px);
  }

  h1, .h1, h2, .h2, h3, .h3{
    margin-top: 15px;
  }

  .content .home .left {
    padding: 140px 35px 20px 35px;
  }

  .home .field--name-field-modal {
    margin-top: 40px;
    margin-left: 0;
  }

  .links .list .item .background{
    padding: 0 15px;
  /*  background-size: 110% 110%;*/
  }

  .home li.item{
    font-size: 1em;
  }

  .menu .menu-list li span{
    font-size: 12px;
  }

  .promo .sections{
    height: calc(100% - 80px);
  }

  .paragraph p {
    font-size: 1.1em;
    line-height: 1.3em;
    padding-bottom: 12px;
  }

  .promo .page-bottom .link-buttom .text{
    font-size: 1em;
  }

  .promo .section-title{
    font-size: 1.1em;
    height: 80px;
    padding: 10px 20px;
  }

  .root-page .page-content{
    padding-top: 25px;
  }

  .paragraph h1{
    font-size: 1.5em;
    line-height: 1.2em;
    letter-spacing: 2px;
  }

  .paragraph .field--name-field-text{
    margin-bottom: 0px;
    padding: 15px 20px;
  }

  .logo{
    margin: 30px 30px 10px 30px;
  }

  .carousel .slide .body {
    position: relative;
    bottom: 0px;
    left: 0px;
    top: 0px; 
    margin-top: 5px;
  }

  .carousel .slide .body .post{
    display: none;
  }


  .home .content {
    padding: 0px 0px 20px 115px;
  }

  .subscribe .link{
    margin-top: 5px;
    font-size: 21px;
    padding: 14px 40px;
  }

  .main .item.label {
    font-size: 18px;
  }

  .carousel .slide .body .name{
    font-size: 1em;
  }

  .promo .sections .component-icons-section .icons-container{
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .promo .sections .component-icons-section .icons .icon {
    width: 70px;
    height: 70px;
    padding: 1px;
  }

  .promo .sections .component-section{
    align-items: center;
  }

  .promo .sections .component-icons-section .icons .icon{
    margin: 1px;
  }

  .promo .sections .component-icons-section .icons{
    width: 98%;
  }


  .promo .page-content .image{
    top: 0;
  }

  .field--type-text-long p img{
    margin-top: 10px;
    margin-bottom: 0px;
    max-width: 100%;
  }

  .paragraph .img-text p{
    padding-bottom: 0;
  }

  .on-photo {
    padding: 15px;
    width: 100%;
    margin-left: 0%;
    font-size: 1em;
    position: relative;
  }

  .promo .section-name{
    font-size: 14px;
  }

  .root-page .page-content .text {
/*    width: 95%;*/
  }

  .home .right .ambassadors,
  .home .right .partners{
    align-content: center;
    display: flex;
    display: -webkit-flex;
    height: auto;
  }

  .members .ambassadors .fx-height, .members .partners .fx-height{
    align-content: center;
  }

  .members .ambassadors, .members .partners {
    padding: 1%;
  }

  .ambassadors .list-item .item.title .name,
  .partners .list-item .title .text{
    font-size: 75%;
    margin-left: 0px;
  }

  .ambassadors .list-item:first-child .text,
  .partners .list-item:first-child .title{
    align-items: baseline;
  }

  .ambassadors .list-item .text .name{
    font-size: 95%;
    line-height: auto;
  }

}

@media (min-width: 1025px) and (max-width: 1280px) {

  .back-wrapper .old, .back-wrapper .new {
    background-size: 125%;
  }

}

@media (min-width: 1024px) and (max-width: 1280px) {

  .video iframe{
    padding-right: 20px;
  }

}


/************************************************ !!! MEDIA MOBILE <1024 !!!***/



@media (max-width: 1023px) {

/*  html{
    overflow-y: scroll;
    overflow-x: hidden;
  }*/

  .menu .logo{
    top: 0px;
  }

  .logo img{
    display: none;
  }

  body{
    width: 100%;
    position: relative;
    display: block;
    height: auto;
    background-color: #111020;
  }

  .content .home .left {
    padding: 150px 80px 10px 30px;
  }

  .home .field--name-field-modal{
    margin-left: 0px;
  }

  .main{
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100vh;
  }

  .promo .right.background .section-title, .promo .right.not-background .section-title{
    left: 0;
  }

  .back-wrapper{
    position: static;
  }

  .main .content {
    /* width: calc(100% - 100px);
    display: flex;*/
    display: block;
    clear: both;
    position: relative;
    width: 100%;
  }

/*  .promo .page-content .old{
    position: relative;
  }*/

  .home {
    /* display: flex; */
    /* align-items: center; */
    /* height: 100%; */
    display: block;
    position: relative;
    width: 100%;
  }

  .home .left, .home .right {
    /* width: calc(50% + 100px); */
    /* height: 100%; */
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    height: auto;
  }

  .home .links .list{
    margin: 0;
  }

  .logo {
/*    width: 50%;*/
    max-width: 200px;
    margin: 0;
    padding: 0px;
    display: block;
    position: absolute;
    overflow: visible;
  }

  .logo img{
    width: 100%;
    margin: 30px 10px 0 30px;
  }

   .logo svg{
    width: 100%;
    margin: 5px 10px 0 30px;
   }

  .home .content {
    padding: 20px 30px;
  }

  .home .content .text {
    padding: 20px 0px;
  }

  .home .content .text p {
    font-size: 1.2em;
    line-height: 1.5em;
  }

  .subscribe .link {
    margin-top: 20px;
    font-size: 1.5em;
    padding: 20px 25px;
    background-color: rgba(0, 0, 0, 0.4);
  }

  .home .right {
    border-left: 1px solid white;
    width: 100%;
    margin-top: 30px;
    border-left: none;
  }

  .button.unicons{
    margin-left: 0;
  }

  .button.unicons h3{ 
    font-size: 125%; 
  }



  .back-wrapper .old, .back-wrapper .new {

  }

  .modal-container{
    max-width: 100%;
    min-width: 50%;
    width: auto;
  }

  .label{
    white-space: normal;
  }

  .main .item.label{
    white-space: normal;
    font-size: 20px;
    font-weight: bold;
    left: auto;
    position: relative;
    display: block;
    padding-left: 0;
  }

  .sidebar .c-hamburger span{
    top: 55px;
  }

  .sidebar.is-active{
    border-left: none !important;
    height: 120px;
  }

  .menu ul.menu-list {
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    height: calc(100%-12px);
    align-items: center;
    margin-top: 120px;
    z-index: 10;
    padding-right: 25px;
  }

  .home .members{
    height: 100%;
/*    background-color: #fff;*/
    position: relative;
    padding: 50px 0;
  }

  .home .members .carousel{
    width: 50%;
    padding: 20px 0px;
    height: 100%;
    position: relative;
  }

   .links .list .item .background{
    padding: 0px 20px 0px 35px;
    background-size: auto;
    /*background-size: 110% 150%;*/
  }

  .carousel:nth-of-type(2) .slide{
    padding: 0;
  }

  .carousel:nth-of-type(2) .slide img{
  }

  .carousel .slide img{
    max-width: 160px;
/*    padding: 0 15px;*/
  }

  .members .ambassadors, .members .partners{
    padding: 4% 0;
  }

  .ambassadors .list-item:first-child .item.title,
  .partners .list-item:first-child .title{
    background-color: rgba(0, 0, 0, 0.8);
  }

  .sidebar {
    border-left: none;
    width: 80px;
    padding: 30px 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
  }

  .home .section{
    border: none;
  }

  .home .section.hover{
    display: block;
    position: relative;
    padding: 0 20px;
    background-color: #111020;
  }

    .home .section:first-child.hover{

    }

  .section.hover .links{
    width: 100%;
  }

  .section.hover .list{
    padding: 15px;
    height: auto;
    display: initial;
  }

  .section.hover .list .item {
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    height: 100%;
    align-self: center;
    /* margin: 0px; */
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-end;
    width: 101%;
    border: none;
    height: auto;
    text-align: left;
    margin: 30px 0;
    display: block;
    position: relative;
    width: 100%;
  }

  .sidebar .login,
  .sidebar .langs{
    display: none;
    visibility: hidden;
  }

  .sidebar .menu-open{
    width: 35px;
  }

  .menu .logo{
    display: block;
    position: relative;
    margin: inherit;
  }

  .menu .sidebar{
    border: none;
    display: block;
    height: 100px;
  }

  .menu .menu-list{
    display: block;
    height: auto;
    width: 100%;
    margin-top: 20px;
  }

  .menu .menu-list li{
    font-family: 'Montserrat', sans-serif;
    border: none;
    padding: 15px 20px 15px 30px;
    font-weight: normal;
    width: 100%;
    display: block;
    text-align: right;
  }

  .home .section:first-of-type{
    background-color: #1b6c99;
  }

  .home .sections .section{
    background-color: #111020;
  }

  .carousel .all{
    background-color: rgba(27, 108, 153, 0.8);
    padding-left: 20px;
  }

  .carousel .all:hover{
    background-color: rgba(27, 108, 153, 1);
  }

  .carousel .slide .body .post{
    display: none;
  }

  .carousel .slide .body .name {
    font-size: 1.1em;
    text-shadow: none;
/*    color: #666;*/
    color: #fff;
    padding-left: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    width: 145px;
  }

  .root-page{
    height: auto;
    width: 100%;
  }

  .promo {
    display: block;
    align-items: left;
    height: 100%;
    position: relative;
    width: 100%;
}

  .promo .left{
    height: 100%;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    padding: 170px 30px 20px 30px;
  }

  .promo .logo img{
    margin: 30px 10px 0 20px;
  }

  .promo .logo svg{
    margin: 5px 10px 0 20px;
  }

  .promo .category{
    right: -100%;
    top: 50%;
    transform: rotate(90deg);
    font-size: 0.8em;
    color: rgba(255, 255, 255, 0.5);
    display: none;
    visibility: hidden;
  }

  .root-page .page-content {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 5px;
    overflow: visible;
  }

  .root-page .page-content .text{
    width: 100%;
  }

  .paragraph h1{
    font-weight: 800;
    font-size: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.5em;
    margin: 50px 0 25px 0;
  }

  .paragraph .field--name-field-text{
    padding: 10px 0;
  }

  .paragraph p {
      font-size: 18px;
      line-height: 1.4em;
      padding-bottom: 25px;
      text-shadow: 1px 3px rgba(0, 0, 0, 0.35);
  }

  .promo .right{
    width: 100%;
  }

  .promo .right.background .section-title,
  .promo .right.not-background .section-title{
    background-color: rgba(17, 16, 32, 0.25);
    border: 1px solid #56CCF2;
    border-top: 0px;
    position: absolute;
    top: 110px;
    width: 100%;
    border: none;
    height: auto;
    left: 10px;
  }

  .sidebar.background {
    background-color: transparent !important;
    border: none;
  }

  .paragraph .paragraph--type--video iframe {
    max-width: 440px;
    width: 100%;
  }

  .root-page .page-content .page-bottom {
    padding: 40px 30px 8% 135px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    clear: both;
  }

  .root-page .page-content .page-bottom{
    max-width: 100%;
  }

  .promo .pagination-promo .prev,
  .promo .pagination-promo .next{
    width: 50%;
    text-align: center;
  }

  .promo .right.background .sections .section-item:first-child{
    border-top: 1px solid #828282 !important;
  }

  .paragraph .paragraph--type--files .field--name-field-files .file a{
    width: 180px;
  }

  .promo .page-content .image{
    top: -30%;
    opacity: 0.5;
  }

  .promo .page-bottom .link-buttom .text{
    font-size: 18px;
    padding: 0 10px;
  }

  .promo .right.background .sections .section-item,
  .promo .right.not-background .section-item{
    border-left: none;
    padding: 20px 10px 20px 20px;
  }

  .promo .right.not-background .sections .section-item{
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.33);
  }

  .promo .right.not-background .sections .section-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.33) !important;
  }

  .promo .section-name{
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
  }

  .promo .right.not-background .section-item{
    position: relative;
    display: block;
    width: 100%;
    overflow: visible;
    top: 0;
    left: 0;
  }

  .section.hide{
    display: block !important;
  }

  .section .section-title{
    position: relative;
  }

    .links .list .item{
    height: 100px;
  }


}

/****************************************** !!! MEDIA MOBILE 769 - 1023 !!!***/

@media (min-width: 769px) and (max-width: 1023px) {

  .ambassadors .list-item:first-child .item.title{
    min-height: 300px;;
  }

  .ambassadors .list-item{
    min-height: 300px;
  }

  .ambassadors .list-item .not-title .text .name{
    padding: 10px 0;
  }

  .ambassadors .list-item .text .post{
    font-size: 90%; 
  }

  .ambassadors .list-item .item.title .name,
  .partners .list-item .title .text{
    margin: 0;
  }


}

/************************************************* !!! MEDIA MOBILE 768 !!!***/

@media (max-width: 768px) {
  .ambassadors .list-item .text .post{
    font-size: 90%; 
  }

  .ambassadors .list-item{
    padding: 2%;
  }

  .ambassadors .list-item .item.title .name,
  .partners .list-item .title .text{
    font-size: 120%;
    margin: 0px;
  }

  .partners .list-item .title .text{
    width: auto;
  }

  .ambassadors .list-item .not-title{
    height: 420px;
  }

  .ambassadors .list-item .not-title .text .name{
    font-size: 120%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding: 10px 0;
    line-height: initial !important;
  }

  .ambassadors .list-item .not-title .text .post{
    font-size: 100%;
  }

}

/*********************************************** !!! MEDIA MOBILE 500 !!!***/

@media (max-width: 500px) {

  .ambassadors .list-item .not-title{
    height: 300px;
  }

  .ambassadors .list-item .item.title .name,
  .partners .list-item .title .text{
    font-size: 100%;
  }

}

@media (max-width: 375px) {

  .ambassadors .list-item .not-title{
    height: 280px;
  }

}


/********************************************** !!! MEDIA MOBILE 320-480 !!!***/

@media (max-width: 480px) {

  .home .sections,
  .home .members {
    display: block;
  }

  .logo img {
/*    width: 180px;*/
    margin: 30px 10px 0 15px;
  }

    .logo svg {
    margin: 5px 10px 0 15px;
  }

  .logo.active{
    left: 35%;
  }

  .sidebar{
    width: 50px;
    padding: 15px 0;
  }

  .sidebar .c-hamburger{
    width: 90%;
  }

  .sidebar .c-hamburger span{
    width: 32px;
  }

  .sidebar .c-hamburger span:after{
    width: 40%;
  }

  .sidebar.is-active .c-hamburger span:before{
    left: -7px;
  }

  .menu ul.menu-list{
    padding-right:0;
  }

  .content .home .left {
    padding: 120px 15px 10px 15px;
  }

  .home .text p {
    font-size: 1.3em;
    line-height: 1.5em;
  }

  .home .field--name-field-modal {
    margin-top: 30px;
  }

  .link-madal {
    font-size: 1.1em;
    text-decoration: none;
    line-height: 1.5em;
    text-shadow: 1px 2px rgba(0, 0, 0, 0.35);
  }

  .home .sections .section:first-child,
  .home .sections .section {
    width: 100%;
  }

  .home li.item {
    font-size: 1.2em;
    line-height: 1.2em;
  }

  .links .list .item:first-child{
    text-transform: uppercase;
    font-size:1.4em;
  }

  .links .list .item .background {
    padding: 0px 20px 0px 25px;
  }

  .home .right{
    border: none;
  }

  .home .members{
    padding: 30px 0;
  }


  .home .members .carousel {
    width: 100%;
    border-right: none;
  }

  .carousel .all{
    width: 100%;
  }

  .carousel:nth-of-type(2) .slide img {
    padding: 15px;
  }

  .promo .left{
    padding: 175px 15px 10px 15px;
  }

  .root-page .page-content{
    padding-left:0;
  }

  .promo .right.background .section-title, .promo .right.not-background .section-title{
    left: 0;
  }

  .promo .sections .component-icons-section .icons .icon{
    width: 21%;
    height: auto;
    margin: 5px;
    padding: 0;
  }

  .promo .sections .component-icons-section .icons .icon img {
    width: 100%;
    margin: auto;
    display: block;
  }

  .promo .section-title{
    font-size:1.25em;
    line-height: 1.25em;
  }

  .paragraph h1 {
    font-size: 1.2em;
    letter-spacing: 1px;
    line-height: 1.2em;
    margin: 40px 0 20px 0;
  }

  .on-photo{
    position: relative;
    bottom: 40px;
    padding: 20px 15px;
    width: 100%;
    margin-left: 0;
    font-size: 1.1em;
  }

  .field--type-text-long .img-text p img{
    margin-top:0;
    margin-bottom: 0;
  }

  .paragraph .field--name-field-text{
    width: 100%;
  }

  .paragraph p{
    padding-bottom: 10px;
    text-shadow: 1px 2px rgba(0, 0, 0, 0.35);
  }

  .promo .page-content .image {
    top: -25%;
    opacity: 0.3;
  }

  .promo .page-bottom .link-buttom .text {
    font-size: 1em;
    padding: 0;
    letter-spacing: 0;
    margin-bottom: 15px;
  }

  .promo .sections .component-icons-section .icons-container{
    padding: 20px 0;
  }

  .promo .right.not-background .section-item.component-icons-section,
  .promo .right .section-item.component-icons-section {
    padding: 0;
    padding-left: 10px;
  }

  .promo .sections .component-icons-section .icons{
    width: 100%;
  }

  .paragraph--type--teasers .field img{
    margin: auto;
    margin-bottom: 25px;
  }

  .col-xs-6 {
    width: 49%;
  }

}

/********************************************** !!! MEDIA MOBILE 370 !!!*******/

@media (max-width: 570px) {

  p.video iframe{
    width: 100%;
  }

}

@media (max-width: 370px) {

  .promo .sections .component-icons-section .icons .icon{
    width: 29%;
  }

}

/********************************************** !!! MEDIA ICONS SDGs !!!*******/

@media (min-width: 481px) and (max-width: 559px) {

  .paragraph--type--teasers .field{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    align-content: flex-start;
  }

}


@media (min-width: 560px) and (max-width: 699px) {

.promo .sections .component-icons-section .icons .icon {
    width: 90px;
    height: 90px;
  }

  .paragraph--type--teasers .field{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    align-content: flex-start;
  }
}

@media (min-width: 700px) and (max-width: 1019px) {

  .section-item.component-icons-section {
      background-color: #111020;
  }

  .paragraph--type--teasers .field{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    align-content: flex-start;
  }

}


.partners.view h1, .view-ambassadors h1 {
  margin-bottom: 30px;
}

.partners.view .views-field {
  margin-bottom: 25px;
  padding: 0px;
}

.view-ambassadors .views-field-field-post .field-content {
  font-size: 12px;
  margin-bottom: 20px;
}