@charset "UTF-8";
@font-face {
  font-family: "OpenSansLight";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansLight.woff") format("woff"), url("../fonts/OpenSans/OpenSansLight.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansBold.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansBoldItalic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansExtraBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansExtraBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansExtraBoldItalic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansExtraBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansExtraBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansItalic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansItalic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansLightItalic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansLightItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansLightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansRegular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSans/OpenSansRegular.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansRegularItalic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansRegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansRegularItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansRegularItalic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansSemiBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSansSemiBoldItalic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/OpenSans/OpenSansSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "MyriadProRegular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/MyriadPro/MyriadProRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro/MyriadProRegular.woff") format("woff"), url("../fonts/MyriadPro/MyriadProRegular.ttf") format("truetype"); }

@font-face {
  font-family: "MyriadProBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/MyriadPro/MyriadProBold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro/MyriadProBold.woff") format("woff"), url("../fonts/MyriadPro/MyriadProBold.ttf") format("truetype"); }

@font-face {
  font-family: "FreestyleScript-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/FreestyleScript/FreestyleScript-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FreestyleScript/FreestyleScript-Regular.woff") format("woff"), url("../fonts/FreestyleScript/FreestyleScript-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Montserrat-ExtraBold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Courgette-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Courgette/Courgette-Regular.ttf") format("truetype"); }

body #wrapper{
  margin: 125px auto 0 auto;
}
/*подключеме акцентные цвета*/
/* button color variable*/
/*input color variable*/
/*textarea color variable*/
body {
  font-family: "OpenSansRegular", Arial sans-serif !important;
  color: #999999;
  font-size: 1.4rem;
  background-color: #ffffff;
  font-weight: normal;
  min-width: 250px;
  line-height: 2rem;
  letter-spacing: 0px;
  position: relative;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: red; }

body input:required:valid,
body textarea:required:valid {
  color: green; }

.content-wrap {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

/* кастомизация контейнера под свой размер */
.container-custom {
  max-width: 60%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

img {
  max-width: 100%;
  height: auto; }

a {text-decoration: none; }
.modal{
  bottom: unset;
  padding-right: 0;
  padding-right: 0!important;
}
.customs_h2,
.custom_h2 {
  font-family: "OpenSansRegular", Arial sans-serif;
  font-weight: bold;
  font-size: 2.6rem;
  color: #947cd0;
  text-align: center;
  margin: 3rem auto;
  letter-spacing: 0.1rem; }

.custom_h3 {
  color: #947cd0;
  font-family: "OpenSansRegular", Arial sans-serif;
  font-size: 18px;
  line-height: 1.6;
  text-transform: uppercase;
  margin: 20px auto;
  text-align: center; }

.scrollup_arrow {
  width: 70px;
  height: 70px;
  opacity: 0.5;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  text-indent: -9999px;
  z-index: 500;
  background: url(../img/up.png) no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .scrollup_arrow:hover {
    opacity: 0.9; }

/* ======= START PAGE index ======= */
/*___________ START nav _______________*/
nav {
  width: 100%;
  margin: 0 auto 30px;
  background-color: rgba(0, 0, 0, 0.78);
  font-family: "OpenSansRegular", Arial sans-serif;
  position: fixed;
  z-index: 1000;
  top: 0; 
}
.home-page nav{
  background-color: transparent;
}
.menu.scrolledBg {
  background-color: rgba(0, 0, 0, 1) !important;
  letter-spacing: 1px;
  -webkit-box-shadow: rgba(175, 175, 175, 0.498039) 0 0 37px;
          box-shadow: rgba(175, 175, 175, 0.498039) 0 0 37px;
  -webkit-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear; }

.menu.scrolledBg .searchScrollBg {
  background: rgba(165, 115, 185, 0.3);
  -webkit-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear; }

.menu.clickBg {
  background-color: rgba(0, 0, 0, 1) !important;
  letter-spacing: 1px;
  -webkit-box-shadow: rgba(175, 175, 175, 0.498039) 0 0 37px;
          box-shadow: rgba(175, 175, 175, 0.498039) 0 0 37px;
  -webkit-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear; }

.menu.clickBg .searchScrollBg {
  background: rgba(165, 115, 185, 0.3);
  -webkit-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  transition: background-color 100ms linear; }

.menu__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 0; }
  .menu__wrap ul {
    padding: 0;
    margin: 0; }

.menu__logo {
  display: inline-block;
  max-width: 538px;
  max-height: 170px;
  width: 18%;
  height: auto; }
  .menu__logo img {
    max-width: 27rem; }
  .menu__logo ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block; }

.menu__btn {
  font-family: "Montserrat-Regular", Arial sans-serif;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 83%;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.10rem; }

.menu__Toggle > li {
  display: inline-block;
  position: relative;
  margin: 0 0.1rem;
  list-style: none; }
  .menu__Toggle > li a {
    display: block;
    text-decoration: none;
    outline: none;
    -webkit-transition: .1s linear;
    -o-transition: .1s linear;
    transition: .1s linear;
    color: #FFFFFF;
    padding: 1.7rem 2.1rem;
    border: 0.3rem solid transparent;
    -webkit-border-radius: 3rem;
            border-radius: 3rem;
    text-align: center;
    line-height: 1; }
    .menu__Toggle > li a:hover {
      border: 0.3rem solid #ab7fb9;
      color: #FFFFFF;
      text-decoration: none;
      outline: none;
      -webkit-transition: .1s ease;
      -o-transition: .1s ease;
      transition: .1s ease;
      background: transparent; }

.menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 76%; }

