*{
    padding: 0;
    margin: 0;
    border: 0;
}
*,*:before,*:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: 400;}

body{
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    color: #51506D;
}

.gift-bg {
    width: 100%;
    background: #F2F2F7;
    min-height: 100%;
    padding: 50px;
    background-image: url(/img/background.png);
    background-repeat: no-repeat;
    background-position: -20px -50px;
}

.gift-block {
    width: 1200px;
    background: white;
    margin: 0px auto;
    padding: 70px 50px;
    background: #ffffffb3;
    /* opacity: 0.75; */
    border-radius: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gift-block__image {
    width: 650px;
    height: 650px;
    background: url(/img/gift.png);
    /* background-size: cover; */
    margin-right: 50px;
    background-position: center;
}

.gift-block__title {
    font-weight: 700;
    font-size: 35px;
    line-height: 41px;
    text-align: left;
    color: #342720;
    margin-bottom: 10px;
    position: relative;
    /* padding-left: 100px; */
}

.gift-block__description {
    font-weight: 300;
    font-size: 27px;
    line-height: 32px;
    color: #4F4F4F;
    margin-top: 12px;
    text-align: left;
}

.gift-block__selection {
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* Customize the label (the container) */
.custom-radio {
    display: block;
    position: relative;
    padding-left: 33px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 25px;
    width: 25px;
    /* background-color: #fbfbfd; */
    border-radius: 50%;
    border: 3px solid;
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked ~ .checkmark {
    /* background-color: #5161ce; */
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    /* display: none; */
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .checkmark:after {
    /* display: block; */
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark:after {
    top: 0px;
    left: 0px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid white;
}

ul.gift__genders {
    display: flex;
    margin: 40px 0px;
    align-items: center;
    justify-content: space-between;
}

.gift__genders li {
    /* background: red; */
    padding: 13px;
    margin-right: 20px;
    border-radius: 17px;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.gift__genders .male {
    color: #5161CE;
}

.gift__genders .female {
    color: #CF321A;
}

.gift__genders .unknown {
    color: #8B8B8D;
}

.gift__genders .male svg path {
    fill: #5161CE;
}

.gift__genders .female svg path {
    fill: #CF321A;
}

.gift__genders .unknown svg path {
    fill: #8B8B8D;
}

.gift__genders .selected{
    color: white;
    transition:0.7s ease;
}

.gift__genders .selected svg path {
    fill: white;
    transition:0.7s ease;
}

.gift__genders .male.selected {
    background: #5161ce;
    filter: drop-shadow(-1px 0px 14px rgba(81, 97, 206, 0.46));
    border-color: #5161ce;
}

.gift__genders .male.selected .custom-radio .checkmark:after {
    border-color: #5161ce;
}

.gift__genders .female.selected {
    background: #CF321A;
    filter: drop-shadow(-1px 0px 14px rgba(207, 50, 26, 0.46));
    border-color: #CF321A;
}

.gift__genders .female.selected .custom-radio .checkmark:after {
    border-color: #CF321A;
}

.gift__genders .unknown.selected {
    background: #A5A5A8;
    filter: drop-shadow(-1px 0px 14px rgba(165, 165, 168, 0.46));
    border-color: #A5A5A8;
}

.gift__genders .unknown.selected .custom-radio .checkmark:after {
    border-color: #A5A5A8;
}

.unknown .checkmark {
    background-color: #8B8B8D;
}

.male .checkmark {
    background-color: #5f6bbe;
}

.female .checkmark {
    background-color: #cf321a;
}

.gift__filter__price {
    margin-top: 15px;
    /* margin-right: 70px; */
}

.gift__age {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 15px;
    margin-bottom: 15px;
}

.gift__age li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}

.gift__age svg {
    width: 35px;
    margin-right: 10px;
}

.gift__age li .custom-radio {
    color: #272727;
    font-size: 16px;
    font-weight: 800;
    line-height: 17px;
    margin-top: 10px;
}

.gift__age li .checkmark {
    color: #C9C9CF;
    background: #C9C9CF;
}

.gift__age li .checkmark:after {
    width: 19px;
    height: 19px;
    top: 0px;
    left: 0px;
    border: 4px solid white;
}

.gift__age li input:checked ~ .checkmark:after {
    background: #cf321a;
}

.gift__send {
    display: inline-block;
    background: #CF321A;
    box-shadow: 0px 4px 32px rgba(207, 50, 26, 0.56);
    border-radius: 3.67995px;
    color: white;
    padding: 25px 70px;
    font-weight: 600;
    font-size: 24.533px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto;
    margin-top: 80px;
    cursor: pointer;
}

.gift__send:hover {
    box-shadow: 0px 4px 32px rgb(207 50 26 / 75%);
    transition: 0.5s ease;
}

.gift-block__title:before {
    width: 100px;
    height: 100px;
    background: url(../img/arrow.svg);
    background-size: contain;
    content: " ";
    position:absolute;
    left: -115px;
    top: 5px;
}

.gift-breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 16px;
}

.gift-breadcrumbs a {
    color: #101d60;
    font-weight: bold;
}

.gift-breadcrumbs li {
    margin-right: 15px;
    margin-left: 15px;
}

.gift-breadcrumbs li {
    position: relative;
}

.gift-breadcrumbs li:after {
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48ZyBpZD0iQ2hldnJvbi04IiBkYXRhLW5hbWU9IkNoZXZyb24iPjxwYXRoIGQ9Im0xNy40MTQgMTAuNTg2LTgtOGEyIDIgMCAwIDAgLTIuODI4IDIuODI4bDYuNTg2IDYuNTg2LTYuNTg2IDYuNTg2YTIgMiAwIDAgMCAyLjgyOCAyLjgyOGw4LThhMiAyIDAgMCAwIDAtMi44Mjh6IiBmaWxsPSIjYTVhNWE4IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=);
    background-size:contain;
    content: " ";
    position: absolute;
    right: -25px;
    top: 0px;
}

.gift-breadcrumbs li:last-child:after {
    display: none;
}

.gift-breadcrumbs a:hover {
    color: #5161ce;
    transition: 0.5s ease;
}

.gift-block_filters {
    flex-direction: column;
    padding: 25px;
}

.gift-selection__min-link {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 19px;
}

.gift-selection__min-number{
    color: #337ab7;
}

.gift-selection__min-description {
    margin-top: 5px;
    margin-bottom: 17px;
    color: gray;
    font-size: 17px;
}

.gift-selection__min_left .customSelect {
    margin-right: 20px;
}

.gift-selection__min {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.gift-selection__min_left {
    width: 50%;
}

.gift-selection__min_center {
    width: 25%;
    margin-bottom: 40px;
}

.gift-selection__min_right {
    width: 25%;
}

.gift-selection__min_right .gift__send {
    font-size: 16px;
    padding: 13px 20px;
    margin: 0px;
    margin-left: 42px;
}

.gift-selection__min_right {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;}

.gift-items {
    width: 1200px;
    margin: 0px auto;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.gift-item {
    background: #ffffff;
    display: flex;
    width: calc(25% - 30px);
    flex-direction: column;
    border-radius: 75px;
    align-items: center;
    justify-content: center;
    /* padding: 25px; */
    text-align: center;
    overflow: hidden;
    margin: 0px 0px 30px 30px;
}

.gift-item__img img {
    max-width: 100%;
}

.gift-item__img {
    background: white;
    width: 100%;
    opacity: 1;
}

.gift-item__price {
    padding: 15px;
    font-weight: bold;
    font-size: 20px;
    color: #cf321a;
}

.gift-item__title {
    color: black;
    font-size: 20px;
    padding: 0px 20px;
}

.gift-item__basket {
    display: inline-block;
    background: #CF321A;
    box-shadow: 0px 4px 23px rgb(207 50 26 / 51%);
    border-radius: 3.67995px;
    color: white;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto;
    margin-top: 30px;
    cursor: pointer;
    /* width: 100%; */
    margin-bottom: 30px;
}

.gift-item__basket:hover {
    background: #e90b0be6;
    transition: 0.5s ease;
    box-shadow: 0px 4px 32px rgb(207 50 26 / 62%);
}

.gift-item__title:hover {
    color: #0d6f8d;
    transition: 0.5s ease;
}

@media(max-width:1300px){
    .gift-block,.gift-items{width:1000px}
    .gift-block__image{width: 600px;background-size:600px;}
    .gift__genders .custom-radio {font-size:12px;margin-bottom: 4px;line-height: 20px;}
}

@media(max-width:1100px){
    .gift-block,.gift-items{width:800px}
    .gift__genders{flex-wrap:wrap;justify-content: stretch!important;margin-bottom: 0px!Important;}
    .gift__genders li{margin-bottom: 25px;}
    .gift__genders li:last-child{/* margin-bottom: -10px; */}
    .gift__send{font-size:18px}
    .gift-block__image {
        width: 580px;
        background-size: 450px;
        background-repeat:no-repeat;
        background-position:top;
    }
    .gift-item{width: calc(33% - 30px);}
}

@media(max-width:900px){
    .gift-items{width:600px;}
    .gift-block{width:600px; flex-direction:column; padding-top:0px;}
    .gift-block__image{width:100%;height:450px;background-size:500px;}
    .gift-block__title:before{display:none;}
    .gift-selection__min_left .customSelect{float:none!important;display: inline-block;}
    .gift-item{width: calc(50% - 30px);}
}

@media(max-width:700px){
    .gift-block,.gift-items{width: 100%;}
}

@media(max-width:600px){
    .gift-bg{background-image:none; padding:20px;}
    .gift-block{padding:40px 50px;background: white;}
    .gift-block__image{background-size:400px; background-position:center; height:350px; margin-bottom:-20px;}
    .gift-item{width: calc(100% - 30px);}
    .gift-selection__min_right{margin-top:30px}
}

@media(max-width:470px){
    .gift__send{font-size:16px;padding:25px;margin: 0px;margin-top: 70px;width: calc(100% - 60px);margin-left: 30px;}
    .gift__filter__price{width:300px;/* margin:0px auto; */}
    .gift-block{padding:20px; padding-bottom:40px;width:98%;}
    .gift__age{flex-wrap:wrap; justify-content:flex-start}
}

@media(max-width:400px){
    .gift__filter__price{width:250px;}
    .gift-bg{background-image:none; padding:0px;}
    .gift-block{width:100%;border-radius:0px;}
    .gift-block__image{margin:0px;}
    .gift-block__title{font-size:25px;}
    .gift-block__description{font-size:18px;}
    .gift-item{margin:15px 15px;}
}

@media (max-width:1300px){
    .custom-select-opener{font-size:13px;width: 160px;}
    .gift-selection__min_left{width:40%}
    .gift-selection__min_right .gift__send{font-size:12px;}
    .gift-selection__min_right{width:30%;}
    .gift-selection__min_center{width:30%}
}

@media(max-width:900px){
    .gift-selection__min{flex-direction:column;}
    .gift-selection__min_right{width:100%; align-items:center; justify-content:center;}
    .gift-selection__min_center{width:100%;align-items:center; justify-content:center;}
    .gift-selection__min_left{width:100%;align-items:center;justify-content:center;display: flex;flex-direction: column;}
    .gift-block_filters{padding:30px;}
}

.black_theme .gift-bg {background: #393d45 !important;color: white !important;transition: 0.5s ease;}
.black_theme .gift-block {background: #2D2D2D;}

.black_theme .gift-block__title {
    color: white;
}

.black_theme .gift-block__title:before {
    background-image: url(../img/arrow_white.svg);
    background-repeat: no-repeat;
}

.black_theme .gift-block__description {
    color: #feffd4;
}

.black_theme .custom-radio .checkmark:after {
    background: #2d2d2d;
    border-color: #2d2d2d;
}

.black_theme .custom-radio input:checked ~ .checkmark:after {
    background: white;
}

.black_theme .gift__age li .checkmark {
    color: white;
}

.black_theme .gift__age li .custom-radio {
    color: white;
}

.black_theme .irs-from,.black_theme .irs-to, .black_theme .irs-single {
    color: white!important;
}

.black_theme .gift-breadcrumbs a {
    color: #fdcf71;
}

.black_theme .gift-selection__min-number {
    color: #66b8f1;
}

.black_theme .custom-select-option {
    color: #2d2d2d!important;
}

.black_theme .gift-selection__min-description {
    color: #b7b7b7;
}