body.page-template-default {
background-color: #f8f8f8;
}
.banner_page {
background: rgb(23,138,225);
background: -webkit-gradient(linear, left top, right top, from(rgba(23,138,225,1)), to(rgba(12,72,116,1)));
background: -o-linear-gradient(left, rgba(23,138,225,1) 0%, rgba(12,72,116,1) 100%);
background: linear-gradient(90deg, rgba(23,138,225,1) 0%, rgba(12,72,116,1) 100%);
min-height: 180px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
font-weight: 500;
text-align: center;
padding: 20px 5%;
}
.banner_page .title {
font-size: 48px;
font-weight: 700;
color: #fff;
letter-spacing: 0.01em;
margin: 0;
position: relative;
font-family: "Sofia Sans Extra Condensed", sans-serif;
}
.breadcrumb {
background-color: #ececec;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.02em;
padding: 7px 0;
}
.breadcrumb .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 28px;
}
.breadcrumb svg {
width: 19px;
color: var(--pink);
margin: 0 9px 0 0;
}
.breadcrumb a {
color: var(--black);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-decoration: none!important;
}
.breadcrumb a:hover {
color: var(--pink);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.breadcrumb .home {
color: var(--black);
}
.breadcrumb span {
margin: 0 2px;
line-height: 20px;
}
.breadcrumb .current-item {
color: var(--pink);
font-weight: 700;
}
#masthead {
padding: 20px 0;
background-color: #fff;
}
.form_contact {
margin: 70px auto -86px;
}
main {
padding: 149px 0 0;
}
.pagination .wp-pagenavi {
width: 100%;
height: auto;
margin: 5px auto 5px auto !important;
clear: both;
text-align: center;
font-size: 12px;
position: relative;
line-height: 31px;
}
.pagination .wp-pagenavi .pages {
text-decoration: none;
background: var(--pink);
padding: 0 11px;
margin: 2px;
border-radius: 20px;
color: #FFF;
border: none;
display: inline-block;
}
.pagination {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 50px 0;
}
.pagination .wp-pagenavi a {
text-decoration: none;
background: var(--pink);
padding: 0 11px;
margin: 2px;
border-radius: 20px;
color: #FFF;
border: none;
display: inline-block;
}
.pagination .wp-pagenavi .current {
text-decoration: none;
background: #ececec;
padding: 0 11px;
margin: 2px;
border-radius: 20px;
color: var(--pink);
border: none;
display: inline-block;
}
.pagination .wp-pagenavi .last {
text-decoration: none;
background: var(--pink);
padding: 0 11px;
margin: 2px;
border-radius: 20px;
color: #FFF;
border: none;
display: inline-block;
}
.default_page .content {
padding: 50px 0 0;
}
.default_page h1 {
margin: 0 0 15px 0;
font-size: 28px;
letter-spacing: 0.02em;
line-height: 40px;
font-weight: 700;
}
.default_page h2 {
margin: 35px 0 15px 0;
font-size: 26px;
letter-spacing: 0.02em;
font-weight: 700;
line-height: 32px;
}
.default_page h3 {
margin: 35px 0 15px 0;
font-size: 24px;
letter-spacing: 0.02em;
font-weight: 600;
line-height: 32px;
}
.default_page h4 {
margin: 35px 0 15px 0;
font-size: 20px;
letter-spacing: 0.02em;
font-weight: 600;
line-height: 26px;
}
.default_page h5 {
margin: 35px 0 15px 0;
font-size: 18px;
letter-spacing: 0.02em;
font-weight: 600;
line-height: 26px;
}
.default_page h6 {
margin: 35px 0 15px 0;
font-size: 16px;
letter-spacing: 0.02em;
font-weight: 700;
line-height: 26px;
}
.default_page p {
margin: 16px 0;
line-height: 28px;
font-size: 16px;
letter-spacing: 0.03em;
}
.default_page ul,
.default_page dl {
margin: 30px 0;
list-style: none;
padding: 0 0 0 6%;
}
.default_page ul li::before,
.default_page dl dt::before {
content: "\2022";
color: var(--pink);
font-weight: bold;
display: inline-block;
width: 6px;
font-size: 20px;
margin: 0 7px 0 -13px;
}
.default_page ul li,
.default_page dl dt {
margin: 0 0 3px 0;
font-size: 16px;
line-height: 23px;
}
.default_page ol { 
list-style: none;
counter-reset: item; 
margin: 30px 0;
padding: 0 0 0 6%;
}
.default_page ol li { 
line-height: 26px; 
font-size: 16px;
}
.default_page ol li:before {
content: "."counter(item);
counter-increment: item;
color: var(--pink);
font-weight: bold;
display: inline-block;
width: 6px;
width: 12px;
direction: rtl;
margin: 0 7px 0 -19px;
}
.default_page b,
.default_page strong {
font-weight: 600;
}
.default_page a {
color: var(--pink);
text-decoration: underline;
}
.vending_machines {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2%;
}
.vending_machines .machine_box {
width: 49%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid var(--pink);
border-radius: 25px;
text-decoration: none;
color: var(--black);
overflow: hidden;
padding: 20px 20px 53px 20px;
position: relative;
-webkit-box-shadow: 0 0 10px #a1a1a136;
box-shadow: 0 0 10px #a1a1a136;
background-color: #fff;
}
.vending_machines .machine_box img {
width: 90%;
max-width: 400px;
}
.vending_machines .machine_box .content {
padding: 0;
text-align: center;
}
.vending_machines .machine_box .content .title {
color: var(--pink);
font-weight: 700;
font-size: 28px;
margin: 15px 0;
}
.vending_machines .machine_box .content .text {
font-size: 16px;
font-weight: 600;
margin: 0 0 15px 0;
}
.vending_machines .machine_box .btn {
position: absolute;
bottom: 0;
width: 100%;
background-color: var(--pink);
text-align: center;
color: #fff;
font-weight: 600;
padding: 15px 0;
font-size: 18px;
}
.list_style {
border-top: 3px solid #ececec;
padding: 30px 0;
margin: 50px 0 0;
}
.list_style .title {
color: var(--black);
font-size: 32px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 0 0 15px;
}
.list_style ul {
padding: 0;
margin: 10px 0;
list-style: none;
}
.list_style ul li:nth-child(odd) {
background-color: #e5e5e5;
}
.list_style ul li:nth-child(even) {
background-color: #ffffff;
}
.list_style ul li {
margin: 0;
padding: 10px 45px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.list_style ul li::before {
content: url(//allentownvendingservices.com/wp-content/themes/vending_machine/assets/icons/check.svg);
font-weight: bold;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 12px;
margin: 0 22px 0 -22px;
}
.about_vending_machine {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.about_vending_machine .right, .about_vending_machine .left {
width: 50%;
}
.about_vending_machine .right .highlighted_text {
color: var(--pink);
font-size: 16px;
font-weight: 700;
}
.about_vending_machine .right .title {
color: var(--black);
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
}
.about_vending_machine .right .text {
color: var(--black);
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin: 0 0 20px 0;
}
.about_vending_machine .right .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 30px 0 0;
}
.about_vending_machine .right .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
text-decoration: none;
}
.about_vending_machine .right .buttons .btn.request {
color: #fff;
background: rgb(51,176,46);
background: -webkit-gradient(linear, left top, right top, from(rgba(51,176,46,1)), to(rgba(38,232,37,1)));
background: -o-linear-gradient(left, rgba(51,176,46,1) 0%, rgba(38,232,37,1) 100%);
background: linear-gradient(90deg, rgba(51,176,46,1) 0%, rgba(38,232,37,1) 100%);
padding: 18px 34px;
gap: 12px;
}
.about_vending_machine .right .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(38,232,37,1)), to(rgba(38,232,37,1)));
background: -o-linear-gradient(left, rgba(38,232,37,1) 0%, rgba(38,232,37,1) 100%);
background: linear-gradient(90deg, rgba(38,232,37,1) 0%, rgba(38,232,37,1) 100%);
}
.about_vending_machine .right .buttons .btn.about {
color: #21598b;
border: 2px solid #d2dbe1;
padding: 18px 40px;
}
.about_vending_machine .right .buttons .btn.about:hover {
background-color: #21598b;
color: #fff;
}
.about_vending_machine .right .buttons svg {
width: 18px;
color: #fff;
margin: 0;
}
.about_vending_machine .right .highlight_card {
background-color: #fffffff0;
border-radius: 20px;
padding: 16px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px #a1a1a136;
box-shadow: 0 0 10px #a1a1a136;
margin: 0 0 15px;
}
.about_vending_machine .right .highlight_card .content {
width: 80%;
}
.about_vending_machine .right .highlight_card .title_highlight {
color: #070707;
font-weight: 700;
font-size: 14px;
font-family: inherit;
}
.about_vending_machine .right .highlight_card .text_highlight {
color: #070707;
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin: 4px 0;
}
.about_vending_machine .left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
border: 2px solid #e4e4e4;
padding: 20px;
border-radius: 25px;
}
.about_vending_machine .left .box-image {
position: relative;
padding: 20px;
border-radius: 25px;
background-color: #fff;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px #a5a5a54f;
box-shadow: 0 0 10px #a5a5a54f;
}
.about_vending_machine .left img {
position: relative;
border-radius: 25px;
z-index: 1;
max-height: 450px;
width: auto;
} .about_machine {
margin: 50px 0;
}
.about_machine .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.about_machine .left, .about_machine .right {
width: 50%;
}
.about_machine .left .highlighted_text {
color: var(--pink);
font-size: 16px;
font-weight: 700;
}
.about_machine .left .title {
color: var(--black);
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
}
.about_machine .left .text {
color: var(--black);
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin: 0 0 20px 0;
}
.about_machine .left .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 30px 0 0;
}
.about_machine .left .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
text-decoration: none;
}
.about_machine .left .buttons .btn.request {
color: #fff;
background: rgb(23, 138, 225);
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), to(rgba(13, 72, 117, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
padding: 18px 34px;
gap: 18px;
}
.about_machine .left .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), color-stop(0%, rgba(23, 138, 225, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
}
.about_machine .left .buttons .btn.about {
color: #21598b;
border: 2px solid #d2dbe1;
padding: 18px 40px;
}
.about_machine .left .buttons .btn.about:hover {
background-color: #21598b;
color: #fff;
}
.about_machine .left .buttons svg {
width: 10px;
color: var(--green);
margin: 8px 0 0;
}
.about_machine .left .highlight_card {
background-color: #fffffff0;
border-radius: 20px;
padding: 16px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px #a1a1a136;
box-shadow: 0 0 10px #a1a1a136;
margin: 0 0 15px;
}
.about_machine .left .highlight_card .content {
width: 80%;
padding: 0;
}
.about_machine .left .highlight_card .title_highlight {
color: #070707;
font-weight: 700;
font-size: 14px;
font-family: inherit;
}
.about_machine .left .highlight_card .text_highlight {
color: #070707;
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin: 4px 0;
}
.about_machine .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
.about_machine .right .box-image {
position: relative;
}
.about_machine .right img {
position: relative;
border-radius: 25px;
z-index: 1;
}
.about_machine .right .box-image::before {
background-color: var(--pink);
height: 100%;
width: 100%;
content: '';
position: absolute;
right: -20px;
bottom: -15px;
border-radius: 25px;
z-index: 0;
} .personalized_programs {
margin: 100px 0;
position: relative;
}
.personalized_programs .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
width: 100%;
padding: 0;
border-radius: 25px;
}
.personalized_programs .right {
position: relative;
width: 50%;
background: rgba(17, 99, 160);
background: -webkit-gradient(linear, left top, right top, from(rgba(17, 99, 160, 1)), color-stop(69%, rgba(12, 69, 112, 1)));
background: -o-linear-gradient(left, rgba(17, 99, 160, 1) 0%, rgba(12, 69, 112, 1) 69%);
background: linear-gradient(90deg, rgba(17, 99, 160, 1) 0%, rgba(12, 69, 112, 1) 69%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 25px;
padding: 40px;
}
.personalized_programs .left {
width: 45%;
}
.personalized_programs .right .highlighted_text {
color: var(--green);
font-size: 16px;
font-weight: 700;
}
.personalized_programs .right .title {
color: #fff;
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
}
.personalized_programs .right .text {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin: 0 0 20px 0;
}
.personalized_programs .right .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 30px 0 0;
}
.personalized_programs .right .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
text-decoration: none;
}
.personalized_programs .right .buttons .btn.request {
color: #fff;
background: rgb(216,41,130);
background: -webkit-gradient(linear, left top, right top, from(rgba(216,41,130,1)), to(rgba(252,83,169,1)));
background: -o-linear-gradient(left, rgba(216,41,130,1) 0%, rgba(252,83,169,1) 100%);
background: linear-gradient(90deg, rgba(216,41,130,1) 0%, rgba(252,83,169,1) 100%);
padding: 18px 34px;
gap: 18px;
}
.personalized_programs .right .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(216,41,130,1)), color-stop(0%, rgba(216,41,130,1)));
background: -o-linear-gradient(left, rgba(216,41,130,1) 0%, rgba(216,41,130,1) 0%);
background: linear-gradient(90deg, rgba(216,41,130,1) 0%, rgba(216,41,130,1) 0%);
}
.personalized_programs .right .buttons .btn.about {
color: #fff;
border: 2px solid #4a7a9e;
padding: 18px 40px;
}
.personalized_programs .right .buttons .btn.about:hover {
background-color: #4a7a9e;
color: #fff;
}
.personalized_programs .right .buttons svg {
width: 10px;
color: var(--green);
margin: 8px 0 0;
}
.personalized_programs .right .highlight_card {
background: rgb(40,112,166);
background: -webkit-gradient(linear, left top, right top, from(rgba(40,112,166,1)), to(rgba(37,89,128,1)));
background: -o-linear-gradient(left, rgba(40,112,166,1) 0%, rgba(37,89,128,1) 100%);
background: linear-gradient(90deg, rgba(40,112,166,1) 0%, rgba(37,89,128,1) 100%);
border-radius: 20px;
padding: 16px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 15px;
}
.personalized_programs .right .highlight_card .content {
width: 82%;
padding: 0;
}
.personalized_programs .right .highlight_card .title_highlight {
color: #fff;
font-weight: 700;
font-size: 14px;
font-family: inherit;
}
.personalized_programs .right .highlight_card .text_highlight {
color: #fff;
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin: 4px 0;
}
.personalized_programs .left {
line-height: 0;
position: relative;
}
.personalized_programs .left img {
line-height: 0;
position: relative;
border-radius: 25px;
z-index: 1;
}
.personalized_programs .left::before {
background-color: var(--blue);
height: 100%;
width: 100%;
content: '';
position: absolute;
left: -20px;
bottom: -15px;
border-radius: 25px;
z-index: 0;
}
.text_and_image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.text_and_image .box_left, .text_and_image .box_right {
width: 50%;
}
.text_and_image .box_left {
padding: 30px 20px 0 0;
}
.text_and_image .box_right {
padding: 30px 0 0 20px;
}
.text_and_image .box_left > *,
.text_and_image .box_right > *{
margin-top: 0;
}
.text_and_image img {
margin: 0 auto;
display: block;
}
@media only screen and (max-width:1500px) {
main {
padding: 128px 0 0;
}
.about_machine .left .highlighted_text {
font-size: 14px;
}
.about_machine .left .title {
font-size: 38px;
margin: 12px 0;
}
.about_machine .left .text {
font-size: 14px;
line-height: 24px;
}
.about_machine .left .buttons .btn {
font-size: 14px;
}
.personalized_programs .right .highlight_card .content {
width: 88%;
}
.personalized_programs .right .buttons .btn {
font-size: 14px;
}
.personalized_programs .right .buttons .btn.request {
padding: 14px 26px;
gap: 12px;
}
.personalized_programs .right .buttons .btn.about {
padding: 14px 35px;
}
}
@media only screen and (max-width:1400px) {
.vending_machines .machine_box img {
max-width: 320px;
}
.vending_machines .machine_box .content .title {
font-size: 24px;
}
.vending_machines .machine_box .content .text {
font-size: 14px;
}
.vending_machines .machine_box .btn {
padding: 13px 0;
font-size: 16px;
}
}
@media only screen and (max-width:1300px) {
.about_machine .left .buttons .btn.request {
padding: 14px 26px;
gap: 12px;
}
.about_machine .left .buttons .btn.about {
padding: 14px 35px;
}
.about_machine .left .highlight_card {
padding: 15px;
}
.about_machine .left .highlight_card .title_highlight {
font-size: 13px;
}
}
@media only screen and (max-width:1024px) {
.banner_page .title {
font-size: 40px;
}
.breadcrumb {
font-size: 13px;
}
.breadcrumb svg {
width: 16px;
margin: 0 5px 0 0;
}
.default_page h1 {
font-size: 26px;
}
.default_page h2 {
font-size: 22px;
}
.default_page h3 {
font-size: 20px;
}
.default_page h4 {
font-size: 18px;
}
.default_page h5 {
font-size: 16px;
}
.default_page h6 {
font-size: 14px;
}
.default_page p {
font-size: 14px;
line-height: 24px;
}
.default_page ul li,
.default_page dl dt,
.default_page ol li {
font-size: 14px;
}
.vending_machines {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
.vending_machines .machine_box {
width: 100%;
}
.about_vending_machine {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.about_vending_machine .right, .about_vending_machine .left {
width: 100%;
}
.about_vending_machine .right .buttons .btn {
font-size: 14px;
}
.about_vending_machine .right .buttons .btn.request {
padding: 14px 34px;
}
.about_vending_machine .right .buttons .btn.about {
padding: 14px 40px;
}
.about_machine .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about_machine .left, .about_machine .right {
width: 100%;
}
.about_machine .right {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.personalized_programs .container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.personalized_programs .left {
text-align: center;
}
.personalized_programs .right {
width: 100%;
background: rgba(17, 99, 160);
background: -webkit-gradient(linear, left top, right top, from(rgba(17, 99, 160, 1)), color-stop(69%, rgba(12, 69, 112, 1)));
background: -o-linear-gradient(left, rgba(17, 99, 160, 1) 0%, rgba(12, 69, 112, 1) 69%);
background: linear-gradient(90deg, rgba(17, 99, 160, 1) 0%, rgba(12, 69, 112, 1) 69%);
padding: 35px;
border-radius: 25px;
margin: 0 0 30px;
}
.personalized_programs::after {
content: none;
}
.personalized_programs .left img {
border-radius: 25px;
max-width: 440px;
width: 100%;
}
.personalized_programs {
margin: 80px 0;
}
.text_and_image {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.text_and_image .box_left, .text_and_image .box_right {
width: 100%;
}
}
@media only screen and (max-width:800px) {
.personalized_programs .left {
width: 64%;
text-align: center;
}
}
@media only screen and (max-width:600px) {
.vending_machines .machine_box .content .title {
font-size: 22px;
}
.vending_machines .machine_box .btn {
font-size: 14px;
}
}
@media only screen and (max-width:580px) {
.personalized_programs .right .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width:500px) {
main {
padding: 115px 0 0;
}
.personalized_programs .left {
width: 100%;
}
}
@media only screen and (max-width:470px) {
.about_machine .left .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width:420px) {
.about_vending_machine .right .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}