.del__card {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 4rem;
flex: 0 0 25%;
}
.del__card h1 {
font-size: var(--size-text-xxl);
font-weight: 300;
padding: 0;
margin: 0;
}
.del__card .del__s_top {
display: flex;
flex-direction: row;
padding-top: 1rem;
margin-bottom: 1rem;
gap: 1rem;
}
.del__card .del__s_top .del__s_left {
flex-grow: 1;
position: relative;
overflow: hidden;
border-radius: 1rem;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
}
.del__card .del__s_top .del__s_left {
display: flex;
flex-direction: column;
}
.del__card .del__s_top .del__s_left .del__s_cover {
flex-grow: 1;
overflow: hidden;
display: block;
}
.del__card .del__s_top .del__s_left .del__s_cover img {
width: 100%;
height: 100%;
object-fit: cover;
}
.del__card .del__s_top .del__s_left .del__s_box {
display: flex;
flex-direction: row;
padding: 1rem;
}
.del__card .del__s_top .del__s_left .del__s_box .del__s_icobox {
flex: 0 0 25%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-right: 1px solid lightgray;
}
.del__card .del__s_top .del__s_left .del__s_box .del__s_icobox:last-child {
border-right: unset;
}
.del__card .del__s_top .del__s_left .del__s_box .del__s_icobox .del__s_ico {
margin-right: 0.5rem;
background: var(--color-green);
color: white;
display: flex;
justify-content: center;
align-items: center;
padding: 0.5rem;
width: 24px;
height: 24px;
border-radius: 50%;
}
.del__card .del__s_top .del__s_left .del__s_box .del__s_icobox span:first-child {
font-weight: 300;
font-size: var(--size-text-xs);
}
.del__card .del__s_top .del__s_left .del__s_box .del__s_icobox span:last-child {
font-weight: 600;
font-size: var(--size-text-s);
font-family: var(--number-font);
}
.del__card .del__s_top .del__s_right {
flex: 0 0 30%;
display: flex;
flex-direction: column;
}
.del__card .del__s_top .del__s_right .del__s_advimg a {
display: block;
aspect-ratio: 16 / 9;
overflow: hidden;
margin-bottom: 1rem;
border-radius: 0.5rem;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
}
.del__card .del__s_top .del__s_right .del__s_advimg a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.del__card .del__s_top .del__s_right .del__s_info {
padding: 1rem;
border-radius: 0.5rem;
background: white;
margin-bottom: 1rem;
font-size: var(--size-text-xs);
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
display: flex;
flex-direction: column;
gap: 0.5rem;
font-family: var(--number-font);
}
.del__card .del__s_top .del__s_right .del__s_info span {
font-weight: 600;
}
.del__card .del__s_top .del__s_right .del__s_controls {
padding: 1rem;
border-radius: 0.5rem;
background: white;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
display: flex;
flex-direction: column;
flex-grow: 1;
}
.del__card .del__s_top .del__s_right .del__s_control {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.del__card .del__s_top .del__s_right .del__s_control a {
color: #1C1C1C;
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.del__card .del__s_top .del__s_right .del__s_control a i {
width: 24px;
height: 24px;
padding: 0.25rem;
background: #f3f3f3;
border-radius: 50%;
color: var(--color-green);
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.5rem;
}
.del__card .del__s_top .del__s_right .del__s_control:hover a i {
color: white;
background: var(--color-green);
}
.del__card .del__s_top .del__s_right .del__s_control a span {
font-size: var(--size-text-xs);
}
.del__card .del__s_top .del__s_right .del__s_control a.del__s_fav i{
color: var(--color-darkgray);
}
.del__card .del__s_top .del__s_right .del__s_control a.del__s_fav:hover i{
color: white;
} .del__card .del__s_subcard {
display: flex;
flex-direction: row;
gap: 1rem;
}
.del__card .del__s_subcard .del__s_left {
flex-grow: 1;
display: flex;
flex-direction: column;
border-radius: 1rem;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
overflow: hidden;
}
.del__card .del__s_subcard .del__s_left .del__s_tabs {
border-bottom: 1px solid #f3f3f3;
display: flex;
flex-direction: row;
}
.del__card .del__s_subcard .del__s_left .del__s_tabs {
background: white;
}
.del__card .del__s_subcard .del__s_left .del__s_tabs .del__s_tab {
padding: 1rem;
border-right: 1px solid #f3f3f3;
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
flex: 1 1 20%;
}
.del__card .del__s_subcard .del__s_left .del__s_tabs .del__s_tab:last-child {
border-right: none;
}
.del__card .del__s_subcard .del__s_left .del__s_tabs .del__s_tab i {
width: 24px;
height: 24px;
padding: 0.25rem;
background: #f3f3f3;
border-radius: 50%;
color: var(--color-green);
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.5rem;
}
.del__card .del__s_subcard .del__s_left .del__s_tabs .del__s_tab:hover i {
background: var(--color-green);
color: #f3f3f3;
}
.del__card .del__s_subcard .del__s_left .del__s_tabs .del__s_tab.del__s_active {
color: white;
background: var(--color-green);
}
.del__card .del__s_subcard .del__s_left .del__s_tabs .del__s_tab span {
font-size: var(--size-text-xs);
}
.del__card .del__s_subcard .del__s_right {
flex: 0 0 30%;
display: flex;
flex-direction: column;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent {
background: white;
padding: 2rem;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_tabdata {
display: none;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_tabdata.del__s_active {
display: flex;
} .del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_params {
display: flex;
flex-flow: row wrap;
gap: 1.5rem;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_params .del__s_param {
flex: 0 0 calc(50% - 1rem);
display: flex;
flex-direction: row;
align-items: end;
gap: 1rem;
justify-content: start;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_params .del__s_param {
font-size: var(--size-text-xs);
display: flex;
flex-direction: row;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_params .del__s_param .del__s_dosts {
flex-grow: 1;
border-bottom: 1px dotted lightgray;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_params .del__s_param .del__s_value {
font-weight: 600;
font-family: var(--number-font);
} .del__card .del__s_subcard .del__s_left .del__s_tabcontent .ps__s_plan {
display: flex;
flex-flow: row wrap;
gap: 1rem;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .ps__s_plan a {
flex: 0 0 calc(50% - 1rem);
display: flex;
aspect-ratio: 16 / 9;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .ps__s_plan.ps__s_plan_1 a {
flex: 0 0 100%;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .ps__s_plan a img {
width: 100%;
height: 100%;
object-fit: contain;
} .del__card .del__s_subcard .del__s_left .del__s_tabcontent .ps__s_facad {
display: flex;
flex-flow: row wrap;
gap: 1rem;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .ps__s_facad.ps__s_facad_1 a {
flex: 0 0 100%;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .ps__s_facad a {
flex: 0 0 calc(50% - 1rem);
display: flex;
aspect-ratio: 16 / 9;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .ps__s_facad a img {
width: 100%;
height: 100%;
object-fit: contain;
} .del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_smeta .del__s_desc p {
font-size: var(--size-text-xs);
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_smeta .del__s_desc li {
font-size: var(--size-text-xs);
font-weight: 600;
} .del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_banks {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_banks .del__s_bank {
display: flex;
flex-direction: column;
flex: 0 0 33.33%;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_banks .del__s_bank .del__s_name {
margin-top: 1rem;
margin-bottom: 0.5rem;
font-size: var(--size-text-m-2);
font-weight: 600;
color: var(--color-darkgray);
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_banks .del__s_bank .del__s_from {
margin-bottom: 0.5rem;
font-size: var(--size-text-m-1);
font-weight: 600;
color: var(--color-darkgray);
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_banks .del__s_bank .del__s_logo {
width: 80px;
height: 80px;
padding: 1rem;
border-radius: 50%;
background: #f3f3f3;
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_banks .del__s_bank:hover .del__s_logo {
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
}
.del__card .del__s_subcard .del__s_left .del__s_tabcontent .del__s_banks .del__s_bank .del__s_logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.del__card .del__s_subcard .del__s_main {
display: flex;
flex-direction: column;
border-radius: 1rem;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
overflow: hidden;
padding: 1rem;
background: white;
}
.del__card .del__s_subcard .del__s_main .del__s_button a {
display: block;
text-align: center;
margin-bottom: 1.5rem;
font-weight: 600;
border: 1px solid lightgrey;
background-color: white;
border-radius: 1rem;
padding: 1rem 1rem;
cursor: pointer;
font-size: var(--size-text-m-2);
margin-bottom: 1rem;
box-shadow: 0px 5px 5px 2px rgba(34, 60, 80, 0.1);
transition: all 0.3s ease-in-out;
color: var(--color-darkgray);
}
.del__card .del__s_subcard .del__s_main .del__s_time {
margin-bottom: 1rem;
font-size: var(--size-text-m);
font-weight: 600;
}
.del__card .del__s_subcard .del__s_main .del__s_price {
font-size: var(--size-text-m-2);
font-weight: 600;
display: flex;
flex-direction: column;
}
.del__card .del__s_subcard .del__s_main .del__s_price .del__s_price_val{
margin-bottom: 1rem;
}
.del__card .del__s_subcard .del__s_main .del__s_price span {
font-size: var(--size-text-xl);
font-weight: 600;
font-family: var(--number-font);
color: var(--color-green);
}
.del__card .del__s_subcard .del__s_main .del__s_split {
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #f3f3f3;
}
.del__card .del__s_subcard .del__s_main .del__s_button a:hover {
box-shadow: 0px 5px 5px 2px rgba(34, 60, 80, 0.3);
}
.del__card .del__s_subcard .del__s_main .del__s_button_1 a,
.del__card .del__s_subcard .del__s_main .del__s_button_2 a {
background-color: var(--color-green);
color: white;
}
#del__modal_buy .wpcf7 form > p{
display: flex;
flex-direction: column;
gap: 1rem;
}
#del__modal_buy .del__s_inner .del__s_content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#del__modal_buy .del__s_img_m{
max-width: 350px;
height: auto;
border-radius: 0.5rem;
}
.del__single_product .del__s_first {
display: flex;
flex-direction: row;
gap: 1.5rem;
}
.del__single_product .del__s_first .del__s_right {
padding: 2rem;
background: whitesmoke;
min-width: 300px;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
}
.del__single_product .del__s_first .del__s_cover img {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 0.5rem;
}
.del__single_product .del__s_first .del__s_left {
position: relative;
}
.del__single_product .del__s_first .del__s_right .del__s_price {
padding-bottom: 1rem;
}
.del__single_product .del__s_first .del__s_right .del__s_price .del__s_text {
font-size: var(--size-text-m-1);
}
.del__single_product .del__s_first .del__s_right .del__s_price .del__s_num {
font-size: var(--size-text-xl);
}
.del__single_product .del__s_first .del__s_right .del__s_info {
font-size: var(--size-text-m);
flex-grow: 1;
}
.del__single_product .del__s_first .del__s_right .del__s_info .del__s_infobox {
display: flex;
flex-direction: row;
font-weight: 600;
margin-bottom: 0.8rem;
}
.del__single_product .del__s_first .del__s_right .del__s_info .del__s_infobox span {
flex-grow: 1;
display: flex;
flex-direction: row;
color: #1C1C1C;
font-weight: 300;
white-space: nowrap;
}
.del__single_product .del__s_first .del__s_right .del__s_info .del__s_infobox span:after {
display: block;
width: 100%;
content: "";
margin-right: 0.5rem;
margin-left: 0.5rem;
border-bottom: 1px dotted #1C1C1C;
}
.del__single_product .del__s_button {
font-size: var(--size-text-m);
font-weight: 600;
background: var(--color-green);
border: 1px solid var(--color-green);
color: white;
display: flex;
justify-content: center;
align-items: center;
padding: 1.5rem;
border-radius: 0.5rem;
cursor: pointer;
}
.del__single_product .del__s_button:hover {
color: var(--color-green);
background: white;
}
.del__single_product .del__s_desc {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding: 1.5rem;
background: whitesmoke;
font-size: var(--size-text-m);
border-radius: 0.5rem;
}
.del__single_product .del__s_catlist {
margin-bottom: 2rem;
}
.del__single_product .del__s_advimg {
position: absolute;
bottom: 1rem;
left: 1rem;
z-index: 5;
display: flex;
flex-direction: row;
gap: 0.5rem;
background: rgba(245, 245, 245, 0.5);
padding: 0.5rem;
border-radius: 0.5rem;
}
.del__single_product .del__s_advimg a {
height: 50px;
display: flex;
}
.del__single_product .del__s_advimg a img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: contain;
border-radius: 0.5rem;
height:100%;
} .del__single_product .del__container-mega {
background: whitesmoke;
}
.del__single_product .del__s_params {
padding: 1.5rem;
display: flex;
flex-flow: row wrap;
gap: 1rem
}
.del__single_product .del__s_params .del__s_param {
flex: 0 0 calc(50% - 0.5rem);
font-size: var(--size-text-m);
display: flex;
flex-direction: row;
}
.del__single_product .del__s_params .del__s_param .del__s_dosts {
flex-grow: 1;
border-bottom: 1px dotted gray;
}
.del__single_product .del__s_params .del__s_param .del__s_value {
font-weight: 600;
}
.del__single_product .del__s_params .del__s_param .del__s_value a {
color: var(--color-green);
text-decoration: underline;
}
.del__single_product .del__s_header_pad {
padding-left: 1.5rem;
}
.del__single_product .del__s_header h2 {
font-size: var(--size-text-m-3);
} .del__single_product .ps__s_plans {
display: flex;
flex-flow: row wrap;
gap: 0.5rem;
margin-bottom: 2rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.del__single_product .ps__s_plans a {
flex: 0 0 calc(50% - 0.5rem);
border: 1px solid lightgray;
display: block;
}
.del__single_product .ps__s_plans a img {
aspect-ratio: 16 / 9;
object-fit: cover;
width: 100%;
} .del__single_product .del__s_cats {
display: flex;
flex-flow: row wrap;
gap: 0.5rem;
}
.del__single_product .del__s_cats a {
padding: 0.5rem;
border: 1px solid gray;
color: gray;
border-radius: 0.5rem;
}
.del__single_product .del__s_cats a:hover {
color: var(--color-green);
border: 1px solid var(--color-green);
background: white;
}
@media only screen and (max-width: 960px) {
.del__single_product .del__s_first {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.del__single_product .del__s_header h1 {
padding-left: 1rem;
padding-right: 1rem;
}
.del__single_product .del__s_first {
gap: 0;
}
}