/*
	Theme Name: Webimpress Base 3.0
	Theme URI: https://webimpress.uk
	Description: A Clean Theme From Webimpress
	Version: 3.0.0
	Author: Webimpress
	Author URI: https://webimpress.uk

*/



/* ==========================================================================
   Default Setup
   ========================================================================== */

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;
}

/* ==========================================================================
   Normal Css
   ========================================================================== */



* {
	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: 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;
	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;

		/* Center slide text vertically */
		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;
}

/* All of our custom controls should be what we expect them to be */
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;
}

/* These elements are usually rendered a certain way by the browser */
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;
	  }
	  
	  
	}