@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



@font-face {

    font-family: 'Neue Machina';

    src: url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultralight.eot');

    src: local('Neue Machina Ultralight'), local('NeueMachina-Ultralight'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultralight.eot?#iefix') format('embedded-opentype'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultralight.woff2') format('woff2'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultralight.woff') format('woff'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultralight.ttf') format('truetype');

    font-weight: 200;

    font-style: normal;

}



@font-face {

    font-family: 'Neue Machina';

    src: url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Light.eot');

    src: local('Neue Machina Light'), local('NeueMachina-Light'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Light.eot?#iefix') format('embedded-opentype'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Light.woff2') format('woff2'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Light.woff') format('woff'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Neue Machina';

    src: url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Black.eot');

    src: local('Neue Machina Black'), local('NeueMachina-Black'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Black.eot?#iefix') format('embedded-opentype'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Black.woff2') format('woff2'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Black.woff') format('woff'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

}



@font-face {

    font-family: 'Neue Machina';

    src: url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Regular.eot');

    src: local('Neue Machina Regular'), local('NeueMachina-Regular'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Regular.eot?#iefix') format('embedded-opentype'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Regular.woff2') format('woff2'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Regular.woff') format('woff'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Neue Machina';

    src: url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Bold.eot');

    src: local('Neue Machina Bold'), local('NeueMachina-Bold'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Bold.eot?#iefix') format('embedded-opentype'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Bold.woff2') format('woff2'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Bold.woff') format('woff'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Neue Machina';

    src: url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'Neue Machina';

    src: url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultrabold.eot');

    src: local('Neue Machina Ultrabold'), local('NeueMachina-Ultrabold'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultrabold.eot?#iefix') format('embedded-opentype'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultrabold.woff2') format('woff2'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultrabold.woff') format('woff'),

        url('/wp-content/themes/konfetkov/assets/fonts/NeueMachina-Ultrabold.ttf') format('truetype');

    font-weight: 800;

    font-style: normal;

}

iframe {

    border: none;

}
.areaCristmassTree{
    max-width: 204px;
    width: 100%;
    height: 204px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#popupNotification {



    align-items: center;

    justify-content: center;

    

    word-wrap: break-word;

    color:  #333B42;

    text-align: center;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Neue Machina;;

    font-size: 17px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    background-color: #F1D170;

    display: block;

    opacity: 0;

    position: fixed;

    top: 10px;

    right: 10px;

    padding: 20px;

    border-radius: 16px;

    transition: 0.3s;

  }

body{

    overflow-x: hidden;

    margin: 0;

    padding: 0;

    background: #F9F9F9;

    z-index: 1;

}

.mainArea{

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    z-index: 1;

}

a{

    text-decoration: initial;

    color: inherit;

}

header{

    display: flex;

    flex-direction: column;

    max-width: 1220px;

    width: 100%;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;



}



.topHeader{

    display: flex;

    align-items: center;

    justify-content: space-between;



}

.logoArea{

    width: 266px;

    height: auto;

    overflow: hidden;

}

.logoArea img{

    width: 266px;

    height: auto;

    overflow: hidden;

}

.rightBlock{

    display: flex;

    max-width: 560px;

    width: 100%;

    justify-content: space-between;

    margin-left: 12px;

}

.numbersArea{

    display: flex;

    align-items: center;

    justify-content: center;

}

.cardShopArea{

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;



}

.iconNumbers{

    width: 45px;

    height: 45px;

    overflow: hidden;

    margin-right: 20px;

}

.iconNumbers img{

    width: 45px;

    height: 45px;

    overflow: hidden;

}







.range_container {

    display: flex;

    flex-direction: column;

    width: 80%;

    margin: 100px auto;

  }

  

  .sliders_control {

    position: relative;

    min-height: 50px;

  }

  

  .form_control {

    position: relative;

    display: flex;

    justify-content: space-between;

    font-size: 24px;

    color: #635a5a;

  }

  

  input[type=range]::-webkit-slider-thumb {

    -webkit-appearance: none;

    pointer-events: all;

    width: 18px;

    height: 18px;

    background-color: #fff;

    border-radius: 50%;

    box-shadow: 0 0 0 1px #C6C6C6;

    cursor: pointer;

  }

  

  input[type=range]::-moz-range-thumb {

    -webkit-appearance: none;

    pointer-events: all;

    width: 18px;

    height: 18px;

    background-color: #fff;

    border-radius: 50%;

    box-shadow: 0 0 0 1px #C6C6C6;

    cursor: pointer;  

  }

  

  input[type=range]::-webkit-slider-thumb:hover {

    background: #f7f7f7;

    

  }

  

  input[type=range]::-webkit-slider-thumb:active {

    box-shadow: inset 0 0 3px #ffffff, 0 0 9px #ffffff;

    -webkit-box-shadow: inset 0 0 3px #ffffff, 0 0 9px #ffffff;

  }

  

  input[type="number"] {

    color: #8a8383;

    width: 50px;

    height: 30px;

    font-size: 20px;

    border: none;

  }

  

  input[type=number]::-webkit-inner-spin-button, 

  input[type=number]::-webkit-outer-spin-button {  

     opacity: 1;

  }

  

  input[type="range"] {

    -webkit-appearance: none; 

    appearance: none;

    height: 7px;

    max-width: 600px;

    width: 100%;

    position: absolute;

    background-color: #5e5e5e;

    pointer-events: none;

  }

  

  #rangeMin {

    height: 0;

    z-index: 1;

  }

.areaNumbers{

    display: flex;

    flex-direction: column;

    height: 45px;

    justify-content: space-between;

}

.number{

    color: #FDFDFD;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Lato;

    font-size: 17px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: uppercase;

}

.number:hover{

    opacity: 0.6;

    cursor: pointer;

}

.cardText{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 80px;

    word-wrap: break-word;

    color:  #FDFDFD;

    text-align: center;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Neue Machina;;

    font-size: 17px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}



.imageCard{

    width: 54px;

    height: 54px;

    overflow: hidden;

}

.imageCard img{



    width: 54px;

    height: 54px;

    overflow: hidden;

}

.amountItem{

    color:  #333B42;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Raleway;

    font-size: 13px;

    font-style: normal;

    font-weight: 600;

    line-height: 145%;

}

.iconNunItem {

    position: absolute;

    right: -8px;

    bottom: -8px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 25px;

    height: 25px;

    flex-shrink: 0;

    border-radius: 100px;

    background: #FFF;

    

}

.inareaCardShopArea{

    display: flex;

    position: relative;

    margin-right: 25px;

}

.bottomHeader{

    border-radius: 1000px;

    border: 2px solid  #FDFDFD;

    display: flex;

    max-width: 1220px;

    padding: 10px 10px 10px 80px;

    justify-content: space-between;

    align-items: center;

    margin-top: 22px;

}

.leftPartBH{

    display: flex;

}

.menuItem{

    color:  #FDFDFD;

    font-family: Neue Machina;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin-right: 45px;

    cursor: pointer;

}

.menuItem:hover{

    opacity: 0.6;

}

.rightPartBH{

    display: flex;

    padding: 25px 20px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 80px;

    background: linear-gradient(180deg, #E8F1F4 0%, #DEF0F5 100%);

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

    cursor: pointer;

}

.itemCatalog{

    color: #4F7582;

    font-family: Neue Machina;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    cursor: pointer;

    text-align: center;

}

main {
    display: flex;
    max-width: 1220px;
    width: 100%;
    margin-top: 40px;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
    justify-content: space-between;
}

.firstBlock{

    display: flex;

    justify-content: center;

    align-items: start;

    flex-direction: column;

}

.titleBlock{

    color:  #FDFDFD;

    font-family: Neue Machina;

    font-size: 60px;

    font-style: normal;

    font-weight: 700;

    line-height: 140%; 

    text-transform: uppercase;

}

.descBlock{

    color:  #FDFDFD;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; 

    text-transform: uppercase;

}

.descBlock span{

    background: linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-family: Neue Machina;

    font-size: 24px;

    font-style: normal;

    font-weight: 700;

    line-height: 150%;

}

.mainBottomTWO {

    display: flex;

    align-items: center;

    flex-direction: row;

    justify-content: space-between;

    margin-top: 43px;

}

.leftPartMain {

    display: flex;

    flex-direction: column;

    border-radius: 30px;

    background: rgba(116, 171, 214, 0.20);

    box-shadow: 0px 0px 20px 0px #98C2E0 inset;

    flex-direction: column;

    align-items: center;

    gap: 20px;

    padding: 50px;

    max-width: 400px;

    justify-content: space-between;

    z-index: 2;

}

.formArea{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 243px;

    display: flex;

    flex-direction: column;

}

.inputLine{

    border: none;

    border-radius: 50px;

    background: #E2EEF3;

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

    display: flex;

    max-width: 330px;



    padding: 20px 35px;

    align-items: center;

    gap: 10px;

    color: #333B42;

    font-family: Neue Machina;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}

.inputLine:focus-visible{

    outline: rgba(255, 255, 255, 0);

}

.btnInput{

    cursor: pointer;

    display: flex;

    max-width: 400px;

    width: 100%;

    border: none;

    padding: 25px 35px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 50px;

    background: linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%);

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

}

.rightPartMain {

    display: flex;

    max-width: 720px;

    overflow: hidden;

}

.rightPartMain img {

    width: 100%;

    height: 100%;

}

.areaItemsDesc{

    max-width: 1220px;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 63px;

    background: url('/wp-content/themes/konfetkov/assets/img/backWhite.png');

}

.roundSvg{

    border-radius: 50px;

    background: #F3F3F3;

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

    display: flex;

    height: 70px;

    width: 70px;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    flex-shrink: 0;

}

.roundSvg svg{

    width: 50px;

    overflow: hidden;

}

.roundSvg img{

    width: 50px;

    overflow: hidden;

}

.itemDesc{

    display: flex;

    max-width: 330px;

    padding: 40px 30px;

    align-items: center;

    gap: 10px;

    flex: 1 0 0;

    border-radius: 20px;

    background:  #FDFDFD;

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20) inset;

}

.imageDesc{

    width: 75px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.titleDescArea{

    display: flex;

    flex-direction: column;   

}

.titleCards{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 19px;

    font-style: normal;

    font-weight: 500;

    line-height: 140%; 

    margin-bottom: 5px;

}

.descCards{

    align-self: stretch;

    color:  #333B42;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Raleway;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%;

}



.areaMain2{

    position: relative;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;

    

}

.inmain2{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;



    z-index: 1;

}

.btnRoundedBlock{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 110%;

    height: 514px;

    margin-top: -267px;

    /* background: #fdfdfd; */

    border-bottom-left-radius: 120px;

    /* border-bottom-left-radius: 3000px;

    border-bottom-right-radius: 3000px */

}

.btnRoundedBlock img{

    margin-top: -925px;

}

.areaSales{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 160px;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;

    flex-direction: column;

}

.areaItemShop{

    display: flex;

    max-width: 1220px;

    width: 100%;

    justify-content: center;

    align-items: center;

    margin-bottom: 24px;

}

.areaLowPrice{

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    flex-direction: column;

}

.itemTextLowPrice{

    box-sizing: border-box;

    display: flex;

    width: 100%;

    padding: 30px 0px;

    justify-content: center;

    padding-left: 25px;

    padding-right: 25px;

    align-items: center;

    gap: 10px;

    border-radius: 80px;

    background: #FDFDFD;

    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.35) inset;

    margin-bottom: 60px;

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; 

    text-transform: uppercase;

}

.btnMore{

    display: flex;

    width: 70px;

    height: 70px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 50px;

    background: var(--Linear, linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%));

    

}

.btnMore:hover{

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

}

.itemSliderProducts{

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    position: relative;

    max-width: 1220px;

    width: 100%;

}

.leftBtnSlider {

    display: flex;

    fill: #E3E5E7;

    width: 70px;

    height: 70px;

    border-radius: 50px;

    cursor: pointer;

    position: absolute;

    left: -50px;

    align-items: center;

    justify-content: center;

    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25) inset;

}



.rightBtnSlider {

    display: flex;

    fill: #E3E5E7;

    width: 70px;

    height: 70px;

    border-radius: 50px;

    cursor: pointer;

    position: absolute;

    right: -50px;

    align-items: center;

    justify-content: center;

    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25) inset;

}

.leftBtnSlider:hover,.rightBtnSlider:hover{

    box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.25) inset

}

