html {
  scroll-behavior: smooth;
}

body {
  padding-top: 3.75em;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}

a:hover{
  text-decoration: none;
}

input{
    border-radius: 0;
}

.nav_c{
  color: #000000;
}

.nav_color{
  background-color: #FFFFFF;
}

#ui_color{
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 0.875em;
  transition: 0.3s;
}

#ui_color:hover{
  color: #16C172;
}

#language{
    color: #16C172;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 0.875em;
    transition: 0.3s;
}

#language:hover{
    color: #0E814B;
}

.btn_enter{
  font-family: 'Russo One', sans-serif;
  font-size: 0.875em;
  color: #000000;
  border-radius: 6em;
  border: 2px solid #16C172;
  padding: 1em 3em;
  transition: 0.3s;
}

.btn_enter:hover{
  background-color: #16C172;
  color: #FFFFFF;
}

@media (max-width: 400px) {
    .btn_access{
        font-size: 0.675em;
    }
}
@media (min-width: 400px) {
    .btn_access{
        font-size: 0.875em;
    }
}
.btn_access{
  font-family: 'Russo One', sans-serif;
  color: #FFFFFF;
  border-radius: 6em;
  background-color: #16C172;
  border: 2px solid #16C172;
  padding: 1em 2em;
  transition: 0.3s;
  cursor: pointer;
}

.btn_access:hover{
  background-color: #0E814B;
  border: 2px solid #0E814B;
  color: #FFFFFF;
}

/* First Slide */

.bg_main{
  background-color: #0B5351;
  background-image: url('Img/BG_Optimized.jpg');
  background-position: 20% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3em;
  padding-bottom: 5em;
}

h1{
  font-family: 'Russo One', sans-serif;
  color: #FFFFFF;
  font-size: 2em;
  margin-bottom: 0.5em;
}

p.description{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  color: #FFFFFF;
  margin-bottom: 2em;
}

.feature{
  width: 100%;
  height: auto;
}

.anchor{
  display: block;
  height: 4.75em;
  margin-top: -4.75em;
  visibility: hidden;
}

/* About Service */

.bg_grey{
  background-color: #FAFAFA;
  padding-top: 3.75em;
  padding-bottom: 4em;
}

h2{
  font-family: 'Russo One', sans-serif;
  font-size: 1.75em;
  color: #000000;
}

.icon{
  width: 1em;
  height: auto;
}

.text{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  color: #000000;
}

/* Our Answer */

.bg_white{
  background-color: #FFFFFF;
  padding-top: 3.75em;
  padding-bottom: 4em;
}

/* Founder */

.bg_founder{
  background-color: #0B5351;
  background-image: url('Img/BG_Founder_Optimized.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3.75em;
  padding-bottom: 3em;
}

.quote{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.175em;
  color: #FFFFFF;
}

.founder_name{
  font-family: 'Russo One', sans-serif;
  color: #FFFFFF;
  font-size: 1.175em;
}

.founder_photo{
  width: 9.375em;
  height: auto;
  /*position: absolute;
  top: -6em;*/
  margin-top: -6em;
  margin-bottom: 1em;
}

/* Target Audience */

.icon_2{
  width: 2.5em;
  height: auto;
}

/* Features */

h3{
  font-family: 'Russo One', sans-serif;
  font-size: 1.5em;
  color: #000000;
}

/* Demo Access */

.bg_demo{
  background-color: #0B5351;
  background-image: url('Img/BG_Start_Optimized.jpg');
  background-position: 20% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3.75em;
  padding-bottom: 5em;
}

.white_heading{
  color: #FFFFFF;
}

.contact_form{
  background-color: #FFFFFF;
  border-radius: 30px;
  padding: 2em;
}

.form_title{
  font-family: 'Russo One', sans-serif;
  font-size: 1.125em;
  color: #000000;
}

.feedback{
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  border: 0;
  border-bottom: 1px solid #ECECEC;
  padding: 1em 1.25em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
}

.feedback_textarea{
  width: 100%;
  height: 7em;
  resize: none;
  background-color: #FFFFFF;
  border: 0;
  border-bottom: 1px solid #ECECEC;
  padding: 1em 1.25em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
}

/***** Select Field *****/

.select_style{
    width: 100%;
    border: 0;
    padding-top: 1.25em;
    padding-bottom: 1em;
    border-bottom: 1px solid #ECECEC;
}

/***** *****/

.message_notify{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 0.75em;
  color: #000000;
}

.link_documents{
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #000000;
  transition: 0.3s;
}

.link_documents:hover{
  color: #16C172;
}

/* Footer */

.bg_footer{
  background-color: #092327;
  background-image: url('Img/BG_Footer_Optimized.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 2em;
  padding-bottom: 1em;
}

.contact{
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  transition: 0.3s;
  font-size: 0.875em;
}

.address{
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.875em;
}

.contact:hover{
  color: #16C172;
}

/* Studio */

.bg_studio{
  background-color: #092327;
}

.copyright{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 0.75em;
  color: #FFFFFF;
  opacity: 0.6;
}

.link_to_agency{
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  transition: 0.3s;
}

.link_to_agency:hover{
  color: #16C172;
}

@media (max-width: 1200px){
  #sign_in{
    margin-top: 1em;
  }
  #get_access{
    margin-top: 1.5em;
  }
}

