html {
font-size: 10px;
line-height: 10px;
}
body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 1.4rem;
line-height: 2.5rem;
color: #444;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
color: inherit;
cursor: pointer;
}
img {
border: 0;
width: 100%;
height: auto;
display: block;
}
button {
background-color: transparent;
color: inherit;
border-width: 0;
padding: 0;
cursor: pointer;
}
figure {
margin: 0;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
cite {
font-style: normal;
}
fieldset {
border-width: 0;
padding: 0;
margin: 0;
} * {
margin:0;
padding:0;
box-sizing:border-box;
}
body {
font-family: jaf-domus-titling-web, sans-serif;
font-weight: 400;
font-style: normal;
font-size:12px;
}
h1, h2, h3, h4 {
font-family: 'Sora', sans-serif;
}
.basic_details p, article p {
color: #36454F;
font-family: 'Sora', sans-serif;
}
article p:not(:last-child) {
margin-bottom:15px;
}
header {
position:relative;
background: rgb(33,27,49);
background: linear-gradient(99deg, rgba(33,27,49,1) 0%, rgba(44,39,68,1) 45%, rgba(44,39,68,1) 56%, rgba(33,27,49,1) 100%);
}
.top_bar {
background: rgb(132,25,88);
background: linear-gradient(99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
width:100%;
}
.header_container_grid {
width:100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
color: #fff;
display: grid;
column-gap: 40px;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 60px 100px;
grid-template-areas:
"siteLogo menuBar menuBar menuBar"
"siteLogo banner banner banner";
padding: 12px 0 12px 0;
row-gap: 0;
}
.top_bar_socials a {
display: flex;
height: 100%;
}
.site_logo {
grid-area: siteLogo;
display:flex;
justify-content:center;
align-items:center;
}
.site_logo img {
display: block;
height: 85%;
}
.menu_bar {
grid-area: menuBar;
}
.banner {
grid-area: banner;
display: flex;
justify-content: flex-end;
align-content: flex-end;
}
#revd_cats {
display: none;
}
.top_nav ul {
display: flex;
justify-content: space-between;
height: 50px;
}
.top_nav ul li {
list-style:none;
display:flex;
align-items:center;
height:100%;
}
.top_nav ul li a {
border-radius: 20px;
border: 1px solid #fff;
padding:10px 15px 15px 15px;
font-size:14px;
line-height:14px;
text-decoration:none;
color:#fff;
}
.top_nav ul li a:hover {
background:RGBA(255,255,255,0.1);
}
.top_nav ul li.current-menu-item a {
background: rgb(132,25,88);
background: linear-gradient(99deg, rgba(79, 125, 191, 1) 0%, rgba(80, 176, 145, 1) 45%, rgba(110, 191, 89, 1) 56%, rgba(129, 195, 65, 1) 100%);
}
.container {
max-width: 1140px;
margin: auto;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.container.mag_box h1 {
font-size: 38px;
color: #fff;
z-index: 999;
margin-top: 60px;
margin-bottom: 46px;
}
.container_ng {
max-width: 1100px;
margin: auto;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.image_container {
object-fit: cover;
height: 100%;
width: 100%;
object-position: 50% 50%;
display: block;
position: relative;
}
.image_container > img {
object-fit: cover;
height: 100%;
width: 100%;
object-position: 50% 50%;
display: block;
position: absolute;
}
.header_feature {
height:300px;
}
.first_feed {
padding-bottom: 20px;
}
.tb {
padding-top: 20px;
padding-bottom: 20px;
}
.g2 {
display:grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.g2_3 {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 20px;
}
.g3 {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.g5 {
display:grid;
grid-template-columns: 3fr 2fr;
gap: 20px;
}
.article_feed {
display:grid;
grid-template-columns: 1fr 1fr;
gap:20px;
}
.top_side_bar {
background: rgb(33,27,49);
background: linear-gradient(
99deg, rgba(33,27,49,1) 0%, rgba(44,39,68,1) 45%, rgba(44,39,68,1) 56%, rgba(33,27,49,1) 100%);
padding: 30px;
border-radius: 10px;
}
.article_preview_overlay {
background: rgb(0,0,0);
background: linear-gradient( 
0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7805497198879552) 30%, rgba(0,0,0,0) 100%);
position: relative;
color: #fff;
height: 100%;
display: flex;
align-items: flex-end;
min-height: 290px;
}
.article_preview_overlay:hover {
background: rgb(0,0,0);
background: linear-gradient( 
0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7805497198879552) 30%, rgba(0,0,0,0.7) 100%);
}
.article_preview_text {
padding: 0 20px 20px 20px;
}
.feature_tag {
background: rgb(132,25,88);
background: linear-gradient(
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
border-radius: 20px;
padding: 8px 10px 10px 10px;
font-size: 10px;
display: inline-block;
line-height: 10px;
margin-bottom: 10px;
}
p.article_preview_title {
font-size: 14px;
margin-top: 0px;
font-family: 'Sora', sans-serif;
font-weight: 500;
}
.feat_grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 30px;
}
.video_grid_item:nth-child(1) {
grid-column: auto / span 2;
}
.video_grid_item:nth-child(4) {
grid-column: auto / span 2;
}
a.article_preview {
text-decoration: none;
border-radius: 10px;
overflow: hidden;
display: block;
}
.article_preview::after {
position: absolute;
height: 5px;
width: 100%;
z-index: 998;
content: "";
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
bottom: 0;
}
.title_container h3 {
font-size: 26px;
font-weight: 300;
color: #fff;
line-height: 30px;
font-family: jaf-domus-titling-web, sans-serif;
}
.sub_bar h1 {
font-family: jaf-domus-titling-web, sans-serif;
}
.title_container img {
width: 30px;
display: inline-block;
margin-right: 15px;
margin-top: 10px;
}
.title_container {
display: flex;
align-items: center;
}
.latest_mag_prev {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
color: #fff;
background: RGBA(255,251,255,0.4);
padding: 10px;
}
.latest_mag_prev img {
max-width: 100%;
display: block;
}
.download_subscribe img {
width: 45px;
margin-right: 10px;
}
.download_subscribe {
display: flex;
flex-direction: row;
margin: 14px 0 8px 0;
}
.asp_res_text {
background: rgb(132,24,89);
background: linear-gradient(156deg, rgba(132,24,89,1) 0%, rgba(198,50,62,1) 49%, rgba(238,143,52,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.asp_group_header.asp_an_fadeInDown {
background: rgb(132,25,88);
background: linear-gradient( 99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%)!important;
color: #fff !important;
}
a.asp_showmore {
background: rgb(132,25,88);
background: linear-gradient( 99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%) !important;
color: #fff !important;
font-weight: bold !important;
}
.load_more_box {
grid-column: 1 / 3;
background: #f1f1f1;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}
a.standard_btn {
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
border-radius: 20px;
padding: 12px 15px 15px 15px;
font-size: 10px;
display: inline-block;
line-height: 10px;
font-size: 16px;
text-decoration: none;
color: #fff;
position: relative;
}
a.download_btn {
border-radius: 60px;
padding: 13px 23px 21px 23px;
font-size: 10px;
display: inline-block;
line-height: 25px;
font-size: 25px;
text-decoration: none;
color: #fff;
position: relative;
border: 1px solid #fff;
margin-top: 30px;
cursor: pointer;
}
a.download_btn:hover {
background: RGBA(255,255,255,0.1);
}
a.load_more_button {
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
border-radius: 20px;
padding: 12px 60px 15px 15px;
font-size: 10px;
display: inline-block;
line-height: 10px;
font-size: 16px;
text-decoration: none;
color: #fff;
position: relative;
}
.article_grid.container h1 {
line-height: 40px;
}
a.load_more_button:after {
content: url(https://wibits.b-cdn.net/loading-icon-animated.svg);
position: absolute;
width: 38px;
height: 15px;
right: 10px;
top: 12px;
}
.sidebar_advert {
background: RGBA(255,251,255,0.4);
padding: 10px;
}
.sidebar_advert img {
width:100%;
}
.home_videos {
background: rgb(33,27,49);
background: linear-gradient( 
99deg, rgba(33,27,49,1) 0%, rgba(44,39,68,1) 45%, rgba(44,39,68,1) 56%, rgba(33,27,49,1) 100%);
padding: 80px 0;
}
.video_home {
display:grid;
grid-template-columns: 3fr 2fr;
gap:20px;
}
.standard_video_feed {
display:grid;
grid-template-columns:1fr;
gap:10px;
}
.video_item {
border-radius: 10px;
overflow: hidden;
}
.video_preview_overlay {
background: rgb(0,0,0);
background: linear-gradient( 
0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7805497198879552) 30%, rgba(0,0,0,0) 100%);
position: relative;
color: #fff;
height: 100%;
display: flex;
align-items: flex-end;
}
.article_grid ul {
padding-left: 24px;
margin-bottom: 17px;
font-family: 'Sora', sans-serif;
}
.article_grid h3 {
background: rgba(110, 191, 89, 1);
background: linear-gradient(156deg, rgba(79, 125, 191, 1) 0%, rgba(110, 191, 89, 1) 56%, rgba(129, 195, 65, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 8px;
font-size: 18px;
line-height: 24px;
}
.video_preview_text {
display: grid;
grid-template-columns: 80px auto;
gap: 15px;
padding: 20px;
}
.featured_video.video_item.image_container {
min-height: 400px;
}
.video_details {
display: flex;
justify-content: center;
flex-direction: column;
}
.video_load_more {
}
.top_med {
margin-top: 20px;
}
.bottom_med {
margin-bottom: 20px;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper {
margin-left: auto;
margin-right: auto;
height:400px;
}
span.swiper-pagination-bullet {
width: 40px;
background: #fff;
border-radius: 4px;
}
.swiper-slide {
border-radius: 10px;
overflow: hidden;
}
.slider_preview_overlay {
background: rgb(0,0,0);
background: linear-gradient( 
0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0) 100%);
position: absolute;
color: #fff;
height: 100%;
width: 100%;
left: 0;
right: 0;
display: flex;
align-items: flex-end;
padding: 30px;
}
.slider_preview_text {
padding: 0 20px 20px 20px;
width: 70%;
text-align: left;
}
p.slider_preview_title {
font-size: 30px;
}
.search_cont {
background: #f1f1f1;
display: grid;
grid-template-columns: 1fr 5fr;
border-radius: 10px;
overflow: hidden;
}
.the_search_bar {
display: flex;
align-items: center;
padding: 30px;
}
.search_title {
background: rgb(132,25,88);
background: linear-gradient( 99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
padding: 20px 20px 25px 20px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.search_title p {
font-size: 24px;
font-weight: 600;
color: #fff;
line-height: 28px;
}
.top_bar_socials img {
width: 32px;
margin-left: 10px;
background: RGBA(0,0,0,0.1);
padding: 0 5px;
}
.top_bar_socials img:hover {
background: RGBA(0,0,0,0.3);
}
.top_bar_socials {
display: flex;
justify-content: flex-end;
}
.tag_line {
display: flex;
align-items: center;
}
.tag_line p {
color: #fff;
font-weight: 600;
font-size: 16px;
line-height: 16px;
padding: 6px 0 10px 0;
}
a.slider_preview_title {
font-size: 26px;
display: block;
font-weight: 600;
line-height: 30px;
}
footer {
background: rgb(33,27,49);
background: linear-gradient( 
99deg, rgba(33,27,49,1) 0%, rgba(44,39,68,1) 45%, rgba(44,39,68,1) 56%, rgba(33,27,49,1) 100%);
padding: 80px 0;
}
.sub_bar {
background: #f1f1f1;
padding: 20px 0 30px 0;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video_block {
padding:20px;
background: #f1f1f1;
}
.article_grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
}
.article_side {
background: #f1f1f1;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
}
.article_info_bar {
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 10px;
padding: 10px;
display: flex;
align-items: center;
}
.container.supplier_details_grid {
display: grid;
grid-template-columns: 200px auto;
gap: 40px;
}
section.supplier_header {
background: #f1f1f1;
padding: 60px 0;
}
.supplier_logo img {
background: #fff;
border-radius: 10px;
padding: 20px;
}
.supplier_articles {
background: rgb(132,25,88);
background: linear-gradient(
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
width: 100%;
padding: 60px 0;
}
.supplier_videos {
padding: 60px 0;
}
.supplier_video_preview_overlay {
background: rgb(0,0,0);
background: linear-gradient( 
0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7805497198879552) 30%, rgba(0,0,0,0) 100%);
position: relative;
color: #fff;
height: 100%;
display: flex;
align-items: flex-end;
min-height: 290px;
}
.supplier_item {
border-radius: 10px;
border: 1px solid #000;
padding: 20px;
}
.supplier_logo_hub {
margin-bottom: 20px;
}
.supplier_logo_hub img {
max-height: 80px;
width: auto;
}
.supplier_item h3 {
font-family: jaf-domus-titling-web, sans-serif;
font-size: 21px;
}
.feature_head {
border: 1px solid #999;
border-radius: 50px;
padding: 20px 0 23px 0;
text-align: center;
font-size: 14px;
line-height: 16px;
width: 100%;
display: block;
}
.left_side_bar {
background: rgb(33,27,49);
background: linear-gradient( 99deg, rgba(33,27,49,1) 0%, rgba(44,39,68,1) 45%, rgba(44,39,68,1) 56%, rgba(33,27,49,1) 100%);
padding: 30px;
border-radius: 10px;
}
.mtb {
margin-top: 20px;
margin-bottom: 20px;
}
.feature_acc {
border-radius: 50px;
padding: 20px 0 23px 0;
text-align: center;
font-size: 14px;
line-height: 16px;
width: 100%;
display: block;
background: rgb(132,25,88);
background: linear-gradient(99deg, rgba(79, 125, 191, 1) 0%, rgba(80, 176, 145, 1) 45%, rgba(110, 191, 89, 1) 56%, rgba(129, 195, 65, 1) 100%) !important;
color: #fff;
cursor: pointer;
position: relative;
}
.feature_acc img {
position: absolute;
width: 21px;
height: 18px;
right: 34px;
top: 53%;
transform: translateY(-50%);
}
.feature_btn {
border: 1px solid #fff;
border-radius: 50px;
padding: 10px 0 12px 0;
text-align: center;
font-size: 14px;
line-height: 16px;
width: 100%;
display: block;
margin-bottom: 8px;
color: #fff;
}
.feature_btn:hover {
background:RGBA(255,255,255,0.1);
}
.container.features_list.tb {
display: grid;
row-gap: 10px;
}
ul.pagination {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Sora', sans-serif;
}
a.page-link {
display: flex;
font-size: 13px;
line-height: 13px;
padding: 4px 4px 2px 4px;
border: 1px solid #000;
border-radius: 50%;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
}
li.page-item {
margin: 0 2px;
}
.container.mag_box {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.mag_box img {
width: 70%;
text-align: center;
margin-bottom: -100px;
z-index: 999;
}
.container.mag_box a {
z-index: 999;
display: flex;
justify-content: center;
margin-top: 40px;
}
.pagination_cont {
padding: 23px 30px 20px 30px;
background: #f1f1f1;
margin-bottom: 30px;
border-radius: 10px;
}
li.page-item.active a {
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
color: #fff;
}
.sidebar_card_grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 15px;
background: #fff;
border-radius: 10px;
overflow: hidden;
margin-bottom:20px;
}
.sidebar_details {
padding: 10px 10px 10px 0;
}
.arrowed a.page-link {
color: #fff;
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
}
.machi-archive-page-top img {
background: #f1f1f1;
padding: 10px;
margin-top: 20px;
}
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
textarea:focus, input:focus{
outline: none;
}
*:focus {
outline: none;
} input,
textarea
{
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
input:focus, textarea:focus, select:focus{
outline: none;
}
textarea {
border: none;
background-color: transparent;
resize: none;
outline: none;
} button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.main_form {
box-sizing: border-box;
}
.main_form select.gfield_select {
height: 50px;
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #8f1d54;
}
.main_form.gchoice input[type=checkbox]:focus {
outline: max(2px, 0.15em) solid #8f1d54;
outline-offset: max(2px, 0.15em);
}
.main_form .gchoice input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
margin: 0 5px 0 0;
font: inherit;
color: red;
width: 30px;
height: 30px;
border: 0.15em solid #8f1d54;
border-radius: 0;
transform: translateY(-0.075em);
display: inline-block;
place-content: center;
}
.main_form .gchoice input[type="checkbox"]::before {
content: "";
width: 16px;
height: 16px;
background: ;
transform: scale(0);
transform-origin: center;
transition: 120ms transform ease-in-out;
position: absolute;
background-color: #8f1d54;
left: 5px;
top: 5px;
}
.main_form .gchoice input[type=checkbox]:checked::before {
transform: scale(1);
}
.main_form .gchoice input[type=checkbox]:focus {
}
.main_form .gchoice {
margin-top: 10px;
}
.main_form .ginput_container_text input {
height: 50px;
background: none;
border: 1px solid #8f1d54;
}
.main_form .ginput_container_email input {
height: 50px;
background: none;
border: 1px solid #8f1d54;
}
.main_form .ginput_container.ginput_container_textarea textarea {
border: 1px solid #8f1d54;
}
.main_form .gform_footer input[type=button], .main_form .gform_footer input[type=submit], .main_form .gform_footer input[type=reset], .main_form .gform_page_footer input[type=button],  .main_form .gform_page_footer input[type=submit], .main_form .form_saved_message_emailform input[type=submit] {
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
border: none;
color: white;
padding: 12px 15px 15px 15px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
border-radius: 20px;
font-size: 16px;
line-height: 10px;
}
.main_form .gform_footer input[type=submit]:hover {
background: #191819;
}
.main_form .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
color: #fff;
}
.main_form .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
background-color: #fff;
color: #6b7280;
text-decoration: none;
-webkit-appearance: none!important;
padding: 16px 32px;
}
.main_form .gchoice input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
margin: 0 5px 0 0;
font: inherit;
color: #8f1d54;
width: 30px;
height: 30px;
border: 0.15em solid #8f1d54;
border-radius: 0;
transform: translateY(-0.075em);
display: inline-block;
place-content: center;
}
.main_form .gchoice input[type="radio"]::before {
content: "";
width: 16px;
height: 16px;
background: ;
transform: scale(0);
transform-origin: center;
transition: 120ms transform ease-in-out;
position: absolute;
background-color: #8f1d54;
left: 5px;
top: 5px;
}
.main_form .gchoice input[type=radio]:checked::before {
transform: scale(1);
}
.main_form .gchoice input[type=radio]:focus {
}
.main_form .gfield_radio {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.subscription_form_container {
background: rgb(33,27,49);
background: linear-gradient( 99deg, rgba(33,27,49,1) 0%, rgba(44,39,68,1) 45%, rgba(44,39,68,1) 56%, rgba(33,27,49,1) 100%);
max-width: 1000px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 60px;
margin-top: -60px;
border-radius: 20px;
margin-bottom: -60px;
z-index: 995;
position: relative;
}
.subscribe_title {
margin-bottom: 55px;
}
.fw_grad {
background: rgb(132,25,88);
background: linear-gradient(
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
width: 100%;
padding: 100px 20px 60px 20px;
}
span.bold_part {
font-weight: 600;
font-size: 60px;
}
.m_details {
font-size: 21px;
text-align: center;
line-height: 36px;
font-weight: 200;
color: #fff;
}
.mb_details {
font-size: 32px;
text-align: center;
line-height: 36px;
font-weight: 400;
color: #fff;
}
.subscription_form {
box-sizing: border-box;
}
.subscription_form .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
width: 100%;
color: #8d1c55;
}
.subscription_form .gform_wrapper.gravity-theme .ginput_complex input, .gform_wrapper.gravity-theme .ginput_complex select {
width: 100%;
color: #fff;
}
.subscription_form select.gfield_select {
height: 50px;
-webkit-appearance: none;
border-radius: 10px;
border: 2px solid #fff;
background: transparent;
color: #fff;
}
.subscription_form.gchoice input[type=checkbox]:focus {
outline: max(2px, 0.15em) solid #8f1d54;
outline-offset: max(2px, 0.15em);
}
.subscription_form .gchoice input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
margin: 0 5px 0 0;
font: inherit;
color: red;
width: 30px;
height: 30px;
border: 0.15em solid #8f1d54;
border-radius: 0;
transform: translateY(-0.075em);
display: inline-block;
place-content: center;
}
.subscription_form .gchoice input[type="checkbox"]::before {
content: "";
width: 16px;
height: 16px;
background: ;
transform: scale(0);
transform-origin: center;
transition: 120ms transform ease-in-out;
position: absolute;
background-color: #8f1d54;
left: 5px;
top: 5px;
}
.subscription_form .gchoice input[type=checkbox]:checked::before {
transform: scale(1);
}
.subscription_form .gchoice input[type=checkbox]:focus {
}
.subscription_form .gchoice {
margin-top: 10px;
}
.subscription_form .ginput_container_text input {
height: 50px;
background: none;
border: 2px solid #fff;
border-radius: 10px;
}
.subscription_form .ginput_container_email input {
height: 50px;
background: none;
border: 2px solid #fff;
border-radius: 10px;
}
.subscription_form .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
font-size: 15px;
padding-top: 5px;
color: #fff;
}
.subscription_form .gform_wrapper.gravity-theme .gfield-choice-input+label {
max-width: calc(100% - 32px);
margin-bottom: 0;
vertical-align: middle;
color: #fff;
}
.subscription_form div#input_3_12 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.subscription_form .ginput_container.ginput_container_textarea textarea {
border: 1px solid #8f1d54;
}
.subscription_form .gform_footer input[type=button], .subscription_form .gform_footer input[type=submit], .subscription_form .gform_footer input[type=reset], .subscription_form .gform_page_footer input[type=button],  .subscription_form .gform_page_footer input[type=submit], .subscription_form .form_saved_message_emailform input[type=submit] {
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
border: none;
color: white;
padding: 12px 15px 15px 15px;
text-decoration: none;
margin: 4px 2px;
cursor: pointer;
border-radius: 20px;
font-size: 16px;
line-height: 10px;
}
.subscription_form .gform_footer input[type=submit]:hover {
background: #191819;
}
.subscription_form .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
color: #fff;
}
.subscription_form .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
background-color: #fff;
color: #6b7280;
text-decoration: none;
-webkit-appearance: none!important;
padding: 16px 32px;
}
.subscription_form .gchoice input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
margin: 0 5px 0 0;
font: inherit;
color: #8f1d54;
width: 30px;
height: 30px;
border: 0.15em solid #8f1d54;
border-radius: 0;
transform: translateY(-0.075em);
display: inline-block;
place-content: center;
}
.subscription_form .gchoice input[type="radio"]::before {
content: "";
width: 16px;
height: 16px;
background: ;
transform: scale(0);
transform-origin: center;
transition: 120ms transform ease-in-out;
position: absolute;
background-color: #8f1d54;
left: 5px;
top: 5px;
}
.subscription_form .gchoice input[type=radio]:checked::before {
transform: scale(1);
}
.subscription_form .gchoice input[type=radio]:focus {
}
.subscription_form .gfield_radio {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.subscription_form .gform_wrapper.gravity-theme .gfield_label {
color: #fff;
}
.know_more h4 {
font-family: jaf-domus-titling-web, sans-serif;
font-size: 2em;
margin: 0.67em 0;
line-height: 32px;
}
.form_frame {
background: #f1f1f1;
border-radius: 10px;
padding: 6px 30px;
margin-top:20px;
}
.sidebar_ad img {
background: #fff;
padding: 10px;
margin-bottom: 20px;
}
footer h4 {
font-size: 16px;
font-weight: 400;
color: #fff;
position: relative;
padding-bottom: 10px;
}
footer h4:before {
position: absolute;
content: "";
height: 2px;
width:100%;
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
bottom:0;
}
footer h4:not(:first-child) {
margin-top: 15px;
}
footer p {
color: #fff;
font-family: 'Sora', sans-serif;
line-height: 24px;
}
footer ul {
list-style: none;
color: #fff;
column-count: 2;
}
footer img {
max-width: 156px;
margin-bottom: 22px;
}
p.footer_sub {
font-size: 16px;
font-weight: 100;
margin-bottom: 7px;
}
.read_time {
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 10px;
margin-right: 8px;
}
.read_time img {
width: 15px;
margin-right: 4px;
}
.read_time p {
font-size: 11px;
color: #fff;
line-height: 11px;
margin-top: 1px;
white-space: nowrap;
}
.footer_g3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
.sidebar_group {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 30px;
}
.snav {
display: none;
}
.menubtn {
display: none;
}
.grad_divide {
background: rgb(132,25,88);
background: linear-gradient( 99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
width: 100%;
height: 5px;
}
.magazine_header {
background: #ededed;
padding: 30px 20px 70px 20px;
}
.magazine_header h1 {
font-size: 38px;
text-align: center;
line-height: 50px;
font-weight: 400;
}
.rounded_box {
background: rgb(132,25,88);
background: linear-gradient( 99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
width: 100%;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
width: 70%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 110px;
padding: 120px 50px 20px 50px;
z-index: 996;
}
.rounded_box img {
max-width: 50%;
width: 320px;
margin-bottom: 25px;
}
.rounded_box p {
font-size: 28px;
text-align: center;
line-height: 36px;
font-weight: 400;
color: #fff;
}
.video_feeder_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}  
@keyframes bounce {
0% { transform: translateY(2px); }
100% { transform: translateY(-2px); } 
}
.mag_bounce { animation: bounce 0.8s infinite alternate; }
.more_trees img {
margin-top: 10px;
margin-bottom: 0;
}
.element {
margin: 0 auto;
animation-name: stretch;
animation-duration: 2.0s;
animation-timing-function: ease-out;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-play-state: running;
}
@keyframes stretch {
0% {
transform: scale(1.0);
}
50% {
}
100% {
transform: scale(1.1);
}
}
.element2 {
margin: 0 auto;
animation-name: stretch2;
animation-duration: 2.0s;
animation-timing-function: ease-out;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-play-state: running;
}
@keyframes stretch2 {
0% {
transform: scale(0.9);
}
50% {
}
100% {
transform: scale(1.0);
}
}
div#gform_confirmation_message_3 {
color: #fff;
}
@media only screen and (max-width: 1120px) {
.header_container_grid {
width: 100%;
margin-left: auto;
margin-right: auto;
color: #fff;
display: grid;
column-gap: 30px;
grid-template-columns: 185px 1fr 1fr 1fr;
grid-template-rows: 60px 100px;
grid-template-areas:
"siteLogo menuBar menuBar menuBar"
"siteLogo banner banner banner";
padding: 12px 12px 12px 12px;
row-gap: 0;
}
}
@media only screen and (max-width: 950px) {
.subscription_form div#input_3_12 {
grid-template-columns: 1fr;
}
.video_feeder_grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
a.featured_video.video_item.image_container.video_grid_item {
grid-column: auto / span 2;
}
.top_bar {
display: none;
}
.feat_grid {
grid-template-columns: 1fr;
}
.menu_bar {
display: none;
}
.rounded_box {
width: 90%;
}
.mag_box img {
width: 95%;
text-align: center;
}
.rounded_box img {
max-width: 90%;
width: 320px;
margin-bottom: 25px;
}
.container.mag_box a {
z-index: 997;
display: flex;
justify-content: center;
margin-top: 40px;
font-size: 18px;
}
.header_container_grid {
width: 100%;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-template-areas:
"siteLogo"
"banner";
padding: 12px 20px 12px 20px;
row-gap: 20px;
}
.banner {
justify-content: center;
align-content: center;
}
.search_cont {
grid-template-columns: 1fr 3fr;
}
.search_title p {
font-size: 14px;
line-height: 22px;
}
.g5 {
grid-template-columns: 1fr;
}
.g3 {
grid-template-columns: 1fr 1fr;
}
.video_home {
grid-template-columns: 1fr 1fr;
}
.home_videos {
padding: 50px 20px;
}
.article_grid {
grid-template-columns: 1fr;
padding: 0 20px;
}
.sub_bar {
padding: 20px 20px 30px 20px;
}
section.supplier_header {
padding: 60px 20px;
}
.supplier_videos {
padding: 60px 20px;
}
.supplier_articles {
padding: 60px 20px;
}
footer {
padding: 80px 20px;
}
.footer_g3 {
grid-template-columns: 1fr;
}
.sidebar_group {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
#menubtn {
position: absolute;
top: 38px;
right: 20px;
z-index: 999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgb(132,25,88);
background: linear-gradient( 99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
width: 50px;
height: 50px;
border-radius: 50px;
}
.hbar:not(:first-child) {margin-top:5px;}
.hbar {
height:4px;
background: #fff;
border-radius:2px;
width: 30px;
transition: all 350ms ease-in-out;
}
.mactive {
transform: scalex(0.75);
transition: all 350ms ease-in-out;
}
.mactive2 {
transform: scalex(0.50);
transition: all 350ms ease-in-out;
}
.snav {display:none;
transition-property: all;
transition-duration: 3s;}
.snav_active {
display:block;
animation: circle 2s;
background: rgb(132,25,88);
background: linear-gradient( 
99deg, rgba(132,25,88,1) 0%, rgba(195,52,62,1) 45%, rgba(203,70,60,1) 56%, rgba(235,140,50,1) 100%);
clip-path: circle(75%);
height: 100vh;
width: 100%;
transition-property: all;
transition-duration: 3s;
position: absolute;
z-index: 999;
}
@keyframes circle {
0% { clip-path: circle(0% at 100% 0%); }
100% { clip-path: circle(100% at 100% 50%); }
}
.nav_contents {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
padding: 50px 0 50px 0;
}
.nav_contents nav {
height: 100%;
}
.nav_contents nav ul {
list-style: none;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 90%;
position: relative;
padding: 0;
text-align: center;
width: 100%;
}
.nav_contents nav ul li a {
border-radius: 26px;
border: 1px solid #fff;
padding: 10px 15px 15px 15px;
font-size: 18px;
line-height: 14px;
text-decoration: none;
color: #fff;
}
.site_logo {
grid-area: siteLogo;
display: flex;
justify-content: flex-start;
align-items: center;
}
.site_logo img {
display: block;
height: auto;
width: 170px;
}
}
@media only screen and (max-width: 600px) {
.sidebar_group {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.g3 {
grid-template-columns: 1fr;
}
.g2 {
grid-template-columns: 1fr;  
}
.search_cont {
grid-template-columns: 1fr;
}
.article_feed {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.load_more_box {
grid-column: 1;
}
.video_home {
grid-template-columns: 1fr;
}
.container.supplier_details_grid {
grid-template-columns: 1fr;
}
.site_logo {
grid-area: siteLogo;
display: flex;
justify-content: flex-start;
align-items: center;
}
.site_logo img {
display: block;
height: auto;
width: 170px;
}
}