.contentItems {
    max-width: 1220px;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    overflow: auto;
    scroll-behavior: smooth;
}

.contentItems::-webkit-scrollbar{

    display: none;

}



.contentItemsCatalog {
    max-width: 1220px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    overflow: auto;
    scroll-behavior: smooth;
    /* flex-direction: column; */
    flex-wrap: wrap;
}







.itemShop {
    display: flex;
    width: 320px;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex-shrink: 0;
    border-radius: 30px;
    margin-right: 40px;
    background: #FDFDFD;
    justify-content: space-between;
}

.itemShopCatalog {
    display: flex;
    width: 300px;
    /* height: 642px; */
    height: auto;
    padding: 30px;
    flex-direction: column;
    gap: 20px;
    flex-shrink: 0;
    border-radius: 30px;
    margin-right: 20px;
    margin-left: 20px;
    background: #FDFDFD;
    margin-bottom: 24px;
    justify-content: space-between;
}

.topItemType {
    display: flex;
    width: auto;
    height: auto;
    overflow: hidden;

    flex-direction: column;
}

.topItemType img {

    width: 60px;

    height: 60px;

}

.topItemImageMain{

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: center;

}

.topItemImageMain img{

    max-width: 320px;

    width: 100%;

}

.bottomAreaShop{

    margin-top: 20px;

    margin-bottom: 20px;

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    text-transform: uppercase;

}

.priceMore{

    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: center;

}

.price{

    display: flex;

    color: #333B42;

    font-family: Neue Machina;

    font-size: 19px;

    font-style: normal;

    font-weight: 500;

    line-height: 140%;

    opacity: 0.7;

}

.btnMore{

    width: 70px;

    height: 70px;

    border-radius: 50px;

    overflow: hidden;

    cursor: pointer;

    background: linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%);

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

    transition: 0.3s;

    

}

.btnMore:hover{

    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.25) inset;

    margin-right: 5px;

}

.BtnNewYearPresents{

    cursor: pointer;

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: flex;

    width: 330px;

    padding: 25px 35px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    box-sizing: border-box;

    border-radius: 50px;

    background:  linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%);

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

}

.BtnNewYearPresents:hover,.btnCatalogFooter:hover,.btnInput:hover,.rightPartBH:hover,.inputLine:focus,.btnAddCard:hover,.btnMinusAbout:hover,.btnPlusAbout:hover{

    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.25) inset;

}