.menu__Toggle > li:last-child {
  margin-right: 0; }

.menu__uploadSearch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 23%;
  cursor: pointer; }

.menu__upload a {
  color: #FFFFFF;
  font-size: 1.8rem;
  font-family: "Montserrat-Bold", Arial sans-serif;
  text-decoration: none; }

.menu__search {
  position: relative; }

.menu__searchBtn {
  font-size: 2rem;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3rem;
          border-radius: 3rem; }

.searchDropdown {
  position: absolute;
  width: 25rem;
  padding: 2rem;
  -webkit-border-radius: 0;
  border-radius: 0;
  right: 10%;
  left: auto;
  top: 170%;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15); }
  .searchDropdown .input-group-btn {
    padding: 0; }
  .searchDropdown__btn {
    padding: 0;
    font-size: 1.4rem;
    -webkit-border-radius: 0;
            border-radius: 0;
    outline: none;
    border: 1px solid #c6c6c6;
    height: auto !important; }
    .searchDropdown__btn .fa {
      color: #FFFFFF;
      padding: 1rem;
      background: #ab7fb9;
      opacity: 1;}
  .searchDropdown input {
    -webkit-border-radius: 0;
            border-radius: 0; }

.burgerBtn {
  background-color: transparent;
  border: medium none;
  font-size: 3rem;
  outline: none;
  color: #FFFFFF; }
  .burgerBtn .fa-bars {
    font-size: inherit !important; }

/*___________ END nav _______________*/
/*___________START sectionAbout ____________*/
.sectionAbout {
  padding: 20px 0; }
  .sectionAbout .wrapAbout {
    padding: 20px;
    background-color: #FFF;
    letter-spacing: 1px;
    text-align: justify; }
    .sectionAbout .wrapAbout span {
      color: #1bad58;
      text-transform: uppercase;
      font-weight: bold; }

/*___________END sectionAbout ____________*/
/*___________ START loader ____________*/
.loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999; }

.loader-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100vh; }

.svg-loader {
  width: 110px;
  -webkit-animation: svg-loader 1s linear infinite;
  animation: svg-loader 1s linear infinite; }

