/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCu6KVjbNBYlgoKej75l0mwFg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCu6KVjbNBYlgoKej7wl0mwFg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCu6KVjbNBYlgoKej74l0mwFg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCu6KVjbNBYlgoKej73l0mwFg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCu6KVjbNBYlgoKej76l0mwFg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCu6KVjbNBYlgoKej70l0k.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v13/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display:swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display:swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display:swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display:swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display:swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display:swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display:swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display:swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
a{
	color: white;
}
body{
    padding: 0;
    margin: 0;
    background: url("img/bg.png") #2c2e2e;

}
header{
    border-style: solid;
    border-width: 1px;
    border-color:  #151717;
    background-color:  #151515;
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.3);
    width: 100%;
    min-height: 77px;
}
h1{
    font-size: 50px;
    font-family: Ubuntu;
    color:#8f8f8f;
    text-align: center;
}
.menu-select{
    width: 153px;
    height: 50px;
    border-width: 2px;
    border-color: rgba(0,0,0,0.53);
    border-style: solid;
    background-color: #2e3030;
    border-radius: 20px;
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.47);
    font-family: Ubuntu;
    color: #8f8f8f;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
	margin-bottom:10px;
	margin:0 auto;
}
.menu-select.active{
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.23);
   /* background-image:  linear-gradient(0deg, #fec744 0%, #ff9600 100%);*/
    border-color: yellow;
}
.product
{
    margin-top: 50px;
}
.product-img{
    text-align: center;
}
.product-name
{
    text-align: center;
    font-family: Ubuntu;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

.product-description {
    text-align: center;
    font-family: Ubuntu;
    color: #d0d0d0;
    font-size: 13px;
    font-weight: 400;
    margin: 5px auto;
    max-width: 350px;
    min-height: 57px;
}
.product-description p {
	margin-bottom:0px;
}
.product-radio
{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #202323;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.53);
    margin: 20px auto;

}

.product-radio.active
{
    background-image: linear-gradient(0deg, #fec744 0%, #ff9600 100%);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.23);
}
.product-radio-list{
    text-align: center;
}
.product-radio-text{
    font-family: Ubuntu;
    color: #d0d0d0;
    font-weight: 400;
    line-height: 32px;

    transform: scale(0.782,0.784);
    display: inline-block;
    padding-bottom: 50px;
	min-width:65px
}
.radio-text-big,.radio-text-small,.product-radio-item,.price,.add-to-cart,.buy-button{
    display: inline-block;
}
.product-radio-item{
    margin: 0 10px;
    cursor: pointer;
}
.radio-text-big{
    font-size: 48px;
}
.radio-text-small{
    font-size: 11px;
}
.price{
    float: left;
}
.add-to-cart,.buy-button{
    cursor: pointer;
    font-size: 25px;
}
.product-buy-row
{
    margin: 20px auto;
    height: 63px;
    max-width: 310px;
	display: inline;
}
.product-buy-row .buy-button{
	margin-left:20px
}
.change-receipt
{
    font-family: Ubuntu;
    color: #fec744;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.23);
    transform: scale(1.604,1.604);
    text-align: center;
    max-width: 150px;
    margin: 10px auto;
    border-bottom: 1px solid #fec744;
    cursor: pointer;

}
.main-container
{
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #fec744;
}
.main-text
{
    font-family: Ubuntu;
    color: #dde2e2;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    padding-bottom: 50px;
    max-width: 1270px;
    margin: 0 auto;
}
footer{
    min-height: 310px;
    width: 100%;
    background-color: #151515;
    box-shadow: 0px -5px 51.3px 2.7px rgba(0, 0, 0, 0.3);

}
.main-content
{
    max-width: 1270px;
    margin: 0 auto;
}
.logo{
    width: 194px;
    height: 175px;
    border-radius: 10px;
    background-color:  #000000;
    box-shadow: 0px 0px 10px 0px gray;
    position: absolute;
    text-align: center;
    top: -5px;
}
.logo img{
    margin-top: 15px;
}
.main-menu .nav-item > .nav-link{
    color: white;
    font-family: "PT Sans";
    font-size: 22px;

}
.main-menu .nav-item > .nav-link:hover{
    color: lightblue;
}
.phone{
    font-family: Ubuntu;
    color:  #dde2e2;
    font-size: 34px;/* Приближение из-за подстановки шрифтов */
    font-weight: 400;
    text-align: center;
    transform: scaleY(1.0069);/* свойства ширины и высоты были исключены, поскольку было выполнено трансформирование */
    padding-top: 12px;
    color: yellow;
    background: -webkit-linear-gradient(#ff9600,#fec744);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-decoration:none;
}
.phone:hover{
	color:white;
}
.facebook,.instagram{

    margin-left: 15px;
    display: inline;
}
.cart
{
    background: url("img/cart.png");
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.3);
    
    margin-left: 30px;
    width: 190px;
    height: 55px;
    display: inline-block;
    float: right;
}
.sum,.product-price{
    width: 129px;
    height: 55px;
    color: yellow;
    font-size: 37px;
    font-family: Ubuntu;
    text-align: center;
    background: -webkit-linear-gradient(#ff9600,#fec744);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.product-buy-row .product-price{
	width:141px;
}
.cop{
    font-size: 19px;
    display: inline;
}
.product-price{
    font-size: 40px;
    display: inline;
}
.product-price .cop{
    font-size: 29px;
}
footer{
    min-height: 311px;
    background-color: #151515;
}
.footer-menu{
    list-style: none;
    font-family: Ubuntu;
    font-size: 15px;
    margin-top: 40px;
}
.footer-menu li{
    margin-top: 15px;
}
.footer-menu li a{
    color: #fff;
}
.receipt-header{
    color:#ff9600;
    font-family: Ubuntu;
    font-size: 22px;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 95px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}


.product-radio-item.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
    display: none;
}

.product-radio-item.custom-radio .custom-control-label::before{
    top: auto;
    bottom: 0;
    left: 23px;
}
.product-radio-item.custom-radio .custom-control-input ~ .custom-control-label::before{
    width: 26px;
    height: 26px;
    background-color: #202323;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.53);

}

.product-radio-item.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
    background-image: linear-gradient(0deg, #fec744 0%, #ff9600 100%);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.23);

}
/**/

.receipt-text{
    max-width: 300px;
}

.receipt-product .product-radio-list{
    text-align: left;
}

.receipt-product .product-buy-row{
    margin: 20px 0;
}

.addition
{
    text-align: center;
}
.addition-text{
    color: #8f8f8f;
    font-family: Ubuntu;
    font-size: 16px;
    margin: 10px 0;
}
.spin{
    display:inline-block;
    width:126px;

    margin-top:20px;
    margin-bottom:20px;
    margin-left:34px;


    border-width: 2px;
    border-color: rgba(0,0,0,0.53);
    border-style: solid;
    background-color: #2e3030;
    border-radius: 20px;
    font-family: Ubuntu;
    color: #8f8f8f;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.23);
    border-color: yellow;
}

.spin-text{float:left;display:inline}
.spin-down,.spin-up{
    width:20px;
    height:20px;
    margin:0 auto;
    position:relative;
    left:1px;
    cursor:pointer;
    display: inline;
    font-size: 32px;
    font-family: Ubuntu;
}
.spin-down{
    float: left;
}

.spin-text{
    font-size:32px;
    font-family:Ubuntu;

    margin-left:4px;
    width:70px
}
.buy-button{
    max-width: 160px;
}
#order_form .custom-control-label
{
	position: relative;
    padding-left: 30px;
}
   
#order_form .custom-control-label::after{
    display: none;
}

#order_form .custom-control-label::before{
    background-color: #202323;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.53);
}
#order_form .custom-control-input:checked ~ .custom-control-label::before {
    background-image: linear-gradient(0deg, #fec744 0%, #ff9600 100%);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.23);
}
input[type='text'],textarea,input[type='number'],input[type='email'],input[type='password']{
    background-color: #151515 !important;
    color: white;
    border-radius: 25px !important;
}