.cardText:hover{

    opacity: 0.6;

}

.areaMarquee {





    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}

.inMarq{

    width: max-content;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    /* transform: translate3d(100px,0px,0px); */

    transition: 2s;

}

.itemMarquee{

    margin-right: 70px;

    display: flex;

    align-items: center;

    justify-self: center;

}

.itemMarquee img{

    height: 85px;

}

footer {

    display: flex;

    width: 100%;

    align-items: center;

    justify-content: center;

    margin-top: 220px;



    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;

    background: linear-gradient(107deg, #69BAF2 0%, #5192C7 100%);

}

.inFooter{

    display: flex;

    max-width: 1220px;

    width: 100%;

    padding-top: 25px;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 25px;



}

.leftPartFooter{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 354px;

}

.centerPartFooter {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: start;

    height: 354px;

}

.itemFooterMenu{

    color:  #FDFDFD;

    font-family: Neue Machina;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin-bottom: 20px;



}

.textCopiright,.textDev{

    color:  #FDFDFD;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Raleway;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%;

    cursor: pointer;

}

.itemFooterMenu:hover,.textCopiright:hover{

    opacity: 0.6;

    cursor: pointer;

}

.rightPartFooter{

    display: flex;

    flex-direction: column;

}

.numberItemsFooter {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}

.rightPartFooter {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-end;

    height: 354px;

}



.itemNumF{

    color:  #FDFDFD;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Lato;

    font-size: 30px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.itemNumF:hover{

    opacity: 0.6;

}

.btnCatalogFooter{

    display: flex;

    padding: 25px 40px;

    max-width: 166px;

    width: 100%;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 80px;

    background: linear-gradient(180deg, #E8F1F4 0%, #DEF0F5 100%);

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

    color: #4F7582;

    font-family: Neue Machina;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    cursor: pointer;

}

.kroshki{

    color:  #FDFDFD;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; 

    text-transform: uppercase;

    margin-bottom: 31px;

}

.kr:hover{

    opacity: 0.6;

    cursor: pointer;

}

.areaSortForm {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;

}

.insortForm {
    max-width: 1150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333B42;
    font-family: Neue Machina;
    font-size: 42px;
    font-style: normal;
    padding: 10px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 20px;
    margin-left: 48px;
    margin-bottom: 20px;
    flex-direction: column;
}

.insortFormMain{

    max-width: 1150px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #333B42;

    font-family: Neue Machina;

    font-size: 42px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

    /* margin-top: 60px; */

    margin-left: 70px;

    margin-bottom: 60px;

    flex-direction: column;

}

.insortFormMain svg{

    margin-right: 25px;

}

.insortForm span{

    margin-left: 25px;

}

.areaSored{

    margin-bottom: 160px;

    border-radius: 30px;

    background: linear-gradient(107deg, #69BAF2 0%, #5192C7 100%);

    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.35) inset;

}

.lineInputs {

    max-width: 1080px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-right: 70px;
    margin-bottom: 20px;

}

.firstInputs{

    width: 56px;

    height: 33px;

    border-radius: 2px;

    background:  #FDFDFD;

    color: #333B42;

    font-family: Neue Machina;

    font-size: 19px;

    font-style: normal;

    font-weight: 500;

    line-height: 140%; 

    margin-right: 20px;

    border: none;

}

.firstInputs:focus-visible{

    outline: rgba(255, 255, 255, 0);

}

.nameInputText{

    color:  #FDFDFD;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    text-transform: uppercase;

    margin-right: 25px;

}

.areaInputsTwo{

    display: flex;

    align-items: center;

    justify-content: center;

}













.itemCheckbox input[type="checkbox"] {

    display: none; /* Скрываем стандартный чекбокс */

  }

  

  .itemCheckbox label {

    display: inline-block;

    width: 20px; /* Ширина чекбокса */

    height: 20px; /* Высота чекбокса */

    background: #fff; /* Белый фон */

    

    border-radius: 4px; /* Скругленные углы */

    cursor: pointer;

    position: relative; /* Разрешаем позиционирование для псевдо-элемента */

  }

  

  .itemCheckbox label::before {

    content: "✔"; /* Заменяем содержимое псевдо-элемента на красную галочку */

    color: #f00; /* Красный цвет галочки */

    font-size: 16px; /* Размер галочки (по желанию) */

    line-height: 20px; /* Выравнивание по центру (по желанию) */

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    opacity: 0; /* Скрываем галочку */

  }

  

  .itemCheckbox input[type="checkbox"]:checked + label::before {

    opacity: 1; /* Отображаем галочку при выборе */

  }

  

  

















.range-container {

    display: flex;

    align-items: center;

    height: 50px;

    max-width: 600px;

    width: 100%;

    margin-right: 40px;

}



.custom-range {

    -webkit-appearance: none;

    width: 100%;

    max-width: 457px;

    height: 8px;

    border-radius: 4px;

    background: #fff;

    outline: none;

    margin: 0;

}



.custom-range::-webkit-slider-thumb {

    -webkit-appearance: none;

    appearance: none;

    width: 18px;

    height: 18px;

    background: #fff; /* Задаем белый цвет */

    border-radius: 50%;

    cursor: pointer;

    margin-top: -6px;

}







.inputsSelector {

    display: flex;

    max-width: 992px;

    flex-wrap: wrap;

    height: 80px;

    align-content: space-around;

}

.itemCheckbox span{

    color: #FFF;

    font-family: Neue Machina;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;  

    margin-left: 10px;

}

.itemCheckbox{

    display: flex;

    margin-right: 30px;

}

.btnSortCheck{

    color: #333B42;

    font-family: Neue Machina;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: flex;

    padding: 25px 35px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 50px;

    background:  linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%);

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

    cursor: pointer;

    border: none;

}



.titleSortForm{

    display: flex;

}

.areaBTNsort{

    width: 100%;

    display: flex;

    align-items: start;

    justify-content: start;

}







/* Доставка */





.areaDostavka{

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.inDostavka{

    max-width: 1220px;

    width: 100%;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;



}

.firstItemDostavka,.secondItemDostavka,.thirdItemDostavka {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    height: auto;

    

}

.secondItemDostavka{

    margin-top: 120px;

    align-items: start;

}

.titleDostavka{

    box-sizing: border-box;

    padding: 50px 60px;

    display: flex;

    max-width: 1100px;

    width: 100%;

    height: 63px;

    align-items: center;

    gap: 10px;

    border-radius: 80px;

    background: #FDFDFD;

    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.35) inset;  

    color: #333B42;

    font-family: Neue Machina;

    font-size: 42px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

    padding-left: 60px;

    margin-bottom: 40px;

}

.itemTwoDOostavka {

    width: 100%;

    display: flex;

    justify-content: space-between;

    height: 100%;

}

.leftPartDostavka{

    max-width: 588px;

    width: 100%;

    height: 300px;

}

.textDostavka{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; /* 33px */

    text-transform: uppercase;

}

.rightPartDostavka {

    max-width: 590px;

    width: 100%;

    height: 100px;

    align-items: center;

    justify-content: center;

}

.itemDostavka {

    display: flex;

    padding: 20px 30px;

    border-radius: 30px;

    border-bottom: 1px solid #E3E5E7;

    background: linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%);

    align-items: center;

}

.imgItemDost{

    color:  #333B42;

    text-align: center;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; 

    text-transform: uppercase;

    display: flex;

    width: 60px;

    height: 60px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 10px;

    flex-shrink: 0;

    border-radius: 1000px;

    background: #FDFDFD;

    margin-right: 25px;

}

.descDostItem{

    color: #333B42;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Raleway;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%; 

}

.descTextOplata{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; /* 33px */

    text-transform: uppercase;

}

.areaItesmTypeOpl{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 40px;

    margin-bottom: 123px;

}

.itemInfoOp{

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-radius: 30px;

    border-bottom: 1px solid  #E3E5E7;

    background: var(--2-b-4939, #7CBAEA);

    padding: 20px 25px;

}

.textOp{

    max-width: 310px;

    height: 46px;

    color:  #FDFDFD;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Neue Machina;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%;

}

.pointOp{

    width: 10px;

    height: 10px;

    margin-right: 18px;

}

.areaMarker{

    width: 100%;

    display: flex;

    align-items: start;

    justify-content: start;

}

.marker{

    margin-right: 20px;

    width: 22px;

    height: 30px;

}

.textCountry{

    color: #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; 

    text-transform: uppercase;

}

.textYsl{

    margin-top: 40px;

    margin-bottom: 40px;

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    text-transform: uppercase;

    width: 100%;

    display: flex;

    align-items: start;

    justify-content: start;

}



.areaWarningText{

    width: 100%;

    margin-top: 40px;

    display: flex;

    align-items: start;

    justify-content: start;

}

.vosk{

    width: 13px;

    height: 47px;

    margin-right: 30px;

}

.TextWarn{

    color: #000;

    text-align: center;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    text-transform: uppercase;

}



/* Контакты */

.areaContacts{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.inContacts{

    display: flex;

    align-items: center;

    max-width: 1220px;

    width: 100%;

    justify-content: space-between;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;

}

.leftPartContacts {

    display: flex;

    max-width: 328px;

    width: 100%;

    border-radius: 20px;

    padding: 66px 60px;

    background: #F3F3F3;

    height: 300px;

    flex-direction: column;

    justify-content: space-between;

}

.typeContact {

    max-width: 300px;

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: start;

}

.iconType{

    width: 30px;

    margin-right: 12px;

}



.textType{

    display: flex;

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; 

    text-transform: uppercase; 

}



.descType{

    color: #16191A;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Raleway;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%; 

}

.topType{

    display: flex;

    margin-bottom: 10px;

}

.divRightPartContacts{

    max-width: 740px;

    width: 100%;

    border-radius: 25px;

    overflow: hidden;

    height: 431px;

}

.itemArea{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 105px;

    flex-direction: column;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;

}

.areaPodarok {

    max-width: 1220px;

    width: 100%;

    display: flex;

    flex-direction: row;

    /* align-items: center; */

    justify-content: flex-start;

}

.leftPodarok {

    display: flex;

    max-width: 700px;


    height: 800px;

    width: 100%;

    background: white;

    border-radius: 20px;

    overflow: hidden;

    margin-right: 40px;

    align-items: center;

    justify-content: center;

}

.rightPodarok {

    display: flex;

    align-items: start;

    justify-content: start;

    max-width: 360px;

    width: 100%;

    height: 700px;

    flex-direction: column;

}

.topPodarok {

    padding-bottom: 20px;

    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;

    width: 100%;

    justify-content: space-between;

    margin-bottom: 38.3px;
    margin-top: 0;

    border-bottom: 1px solid  #E3E5E7;

}

.grammArea,.typeEmkost{

    display: flex;

    align-items: center;

}

.grammArea svg,.typeEmkost svg{

    margin-right: 20px;

}

.grammArea span,.typeEmkost span{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; 

    text-transform: uppercase;

}

.counterProduct {

    display: flex;

    flex-direction: row;

    align-items: center;

    width: 200px;

    height: 60px;

    justify-content: space-between;

    flex-direction: row;

}

.areaAmount {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

}

.titleSostav,.titleStoimost{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 800;

    line-height: 150%; 

    text-transform: uppercase;

    margin-bottom: 5px;
}
.titleStoimost{
    font-weight: 500;
    font-size: 19px;
    line-height: 140%;
    color: #000;
    text-transform: none;
    margin-bottom: 10px;
}

.areacounter{

    display: flex;

    flex-direction: row;

    align-items: center;

    margin-bottom: 5px;

}

.titleCounter{

    color: #000;

    font-family: Neue Machina;

    font-size: 19px;

    font-style: normal;

    font-weight: 500;

    line-height: 140%; 

    margin-right: 30px;

}

.btnMinusAbout,.btnPlusAbout{

    cursor: pointer;

    display: flex;

    width: 50px;

    height: 50px;

    color: #C1C1C1;

    font-family: Neue Machina;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    justify-content: center;

    align-items: center;

    gap: 8.333px;

    border-radius: 41.667px;

    background:  #F3F3F3;

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

}



  

.counterInput{

    display: flex;

    width: 60px;

    height: 60px !important;

    padding-left: 22px;

    border: none;

    color: #444444;

    font-family: Neue Machina;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 50px;

    background: var(--Style, #F3F3F3);

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

}

.counterInput:focus{

    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.25) inset;

}

.counterInput:focus-visible{

    outline: rgba(255, 255, 255, 0);

    border: none;

}

.btnAddCard{

    cursor: pointer;

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    display: flex;

    padding: 22.5px 35px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 50px;

    background: linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%);

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

}

.areaEliteAndClassic{

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

    margin-top: 160px;

}

.inElitClass{

    max-width: 1220px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: start;

}

.itemElitBtn,.itemClassicBtn,.itemVipBtn{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; /* 33px */

    text-transform: uppercase;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 110px;

    display: flex;

    padding: 20px 60px;

    align-items: center;

    gap: 20px;

    background:  #F9F9F9;

    cursor: pointer;

}

.selectBtn{

    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

}

.itemElitBtn, .itemClassicBtn{

    margin-right: 140px;

}

.areaWithNabor{

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 30px;

}

.inNaborElit {

    max-width: 1100px;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    display: inline-flex;

    padding: 60px;

    flex-direction: column;

    align-items: flex-start;

    gap: 44px;

    border-radius: 40px;

    background: #FDFDFD;

}

.itemsNabor{

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.itemSolo{

    display: flex;

    max-width: 220px;

    width: 100%;

    padding: 20px;

    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

    border-radius: 20px;

    background: #F9F9F9;

    margin-bottom: 20px;

}

.initemSolo{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.initemSolo img{

    width: 220px;

    overflow: hidden;

}

.InfoCandy{

    margin-top: 20px;

}

.titleCandy{

    margin-bottom: 34px;

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 19px;

    font-style: normal;

    font-weight: 500;

    line-height: 140%;

}

.descCandy{

    color:  #333B42;

    font-variant-numeric: lining-nums proportional-nums;

    /* p */

    font-family: Raleway;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%;

}

.recommentedText{

    width: 100%;

    display: flex;

    margin-top: 120px;

    margin-bottom: 40px;

    color:#333B42;

    font-family: Neue Machina;

    font-size: 42px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: uppercase;

    align-items: start;

    justify-content: start;

}

.titleNabor{

    max-width: 1100px;

    color:  #333B42;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Raleway;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%; 

}





/* Корзина */

.areaCardMain {

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

    margin-top: 95px;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;

}

.inCardArea {

    max-width: 1220px;

    width: 100%;

    display: flex;

    flex-direction: column;

}

.topInfoCard{

    display: flex;

    align-items: center;

    width: 100%;

    justify-content: space-between;

    padding-bottom: 20px;

    border-bottom: 1px solid  #E3E5E7;

}

.itemInfoCard{

    display: flex;

    align-items: center;

    justify-content: center;

    color: #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    width: 100%;

    text-transform: uppercase;

}

.ItemsAreaCard{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    width: 100%;

    margin-top: 22px;

}

.soloCardItem {

    display: flex;

    justify-content: space-between;

    height: auto;

    align-items: center;

    border-bottom: 1px solid #E3E5E7;

    /* border-top: 1px solid #E3E5E7; */

    padding-bottom: 40px;

    padding-top: 40px;

}

.soloPrice{

    color:  #333B42;

    text-align: center;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    text-transform: uppercase;



}

.itogPrice{

    color:  #333B42;

    text-align: center;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    text-transform: uppercase; 

}



.NameProduct{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; /* 33px */

    text-transform: uppercase;

    margin-bottom: 10px;

}

.descProduct{

    color:  #333B42;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Raleway;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%;

    margin-bottom: 42px;

}

.areaCounterCard{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.counterProductCard {

    display: flex;

    flex-direction: row;

    align-items: start;



    height: auto;

    justify-content: space-between;

    flex-direction: column;

}

.imageCardPage{

    max-width: 220px;

    max-height: 260px;

    height: 100%;

    background: white;

    width: 100%;

    overflow: hidden;

}



.imageCardPage img{

    max-width: 220px;

    max-height: 260px;

    width: 100%;

}



.btnRemoveCard{

    margin-top: 42px;

    cursor: pointer;

    display: flex;

    width: 60px;

    height: 60px;

    padding: 0px 12px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    flex-shrink: 0;

    border-radius: 100px;

    background:  #FDFDFD;

    

}





.btnMinusAbout:hover,.btnSortCheck:hover,.btnPlusAbout:hover,.btnRemoveCard:hover{

    box-shadow: 0px 3.33333px 8.33333px 5px rgba(0, 0, 0, 0.25) inset;

}



.areaMainSum{

    display: flex;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 100px;

    margin-top: 40px;

    border-bottom: 1px solid #E3E5E7;

    padding-bottom: 20px;

}

.inmainSum {

    display: flex;

    align-items: center;

    max-width: 1070px;

    width: 100%;

    justify-content: space-between;

}

.textSum{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%;

    text-transform: uppercase;

}

.mainSum{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 150%; /* 33px */

    text-transform: uppercase;

}

.areaForm{

    width: 100%;

    display: flex;

    align-items: center;

    flex-direction: column;

}

.informArea {

    display: flex;

    max-width: 1200px;

    width: 100%;

    align-items: center;

    justify-content: space-between;

    padding-left: 25px;

    padding-right: 25px;

    box-sizing: border-box;

}

.leftPartForm {

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    align-items: flex-start;

    gap: 40px;

    align-self: stretch;

    max-width: 598px;

    width: 100%;

    height: 343px;

}

.titleFormText{

    color:  #333B42;

    font-family: Neue Machina;

    font-size: 60px;

    font-style: normal;

    font-weight: 700;

    line-height: 140%; 

    text-transform: uppercase;

}

.areaSendForm{

    display: flex;

    padding: 30px 40px;

    align-items: center;

    gap: 30px;

    border-radius: 20px;

    border-bottom: 1px solid  #E3E5E7;

    background: #7CBAEA;

}

.areaSendForm span{

    max-width: 270px;

    color:  #FDFDFD;

    font-variant-numeric: lining-nums proportional-nums;

    font-family: Raleway;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%; 

}

.rightPartForm{

    display: flex;

    padding: 50px;

    flex-direction: column;

    align-items: flex-start;

    box-sizing: border-box;

    gap: 20px;

    border-radius: 20px;

    background: #F9F9F9;

    box-shadow: 0px 0px 20px 0px #BCBCBC inset;

}

.bottomHeaderMob{

    display: none;

}



.twoItemsCard {

    display: flex;

    max-width: 654px;

    width: 100%;

    justify-content: space-between;

}

.containerHeader {

    display: flex;

   

    width: 100%;

    align-items: center;

    justify-content: center;

}

main {
    display: flex;
    max-width: 1220px;
    width: 100%;
    margin-top: 40px;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
    align-items: flex-end;
}



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

    .menuItem{

        margin-right: 20px;
        font-size: 1.6vw;

    }

    input[type="range"] {

        -webkit-appearance: none; 

        appearance: none;

        height: 7px;

        max-width: 420px;

        width: 100%;

        position: absolute;

        background-color: #5e5e5e;

        pointer-events: none;

      }

    .lineInputs {

        margin-right: 0;

    }

    .containerHeader {

        display: flex;

        max-width: 910px;

        width: 100%;

        align-items: center;

        box-sizing: border-box;

        justify-content: center;

    }



    .iconNumbers svg,.imageCard svg{

        margin-right: 12px;

    }

    main {

        display: flex;

        max-width: 910px;

        box-sizing: border-box;

        width: 100%;

        margin-top: 40px;

        padding: 25px 25px 0px 25px;

        flex-direction: row;

        align-items: flex-end;

    }

    .rightPartMain {

        display: flex;

        max-width: 720px;

        overflow: hidden;

        margin-left: -145px;

    }

    header {

        display: flex;

        flex-direction: column;

        max-width: 920px;

        width: 100%;

        align-items: center;

    }

    header{

        padding: 25px 25px 25px 25px;

    

    }

    .topHeader {

        max-width: 920px;

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .bottomHeader{

        max-width: 870px;

        width: 92%;

    } 

    .titleBlock{

        font-size: 40px;

    }

    .firstBlock{

        max-width: 910px;

        width: 100%;

        padding: 25px 25px 25px 25px;

    }

    main {

        display: flex;

        max-width: 910px;

        width: 100%;

        margin-top: 40px;

        flex-direction: row;

        align-items: flex-end;

    }

    .mainBottomTWO {

        display: flex;

        align-items: flex-end;

        flex-direction: row;

        justify-content: space-between;

        margin-top: 43px;

        max-width: 960px;

    }

    .itemDesc{

        max-width: 242px;

        width: 100%;

        height: auto;

        padding-bottom: 25px;

        box-sizing: border-box;

    }

    .areaItemsDesc{

        max-width: 960px;

        width: 100%;

    }

    .areaLowPrice{

        max-width: 960px;

        width: 100%;

        

    }

    .leftBtnSlider{

        left: 0px;

    }

    .rightBtnSlider{

        right: 0px;

    }

    .inFooter{

        max-width: 960px;

        width: 100%;

    }

    .itemShop{

        width: 240px;

    }

    .areaSored{

        max-width: 960px;

    }

    .inputsSelector{

        height: auto;

    }

    .lineInputs{

        margin-top: 24px;

    }

    .insortForm{

        max-width: 715px;

        padding-right: 10px;
        padding-left: 20px;
        margin: 0;

    }

    .areaItemShop{

        max-width: 960px;

    }

    .titleSortForm span{

        font-size: 35px;

    }

    .leftPartContacts{

        margin-right: 24px;

    }

    .titleDostavka{

        max-width: 840px;

        

    }

    .leftPartDostavka{

        max-width: 330px;

    }

    .firstItemDostavka{

        max-width: 960px;

    }

    .inDostavka{

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .areaItesmTypeOpl {

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-top: 40px;

        margin-bottom: 123px;

        flex-direction: column;

    }

    .itemInfoOp {

        display: flex;

        width: 95%;

        justify-content: flex-start;

    }

    .secondItemDostavka{

        max-width: 960px;

    }

    .thirdItemDostavka{

        max-width: 960px;

    }



    .areaPodarok {

        max-width: 1220px;

        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        justify-content: flex-start;

    }

    .rightPodarok{

        margin-top: 51px;

    }

    .areaTwoAreaAmount{

        display: flex;

        /* max-width: 700px; */

        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        gap: 50px;
        /* justify-content: space-between; */

    }

    .areaAmount{

        margin-top: 0 !important;

        max-width: 305px;

        width: 100%;

    }

    .rightPodarok {

        display: flex;

        align-items: start;

        justify-content: start;

        max-width: 700px;

        width: 100%;

        height: auto;

        flex-direction: column;

    }

    .titleSostav{

        max-width: 305px;

        width: 100%;

    }

    .topPodarok {

        display: flex;

        width: 100%;

        justify-content: flex-start;

        margin-bottom: 82.5px;

        border-bottom: 1px solid #E3E5E7;

    }

    .grammArea{

        margin-right: 24px;

    }

    .areaPodarok {

        max-width: 960px;

    }

    .inNaborElit {

        max-width: 840px;

    }

    .areaEliteAndClassic{

        max-width: 960px;

    }

    .informArea {

        display: flex;

        max-width: 960px;

        width: 100%;

        align-items: flex-start;

        justify-content: space-between;

        flex-direction: column;

        box-sizing: border-box;

    }

    .inCardArea{

        max-width: 960px;

    }

    .NameProduct{

        font-size: 18px;

    }

    .imageCardPage{

        margin-right: 12px;

    }

    .leftPartForm {

        display: flex;

        flex-direction: column;

        justify-content: space-around;

        align-items: flex-start;

        gap: 40px;

        align-self: stretch;

        max-width: 598px;

        width: 100%;

        height: auto;

    }

    .areaSendForm{

        margin-bottom: 40px;

    }

    .twoItemsCard {

        display: flex;

        max-width: 323px;

        width: 100%;

        justify-content: space-between;

        flex-direction: column;

    }

    .imageCardPage{

        margin-bottom: 24px;

    }

    .itemInfoCard:nth-child(1){

        display: none;

    }

}



@media screen and (max-width: 778px) {
    .areaCristmassTree{
        max-width: 204px;
        width: 100%;
        height: 204px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: -25px;
    }
}



@media screen and (max-width: 768px) {
    .areaCristmassTree{
        max-width: 204px;
        width: 100%;
        height: 204px;
        display: none;
        align-items: center;
        justify-content: center;

    }
    .rightPartMobMenu {

        display: flex;

        padding: 10px 15px;

        flex-direction: column;

        justify-content: center;

        height: 50px;

        align-items: center;

        align-self: stretch;

        border-radius: 100px;

        border: 2px solid #F9F9F9;

        margin-right: 10px;

        cursor: pointer;

        transition: 0.4s;

        margin-top: 5px;

    }

    input[type="range"] {

        max-width: 280px;

    }

    .burgerMenu {

        position: relative;

        /* padding: 10px; */

        background: transparent;

        border: 1px solid transparent;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        align-items: center;

        height: 70%;

    }

      

      .burgerMenu:focus {

        outline-width: 0;

      }

      

      .burgerMenu [class*='bar-'] {

        background: #F1D170;

        display: block;

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-transition: .2s ease all;

        transition: .2s ease all;

        border-radius: 8px;

        height: 4px;

        width: 64px;

    }

      

      .burgerMenu .bar-top ,.burgerMenu .bar-bot{

        margin-bottom: 0;

        background: #ffffff;

      }

      .opened{

        margin-left: 12px;

      }

      .opened .bar-top {

        background: #ffffff;

        -webkit-transform: rotate(45deg);

                transform: rotate(45deg);

        -webkit-transform-origin: 15% 15%;

                transform-origin: 15% 15%;

      }

      .opened .bar-mid {

        opacity: 0;

        display: none;

      }

      .opened .bar-bot {

        background: #ffffff;

        -webkit-transform: rotate(45deg);

                transform: rotate(-45deg);

        -webkit-transform-origin: 15% 95%;

                transform-origin: 15% 95%;

      }















    .bottomHeader{

        display: none;

    }

    .topHeader{

        display: none;

    }

    .showTopHeader{

        display: flex;

    }

    .bottomHeaderMob {

        position: relative;

        max-width: 725px;

        width: 100%;

        display: flex;

        border-radius: 1000px;

        border: 2px solid  #FDFDFD;

        height: 87px;

        align-items: center;

        justify-content: space-between;

        margin-top: 30px;

    }

    .areaNoSrollArea{

        width: 100%;

        display: flex;



        justify-content: center;

    }

    .noscrollMob{

        position: fixed;

        background: linear-gradient(107deg, #69BAF2 0%, #5192C7 100%);

        z-index: 99999;

        height: 100vh;

        top: 0;

    }



    .leftPartMobMenu{

        margin-left: 10px;

        display: flex;

        padding: 20px 25px;

        justify-content: center;

        align-items: center;

        gap: 10px;

        border-radius: 80px;

        background: linear-gradient(180deg, #E8F1F4 0%, #DEF0F5 100%);

        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) inset;

    }



    .SVGclose{

        transform: rotate(45deg);

    }

    .areaMobileMenu{

        position: absolute;

        top: 90px;

        width: 100%;

        height: 100vh;

        display: none;

        max-width: 768px;

        width: 100%;

        padding: 30px 21px 343px 22px;

        flex-direction: column;

        align-items: center;

        gap: 80px;

        background: linear-gradient(107deg, #69BAF2 0%, #5192C7 100%);

        z-index: 9999;

        box-sizing: border-box;

    }

    .itemMobMenu{

        color:  #FDFDFD;

        font-family: Neue Machina;

        font-size: 28px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

    }

    .itemMobMenu:hover{

        opacity: 0.6;

        cursor: pointer;

    }

    .topHeader{

        max-width: 725px;

    }

    .titleBlock{

        font-size: 50px;

    }

    .mainBottomTWO,.firstBlock{

        max-width: 725px;

    }

    .mainBottomTWO{

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .rightPartMain{

        max-width: 600px;

        width: 100%;

        overflow: hidden;

        margin: 0;

    }

    .areaItemsDesc{

        flex-direction: column;

        max-width: 725px;

        width: 100%;

    }

    .itemDesc{

        max-width: 665px;

        height: auto;

        margin-bottom: 25px;

        flex-direction: column;

        justify-content: start;

        align-items: start;

    }

    .areaItemShop{

        max-width: 726px;

        width: 100%;

    }

    .leftBtnSlider{

        display: none;

    }

    .rightBtnSlider{

        display: none;

    }

    .itemShop{

        max-width: 290px;

        width: 100%;

        margin-right: 20px;

    }

    .openMobMenu{

        display: flex;

    }

    .inFooter{

        flex-direction: column;

        position: relative;

    }

    .leftPartFooter {

        width: 100%;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        height: 110px;

        align-items: center;

    }

    .textCopiright {

        color: #FDFDFD;

        font-variant-numeric: lining-nums proportional-nums;

        font-family: Raleway;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 145%;

        cursor: pointer;

        position: absolute;

        bottom: 0;

        left: 20px;

    }

    .textDev{

        color: #FDFDFD;

        font-variant-numeric: lining-nums proportional-nums;

        font-family: Raleway;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 145%;

        cursor: pointer;

        position: absolute;

        bottom: 0;

        right: 20px;  

    }

    .centerPartFooter {

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: start;

        height: 250px;

        margin-left: 24px;

    }

    .rightPartFooter,.centerPartFooter{

        width: 100%;

        align-items: flex-start;

        margin-left: 24px;

    }

    .openSvg{

        display: flex;

        opacity: 1;

        transition: 0.3s;

        animation-name: burgerAnimOn;

        animation-duration: 0.3s;

    }

    .closeSvg{

        display: flex;

        opacity: 1;

        animation-name: burgerAnimOn;

        animation-duration: 0.3s;

        transition: 0.3s;

    }







    .logoArea{

        max-width: 211px;

        width: 100%;

        margin-right: 67px;

    }

    .logoArea img{

        max-width: 211px;

        width: 100%;

    }

    .iconNumbers{

        height: 45px;

    }

    .iconNumbers img{

        max-height: 45px;

    }

    .number,.cardText{

        font-size: 14px;

    }

    .titleSortForm span{

        font-size: 30px;

    }

    .titleSortForm {

        display: flex;

        align-items: center;

    }

    .insortFormMain{

        margin-left: 40px;

    }

    .lineInputs {

        max-width: 1080px;

        width: 100%;

        display: flex;

        align-items: flex-start;

        justify-content: flex-start;



        flex-direction: column;

        margin-bottom: 30px;

    }

    .nameInputText{

        margin-bottom: 25px;

    }

    .nameInputText{

        font-size: 20px;

    }

    .itemCheckbox{

        margin-bottom: 12px;

    }

    .inContacts{

        flex-direction: column;

    }

    .leftPartContacts{

        max-width: 608px;

        margin-right: 0;

        margin-bottom: 24px;

    }

    .itemTwoDOostavka {

        width: 100%;

        display: flex;

        justify-content: space-between;

        height: 100%;

        flex-direction: column;

        align-items: center;

    }

    .leftPartDostavka{

        height: auto;

        max-width: 95%;

    }

    .rightPartDostavka {

        margin-top: 24px;

        display: flex;

        max-width: 726px;

        width: 100%;

        height: 100%;

        justify-content: start;

        flex-direction: column;

        align-items: flex-start;

    }

    .itemTwoDOostavka{

        max-width: 726px;

    }

    .itemDostavka {

        display: flex;

        width: 92%;

        padding: 20px 30px;

        border-radius: 30px;

        border-bottom: 1px solid #E3E5E7;

        background: linear-gradient(180deg, #F1D170 0%, #F6D87C 44.27%, #E5C86E 99.48%);

        align-items: center;

    }

    .itemDostavka{

        padding-right: 30px;

    }

    .titleDostavka {

        max-width: 620px;

    }





    .leftPodarok {

        height: 700px;

        max-width: 700px;

        width: 100%;

        border-radius: 20px;

        overflow: hidden;

        margin-right: 0px;

    }



    .areaPodarok{

        justify-content: center;

        align-items: center;

    }

    .areaEliteAndClassic {

        max-width: 724px;

    }

    .itemElitBtn {

        margin-right: 30px;

    }

    .itemClassicBtn span{

        font-size: 20px;

    }

    .rightPodarok{

        max-width: 700px;

    }

    .recommentedText{

        font-size: 30px;

    }

    .inCardArea{

        max-width: 725px;

    }

    .ItemsAreaCard{

        max-width: 725px;

    }

    .titleFormText{

        font-size: 35px;

    }

    .informArea {

        display: flex;

        max-width: 725px;

        width: 100%;

        align-items: flex-start;

        justify-content: space-between;

        flex-direction: column;

    }



}

@media (max-width: 1150px){
    .inElitClass{
        display: flex;
        flex-wrap:wrap;
        gap: 50px;
        /* justify-content: space-between; */
    }

    .itemElitBtn, .itemClassicBtn{
        margin-right: unset;
    }
}





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

    input[type="range"] {

        max-width: 230px;

    }

    .topHeader {

        display: flex;

        flex-direction: column;

        max-width: 441px;

        align-items: start;

        justify-content: start;

    }

    .bottomHeaderMob{

        max-width: 441px;

    }

    .firstBlock{

        max-width: 441px;
        width: 100%;
        box-sizing: border-box;
    }

    .titleBlock{

        font-size: 34px;

    }

    .descBlock{

        font-size: 20px;

    }

    .mainBottomTWO{

        max-width: 442px;

    }

    .leftPartMain{

        padding: 25px;

    }

    .inputLine{

        padding: 20px 35px;

        max-width: 276px;

        box-sizing: border-box;

    }

    .btnInput{

        display: flex;

        max-width: 350px;

        font-size: 16px;

        padding: 20px 35px; 

    }

    .areaMobileMenu {

        max-width: 397px;

    }

    .areaItemsDesc{

        max-width: 392px;

    }

    .areaItemShop{

        max-width: 100%;

    }
    .titleShop{
        font-size: calc(13vw / 4.6);
        margin-bottom: calc(14.6vw / 4.6);
        text-transform: unset;
    }

    .price{
         font-size: calc(14vw / 4.6);
    }
    .btnMore{
          width: calc(30vw / 3.6);
        height: calc(30vw / 3.6);
    }   
    .btnMore svg{
          width: calc(12vw / 3.6);
        height: calc(12vw / 3.6);
    }

    
    .contentItems{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        box-sizing: border-box;
    }
    .contentItems *{
        box-sizing: border-box;
    }


    .itemShop{

        margin-right: 0;

        margin-bottom: calc(20vw / 4.6);
        padding: calc(14.6vw / 4.6);
        gap: calc(14.6vw / 4.6);
        width: 100%;
        max-width: 100%;

    }

    .bottomAreaShop{
        margin: 0;
        font-weight: 500;
        line-height: 140%;
        color: #333b42;
        font-size: unset;
    }

    .topItemType img{
        width: calc(30vw / 3.6);
        height: calc(30vw / 3.6);
        object-fit: contain;
    }

    .roundSvg{
        width: calc(30vw / 3.6);
        height: calc(30vw / 3.6);
    }

    .topItemImageMain img{
        width: calc(161vw / 4.6);
        height: calc(161vw / 4.6);
        object-fit: contain;
    }


    .numbersArea{

        margin-bottom: 24px;

    }

    .kr{

        font-size: 20px;

    }

    .lineInputs {

        max-width: 408px;

    }

    .insortForm{

        max-width: 500px;

    }

    .titleSortForm {

        display: flex;

        align-items: center;

        flex-direction: column;

        text-align: center;

    }

    .areaSored{

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .leftPartContacts{

        max-width: 320px;

        margin-right: 0;

        margin-bottom: 24px;

    }

    .divRightPartContacts{

        max-width: 443px;

    }

    .titleDostavka {

        max-width: 324px;

        width: 100%;

    }

    .titleDostavka{

        font-size: 25px;

    }

    .itemDostavka{

        padding-left: 15px;

        padding-right: 15px;

    }

    .firstBlock{

        margin-left: 12px;

    }

    .areaTwoAreaAmount {

        display: flex;

        max-width: 700px;

        width: 100%;

        justify-content: space-between;

        flex-direction: column;

    }

    .areaAmount{

        margin-bottom: 78px;

    }

    .areaTwoAreaAmount {

        display: flex;

        max-width: 440px;

        width: 100%;

        justify-content: space-between;

        flex-direction: column;

    }

    .rightPodarok{

        align-items: center;

        justify-content: center;

    }

    .topPodarok{

        justify-content: center;
        flex-wrap: wrap;

    }

    .leftPodarok img{

        width: 100%;;

    }

    .leftPodarok {

        height: auto;

    }

    .inElitClass {

        max-width: 1220px;

        width: 100%;

        display: flex;

        align-items: flex-start;

        justify-content: start;

        flex-direction: column;

    }

    .inNaborElit {

        max-width: 316px;

    }

    .areaEliteAndClassic {

        max-width: 440px;

    }

    .leftPodarok{

        max-width: 440px;

    }

    .itemsNabor {

        width: 100%;

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

    }

    .areaEliteAndClassic{

        margin-top: 50px;

    }

    .areaTwoAreaAmount {

        display: flex;

        max-width: 440px;

        width: 100%;

        justify-content: space-between;

        flex-direction: column;

        align-items: center;

    }

    .inCardArea {

        max-width: 440px;

    }

    .informArea {

        max-width: 440px;

    }

    .itemInfoCard:nth-child(1),.itemInfoCard:nth-child(2),.itemInfoCard:nth-child(3),.itemInfoCard:nth-child(4){

        display: none;

    }

    .itemInfoCard:nth-child(2){

        display: flex;

    }

    .itemInfoCard:nth-child(2){

        visibility: hidden;

    }

    .itemInfoCard:nth-child(2)::before{

        content: "ТОВАР";

        visibility: visible;

    }

    .rightPartMobMenu {

        display: flex;

        padding: 1px 16px;

        flex-direction: column;

        justify-content: center;

        height: 50px;

        align-items: center;

        align-self: stretch;

        border-radius: 100px;

        border: 2px solid #F9F9F9;

        margin-right: 10px;

        cursor: pointer;

        transition: 0.4s;

        margin-top: 11px;

    }

    .rightPartMobMenu{

        margin-top: 15px;

    }

    .itemCatalog {

        font-size: 16px;
    }

    .contentItemsCatalog{
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* gap: calc(20vw / 4.8); */
    }


    .itemShopCatalog{
        width: calc(190vw / 4.8);
        padding: calc(14.68vw / 4.8);
        margin: 0;
    }

    .areaItemShop *{
        box-sizing: border-box;
    }

}







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

    .rightBlock{

        flex-direction: column;

        justify-content: start;

        align-items: start;

    }

}





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

    input[type="range"] {

        max-width: 161px;

    }

    .rightPartMobMenu {

        display: flex;

        padding: 1px 16px;

        flex-direction: column;

        justify-content: center;

        height: 50px;

        align-items: center;

        align-self: stretch;

        border-radius: 100px;

        border: 2px solid #F9F9F9;

        margin-right: 10px;

        cursor: pointer;

        transition: 0.4s;

        margin-top: 11px;

    }

    .burgerMenu [class*='bar-'] {

        width: 63px;

    }

    .topHeader {

        max-width: 320px;

    }

    .rightBlock{

        flex-direction: column;

        justify-content: start;

        align-items: start;

    }

    .leftPartMobMenu{

        padding: 16px 18px;

    }

    .itemCatalog{

        color: #4F7582;

        font-family: Neue Machina;

        font-size: 14px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

    }

    .bottomHeaderMob{

        height: 77px;

        max-width: 320px;

    }

    .burgerMenu svg{

        height: 25px;

    }

    .itemMobMenu{

        font-size: 28px;

    }

    .titleBlock{

        font-size: 34px;

        max-width: 100%;

    }

    .firstBlock{

        max-width: 100%;

    }

    .mainBottomTWO{

        max-width: 100%;

    }

    .inputLine {

        padding: 20px 35px;

        max-width: 207px;

    }

    .btnInput {

        display: flex;

        max-width: 280px;

        width: 100%;

        padding: 9px 35px;

    }

    .leftPartMain {

        padding-left: 20px;

        padding-right: 20px;

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .itemDesc{

        max-width: 280px;

    }

    /* .areaItemShop,.areaLowPrice,.itemSliderProducts,.contentItems{

        max-width: 320px;

    } */

    .range-container{

        margin-right: 0;

    }

    .lineInputs{

        margin-right: 0;

    }

    .lineInputs {

        max-width: 280px;

    }

    .insortForm {

        max-width: 280px;

    }

    .areaSored {

        max-width: 300px;

    }

    .insortFormMain{

        max-width: 300px;

        margin-left: 0px;

    }

    .textCopiright,.textDev{

        font-size: 13px;

    }

    .itemNumF{

        font-size: 24px;

    }

    .itemFooterMenu{

        font-size: 17px;

    }

    .leftPartContacts{

        max-width: 280px;

        margin-right: 0;

        margin-bottom: 24px;

        padding: 66px 20px;

    }

    .divRightPartContacts{

        max-width: 320px;

    }



    .titleDostavka{

        font-size: 18px;

    }

    .itemDostavka{

        padding-left: 10px;

        padding-right: 10px;

    }

    .areaMarker,.textYsl,.descTextOplata{

        margin-left: 12px;

    }

    .leftPodarok{

        max-width: 320px;

    }

    .rightPodarok{

        max-width: 320px;

    }

    .areaEliteAndClassic{

        max-width: 320px;

    }

    .itemElitBtn, .itemClassicBtn, .itemVipBtn{

        font-size: 18px;

        padding: 20px 45px;

    }

    .areaEliteAndClassic{

        margin-top: 50px;

    }

    .inNaborElit {

        max-width: 200px;

    }

    .initemSolo img {

        width: 200px;

        overflow: hidden;

    }

    .titleFormText{

        font-size: 24px;

    }

    .rightPartForm {

        padding: 20px;

    }

    .itemInfoCard{

        font-size: 20px;

    }

    .itemInfoCard:nth-child(1),.itemInfoCard:nth-child(2),.itemInfoCard:nth-child(3),.itemInfoCard:nth-child(4){

        display: none;

    }

    .itemInfoCard:nth-child(2){

        display: flex;

    }

    .itemInfoCard:nth-child(2){

        visibility: hidden;

    }

    .itemInfoCard:nth-child(2)::before{

        content: "ТОВАР";

        visibility: visible;

    }

    .ItemsAreaCard {

        align-items: center;

    }

    .soloPrice{

        font-size: 20px; 

        margin-top: 12px;

        text-align: start;

    }

    .itogPrice{

        font-size: 20px;

        text-align: start;

    }

    .soloCardItem {

        display: flex;

        justify-content: space-between;

        height: auto;

        align-items: center;

        border-bottom: 1px solid #E3E5E7;

        /* border-top: 1px solid #E3E5E7; */

        padding-bottom: 40px;

        padding-top: 40px;

        flex-direction: column;

    }

    .itemMobMenu{

        font-size: 22px;

    }

    .areaMobileMenu {

        max-width: 283px;

        gap: 50px;

    }

}


.price__discount{
	text-decoration: line-through;
	padding-right: 10px;
	color: rgba(26, 60, 125, 0.45);	
}
.current__discount{
	color: #F02A6B;
}







@keyframes burgerAnimOn {

    0%   {opacity: 0; }

    25%  {opacity: 0.3;}

    50%  {opacity: 0.6;}

    100% {opacity: 1; display: flex;}

  }

  @keyframes burgerAnimOff {

    0%   {opacity: 1; display: flex;}

    25%  {opacity: 0.6;}

    50%  {opacity: 0.3;}

    100% {opacity: 0; display: none;}

  }