/* Start:/local/components/tickets/setrificat/templates/blue/style.css?175328534919181*/
body, #container, .content-site
{
  background: #f2f7fc !important;
}

.sertificates {
  width: 100%;
  margin: 0px auto;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* Стандартный синтаксис */
}

.sertificates .head-block
{
  background: white;
  border-radius: 16px;
  border: 1px solid #E3E9EF;
  padding: 30px;
}

.sertificates .head-block .row
{
  margin: 0px;
}

.sertificates h1
{
  margin: 0px !important;
  font-family: Raleway;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.02em;
  text-align: center !important;
  padding-bottom: 30px !important;
}

.order-ticket .order-ticket__inside:first-child
{
  float: left;
  padding: 30px;
}

.order-ticket .order-ticket__inside:last-child
{
  float: right;
  max-width: 280px;
  padding: 30px;
}

/*
.theme-orange .content-site .row .col-12 .sertificates .row h1
{
  text-align: left !important;
}*/

.sertificates div
{
/*  gap: 10px;*/
  padding: 0px;
}

.sertificates .bottom-block
{
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #0A2D61;
  margin-top: 50px;
}

.sertificates .bottom-block .row
{
  margin: 0px;
}

.sertificates .bottom-block ul li, 
.sertificates .bottom-block ol li
{
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #0A2D61;
  margin-bottom: 16px;
}

.sertificates .bottom-block h2
{
  font-family: Roboto;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.4px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #0A2D61;
}

.sertificates .bottom-block h3
{
  font-family: Raleway;
  font-size: 26px;
  font-weight: 700;
  line-height: 31.2px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #0A2D61;
}

.sertificates div .col
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
  justify-content: top;
  max-width: 100%;
  width: 100%;
  gap: 8px;
}
.sertificates div.row
{
  display: flex;
  gap: 24px;
}

.sertificates div .sertificat
{
  background: no-repeat url(/local/components/tickets/setrificat/templates/blue/img/violet.svg) 100%;
  border-radius: 16px;
  position: relative;
  width: calc(25% - 8px);
  height: 200px;
}

.sertificates div .sertificat:nth-child(2)
{
  background: no-repeat url(/local/components/tickets/setrificat/templates/blue/img/orange.svg) 100%;
}

.sertificates div .sertificat:nth-child(3)
{
  background: no-repeat url(/local/components/tickets/setrificat/templates/blue/img/green.svg) 100%;
}

.sertificates div .sertificat:nth-child(4)
{
  background: no-repeat url(/local/components/tickets/setrificat/templates/blue/img/yellow.svg) 100%;
}

.sertificates div .sertificat .head-price
{
  font-family: Roboto;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.02em;
  text-align: left;
  color: white;
  position: absolute;
  padding: 20px 18px;
  display: flex;
}

.sertificates div .sertificat .head-price .plus-minus
{
  display: block;
  background: #f2f7fc;
  border-radius: 4px;
  width: 24px;
  float: right;
  margin-right: 4px;
  position: relative;
  margin-top: 5px;
  margin-left: -30px;
}

.sertificates div .sertificat .head-price .plus,
.sertificates div .sertificat .head-price .minus
{
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: #F2F7FC;
  display: block;
  text-align: center;
  padding-top: 4px;
  cursor: pointer;
}
.sertificates div .sertificat .head-price .plus:hover,
.sertificates div .sertificat .head-price .minus:hover
{
  opacity: 0.8;
}

.sertificates div .sertificat .head-price .plus svg,
.sertificates div .sertificat .head-price .minus svg
{
  margin: 0px auto;
  display: block;
}
.sertificates div .sertificat .foot-numeric
{
  position: absolute;
  bottom: 0px;
  display: flex;
  margin: 18px;
  margin-left: 24px;
}

.sertificates div .sertificat .foot-numeric input
{
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  letter-spacing: -0.02em;
  text-align: center;
  width: 93px;
  height: 30px;
  top: 154px;
  left: 16px;
  gap: 0px;
  border-radius: 4px;
  border: 0px solid white;
}

.sertificates div .sertificat .foot-numeric input::placeholder {
  color: #A3B5CF;
}

.sertificates div .sertificat .foot-numeric .plus
{
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.02em;
  text-align: center;
  width: 12px;
  height: 24px;
  margin-left: -20px;
  cursor: pointer;
}