.form-control:focus,.form-control:focus {
    color: yellow;
}

@media (max-width: 991px) {
    .logo{
        position: inherit;
        display: inline-block;
    }
    h1{
        font-size: 40px;
    }
}
.modal-content{
    background-color: #2c2e2e;
}
.modal-header{
    font-family: Ubuntu;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    transform: scaleY(1.0069);
    color: yellow;
    background: -webkit-linear-gradient(#ff9600,#fec744);
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
    border-bottom: 1px solid #1d1e1e;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(67,70,70,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(67,70,70,1);
    box-shadow: 0px 1px 0px 0px rgba(67,70,70,1);
    text-transform: uppercase;
}
.modal-footer{
    text-align: center;
    display: block;
    border: none;

}
.modal-header .close{
    position: absolute;
    right: -50px;
    color: white;
    font-weight: 100;
    font-size: 50px;
    opacity: 1;
    font-family: serif;
}
.modal-body{
    color: white;
    font-family: Ubuntu;
    font-size: 22px;
}
.modal-content{
    padding: 0 20px;
}
.btn-secondary{
    border-radius: 25px;
    background-color: transparent;
    border: 2px solid yellow;
    background: -webkit-linear-gradient(#ff9600,#fec744);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Ubuntu;
    font-weight: bold;

}
.btn-primary{
    border-radius: 25px;
    background: linear-gradient(0deg, #fec744 0%, #ff9600 100%);
    color: #2c2e2e;
    border-color: transparent;
}
.btn-primary:hover{
    color: #2c2e2e;
}
.margin-content{
    margin-top:120px;
    color: white;

}
.nav-tabs .nav-link.active{
    color:yellow;
}
.nav-tabs .nav-link:hover{
    border-color: #151515;
}
.nav-tabs{
    border-color: transparent;
}
.tab-content > .active, .nav-tabs .nav-link.active,.tab-content > .active .card{
    background-color: #151515;
    border-color: transparent;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.grow{
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
.grow:hover
{
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.receipt-product .product-price,.receipt-product .add-to-cart{
	float:left;
}
.breadcrumb-item a {
	color: white;
}

.right-popup {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: #fff;
    width: 0px;
    opacity: 0;
    transition: 0.3s;
    min-height: 100vh;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.09);
    visibility: hidden; }
.right-popup__wrap {
    display: none;
    position: relative; }
.right-popup_active {
    opacity: 1;
    width: 385px;
    visibility: initial; }
.right-popup_active .right-popup__wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100vh; }
.right-popup__header {
    padding: 10px 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    height: 75px; }
.right-popup__header_basket {
    margin-bottom: 6px; }
.right-popup__header__title {
    font-family: "Montserrat";
    font-size: 22px;
    font-weight: 400;
    color: #111111; }
.right-popup__header__close {
    width: 20px;
    height: 17px;
    cursor: pointer;
    text-align: center; }
.right-popup__header__close img {
    width: 9px;
    height: 17px; }

.cart{
    cursor:pointer;
}
.basket {
    z-index: 22;
    min-height: 100vh;
    position: fixed;
}
.basket__restaurant {
    padding-right: 16px;
    padding-left: 16px; }
.basket__restaurant__checkout {
    padding: 0; }
.basket__restaurant__title {
    background-color: #ededed;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
    text-align: center;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #9c9c9c;
    letter-spacing: -0.28px;
    margin-bottom: 14px; }
.basket__restaurant__title_checkout {
    padding: 13px; }
.basket__product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 15px; }
.basket__product__checkout {
    justify-content: center; }
.basket__product__img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 15px; }
.basket__product__img__checkout {
    margin-right: 0; }
.basket__product__img__wrap {
    margin-right: 15px;
    border-radius: 8px;
    height: 60px;
    position: relative; }
.basket__product__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: 0.3s;
    cursor: pointer; }
.basket__product__background__svg {
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    transform: translate(50%, 50%); }
.basket__product:hover .basket__product__background {
    opacity: 1;
    transition: 0.3s; }
.basket__product__counter {
    flex-basis: 25%; }
.basket__product__info {
    flex-basis: 50%;
    flex-grow: 1; }
.basket__product__info__small {
    flex-basis: 20%;
    flex-grow: 0.9; }
.basket__product__delete {
    flex-basis: 5%;
    width: 16px;
    height: 16px;
    min-height: 16px;
    min-width: 16px;
    max-width: 16px;
    max-height: 16px;
    cursor: pointer; }
.basket__product__name {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 5px;
    cursor: pointer;
    text-decoration: none;
    display: block; }
.basket__product__price {
    font-family: "Montserrat";
    font-size: 19px;
    font-weight: 500; }
.basket__sum {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
    border-top: #dddddd 1px solid;
    margin-bottom: 15px; }
.basket__sum__text {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300; }
.basket__sum__price {
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 600; }
.basket__footer {
    padding: 20px;
    background-color: black;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none; }
.basket__footer__text {
    margin-right: 20px;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 300;
    color: #bbbbbb; }
.basket__footer:hover .basket__footer__text {
    color: #aaa;
    transition: 0.3s; }
.basket__content {
    flex-grow: 2;
    margin-top: 8px;
    overflow-y: auto;
    height: 100px;
    position: relative; }
.basket__content::-webkit-scrollbar {
    width: 5px;
    background-color: #ddd;
    border-radius: 20px; }
.basket__content::-webkit-scrollbar:horizontal {
    height: 22px; }
.basket__content::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 20px; }
.basket__content::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 20px; }

@media (max-width: 576px) {
    .basket {
        width: 100%;
        min-height: 80vh; }
    .basket__wrap {
        min-height: 80vh !important; } }


@media (max-width: 1599px) {
    .margin-content{
        margin-top:50px;

    }
    
}
@media (max-width: 600px) {
    .content .product{
        margin: 0;
    }
    .content .row{
        text-align: center;
    }
    .content .receipt-text{
        margin: 0 auto;
    }
    .content .product-radio-list{
        margin: 0 auto;
        text-align: center;
    }
    .content .product-buy-row{
        text-align: center;
        margin: 0 auto;
        margin-top: 60px;
    }
    .modal-content .btn-secondary{
        margin-bottom: 10px;
    }
    .modal-dialog{
        max-width: 90%;
    }
    .margin-content{
        margin-top:20px;

    }
	.change-receipt{
		margin-top:46px;
	}
}