@media (max-width: 576px){
  .bg_main{
    padding-top: 1em;
    padding-bottom: 3em;
  }
  h1,h2{
    font-size: 1.5em;
  }
  p.description{
    font-size: 0.875em;
  }
  .text{
    font-size: 0.875em;
  }
  .quote{
    font-size: 1em;
  }
  .founder_name{
    font-size: 1em;
  }
  h3{
    font-size: 1.25em;
  }
  .form-title{
    font-size: 1em;
  }
  .feedback{
    font-size: 0.875em;
  }
  .feedback_textarea{
    font-size: 0.875em;
  }
  .contact{
    font-size: 0.75em;
  }
  .address{
    font-size: 0.75em;
  }
}

#jGrowl {
    font-family: 'Open-Sans', sans-serif;
    font-weight: 600;
    font-size: 0.875em;
}

#jGrowl .jGrowl-notification {
    border-radius: 6px;
    padding: 1em;
}

/***** Seminar *****/

.bg_seminar{
  background-color: #0B5351;
  background-image: url('Img/BG_Seminar.jpg');
  background-position: 20% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3em;
  padding-bottom: 3em;
}

.btn_tag{
  font-family: 'Russo One', sans-serif;
  font-size: 0.6875em;
  color: #FFFFFF;
  border-radius: 6em;
  background-color: #7131A0;
  border: 2px solid #7131A0;
  padding: 0.5em 1em;
  cursor: default;
}

.btn_tag:hover{
  color: #FFFFFF;
  cursor: default;
}

.seminar_properties{
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1em;
}

.seminar_properties:hover{
  color: #FFFFFF;
}

.seminar_properties:not([href]):not([tabindex]){
  color: #FFFFFF;
}

.seminar_properties:hover:not([href]):not([tabindex]){
  color: #FFFFFF;
}

.link_text{
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  transition: 0.3s;
}

.link_text:hover{
  color: #16C172;
}

.bold_text{
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #000000;
}

.event_logo{
    width: 100%;
    height: auto;
}

.btn_register{
  font-family: 'Russo One', sans-serif;
  font-size: 0.875em;
  color: #FFFFFF;
  border-radius: 6em;
  background-color: #E84855;
  border: 2px solid #E84855;
  padding: 1em 2em;
  transition: 0.3s;
  cursor: pointer;
}

.btn_register:hover{
  background-color: #E42535;
  border: 2px solid #E42535;
  color: #FFFFFF;
}

/* Kladr */

/* Устанавливаем свой шрифт для выпадающего списка*/
#kladr_autocomplete a,
#kladr_autocomplete strong{
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #0B5351;
}

#kladr_autocomplete small {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em;
}

/* Добавляем скругления и тень у выпадающего списка*/
#kladr_autocomplete ul {
    border-radius: 0 0 5px 5px;
    border: 1px solid #ECECEC;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(86, 62, 142, 0.1);
    box-shadow: 0 2px 10px 0 rgba(86, 62, 142, 0.1);
    z-index: 1;
}

/* Прописываем стили для тултипа с сообщением об ошибке*/
.tooltip {
    position: absolute;
    top: 16px;
    left: 360px;
    color: #b94a48;
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #eed3d7;
    background-color: #f2dede;
    opacity: 0.8;
    font-size: 14px;
    z-index: 100000;
}

.custom-checkbox {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    /* для элемента label, связанного с .custom-checkbox */
    .custom-checkbox+label {
      display: inline-flex;
      align-items: center;
      user-select: none;
    }

    /* создание в label псевдоэлемента before со следующими стилями */
    .custom-checkbox+label::before {
      content: '';
      display: inline-block;
      width: 1em;
      height: 1em;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #D6D6D6;
      border-radius: 0.25em;
      margin-right: 0.5em;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
    }

    /* стили при наведении курсора на checkbox */
    .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
      border-color: #D6D6D6;
    }

    /* стили для активного чекбокса (при нажатии на него) */
    .custom-checkbox:not(:disabled):active+label::before {
      background-color: #16C172;
      border-color: #16C172;
    }

    /* стили для чекбокса, находящегося в фокусе */
    .custom-checkbox:focus+label::before {
      box-shadow: 0 0 0 0.2rem rgba(218, 251, 236, 1);
    }

    /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
    .custom-checkbox:focus:not(:checked)+label::before {
      border-color: #D6D6D6;
    }

    /* стили для чекбокса, находящегося в состоянии checked */
    .custom-checkbox:checked+label::before {
      border-color: #16C172;
      background-color: #16C172;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }

    /* стили для чекбокса, находящегося в состоянии disabled */
    .custom-checkbox:disabled+label::before {
      background-color: #D6D6D6;
    }

.personal-data-checkbox {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  color: #000000;   
}