.sertificates .field-data input
{
  width: 100%;
  padding: 12px 16px 12px 16px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #BEC5CC
}

.sertificates div .sertificat .foot-numeric .minus
{
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-right: -20px;
  position: relative;
  color: #A3B5CF;
  cursor: pointer;
}

.sertificates div .sertificat .head-price input
{
  font-family: Roboto;
  width: 183px;
  height: 53px;
  top: 12px;
  left: 16px;
  gap: 0px;
  border-radius: 7px;
  border: 1px;
  text-align: center;
  border: 1px solid #E3E9EF;
  box-shadow: 0px 0px 6px 0px #00000000;
  font-size: 48px;
  font-weight: 700;
  line-height: 57.6px;
  letter-spacing: -0.02em;
  text-align: left;
}

.sertificates div .sertificat .head-price .rouble
{
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-align: left;
  margin-top: 16px;
  margin-left: 10px;
  float: right;
}

.theme-orange #sertByPodarok
{
    width: 22px;
    height: 22px;
    padding: 0px;
    margin-top: 3px;
    margin-right: 6px;
    margin-left: -6px;
    cursor: pointer;

}

.theme-orange #sertByPodarok:checked
{
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 5px;
    background: white;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    border: 1px solid var(--base-color) !important;
    box-shadow: 0px 0px 4px 0px var(--base-color);
    border-color: #0b76ef;
}
.theme-orange #sertByPodarok:checked:after
{
    content: " ";
    background: var(--base-color);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'%3e%3cpath fill='none' d='M1.5 6.75607L6.4606 11.7126L16.5 1.6731' stroke='%23FF7F00' stroke-width='2.5'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14'%3e%3cpath fill='none' d='M1.5 6.75607L6.4606 11.7126L16.5 1.6731' stroke='%23FF7F00' stroke-width='2.5'/%3e%3c/svg%3e");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center 3px;
    mask-repeat: no-repeat;
    mask-position: center 3px;
    mask-size: 12px 12px;
    width: 20px;
    height: 20px;
    position: absolute;
}

