@font-face {
font-family: 'Futura PT Light';
src: url('FuturaPT-Light.eot');
src: url('FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
url('FuturaPT-Light.woff') format('woff'),
url('FuturaPT-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Futura PT Book';
src: url('FuturaPT-Book.eot');
src: url('FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
url('FuturaPT-Book.woff') format('woff'),
url('FuturaPT-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face { 
    font-family: "BebasBook";
    src: url("BebasneueBook.eot");
    src: url("BebasneueBook.eot?#iefix")format("embedded-opentype"),
    url("BebasneueBook.woff") format("woff"),
    url("BebasneueBook.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face { 
    font-family: "BebasBold";
    src: url("BebasneueBold.eot");
    src: url("BebasneueBold.eot?#iefix")format("embedded-opentype"),
    url("BebasneueBold.woff") format("woff"),
    url("BebasneueBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #414da3 #f0f0f0;
}


*::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}
*::-webkit-scrollbar-track {
    background: #d8d8d8;
}
*::-webkit-scrollbar-thumb {
    background-color: #414da3;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 32px;
}

body{

    font-family: 'Futura PT Book', roboto;
    background-color: #fff;
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    font-size: 18px;
}

button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* отображаем курсор в виде руки при наведении; некоторые
  считают, что необходимо оставлять стрелочный вид для кнопок */
  cursor: pointer;
      font-family: 'Futura PT Book', roboto;
      font-size: 18px;
}

a {
    text-decoration: none;
}

:focus {
    outline: 0;
}


h1 {
    margin: 0;
}



a{
    text-decoration: none;
    color: #717f82;
}


i.blue{
    color: #414da3;
}



header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 4% 10px 4%;
    margin: 0 0 10px 0;
    -webkit-box-shadow: 0px 1px 6px 0px rgb(50 50 50 / 10%);
    -moz-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 1px 6px 0px rgb(50 50 50 / 10%);
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 9;
}

p{
    padding: 0;
    margin: 0;
}

.logo-block img {
    width: 125px;
}
a.logo-block {
    flex-basis: 20%;
}


.phone-block {
    font-size: 21px;
    font-weight: 400;
    flex-basis: 18%;
    text-align: right;
}

.zag-block h1 {
    font-size: 32px;
    line-height: 48px;
    padding: 45px 0 35px 0;
}

.zag-block {
    color: #717f82;
    padding: 0 4%;
}

.buttons-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 4%;
}

.button {
    margin: 8px 0;
    padding: 20px 0;
    background-color: #414da3;
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}

.button:hover {
    
    background-color: #2687f0;
    
}


.whatsapp-button {
    background-color: #30d77e;
}

.whatsapp-button:hover {
    background-color: #4be693;
}

.pod-zagolovok {
    padding: 20px 4% 40px;
    color: #b9b9b9;
}

.light-content {
    padding: 20px 4% 0px;
    color: #b9b9b9;
}



.block-content {
   
    display: flex;
    flex-direction: column;
    justify-content: center;
}

h1 span {
    color: #414da3;
}

.left-header img {
    width: 155px;
}

.slide img {
    width: 100%;
}


.mySwiper {
    width: 100%;
    margin: 0 0 35px 0;
}


.zag {
    font-size: 36px;
    line-height: 48px;
    padding: 10px 0 10px 0;
    font-weight: 900;
}

.zag span {
    color: #414da3;
}


.modal {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999999999;
    background-color: #333333c4;
}

.modal-block {
    padding: 40px 25px 40px 25px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 15px 0 0 15px;
    max-height: 80vh;
    overflow-y: auto;
    width: 450px;
}

.exit-block {
    font-size: 24px;
    color: #50505091;
    display: flex;
    justify-content: flex-end;
    margin: -30px -15px 50px 0;
    cursor: pointer;
}

form.modal-form {
    display: flex;
    flex-direction: column;
}

.modal-tovar-block {
    display: flex;
    padding: 0 15px 0 0;
    margin: -30px 0 20px;
    border-radius: 12px;
    background-color: #fafafa;
}

.modal-tovar-img img {
    width: 125px;
    border-radius: 10px;
}

.modal-tovar-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 32px;
    font-weight: 900;
    color: #505050;
    padding: 0 0 0 20px;
}

.modal-tovar-cena {
    font-weight: 100;
    color: #ffd300;
}

label.login-lable {
    color: #606060;
    padding: 20px 0 10px;
}


input[type="text"] {
    padding: 22px 25px;
    border-radius: 7px;
    border: 1px solid #a8a8a8;
    margin: 0 0 15px;
    font-size: 18px;
}





.ui-widget-header {
    border: none!important;
    background: #ffffff00!important;
 
}




.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #333!important;
  
}




.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0!important;
    background: none;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff00!important;
    color: #333333;
}

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



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

.time_block {
    width: 450px;
    margin: 20px;
}
.ui-datepicker table {

    font-size: 24px!important;
    
}

.ui-datepicker td {
    padding: 5px!important;
    
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 10px 13px!important;
    text-align: center!important;
    text-decoration: none;
    border-radius: 30px!important;
}




.ui-datepicker {
    width: 340px!important;
}


.ui-widget.ui-widget-content {
    border: none;
}












.ui-widget-content {
    border: none!important;
    font-family: 'Futura PT Book', roboto!important;
}









.ui-checkboxradio-label {
    font-size: 18px!important;
    color: #464646;
    padding: 15px!important;
    margin: 0 0 15px;
}


.tradio {
    font-size: 21px!important;
    margin: 0 10px 13px 0!important;
    font-family: 'roboto'!important;
    padding: 13px 30px!important;
    border: none!important;
    width: 69px;
}

.tradio:hover {
    border: none;
}








@media screen and (min-width: 980px){
.ui-widget-content {
    border: none!important;
    font-family: 'Futura PT Book', roboto!important;
}
.ui-checkboxradio-label {
    font-size: 18px!important;
    color: #464646;
    padding: 15px!important;
    margin: 0 0 15px;
}
.ui-datepicker table {
    font-size: 18px!important;
}
.tradio {
    font-size: 21px!important;
    margin: 0 10px 13px 0!important;
    font-family: 'roboto'!important;
    padding: 13px 30px!important;
    border: none!important;
    width: 69px;
}

.tradio:hover {
    border: none;
}
.ui-datepicker {
    width: 435px!important;

}
.ui-datepicker td {
    padding: 2px!important;
}

.block-content {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 35px 0;
}

.zag-block h1 {
    font-size: 36px;
    line-height: 49px;
    padding: 45px 0 35px 0;
    display: flex;
    flex-direction: column;
    font-weight: 900;
}

.button {
    margin: 8px 0;
    padding: 25px 30px;
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}


.block-content-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 50%;
}

    .zag-block h1 {
    font-size: 32px;
    line-height: 48px;
    padding: 45px 0 35px 0;
    display: flex;
    flex-direction: column;
}

.pod-zagolovok {
    padding: 20px 4% 40px;
    color: #b9b9b9;
    font-size: 24px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 42px;
}

}