@media (min-width:1600px) {
.community_slider .container {
max-width: 1500px;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1650px) {
#map-container {
height: 295px;
}
.mainmenu ul li a {
padding-left: 5px;
padding-right: 5px;
}
.area_title {
width: 65%;
}
.client_portal img {
width: 131px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
#map-container {
height: 292px;
}
.bnr_content {
left: 19%;
width: 28%;
}
.banner_total p {
font-size: 58px;
}
.mainmenu ul li a {
padding-left: 5px;
padding-right: 5px;
}
.area_title {
width: 65%;
}
.Login {
right: 10px;
}
} @media (min-width: 1281px) {} @media (min-width: 1025px) and (max-width: 1280px) {
.mainmenu ul li a {
padding-left: 0;
padding-right: 0;
}
#map-container {
height: 257px;
}
.bnr_content {
left: 19%;
width: 27%;
}
.banner_total p {
font-size: 50px;
}
.menu_text {
margin-right: 10px;
}
.schedule_btn a {
width: 170px;
}
}
@media only screen and (max-width: 1200px) {
.mobile-menu-open .js_body__overlay,
.js_body__overlay,
.mobile-menu-wrapper,
.phone-menu-wrapper {
display: block;
}
.mobile-menu-open .js_body__overlay,
.js_body__overlay,
.mobile-menu-wrapper,
.phone-menu-wrapper {
display: block;
}
.m_logo,
.mobile_menu {
height: 70px;
}
.padding_blank {
padding-top: 107px
}
.phone-wrapper {
padding: 0 15px;
}
.schedule_btn {
float: none;
margin: 25px 0 5px 0;
padding: 0;
height: auto;
}
.m_logo,
.d_logo {
height: 70px;
z-index: 99999;
position: relative;
}
.m_logo img,
.sticky-header .d_logo img,
.d_logo img {
width: 188px;
}
#sticky-header.sticky-header {
top: 0;
}
.sticky-header .schedule_btn,
.sticky-header .d_logo {
height: 70px;
}
.mainmenu ul li.show_mobile {
display: block;
}
.padding_blank {
padding-top: 77px;
}
.m_logo,
.mobile_menu {
height: 70px;
}
.home .site-content {
padding-top: 70px;
}
.area_title {
width: 83%;
float: none;
margin-left: auto;
margin-right: auto;
}
.post_num_1,
.post_num_2 {
margin-top: 0px;
}
.login_box {
display: none;
}
.service-area {
height: 516px;
}
.services_area {
position: relative;
bottom: inherit;
left: inherit;
padding-top: 50px;
display: block;
clear: both;
}
.services_area::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-image: url(//mbcfinancial.ca/wp-content/themes/vergeinsurance/images/services_area.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 85%;
}
.single-service {
width: 250px;
height: 250px;
overflow: hidden;
margin-bottom: 50px;
}
.we_are_blog {
margin-top: 0;
}
.area_title {
margin-top: 0px;
width: 75%;
float: right;
}
.area_title h1 {
font-size: 28px;
}
.we_are_blog .blogtitle a {
font-size: 20px;
}
.we_are_blog .owl-dots {
position: absolute;
bottom: 108px;
width: 100px;
left: 0;
right: 0;
padding: 0;
margin: 0 auto;
}
.we_are_blog .owl-dot {
background: #6e6b6b;
}
.we_are_blog .owl-dot.active {
background: #FFFFFF;
}
.we_are_blog .owl-next,
.we_are_blog .owl-prev {
position: absolute;
top: calc(37% - 15px);
width: 30px;
font-size: 30px;
line-height: 30px;
color: #FFF;
text-align: center;
}
.we_are_blog .owl-prev {
left: 5px;
}
.we_are_blog .owl-next {
right: 5px;
}
.owl-dot {
width: 15px;
height: 15px;
}
.area_title {
padding: 10px;
}
.our_visions::before {
width: 98%;
left: 15px;
}
.ov_content_inner {
padding: 30px 0px 15px 0;
}
.ov_content::after {
width: 109%;
}
.single_services_box {
float: none;
margin-right: auto;
margin-left: auto;
margin-bottom: 50px;
}
.single_services_box::after {
opacity: 0.1;
}
h2.i_title {
font-size: 21px;
}
.main-menu {
display: none !important;
}
.login_box {
display: none;
}
.client-portal_bn {
display: none;
}
}
@media only screen and (max-width: 991px) {
.area_title {
width: 57%;
}
.ov_content::after {
display: none;
}
.ov_content_inner {
padding: 20px 30px;
background-color: #f1f9ff;
}
.video-btn svg {
width: 50px;
top: calc(50% - 30px);
left: calc(50% - 33px);
}
.it_content {
width: 100%;
margin: 0 auto;
}
.bfrc_image {
width: 150px;
}
.bf_repeateable_item {
width: calc(100% - 170px);
}
.bf_repeateable_content .accordion-button {
height: auto;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.contact-address.text-center {
padding: 0;
}
#map-container {
height: 280px;
}
.bnr_content {
left: 19%;
width: 27%;
}
.banner_total p {
font-size: 40px;
}
.banner_area .owl-dots {
left: 30%;
}
.menu_text {
margin-right: 10px;
}
.get_a_quoat_inner {
width: 195px;
}
.site-content {
padding-top: 146px;
}
.services_area_innar .col-md-3 {
margin-bottom: 50px;
}
.site-content {
padding-top: 70px;
}
header.header {
position: inherit;
}
.site-content {
padding-top: 70px;
}
.mobile-menu {
height: 70px;
}
.mobile_logo a {
height: 62px;
display: flex;
align-items: center;
}
.phone-wrapper {
padding: 0 15px;
}
.mobile-wrapper {
padding: 0 15px;
}
.mobile-menu-open .js_body__overlay,
.js_body__overlay,
.mobile-menu-wrapper,
.phone-menu-wrapper {
display: block;
}
#sticky-header.sticky-header {
top: 0;
}
.sticky-header .schedule_btn,
.sticky-header .d_logo {
height: 70px;
}
.schedule_btn a::before {
display: none;
}
.footer_s_icon {
float: left;
}
.footer_widget {
margin-bottom: 60px;
}
.footer_bottom_inner {
text-align: center;
}
.post_num_1,
.post_num_2 {
padding-left: 0px;
padding-right: 0px;
}
.service-area {
height: 440px;
}
.single-post.col-xl-3.col-md-6 {
width: 100%;
padding: 0;
}
} @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.text-resize {
display: none;
}
.post_num_1 {
padding-right: 15px;
padding-left: 0;
}
.post_num_2 {
padding-right: 0;
padding-left: 15px;
}
}
@media only screen and (max-width: 767px) {
.home_blog_post .single-post {
width: 100%;
float: inherit;
}
.home_blog_post .single-post.post_num_1 {
margin-right: inherit;
}
.home_blog_post .single-post.post_num_2 {
margin-left: inherit;
}
.single_services_box {
width: 80%;
}
.it_content {
text-align: center;
}
.title_a_cuaa h2, .scp_head h2 {
font-size: 28px;
}
.bfrc_image {
width: 90px;
margin-right: 15px;
}
.bf_repeateable_item {
width: calc(100% - 105px);
}
} @media (min-width: 481px) and (max-width: 767px) {
.footer_widget {
margin-bottom: 50px;
}
.footer_bottom_inner {
text-align: center;
}
.services_area_innar .col-md-3 {
margin-bottom: 50px;
}
.banner_area .owl-dots {
display: none;
}
.contact-address.text-center {
padding: 0;
}
.breadcum-title {
bottom: -18px;
}
h1.entry-title {
font-size: 20px;
line-height: 35px;
padding-left: 25px;
padding-right: 25px;
}
.tp-bullets,
.tp-tabs,
.tp-thumbs {
left: 50%!important;
}
.persephone .tp-bullet {
height: 12px;
width: 12px;
}
.menu_text {
margin-right: 15px;
}
.get_a_quoat {
position: relative;
}
.get_a_quoat_inner {
width: 100%;
}
.get_a_quoat {
right: -15px;
}
.get_a_quoat_inner a {
width: 70%;
float: left;
margin: 0;
}
.schedule_btn {
float: none;
margin: 25px 0 5px 0;
padding: 0;
height: auto;
}
header.header {
position: inherit;
}
.site-content {
padding-top: 70px;
}
.mobile-menu {
height: 70px;
}
.mobile_logo a {
height: 62px;
display: flex;
align-items: center;
}
.phone-wrapper {
padding: 0 15px;
}
.mobile-wrapper {
padding: 0 15px;
}
.mobile-menu-open .js_body__overlay,
.js_body__overlay,
.mobile-menu-wrapper,
.phone-menu-wrapper {
display: block;
}
.d_logo {
height: 70px;
z-index: 99999;
position: relative;
}
#sticky-header.sticky-header {
top: 0;
}
.sticky-header .schedule_btn,
.sticky-header .d_logo {
height: 70px;
}
.schedule_btn a::before {
display: none;
}
.entry-header.breadcum-padding {
padding-top: 30px;
padding-bottom: 30px;
background: transparent;
}
.footer_s_icon {
float: none;
}
.top-social {
text-align: center;
}
.contact-form {
width: 100%;
}
.content-area {
padding-left: 0;
}
.text-resize {
display: none;
}
.logo_image {
padding: 0;
}
.modal-product {
padding: 35px 15px;
}
#contactModal .modal-dialog {
max-width: 100%;
padding: 10px;
}
.commnuity-area .content-area {
padding-left: 0px;
padding-right: 0px;
}
.post_num_1,
.post_num_2 {
padding: 0;
margin-top: 0px;
}
.login_box {
display: none;
}
.service-area {
height: 317px;
}
.services_area {
position: inherit;
bottom: inherit;
left: inherit;
padding-top: 50px;
display: block;
clear: both;
}
.single-service {
width: 100%;
height: auto;
padding-bottom: 30px;
overflow: hidden;
}
.we_are_blog {
margin-top: 0;
}
.area_title {
margin-top: 0px;
width: 90%;
float: none;
}
.area_title h1 {
font-size: 22px;
}
.we_are_blog .blogtitle a {
font-size: 20px;
}
.we_are_blog .owl-dots {
position: absolute;
bottom: 108px;
width: 100px;
left: 0;
right: 0;
padding: 0;
margin: 0 auto;
}
.we_are_blog .owl-dot {
background: #6e6b6b;
}
.we_are_blog .owl-dot.active {
background: #FFFFFF;
}
.we_are_blog .owl-next,
.we_are_blog .owl-prev {
position: absolute;
top: calc(37% - 15px);
width: 30px;
font-size: 30px;
line-height: 30px;
color: #FFF;
text-align: center;
}
.we_are_blog .owl-prev {
left: 5px;
}
.we_are_blog .owl-next {
right: 5px;
}
.owl-dot {
width: 15px;
height: 15px;
}
.footer-top {
text-align: center;
}
.post_num_1,
.post_num_2 {
padding: 0px;
}
.it_title {
font-size: 32px;
}
.category-banner {
padding-top: 300px;
}
.cat-heading h1 {
font-size: 42px;
}
.b-n-b-div a {
line-height: 55px;
font-size: 28px;
margin-top: 10px;
}
}
@media only screen and (max-width: 575px) {
.single_services_box {
width: 100%;
padding: 15px;
}
.address_cuaa {
display: block;
text-align: center;
}
.cuaa_blink {
display: inline-block;
margin-top: 15px;
}
} @media only screen and (max-width: 480px) {
#contactModal .modal-dialog {
max-width: 100%;
padding: 10px;
}
.modal-product {
padding: 35px 15px;
}
.footer_widget {
margin-bottom: 50px;
}
.footer_bottom_inner {
text-align: center;
}
.services_area_innar .col-md-3 {
margin-bottom: 50px;
}
.banner_area .owl-dots {
display: none;
}
.contact-address.text-center {
padding: 0;
}
.breadcum-title {
bottom: -18px;
}
h1.entry-title {
font-size: 20px;
line-height: 35px;
padding-left: 25px;
padding-right: 25px;
}
.tp-bullets,
.tp-tabs,
.tp-thumbs {
left: 50%!important;
}
.persephone .tp-bullet {
height: 12px;
width: 12px;
}
.menu_text {
margin-right: 15px;
}
.get_a_quoat {
position: relative;
}
.get_a_quoat_inner {
width: 100%;
}
.get_a_quoat {
right: -15px;
}
.get_a_quoat_inner a {
width: 70%;
float: left;
margin: 0;
}
.schedule_btn {
float: none;
margin: 25px 0 5px 0;
padding: 0;
height: auto;
}
header.header {
position: inherit;
}
.home .site-content,
.site-content {
padding-top: 70px;
}
.mobile-menu {
height: 70px;
}
.mobile_logo a {
height: 62px;
display: flex;
align-items: center;
}
.phone-wrapper {
padding: 0 15px;
}
.mobile-wrapper {
padding: 0 15px;
}
.mobile-menu-open .js_body__overlay,
.js_body__overlay,
.mobile-menu-wrapper,
.phone-menu-wrapper {
display: block;
}
.d_logo {
height: 70px;
z-index: 99999;
position: relative;
}
#sticky-header.sticky-header {
top: 0;
}
.sticky-header .schedule_btn,
.sticky-header .d_logo {
height: 70px;
}
.schedule_btn a::before {
display: none;
}
.entry-header.breadcum-padding {
padding-top: 30px;
padding-bottom: 30px;
background: transparent;
}
.footer_s_icon {
float: none;
}
.top-social {
text-align: center;
}
.contact-form {
width: 100%;
}
.content-area {
padding-left: 0;
}
.text-resize {
display: none;
}
.logo_image {
padding: 0;
}
.commnuity-area .content-area {
padding-left: 0px;
padding-right: 0px;
}
.area_title {
margin-top: 0px;
width: 100%;
}
.area_title h1 {
font-size: 21px;
}
.service-area {
height: 220px;
}
.post_num_1,
.post_num_2 {
padding: 0;
}
.login_box {
display: none;
}
.services_area {
position: inherit;
bottom: inherit;
left: inherit;
padding-top: 50px;
display: block;
clear: both;
}
.single-service {
width: 100%;
height: auto;
padding-bottom: 25px;
overflow: hidden;
}
.we_are_blog {
margin-top: 0;
}
.service_img {
margin: 10px auto 0;
width: 90px;
}
.single-title {
font-size: 21px;
margin-bottom: 5px;
}
.we_are_blog .blogtitle a {
font-size: 20px;
}
.we_are_blog .owl-dots {
position: absolute;
bottom: 108px;
width: 100px;
left: 0;
right: 0;
padding: 0;
margin: 0 auto;
}
.we_are_blog .owl-dot {
background: #6e6b6b;
}
.we_are_blog .owl-dot.active {
background: #FFFFFF;
}
.we_are_blog .owl-next,
.we_are_blog .owl-prev {
position: absolute;
top: calc(37% - 15px);
width: 30px;
font-size: 30px;
line-height: 30px;
color: #FFF;
text-align: center;
}
.we_are_blog .owl-prev {
left: 5px;
}
.we_are_blog .owl-next {
right: 5px;
}
.footer-top {
text-align: center;
}
.category-banner {
padding-top: 175px;
}
.cat-heading h1 {
font-size: 32px;
margin-bottom: 0;
}
.cat-heading h2 {
font-size: 24px;
}
.free_quote {
margin-top: 15px;
}
.b-n-b-div a {
line-height: 40px;
font-size: 24px;
margin-top: 0;
}
.cta-contant-area a {
font-size: 28px;
padding-left: 45px;
padding-right: 45px;
}
h2.ctach,
.accordion-button, .accordion-button:not(.collapsed) {
font-size: 21px;
}
.bfrc_image {
width: 60px;
margin-right: 10px;
}
.bf_repeateable_item {
width: calc(100% - 70px);
}
.bf_repeateable_content .accordion-button {
height: auto;
}
}ul.redux-social-media-list{margin-top:-20px}ul.redux-social-media-list li{font-size:30px;float:left;margin-right:2px;padding:5px;display:block}ul.redux-social-media-list li:before{content:''}.life-insurance-page {
--li-blue: #07345b;
--li-gold: #94966b;
--li-text: #30373d;
--li-light: #f3f8fb;
--li-border: #dfe5e9
}
.life-insurance-page *,
.life-insurance-page *:before,
.life-insurance-page *:after {
box-sizing: border-box
}
.li-container--narrow {
width: min(100% - 40px, 976px);
}
.li-rich-text {
color: var(--li-text);
font-size: 16px;
line-height: 1.75
}
.li-rich-text p {
margin: 0 0 18px
}
.li-hero {
background: linear-gradient(#04233da3, #04233da3), var(--li-hero-image) center/cover no-repeat
}
.li-insurance-types__list {
max-width: 1024px;
}
.li-insurance-types__list .li-type-row {
position: relative;
overflow: hidden;
margin-block-end: 32px;
background-color: #e8ead7;
border-radius: 28px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
-ms-border-radius: 28px;
-o-border-radius: 28px;
transition-duration: .5s;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px
}
.li-insurance-types__list .li-type-row:hover {
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a
}
.li-btn {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 44px;
padding: 10px 22px;
border-radius: 999px;
text-decoration: none !important;
font-size: 14px;
font-weight: 700
}
.li-btn--gold {
background: var(--li-gold);
color: var(--li-blue) !important
}
.li-btn--dark {
background: var(--li-blue);
color: #fff !important
}
.li-intro {
padding: 85px 0
}
.li-intro h2, .li-feature__title, .li-accordion h2 {
margin-bottom: calc(var(--spacing) * 8);
color: var(--li-blue);
font-size: clamp(28px, 3vw, 32px);
font-style: italic;
}
.li-insurance-types {
padding-bottom: 85px
}
.li-insurance-types__intro {
margin-bottom: clamp(64px, 10vw, 120px);
}
.li-type-row {
display: grid;
grid-template-columns: 1fr 1fr;
transition-duration: .5s;
}
.li-type-row__content {
display: flex;
align-items: center;
}
.li-type-row__content-inner {
width: min(100% - 80px, 540px);
margin: auto;
padding: 55px 0
}
.li-type-row__content h3 {
margin-bottom: calc(var(--spacing) * 3);
color: var(--li-blue);
font-size: clamp(27px, 3vw, 30px);
font-weight: 700;
letter-spacing: -.015em;
line-height: 1.2;
margin-top: 0;
transition-duration: .5s;
}
.li-type-row:hover .li-type-row__content h3 {
color: var(--li-gold);
}
.li-type-row__image, .li-type-row__image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition-duration: .5s;
position: relative;
overflow: hidden;
}
.li-type-row:hover img {
scale: 1.04;
}
.li-text-link {
display: inline-flex;
gap: 8px;
margin-top: 0;
color: var(--li-blue);
font-weight: 700;
text-decoration: none;
transition-duration: .5s;
}
.li-type-row:hover .li-text-link {
color: var(--li-gold);
}
.li-feature {
background: #f1f2e7
}
.li-feature__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(var(--spacing) * 10);
}
.li-feature__image img {
display: block;
width: 100%;
border-radius: 18px
}
.li-feature__after {
margin-top: 35px
}
.li-cta {
padding: 90px 0;
background: var(--li-gold);
text-align: center
}
.li-cta h2 {
max-width: 760px;
margin: 0 auto 18px;
color: var(--li-blue);
font-size: clamp(32px, 4vw, 52px)
}
.li-cta__text {
max-width: 720px;
margin: 0 auto 25px;
color: var(--li-blue)
}
@media(max-width:767px) {
.li-container,
.li-container--narrow {
width: min(100% - 30px, 1200px)
}
.li-intro,
.li-feature,
.li-accordion,
.li-cta {
padding: 60px 0
}
.li-type-row,
.li-feature__grid {
grid-template-columns: 1fr
}
.li-type-row--reverse .li-type-row__content,
.li-type-row--reverse .li-type-row__image {
order: initial
}
.li-type-row__content-inner {
width: min(100% - 40px, 900px);
padding: 45px 0
}
.li-type-row__image,
.li-type-row__image img {
min-height: 300px
}
.li-accordion__item {
grid-template-columns: 1fr
}
} .li-section--testimonials {
background: #f6f7ef;
padding-block: clamp(64px,10vw,120px);
}
.li-section--testimonials .li-section__heading {
text-align: center;
margin-bottom: 45px;
}
.li-section--testimonials .li-section__heading h2 {
margin: 0;
color: var(--li-blue);
font-size: 38px;
line-height: 1.2;
font-weight: 700;
font-style: italic;
}
.li-testimonials {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 25px;
max-width: 1030px;
margin: 0 auto;
}
.li-testimonial {
position: relative;
background: #fff;
border: 1px solid #e9e9e3;
border-radius: 28px;
min-height: 175px;
padding: 38px 65px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
.li-testimonial::before {
content: "\201C";
position: absolute;
top: 15px;
left: 20px;
color: #c5c5a5;
font-family: Georgia, "Times New Roman", serif;
font-size: 45px;
line-height: 1;
font-weight: 700;
}
.li-testimonial::after {
content: "\201D";
position: absolute;
right: 20px;
bottom: 8px;
color: #c5c5a5;
font-family: Georgia, "Times New Roman", serif;
font-size: 45px;
line-height: 1;
font-weight: 700;
}
.li-testimonial__inner {
color: var(--li-blue);
font-size: 17px;
line-height: 1.6;
font-style: italic;
}
.li-testimonial__inner p {
margin: 0;
}
.li-testimonial__inner p + p {
margin-top: 10px;
} @media (max-width: 767px) {
.li-section--testimonials {
padding: 55px 0 65px;
}
.li-section--testimonials .li-section__heading {
margin-bottom: 30px;
}
.li-section--testimonials .li-section__heading h2 {
font-size: 30px;
}
.li-testimonials {
grid-template-columns: 1fr;
gap: 20px;
}
.li-testimonial {
min-height: auto;
padding: 35px 50px;
border-radius: 22px;
}
.li-testimonial__inner {
font-size: 16px;
}
}
@media (max-width: 480px) {
.li-section--testimonials .li-section__heading h2 {
font-size: 26px;
}
.li-testimonial {
padding: 32px 42px;
}
.li-testimonial::before {
left: 14px;
font-size: 38px;
}
.li-testimonial::after {
right: 14px;
font-size: 38px;
}
} .accordian_content p {
margin-bottom: calc(var(--spacing) * 8);
font-size: 16px;
line-height: 1.65;
}
.li-accordion {
padding: 70px 0;
}
.li-accordion__list {
display: flex;
flex-direction: column;
gap: 20px;
}
.li-accordion__item {
display: grid;
grid-template-columns: 140px 1fr;
gap: calc(var(--spacing) * 6);
align-items: stretch;
} .li-accordion__image {
width: 140px;
height: 140px;
background: #f1f3f5;
border: 1px solid #d9dfe3;
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
-ms-border-radius: 28px;
-o-border-radius: 28px;
}
.li-accordion__image img {
display: block;
width: 64px;
height: 64px;
object-fit: contain;
} .li-accordion__body {
background: #f1f2e7;
border-radius: 28px;
padding: 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
-ms-border-radius: 28px;
-o-border-radius: 28px;
}
.li-accordion__body h3 {
margin: 0 0 8px;
color: var(--li-blue);
font-size: 25px;
line-height: 1.25;
font-weight: 700;
}
.li-accordion__subtitle {
color: var(--li-blue);
font-size: 16px;
line-height: 1.6;
margin-bottom: 18px;
}
.li-accordion__content {
color: var(--li-blue);
font-size: 16px;
line-height: 1.6;
}
.li-accordion__content p {
margin: 0 0 12px;
}
.li-accordion__content p:last-child {
margin-bottom: 0;
} .li-accordion__body .li-btn {
margin-top: 18px;
} @media (max-width: 767px) {
.li-accordion {
padding: 50px 0;
}
.li-accordion__item {
grid-template-columns: 95px minmax(0, 1fr);
gap: 15px;
}
.li-accordion__image {
width: 95px;
height: 95px;
border-radius: 22px;
}
.li-accordion__image img {
width: 55px;
height: 55px;
}
.li-accordion__body {
padding: 22px;
border-radius: 22px;
}
.li-accordion__body h3 {
font-size: 20px;
}
.li-accordion__subtitle,
.li-accordion__content {
font-size: 15px;
}
}
@media (max-width: 575px) {
.li-accordion__item {
grid-template-columns: 75px minmax(0, 1fr);
gap: 12px;
}
.li-accordion__image {
width: 75px;
height: 75px;
border-radius: 18px;
}
.li-accordion__image img {
width: 45px;
height: 45px;
}
.li-accordion__body {
padding: 18px;
border-radius: 18px;
}
.li-accordion__body h3 {
font-size: 18px;
}
.li-accordion__subtitle,
.li-accordion__content {
font-size: 14px;
line-height: 1.5;
}
.li-accordion__body .li-btn {
margin-top: 14px;
}
}
.li-accordion__image--svg svg {
width: calc(var(--spacing) * 16);
height: calc(var(--spacing) * 16);
color: var(--li-blue);
display: block;
}
.li-accordion__image--svg svg path,
.li-accordion__image--svg svg circle,
.li-accordion__image--svg svg rect,
.li-accordion__image--svg svg line,
.li-accordion__image--svg svg polyline,
.li-accordion__image--svg svg polygon {
vector-effect: non-scaling-stroke;
}#boxzilla-overlay,.boxzilla-overlay {
position: fixed;
background: rgba(0, 0, 0, 0.65 );
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10000;
}
.boxzilla-center-container {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 0;
text-align: center;
z-index: 11000;
line-height: 0;
} .boxzilla-center-container .boxzilla {
display: inline-block;
text-align: left;
position: relative;
line-height: normal;
}
.boxzilla {
position: fixed;
z-index: 12000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: white;
padding: 25px;
}
.boxzilla.boxzilla-top-left {
top: 0;
left: 0;
}
.boxzilla.boxzilla-top-right {
top: 0;
right: 0;
}
.boxzilla.boxzilla-bottom-left {
bottom: 0;
left: 0;
}
.boxzilla.boxzilla-bottom-right {
bottom: 0;
right: 0;
} .boxzilla-content > *:first-child {
margin-top: 0;
padding-top: 0;
}
.boxzilla-content > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.boxzilla-close-icon {
position: absolute;
right: 0;
top: 0;
text-align: center;
padding: 6px;
cursor: pointer;
font-size: 28px;
font-weight: bold;
line-height: 20px;
color: #000;
opacity: .5;
}
.boxzilla-close-icon:hover, .boxzilla-close-icon:focus {
opacity: .8;
}
.boxzilla-wobble {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: boxzilla-wobble;
}
@keyframes boxzilla-wobble {
from {
transform: none;
}
15% {
transform: translate3d(-21%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(18%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(6%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}