#sertByPodarok:checked[type="checkbox"]
{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
#sertByPodarok:checked
{
  background-color: var(--base-color);
  border-color: var(--base-color);
}
.sertificates .hidden
{
  display: none;
}
.sertificates .error
{
  color: red;
}
.btn{
  cursor: pointer !important;
}

form#sertificat-zakaz
{
  width: 100%;
  padding: 50px 0px;
  gap: 16px;
  border-radius: 24px;
}

form#sertificat-zakaz .form-top-block
{
  max-width: 914px;
}

form#sertificat-zakaz .col-sm-12
{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

form#sertificat-zakaz h3
{
  font-family: Raleway;
  font-size: 26px;
  font-weight: 700;
  line-height: 31.2px;
  letter-spacing: -0.02em;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin-bottom: 16px;
  color: #0A2D61;
}

form#sertificat-zakaz p input
{
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.02em;
  text-align: left;
}

form#sertificat-zakaz .field-data
{  
    flex: 1 1 calc((100% / 3) - 2rem);
}

form#sertificat-zakaz .sertificat-podarok
{
  padding: 8px 24px;
  gap: 12px;
  margin: 18px 0px;
  background: #F2F7FC;
  width: 349px;
  height: 84px;
  border-radius: 19px;
}

form#sertificat-zakaz .sertificat-podarok .text-muted
{
  border: 0px solid white;
}

form#sertificat-zakaz .sertificat-podarok label
{
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.02em;
  text-align: left;
}

form#sertificat-zakaz .theme-orange #sertByPodarok
{
  background: white !important;
  margin-top: 6px;
}

form#sertificat-zakaz .sertificat-podarok.active
{
  width: 100%;
  display: flex;
  max-width: 930px;
}

form#sertificat-zakaz .sertificat-podarok.active .text-muted > div
{
  width: 45%;
}

form#sertificat-zakaz .sertificat-podarok input
{
/*  background: white !important;*/
  margin-top: 8px;
}

form#sertificat-zakaz .sertificat-podarok.active .input_podarok
{
  display: block;
}

form#sertificat-zakaz .sertificat-podarok.active [name="email_podarok"]
{
  width: 450px;
  height: 49px;
  padding: 12px 16px 12px 16px;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid #BEC5CC;
  margin-left: -5px;
}

form#sertificat-zakaz .text-muted
{
    border-top: 1px solid #E3E9EF;
    margin-top: 38px;
    padding-left: 15px;
}

form#sertificat-zakaz .sertificat-podarok .form-check-inline
{
  margin: 10px;
}

.soglasie .form-check-input[type="checkbox"] + label.form-check-label
{
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.02em;
  text-align: left;
}

.soglasie .form-check-input[type="checkbox"] + label.form-check-label a
{
  color: #797E84;
  border-bottom: 1px solid;
}

form#sertificat-zakaz .sertificat-podarok .input_podarok
{
  display: none;
}

form#sertificat-zakaz p input::placeholder 
{
  color: #BEC5CC;
}

form#sertificat-zakaz p input[type=checkbox]
{
width: 22px;
height: 22px;
border-radius: 6px;
border: 1px solid #E0E0E0;
}

form#sertificat-zakaz .sertificat-podarok .form-check-label
{
  cursor: pointer;
  padding: 6px;
}

#sertByPodarok
{
  margin-top: 8px;
}

form#sertificat-zakaz .sertificat-podarok input
{
/*  background: none;*/
}

form#sertificat-zakaz .sertificat-podarok .form-check-inline
{
  width: 100%;
}
form#sertificat-zakaz .sertificat-podarok .text-muted
{
  margin: 5px;
}

form#sertificat-zakaz .soglasie
{
  cursor: pointer;
}

form#sertificat-zakaz .soglasie .form-check-inline
{
  width: 100%;
    padding: 24px 0px;
    padding-left: 6px;
  padding-left: 14px;
  margin-bottom: 14px;
}

form#sertificat-zakaz .send-form
{
  display: flex;
}

form#sertificat-zakaz .send-form .disabled p
{
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #797E84;
  line-height: 46px;
  padding-left: 20px;
}

.theme-orange .sertificates #sertByPodarok:checked::after,
.theme-orange .sertificates #formCheck:checked::after {
  mask-position: 4px 4px;
  mask-size: 12px 12px;
  width: 16px;
  height: 16px;
  position: absolute;
}

form#sertificat-zakaz .send-form button
{
  width: 197px;
  height: 63px;
  border-radius: 8px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;  
}

form#sertificat-zakaz .send-form .col-text
{
  font-family: Roboto;
  font-size: 26px;
  font-weight: 400;
  line-height: 31.2px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #0A2D61;
  display: flex;
  padding-top: 14px;
  padding-left: 10px;
}

.sertpodarok-icon
{
  background: no-repeat url(/local/components/tickets/setrificat/templates/blue/img/podarok.svg) 100%;
  width: 24px;
  height: 24px;
  display: block;
  margin: 4px 10px;
}

.error-text
{
  color: red;
  font-size: 12px;
  margin-left: 10px;
  display: none;
}

.field-data.error input
{
  border: 1px solid red !important;
}

.field-data.error .error-text
{
  display: block;
}

.admin_bord
{
  position: fixed;
/*  background: white;*/
  background: scroll #777f8c url(/local/components/tickets/setrificat/templates/blue/../images/panel/top-panel-sprite-2.png) repeat-x 0 -1250px !important;
  padding: 30px !important;
  bottom: 0px;
  right: 0px;
  border: 1px solid #273344;
}

.admin_bord p 
{
  color: #dde7e9;
  text-align: left;
}

.admin_bord p span
{
  font-size: 14px;
  color: #dde7e9;
    margin-bottom: 6px;
  display: block;
}
.admin_bord p input
{
  border: 1px solid #273344;
  border-radius: 0px;
}

.admin_bord input::placeholder {
  color: blue;
  font-size: 18px;
}

.sertificat-primer img
{
  max-height: 807px;
}

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

  .sertificates div.row
  {
    display: block;
  }

  .sertificates div.row .col
  {
    width: 100%;
    max-width: 100%;
  }

  .sertificates .sertificat
  {
    height: 200px;
    background-size: 100% !important;
  }
  form#sertificat-zakaz .sertificat-podarok
  {
    height: auto !important;
  }
  form#sertificat-zakaz .sertificat-podarok.active
  {
    display: block;
    overflow: hidden;
    height: auto;
  }
  form#sertificat-zakaz .col-sm-12
  {
    display: block;
  }
  form#sertificat-zakaz .sertificat-podarok.active .text-muted > div
  {
    width: 100%;
  }

  form#sertificat-zakaz .sertificat-podarok.active [name="email_podarok"]
  {
    width: 100%;
  }
  .order-ticket .order-ticket__inside:last-child
  {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .sertificates
  {
    margin-top: 12px;
  }
  .sertificates div .col
  {
    gap: 0px;
  }
  .sertificates div .sertificat
  {
    flex-basis: 100%;
    margin: 8px 12px;
    border-radius: 16px;
  }
  form#sertificat-zakaz
  {
    margin: 12px;
    border-radius: 24px;
    padding-top: 30px;
  }
  #container .container h1
  {
    font-family: Raleway;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.02em;
    text-align: center;
  }
  .sertificates div .sertificat .head-price input
  {
    font-family: Roboto;
    font-size: 55px;
    font-weight: 700;
    line-height: 66px;
    letter-spacing: -0.02em;
    text-align: left;
    width: 211px;
    height: 61px;
    border-radius: 8.08px;
    border: 1.15px solid #E3E9EF
  }
  .sertificates div .sertificat .foot-numeric input
  {
    width: 109px;
    height: 34px;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    line-height: 27.6px;
    letter-spacing: -0.02em;
    text-align: center;
  }
  .sertificates div .sertificat .head-price .rouble
  {
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    line-height: 27.6px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-top: 16px;
    margin-left: 10px;
  }
  .sertificates div .sertificat .foot-numeric .minus
  {
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    line-height: 33.6px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-right: -25px;
    height: 35px;
  }
  .sertificates div .sertificat .foot-numeric .plus
  {
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    line-height: 33.6px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-left: -25px;
    height: 35px;
  }
  .sertificates div .sertificat .head-price
  {
    font-family: Roboto;
    font-size: 55px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -0.02em;
    text-align: left;
    display: flex;
  }
  .sertificates .head-block
  {
    padding: 8px 0px;
  }
  form#sertificat-zakaz input[type="text"],
  form#sertificat-zakaz input[type="email"]
  {
    border: 1px solid #BEC5CC;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    text-align: left;
  }

  form#sertificat-zakaz input[type="text"]::placeholder,
  form#sertificat-zakaz input[type="email"]::placeholder
  {
    color: #979797;
  }
  form#sertificat-zakaz .sertificat-podarok
  {
    width: 100%;
    height: 62px;
    padding: 8px 12px 8px 12px;
    border-radius: 19px;
  }
  form#sertificat-zakaz .sertificat-podarok .form-check-inline
  {
    margin: 0px 5px;
  }
  form#sertificat-zakaz h3
  {
    font-family: Raleway;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    text-align: center !important;
  }
  form#sertificat-zakaz .send-form
  {
    display: grid;
  }
  form#sertificat-zakaz .send-form .col-text
  {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  }
  form#sertificat-zakaz .send-form .col-button
  {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  }
  form#sertificat-zakaz .send-form .col-text p
  {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
    padding: 0px;
  }
  form#sertificat-zakaz .sertificat-podarok label
  {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .soglasie .form-check-input[type="checkbox"] + label.form-check-label
  {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  form#sertificat-zakaz .sertificat-podarok .form-check-label
  {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  form#sertificat-zakaz .send-form .col-text
  {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .sertificat-primer
  {
    padding-top: 30px !important;
  }
  .sertpodarok-icon
  {
    margin: 0px 10px;
  }
  .sertificates .bottom-block
  {
    margin: 50px 0px;
  }
  .sertificates .bottom-block h2
  {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  form#sertificat-zakaz .send-form button
  {
    width: 100%;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    text-align: center;
  }
  .sertificates .bottom-block
  {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .sertificates .bottom-block ol,
  .sertificates .bottom-block ul
  {
    padding-left: 0px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-left: 16px;
  }
  .sertificates .bottom-block h2
  {
    width: 100%;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .sertificates .bottom-block h3
  {
    font-family: Raleway;
    font-size: 18px;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .field-data.error input
  {
    border: 1px solid red !important;
  }
}
/* End */
/* /local/components/tickets/setrificat/templates/blue/style.css?175328534919181 */