.pre-form-contact { overflow: hidden; margin-bottom: 10px; } .pre-form-contact__title { font-weight: 700; margin: 15px 0; } .pre-form-contact__box { background-color: var(--pre-form-contact-bg_box); padding: var(--pre-form-contact-padding); width: 100%; border-radius: 5px; } .pre-form-contact__box .form-group { display: flex; flex-wrap: wrap; margin-bottom: 0; } .pre-form-contact__box .form-group .input { width: calc(100% - 60px); } .pre-form-contact__box .form-group .form-control { background-color: var(--pre-form-contact-bg_input); box-shadow: none; border-radius: 5px 0 0 5px; font-size: 15px; border: 0; min-height: 41px; } .pre-form-contact__box .form-group button { background-color: var(--pre-form-contact-bg_button); color:var(--pre-form-contact-color_button); width: 60px; border-radius: 0 5px 5px 0; font-size: 20px; border: 0; } .pre-form-contact__box .form-group button:hover { background-color: var(--pre-form-contact-bg_button_hover); color:var(--pre-form-contact-color_button_hover); }.pre-box-sale .pre-box-sale__content ul { list-style: none; } .pre-box-sale .pre-box-sale__content ul, .pre-box-sale .pre-box-sale__content ol { list-style: none; } .pre-box-sale .pre-box-sale__content ul li, .pre-box-sale .pre-box-sale__content ol li { margin-top: 10px; position: relative; padding-right: 10px; padding-left: 22px; } .pre-box-sale .pre-box-sale__content ul li:after { content: ""; height: 15px; width: 15px; background-image: url('views/plugins/product-element/assets/images/sale/check2x.png'); background-repeat: no-repeat; background-position: center; background-size: contain; left: 0; top: 50%; transform: translate(0, -50%); position: absolute; } .pre-box-sale .pre-box-sale__content ol li:after { content: ""; height: 15px; width: 15px; background-image: url('views/plugins/product-element/assets/images/sale/Gift2x.png'); background-repeat: no-repeat; background-position: center; background-size: contain; left: 0; top: 50%; transform: translate(0, -50%); position: absolute; } .breadcrumb span a.btn.btn-default { color: #333; background-color: #fff; border-color: #ccc;height:37px; position: relative; float: left;border: 0; border-radius: 0; } .btn-breadcrumb a.btn.btn-default { color:#fff;background-color: transparent;border-color: transparent;height:37px; position: relative; float: left;border: 0; border-radius: 0; } .widget_about_style_15 .about-content .description { margin-bottom: 40px; } .widget_about_style_15 .about-content p { font-size: 14px; line-height: 25px; margin-bottom: 10px; margin-top: 10px; } .widget_about_style_15 .about-content ul { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; list-style-type: none; margin-right: -10px; margin-bottom: 5px; margin-top: 5px; } .widget_about_style_15 .about-content ul li { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; margin-top: 10px; font-weight: 600; color: #777; position: relative; padding-right: 10px; padding-left: 22px; } .widget_about_style_15 .about-content .description-mini { position: relative; margin: 20px 0; padding: 0 0 0 0; } .widget_about_style_15 .about-author-box .box-inner { position: relative; } .widget_about_style_15 .about-author-box .box-inner .comment { position: relative; color: #222222; font-size: 16px; line-height: 1.7em; padding: 25px 35px; border-radius: 10px; font-style: italic; background-color: #f8f8f8; } .widget_about_style_15 .about-author-box .box-inner .comment:before { position: absolute; content: ''; left: 25px; bottom: -33px; width: 52px; height: 33px; background: url('views/theme-store/widget/about/assets/comment-curve.png') no-repeat; } .widget_about_style_15 .about-author-box .box-inner .lower-box { margin-top: 30px; } .widget_about_style_15 .about-author-box .box-inner .lower-box .lower-inner { display: flex; align-items: center; } .widget_about_style_15 .about-author-box .box-inner .lower-box .lower-inner .postion-info { margin-left: 60px; padding-left: 20px; border-left: 2px solid ; } .widget_about_style_15 .about-author-box .box-inner .lower-box .lower-inner .postion-info p { margin:0; } .widget_about_style_15 .about-author-box .box-inner .lower-box .lower-inner .author-image { position: absolute; left: 0px; top: 0px; width: 88px; height: 88px; overflow: hidden; border-radius: 50%; } .widget_about_style_15 .about-image .about-image-content { position: relative; padding-left: 100px; padding-bottom: 100px; } .widget_about_style_15 .about-image .about-image-content .img1 { } .widget_about_style_15 .about-image .about-image-content .img2 { position: absolute; left: 0px; bottom: 0px; box-shadow: 0px 0px 25px rgba(0,0,0,0.15); } .widget_about_style_15 .about-image .about-image-content img { width: 100%; height: 100%; object-fit: cover; } .widget_about_style_15 .about-content .about-item-list { display: grid; grid-template-columns: 1fr 1fr; } .widget_about_style_15 .item { margin-bottom: 10px; position: relative; overflow: hidden; text-align: center; background-position: center; padding-left: 10px; padding-top: 10px; display: flex; align-items: center; } .widget_about_style_15 .item .img { --icon-width:80px; height: var(--icon-width); width:var(--icon-width); text-align: center; padding:5px; border-radius: 3px; transition: all .5s; } .widget_about_style_15 .item .img img { max-width: 100%; width: auto; height: 100%; display: inline-block; } .widget_about_style_15 .item:hover .img { background-color: var(--theme-color); } .widget_about_style_15 .item:hover .img img { -webkit-animation: toTopFromBottom .5s forwards; animation: toTopFromBottom .5s forwards; } .widget_about_style_15 .item .title { width: calc(100% - var(--icon-width)); text-align: left; padding-left: 20px; } .widget_about_style_15 .item .title p.heading { color: var(--ab-item-title); font-size: 18px; font-weight: bold; margin: 0 0 10px 0; } .widget_about_style_15 .item .title p.description { color: var(--ab-item-des); font-size: 14px; line-height: 20px; } .widget_about_style_15 .row-flex, .widget_about_style_15 .counter-section-container { display: flex; flex-wrap: wrap; align-items: stretch; gap:5px; } .widget_about_style_15 .counter-section-container { width: 100%; } .widget_about_style_15 .counter-item { width: calc(100%/4 - 5px); flex: 1 1 auto; border-radius: 5px; padding:20px 10px; position: relative; overflow: hidden; text-align: center; background-position: center; } .widget_about_style_15 .counter-item .counter { font-weight: bold; font-size: 30px; color: var(--about15-counter-num-color); } .widget_about_style_15 .counter-item .counter-char { font-weight: bold; font-size: 30px; color: var(--about15-counter-num-color); } .widget_about_style_15 .counter-item .counter-heading { font-weight: bold; font-size: 16px; text-align: center;color: var(--about15-counter-heading-color); } .widget_about_style_15 .grid-1 { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(8, 75px); grid-gap: 10px; } .widget_about_style_15 .grid-1 div { color: white; font-size: 20px; padding: 0px; } .widget_about_style_15 .grid-1 div img { border-radius:10px; } .widget_about_style_15 .item-1 { grid-column: 4 / span 7; grid-row: 1 / span 7; } .widget_about_style_15 .item-4 .img_2{ /* overflow: hidden; */ height: 100%; /* border: 5px solid var(--theme-color); */ /* border-radius: 10px; */ } .widget_about_style_15 .item-1 img{ width: 100%; height:100%; object-fit:cover; } .widget_about_style_15 .item-4 { grid-column: 1 / span 7; grid-row: 2 / span 7; } .widget_about_style_15 .item-4 img{ height:100%; } @media (max-width: 765px) { /* .widget_about_style_15 .about-content .about-item-list { grid-template-columns: 1fr; } */ .widget_about_style_15 .grid-1 { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(8, 40px); grid-gap: 10px; } .widget_about_style_15 .grid-1 div { color: white; font-size: 20px; padding: 0px; } .widget_about_style_15 .grid-1 div img { border-radius:10px; } .widget_about_style_15 .item-1 { grid-column: 5 / span 6; grid-row: 1 / span 7; } .widget_about_style_15 .item-4 .img_2{ /* overflow: hidden; */ height: 100%; /* border: 5px solid var(--theme-color); */ /* border-radius: 10px; */ } .widget_about_style_15 .item-1 img{ width: 100%; height:100%; object-fit:cover; } .widget_about_style_15 .item-4 { grid-column: 1 / span 6; grid-row: 2 / span 7; } .widget_about_style_15 .item-4 img{ height:100%; } .widget_about_style_15 .counter-item .counter-heading { font-size: 10px; } } @media only screen and (max-width: 479px) { .widget_about_style_15 .about-image .about-image-content { padding-left: 0;padding-bottom: 0px; } .widget_about_style_15 .about-image .about-image-content .img2 { position: relative; margin-top: 30px; } .widget_about_style_15 .about-image .about-image-content .img2 .video-box { right: 20px; bottom: 20px; } }.widget_item_style_1 { overflow: hidden; text-align: center; } .widget_item_style_1 .row-flex { position: relative; display: grid; grid-template-columns: var(--item1-per-row); gap:20px; } .widget_item_style_1 .item { position: relative; overflow: hidden; text-align: center; background-position: center; box-shadow: #0061bf 0px 1px 4px; border-radius: 7px; padding: 10px 0; } .widget_item_style_1 .item:before, .widget_item_style_1 .item:after { content: ""; position: absolute; background-repeat: no-repeat; opacity: 0; transition: all .5s; -webkit-transform: scale(.1); transform: scale(.1); z-index: 0; } .widget_item_style_1 .item:before { background-image: url('views/theme-store/widget/item/image/item-before.png'); height: 100%; top: -30px; left: -30px; width: 100%; } .widget_item_style_1 .item:after { background-image: url('views/theme-store/widget/item/image/item-after.png'); height: 290px; bottom: -40px; right: -30px; width: 250px; } .widget_item_style_1 .item.active:after, .widget_item_style_1 .item.active:before, .widget_item_style_1 .item:hover:after, .widget_item_style_1 .item:hover:before { opacity: 1; -webkit-transform: scale(0.5); transform: scale(0.5); } .widget_item_style_1 .item .img { height: var(--item1-height); text-align: center; } .widget_item_style_1 .item .img img { width: auto; height: 100%; display: inline-block; border-radius: 5px;padding:5px; margin-top: 5px; } .widget_item_style_1 .item .title { text-align: center; padding: 10px; } .widget_item_style_1 .item .title p.heading { color: var(--item1-title); font-size: 15px; font-weight: bold; margin: 0 0 10px 0; } .widget_item_style_1 .item .title p.description { color: var(--item1-des); font-size: 14px; line-height: 20px; } .widget_item_style_1 .item:hover .img img { -webkit-animation: toTopFromBottom .5s forwards; animation: toTopFromBottom .5s forwards; } .widget_item_style_1 .item:hover .img img { box-shadow: 0 0 10px 4px rgba(31,66,135,.1); } @media (max-width: 768px) { .widget_item_style_1 .row-flex { display: block!important; } .widget_item_style_1 .item .img { height: 50px; } .widget_item_style_1 .item .title { min-height: 135px; } .widget_item_style_1 .slick-list {margin: 0 -5px;} .widget_item_style_1 .slick-slide>div {padding: 5px 5px;} } .widget_product_category_style_7 .row>*{ padding: calc(var(--bs-gutter-x) * .5); } .widget_product_category_style_7 .item { position: relative; } .widget_product_category_style_7 .item .title { background: rgb(117 112 112 / 50%); border-radius: 50%; padding: 5px; /* transform: translate(2%,-70%)!important; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; } .widget_product_category_style_7 .item .img { height: 200px; border-radius: 50%; text-align: center; overflow: hidden; border-right: 5px solid var(--theme-color); } .widget_product_category_style_7 .item .img img { width: 100%; height: 100%; object-fit: cover; } .widget_product_category_style_7 .item .title .heading { font-size: 15px; text-align: center; margin: 20px 0; font-family: var(--font-header); font-weight: bold; } .widget_product_category_style_7 .item .title .heading a { color:#fff; font-size: 18px; } @media (max-width: 768px) { .widget_product_category_style_7 .item .title .heading { font-size: 15px; } } @media (max-width: 500px) { .widget_product_category_style_7 .item .title .heading { font-size: 13px; } }.widget_post_style_service .box-content { position: relative; } .widget_post_style_service .item { display: flex!important; flex-wrap: wrap; position: relative; border-radius: 0!important; border:unset!important; } .widget_post_style_service .item .img { height: 250px; width: 250px;border-radius: 0!important; } .widget_post_style_service .item .img img { height: 100%; width: 100%; object-fit: cover; } .widget_post_style_service .item .title { width: calc(100% - 250px); padding: 10px; text-align: left; background: #e5eff8; } .widget_post_style_service .item .title .header { max-width: 80%; font-size: 22px; line-height: 30px; height: auto; font-family: var(--theme-color); margin:10px 0; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .widget_post_style_service .item .title .header a { color: #000; outline: none; } .widget_post_style_service .item .title .description { max-width: 80%; margin-bottom: 18px; text-align: initial; color: #687385; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .widget_post_style_service .item .title .post-info { margin: 0 0 20px 0; } .widget_post_style_service .item .title .read-more a { color:#000;display: inline-block; position: relative; transition: all 0.3s; } .widget_post_style_service .item .title .read-more i { color:red;position: relative;top:1px; } .widget_post_style_service .item .title .read-more a:hover { padding-left: 20px; color:var(--theme-color); } .widget_post_style_service .item:hover { box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 0 0 transparent; } .widget_post_style_service .item { border:1px solid grey; border-radius: 10px; } @media (max-width: 1200px) { .widget_post_style_service .item .img { height: 250px; } } @media (max-width: 768px) { /* .widget_post_style_service .item {padding:0;margin: 10px;} .widget_post_style_service .item .img { height: 200px; } */ .widget_post_style_service .item .img { height: 185px; width: 185px;border-radius: 0!important; } .widget_post_style_service .item .title { width: calc(100% - 185px); } .widget_post_style_service .item .title .description { max-width: 100%; -webkit-line-clamp: 2; /* number of lines to show */ } .widget_post_style_service .item .title .header { max-width: 100%; font-size: 14px; } }.widget_item_working_process .header-title .header, .widget_item_working_process .note{ color: #fff; } .widget_item_working_process .working_process__row{ position: relative; margin: 20px -2px 0 -2px; } .widget_item_working_process .working_process_item { text-align: center; position: relative; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; outline: none; margin-right: 4px; } .widget_item_working_process .working_process_item .working_process_item__circle { position: relative; margin: 0 auto; width: 100px; height: 100px; border-radius: 50%; background: var(--theme-color); cursor: pointer; transition: 0.5s ease; outline: none; } .widget_item_working_process .working_process_item .working_process_item__circle p.num { font-size: 40px; color: #fff; font-weight: 200; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .widget_item_working_process .working_process_item .working_process_item__circle .ex { width: 100px; height: 100px; border: 8px solid var(--item-5-border-color); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); z-index: 2; transition: 0.3s ease; } /* .widget_item_working_process .working_process_item .working_process_item__circle:hover .ex { position: absolute; left: 50%; top: 50%; border: 4px solid #f8ae41; transform: translate(-50%, -50%) rotate(-180deg); } */ .widget_item_working_process .working_process_item .border { border-top: 1px solid #525252; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -50px; padding: 60px 15px 20px; transition: 0.3s ease; } .widget_item_working_process .working_process_item .text p.big { color: var(--item-5-title-color); font-size: 15px; text-align: center; height: fit-content; overflow: hidden; font-weight: 500; margin:0; } .widget_item_working_process .working_process_item .text p.small { color: var(--item-5-description-color); font-size: 14px; font-weight: 300; transition: 0.3s ease; opacity: 0; } .widget_item_working_process .working_process_item.active .border, .widget_item_working_process .working_process_item:hover .border { border: 1px solid #525252; } .widget_item_working_process .working_process_item.active .text p.small, .widget_item_working_process .working_process_item:hover .text p.small { opacity: 1; } .working_process__row .slick-prev, .working_process__row .slick-next { font-size: 0; line-height: 0; position: absolute; top: 19%; z-index: 9999; display: block; width: 30px; height: 37px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .working_process__row .slick-prev { left: 0; } .working_process__row .slick-next { right: 0; } .widget_item_working_process .border { border: unset!important; border-top: 1px solid var(--theme-color)!important; }.widget_item_style_1_1 { overflow: hidden; text-align: center; } .widget_item_style_1_1 .row-flex { position: relative; display: grid; grid-template-columns: var(--item1-per-row); gap:20px; } .widget_item_style_1_1 .item { position: relative; overflow: hidden; text-align: center; background-position: center; border-radius: 0px; padding: 10px 0; display: grid!important; align-items: center; } .widget_item_style_1_1 .item:before, .widget_item_style_1_1 .item:after { content: ""; position: absolute; background-repeat: no-repeat; opacity: 0; transition: all .5s; -webkit-transform: scale(.1); transform: scale(.1); z-index: 0; } .widget_item_style_1_1 .item:before { background-image: url('views/theme-store/widget/item/image/item-before.png'); height: 100%; top: -30px; left: -30px; width: 100%; } .widget_item_style_1_1 .item:after { background-image: url('views/theme-store/widget/item/image/item-after.png'); height: 290px; bottom: -40px; right: -30px; width: 250px; } .widget_item_style_1_1 .item.active:after, .widget_item_style_1_1 .item.active:before, .widget_item_style_1_1 .item:hover:after, .widget_item_style_1_1 .item:hover:before { opacity: 1; -webkit-transform: scale(0.5); transform: scale(0.5); } .widget_item_style_1_1 .item .img { height: var(--item1-height); text-align: center; } .widget_item_style_1_1 .item .img img { width: auto; height: 100%; display: inline-block; border-radius: 5px;padding:5px; margin-top: 5px; } .widget_item_style_1_1 .item .title { text-align: center; padding: 10px; } .widget_item_style_1_1 .item .title p.heading { color: var(--item1-title); font-size: 15px; font-weight: bold; margin: 0 0 10px 0; } .widget_item_style_1_1 .item .title p.description { color: var(--item1-des); font-size: 14px; line-height: 20px; } .widget_item_style_1_1 .item:hover .img img { -webkit-animation: toTopFromBottom .5s forwards; animation: toTopFromBottom .5s forwards; } .widget_item_style_1_1 .item:hover .img img { box-shadow: 0 0 10px 4px rgba(31,66,135,.1); } .widget_item_style_1_1 .form_item{ width: calc(40% - 5px); flex:0 0 calc(40% - 5px); padding: 30px; overflow: hidden; } .widget_item_style_1_1 .list_item{ width: calc(60% - 5px); flex:0 0 calc(60% - 5px); overflow: hidden; } @media (max-width: 768px) { .widget_item_style_1_1 .row_mb { display: block; } .widget_item_style_1_1 .item .img { height: 50px; } .widget_item_style_1_1 .form_item{ width: 100%; padding: 30px; overflow: hidden; } .widget_item_style_1_1 .list_item{ width: 100%; overflow: hidden; } .widget_item_style_1_1 .item .title{ min-height: 80px; } } /* @media (max-width: 600px) { .widget_item_style_1_1 .row-flex { grid-template-columns: var(--item1-per-row-mobile); } .widget_item_style_1_1 .item .img { height: 50px; } } @media (max-width: 500px) { .widget_item_style_1_1 .item .img { height: auto; } } */.widget_feedback_style_4 .box-content{ margin: 25px 0 0 0; } .widget_feedback_style_4 .item{ border-radius: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; background-color: #e5eff8; } .widget_feedback_style_4 .item .box-avatar{ width: calc(100% / 3); margin: 0 auto; position: relative; } .widget_feedback_style_4 .item .box-avatar .avatar { position: relative; display: block; width: 100%; padding-top: 100%; height: inherit; border-radius: 50%; overflow: hidden; position: absolute; bottom: 0; } .widget_feedback_style_4 .item .box-avatar .avatar picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .widget_feedback_style_4 .item .box-avatar .avatar picture img { min-height: 100%; min-width: 100%; position: relative; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); display: inherit; transition: all .5s ease-in-out; object-fit: cover; } .widget_feedback_style_4 .item .title { text-align: center; padding: 10px 15px 20px 15px; } .widget_feedback_style_4 .item .title .feedback-name { text-align: center; font-size: 18px; font-weight: bold; margin: 10px auto; color: #000; } .widget_feedback_style_4 .item .title .feedback-office{ text-align: center; font-size: 13px; margin: 10px auto; font-style: italic; } .widget_feedback_style_4 .item .title .feedback-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 75px; font-size: 13px; overflow: hidden; }.widget_videos_style_3 .video-section-outer { margin: 0 0px 10px 0px; outline: none; overflow: hidden; } .widget_videos_style_3 .video-section-outer .video-img img { width: 100%; height: 100%; object-fit: cover;outline: none; border-radius: 5px; } .widget_videos_style_3 .main-videos .video-img { border-radius: 5px; position: relative; height: 400px;overflow: hidden;outline: none; width: 100%; } .widget_videos_style_3 .main-videos .video-title .heading { margin: 10px 0; font-family:var(--font-header); font-weight: bold; font-size: 18px; } .widget_videos_style_3 .main-videos .video-title .heading a { color:#000; font-size: 18px; outline: none; } .widget_videos_style_3 .list-videos .slick-list {margin: 0 -5px;} .widget_videos_style_3 .list-videos .slick-slide>div {padding: 0 5px;} .widget_videos_style_3 .list-videos .video-section-outer { margin: 10px; } .widget_videos_style_3 .list-videos .video-section-outer .video-img { height: 150px; position: relative; overflow: hidden; outline: none; border-radius: 5px; } .widget_videos_style_3 .list-videos .video-title .heading { margin-top: 5px; font-family:var(--font-header); } .widget_videos_style_3 .list-videos .video-title .heading a { color:#000; font-size: 15px; outline: none; } .widget_videos_style_3 .list-videos .video-title .description { color:#999; font-size: 14px; outline: none; height: 80px; overflow: hidden; } .widget_videos_style_3 .play-now { position: absolute;left: 50%;top: 50%;z-index: 10; display: block; border-radius: 50%; width: 60px; height: 60px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transform-origin: center center; } .widget_videos_style_3 .play-now .icon { position: absolute;left: 50%;top: 50%;z-index: 1; height: 65px; width: 65px; text-align: center; line-height: 65px; color: #fff; font-size: 20px; padding-left: 5px; display: block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); -o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1); background-color: red; } .widget_videos_style_3 .play-now .ripple, .widget_videos_style_3 .play-now .ripple:before, .widget_videos_style_3 .play-now .ripple:after { position: absolute;top: 50%;left: 50%; height: 65px; width: 65px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform-origin: center; transform-origin: center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); box-shadow: 0 0 0 0 rgba(255, 255, 255, .3); -webkit-animation: ripple 3s infinite; -moz-animation: ripple 3s infinite; -ms-animation: ripple 3s infinite; -o-animation: ripple 3s infinite; animation: ripple 3s infinite; } .widget_videos_style_3 .play-now .ripple:before { -webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .widget_videos_style_3 .play-now .ripple:after { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; background-color: var(--theme-color); } .widget_videos_style_3 .post-list .item { padding:0; overflow: hidden; margin-bottom: 10px; } .widget_videos_style_3 .post-list .item .img { float: left; width: 200px; height: 200px; border-radius: 5px; overflow: hidden; } .widget_videos_style_3 .post-list .item .img img{ width:100%; height: 100%; } .widget_videos_style_3 .post-list .item .title { float: left; width:calc(100% - 220px); padding-left: 10px; display: flex; flex-wrap: wrap; gap: 30px; } .widget_videos_style_3 .post-list .item .title .heading { font-family:var(--font-header); margin: 0 0 10px 0; font-size: 15px; font-weight: bold; color:#000; line-height: 30px;} .widget_videos_style_3 .post-list .item .title .description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; color: #999; } .widget_videos_style_3 .post-list .item .img .date-box { display: none; } @media (max-width: 768px) { .widget_videos_style_3 .post-list .item { display: flex!important; flex-wrap: wrap; } .widget_videos_style_3 .post-list .item .img { float: unset!important; width: 175px; height: 175px; border-radius: 5px; overflow: hidden; } .widget_videos_style_3 .post-list .item .title { float: unset!important; width:calc(100% - 175px); padding-left: 10px; } .widget_videos_style_3 .post-list .item .title .header { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */ -webkit-box-orient: vertical; } /* .widget_videos_style_3 .post-list .slick-list {margin: -70px 0;height: 850px!important;} .widget_videos_style_3 .post-list .slick-slide>div {padding: 5px 0;} */ }.widget_map_style_1 { overflow: hidden; } .widget_map_style_1 .widget_map { border: 10px solid var(--theme-color); } .widget_map_style_1 iframe { height: 450px; } .widget_map_style_1 .container-fluid { padding:0; } @media (max-width: 768px) { .widget_map .form_contact { left: 50%!important; transform: translate(-50%, -50%)!important; } }