@-webkit-keyframes svg-loader {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes svg-loader {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*___________END loader ____________*/
/*___________ START video-BG ____________*/
.section-video-BG {
  width: 100%;
  position: relative; }

.firstScreen {
  width: 85rem;
  position: absolute;
  color: #FFFFFF;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .firstScreen h1 {
    color: #FFFFFF;
    font-family: "Courgette-Regular", Arial sans-serif;
    font-size: 12rem;
    text-align: center;
    letter-spacing: 1.4rem;
    line-height: 7rem;
    margin: 0 0 2rem;
    text-align: center; }
  .firstScreen h2{
    color: #FFFFFF;
    font-family: "Courgette-Regular", Arial sans-serif;
    font-size: 6rem;
    text-align: center;
    letter-spacing: 0.8rem;
    margin: 2rem 0 6rem;
    text-align: center;
  }
  .firstScreen__description {
    text-align: center;
    overflow: hidden;
    font-size: 1.4rem;
    max-width: 78%;
    text-align: center;
    margin: 0 auto; }
  .firstScreen__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10rem; }
    .firstScreen__btn a {
      font-family: "MyriadProBold", Arial sans-serif;
      padding: 1.5rem;
      background: transparent;
      border: 0.3rem solid #ab7fb9;
      text-decoration: none;
      outline: none;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      color: #FFFFFF;
      margin: 1.2rem;
      width: 21rem;
      text-align: center;
      font-size: 1.8rem;
      letter-spacing: 0.1rem; }
      .firstScreen__btn a:hover {
        text-decoration: none;
        border: 0.3rem solid #4f93ce;
        color: #FFFFFF; }
  .firstScreen__btnScroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8rem; }
    .firstScreen__btnScroll a {
      font-family: "MyriadProBold", Arial sans-serif;
      background: transparent;
      border: 0.4rem solid #FFFFFF;
      text-decoration: none;
      outline: none;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      color: #FFFFFF;
      margin: 1.2rem;
      text-align: center;
      font-size: 3rem;
      letter-spacing: 0.1rem;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      opacity: 0.4; }
      .firstScreen__btnScroll a:hover {
        text-decoration: none;
        border: 0.4rem solid #4f93ce;
        color: #FFFFFF;
        opacity: 1; }
      .firstScreen__btnScroll a .fa {
        padding: 1.5rem;
        display: block; }

/*___________ END section-video-BG ____________*/
/*___________ START section-about ____________*/
.section-about {
  background: #FFFFFF;
  padding: 10rem 0; }

.aboutPlayer__description p {
  color: #1d1d1d;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 20px; }
.aboutPlayer__description li {
  color: #1d1d1d;
}
.aboutPlayer__description h2 {
  text-align: left;
  margin: 0 auto 15px auto;
}

.aboutPlayer__textWrap {
  overflow: hidden;
  min-height: 1rem;
/*  max-height: 14rem;*/
}

.aboutPlayer__text {
  text-align: justify; }

.aboutPlayer__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem; }
  .aboutPlayer__btn a {
    font-family: "MyriadProBold", Arial sans-serif;
    padding: 1.5rem;
    background: transparent;
    border: 0.3rem solid #4f93ce;
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #4f93ce;
    margin: 0;
    width: 21rem;
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 0.1rem; }
    .aboutPlayer__btn a:hover {
      text-decoration: none;
      border: 0.3rem solid #ab7fb9;
      color: #ab7fb9; }

/*___________ END section-about ____________*/
/*___________ START section-video-categories ____________*/
.section-video-categories {
  background: #f1f1f1;
  padding: 2rem 0 5rem; }

.videoCategories h2 {
  margin-bottom: 4rem; }

.videoCategories__icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
/*  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;*/
  -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4rem; }

.videoCategories__link {
  font-family: "MyriadProBold", Arial sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #41a2e0;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  width: 33.3%;
  margin:0; }
  .videoCategories__link:hover {
    color: #ab7fb9; }
  .videoCategories__link_mod img {
      width: 5rem; }

.videoCategories__img {
  margin-right: 2rem;
  width: 6rem; }
.videoCategories__img svg {
  width: 6rem;
  height: 43px;
  fill: #ab7fb9;
}
  .videoCategories__img_mod {
    margin-right: 0; }
.videoCategorie__player,
.videoCategories__player {
  margin-bottom: 3rem;
  text-align: center;
  color: #FFFFFF; }

.videoCategories__linkPlay {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }
  .videoCategories__linkPlay:hover {
    color: #FFFFFF; }
  .videoCategories__linkPlay img {
    min-height: 21rem;
    max-height: 21rem;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; }

.videoCategories__play {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem; }

.videoCategories__playBtn {
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  font-size: 3rem; }
  .videoCategories__playBtn .fa {
    padding: 1rem 1.5rem; }

.videoCategories__time {
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 7rem;
  height: 3.5rem;
  font-size: 1.4rem;
  color: #FFFFFF; }

.videoCategories__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .videoCategories__btn a {
    font-family: "MyriadProBold", Arial sans-serif;
    padding: 1.5rem;
    background: transparent;
    border: 0.3rem solid #ab7fb9;
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #ab7fb9;
    margin: 1.2rem 0;
    width: 21rem;
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 0.1rem; }
    .videoCategories__btn a:hover {
      text-decoration: none;
      border: 0.3rem solid #4f93ce;
      color: #4f93ce; }
	  
.aboutRegister__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .aboutRegister__btn a {
    font-family: "MyriadProBold", Arial sans-serif;
    padding: 1rem;
    background: transparent;
    border: 0.3rem solid #ab7fb9;
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #ab7fb9;
    margin: 1.2rem 0;
    width: 21rem;
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 0.1rem; }
    .aboutRegister__btn a:hover {
      text-decoration: none;
      border: 0.3rem solid #4f93ce;
      color: #4f93ce; }

/*___________ END section-video-categories ____________*/
/*___________ START section-blog ____________*/
.container-blog {
  background: #FFFFFF;
  padding: 4rem 0; }

.ourBlog__description p {
  color: #999999;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 2rem; }

.ourBlog__description h2 {
  text-align: left;
  margin: 1rem auto 3rem; }

.ourBlog__textWrap {
  overflow: hidden;
  min-height: 1rem;
  max-height: 14rem; }

.ourBlog__text {
  text-align: justify; }

.ourBlog__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem; }
  .ourBlog__btn a {
    font-family: "MyriadProBold", Arial sans-serif;
    padding: 1.5rem;
    background: transparent;
    border: 0.3rem solid #4f93ce;
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #4f93ce;
    margin: 1.2rem 0;
    width: 21rem;
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 0.1rem; }
    .ourBlog__btn a:hover {
      text-decoration: none;
      border: 0.3rem solid #ab7fb9;
      color: #ab7fb9; }

/*___________ END section-blog ____________*/
/*___________ START section-partners ____________*/
.section-partners {
  background: #f1f1f1;
  padding: 0; }

.partners {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0; }
  .partners__item {
    padding: 1rem;
    overflow: hidden;
    margin-bottom: 1rem;
    max-width: 19rem;
    height: 14rem; }
    .partners__item img {
      height: 100%; }

/*___________ END section-partners ____________*/
/*___________ START footer ____________*/
footer {
  background-color: #292929;
  margin: 0;
  padding: 30px 0;
  font-family: "OpenSansRegular", Arial sans-serif;
  position: relative;
  bottom: 0;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #c5c5c5; }
  footer .logo {
    margin-top: 25px;
    width: 70px;
    height: auto; }

.itemMod {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.footerItem {
  text-align: center;
  color: #9c9c9c; }
  .footerItem_mod {
    max-width: 70%;
    margin-top: 2rem; }
  .footerItem h3 {
    font-family: "Montserrat-Bold", Arial sans-serif;
    color: #ab7fb9;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 0.15rem;
    margin-bottom: 3rem; }
  .footerItem ul {
    list-style: none;
    padding: 0; }
  .footerItem ul li{display: block;}
  .footerItem__link a {
    text-decoration: none;
    color: #c5c5c5;
    font-size: 1.4rem;
    line-height: 3.3rem; }
    .footerItem__link a:hover {
      color: #FFFFFF; }
  .footerItem__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2.5rem;
    max-width: 70%; }
    .footerItem__social a {
      width: 4rem;
      height: 4rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #FFFFFF;
      text-decoration: none; }
      .footerItem__social a:hover {
        color: #ab7fb9; }
      .footerItem__social a .fa {
        font-size: 3.5rem; }
  .footerItem__twitter {
    background: #4f93ce;
    margin-right: 1rem; }
  .footerItem__facebook {
    background: #3a559f; }
  .footerItem__logoFoot {
    max-width: 100%; }
    .footerItem__logoFoot img {
      max-width: 18rem; }
  .footerItem__copyr {
    margin-top: 5rem;
    font-size: 1.4rem;
    line-height: 3.3rem; }
    .footerItem__copyr a {
      text-decoration: none;
      color: #c5c5c5; }
    .footerItem__copyr a:hover{color: #fff;}
    
    .custom_main_menu_dropdown .dropdown-backdrop{
        display:none!important;
    }
    .dropdown-menu {
        min-width: 137px;
        left: -15px;
    }
/*___________ END footer ____________*/
/* ======= END PAGE index ======= */
/*___________ START media.CSS ____________*/
/*import media.css.*/
/*==========  Desktop First  ==========*/
/* Custom Wide Screens */
@media only screen and (max-width: 1700px) {
  .container-custom {
    max-width: 85%; } }

@media only screen and (max-width: 1550px) {
  .firstScreen h1 {
    margin: 2rem 1rem 5rem; }
  .firstScreen__btn {
    margin-top: 2rem; }
  .firstScreen__btnScroll {
    margin-top: 2rem; }
  .aboutPlayer__btn {
    margin-top: 0; }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .container-custom {
    max-width: 100%; }
  .firstScreen h1 {
    font-size: 7rem;
    line-height: 6rem; } }

@media only screen and (max-width: 1085px) {
  .btn_up {
    width: 70%; } 
  .firstScreen{
      top:60%;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .menu .menu__wrap {
    padding: 1rem 0; }
  .menu .menu__wrap {
    text-align: left;
    background-color: transparent; }
  .menu .menu__wrap > ul {
    display: none; }
  .menu .menu__wrap ul li {
    display: block; }
  .menu__btn {
    width: 53%; }
  .burgerBtn {
    padding: 0 3.5rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 7rem; }
  .menu__wrap ul {
    display: none; }
  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 30%;
    position: relative;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .menu__Toggle > li {
    margin: 1px 0; }
  .searchDropdown {
    left: 50%;
    top: 135%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  .menu__uploadSearch {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    width: 68%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .menu__upload {
    margin-right: 2rem; }
  .aboutPlayer__btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2rem; }
  .aboutPlayer__description h2 {
    text-align: center;
    margin: 3rem auto;
  }
  .firstScreen {
    width: 100%; }
  .firstScreen h1 {
    font-size: 6rem;
    line-height: 5rem;
    margin-bottom: 1rem; }
  #carousel-example-captions h2.carousel-text{
      font-size: 4rem;
  }
  .firstScreen__btnScroll {
    margin: 0.5rem 0rem; }
  .firstScreen__btnScroll a {
    font-size: 1.4rem; }
  .firstScreen__btnScroll a .fa {
    padding: 1rem; }
  .firstScreen__btn a {
    padding: 1rem;
    width: 15rem; }
  .section-about {
    padding: 5rem 0; }
  .videoCategories__linkPlay img {
    min-height: 30rem;
    max-height: 30rem; }
  .ourBlog__description h2 {
    text-align: center; }
  .ourBlog__btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .partners__item {
    height: 10rem; }
  .itemMod {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .footerItem__copyr {
    text-align: center; }
  .footerItem__social {
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media only screen and (max-width: 880px) {
    .firstScreen{
        top:60%;
    }
    .firstScreen h1{
        font-size: 3rem;
        margin: 0;
    }
    .content-wrap .firstScreen h3{
        margin: 0;
    }
    #carousel-example-captions .item h2.carousel-text{
        font-size: 3rem;
        margin: 0;
        line-height: 1;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .menu__logo img {
    max-width: 20rem; }
  .firstScreen h1 {
    /*font-size: 4rem;*/
    line-height: 3rem; }
  .firstScreen__description {
    width: 90%; }
  .firstScreen__description {
    font-size: 1.2rem; }
  .firstScreen__btn a {
    padding: 0;
    font-size: 1.2rem;
    width: 11rem; }
  .scrollup_arrow {
    -webkit-background-size: 70% 70%;
            background-size: 70%;
    bottom: 0;
    right: 0; }
  .videoCategories__linkPlay img {
    min-height: auto;
    max-height: auto; } 
    .videoCategories__link{
      min-height: 85px;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    }
  }
@media only screen and (max-width: 767px) {
  .videoCategories__icons{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .videoCategories__link{
    width: 100%;
    min-height: unset;
    margin-bottom: 20px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 670px) {
  .firstScreen {
    top: 65%; }
  .firstScreen__btnScroll a {
    border: 0.2rem solid #FFFFFF;
    margin: 0; }
    .firstScreen__btnScroll a:hover {
      border: 0.2rem solid #4f93ce; }
  .firstScreen__btnScroll a .fa {
    padding: 0.5rem; } }

@media only screen and (max-width: 600px) {
/*  .firstScreen {
    top: 55%; }*/
.firstScreen h1{
    font-size: 20px;
}
.content-wrap .firstScreen h3{
    font-size: 15px;
    line-height: 1;
    padding-left: 5px;
    padding-right: 5px;
}
  .firstScreen__description {
    display: none; 
  } 
  .firstScreen h2{
    display: none; 
  }
  }

@media only screen and (max-width: 555px) {
  .menu__logo img {
    width: 10rem; }
  .menu__btn {
    width: 72%; }
  .menu__uploadSearch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .menu__searchBtn {
    font-size: 1.5rem;
    padding: 0.8rem; }
  .burgerBtn {
    line-height: 3rem; }
  .menu__upload a {
    font-size: 1.2rem; }
  .searchDropdown {
    left: 0; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
/*  .firstScreen {
    top: 60%; }*/
  .firstScreen h1 {
    /*font-size: 3rem;*/
    letter-spacing: 0.2rem; }
  .firstScreen__btn a {
    margin: 0.2rem; }
  .btn_up {
    width: 50%; } }

@media only screen and (max-width: 400px) {
  .firstScreen__btn a {
    font-size: 0.9rem;
    line-height: 1.2rem; }
  .menu__uploadText {
    display: none; }
  .firstScreen__btn {
    margin-top: 1rem; } }
@media only screen and (max-width: 380px) {
    .firstScreen h1{
        
    }
    .content-wrap .firstScreen h3{
        letter-spacing:normal;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    .firstScreen__btnScroll{display: none;}
  /**/ }

/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
/*  nav.menu .menu__wrap ul {
    display: inline-block !important; }*/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }