/*
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Divi child theme via Freshy
Author: Freshy
Author URI: https://freshysites.com/
Template: Divi
Version: 4.0.0
*/
/* Add your own styles at the bottom */

/* -- COLORS -- */

.white, 
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white li, .white a,
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, li.white, a.white, p.white {
	color: #fff;
}

.black, 
.black h1, .black h2, .black h3, .black h4, .black h5, .black h6, .black li, .black a,
h1.black, h2.black, h3.black, h4.black, h5.black, h6.black, li.black, a.black, p.black {
	color: #000;
}

.primary, 
.primary h1, .primary h2, .primary  h3, .primary h4, .primary h5, .primary h6, .primary li, .primary a,
h1.primary, h2.primary, h3.primary, h4.primary, h5.primary, h6.primary, li.primary, a.primary, p.primary {
	color: #32a709;
}

.secondary, 
.secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary h5, .secondary h6, .secondary li, .secondary a,
h1.secondary, h2.secondary, h3.secondary, h4.secondary, h5.secondary, h6.secondary, li.secondary, a.secondary, p.secondary {
	color: #daf238;
}

.tertiary, 
.tertiary h1, .tertiary h2, .tertiary h3, .tertiary h4, .tertiary h5, .tertiary h6, .tertiary li, .tertiary a,
h1.tertiary, h2.tertiary, h3.tertiary, h4.tertiary, h5.tertiary, h6.tertiary, li.tertiary, a.tertiary, p.tertiary {
	color: #e4debe;
}

/* background colors */
.bg-white, a.bg-white {background-color: #fff;}
.bg-black, a.bg-black {background-color: #000;}
.bg-primary, a.bg-primary {background-color: #32a709;}
.bg-secondary, a.bg-secondary {background-color: #daf238;}
.bg-tertiary, a.bg-tertiary {background-color: #e4debe;}

/* -- END COLORS -- */


/* -- TYPOGRAPHY -- */

.text-lowercase, 
.text-lowercase h1, .text-lowercase h2, .text-lowercase h3, .text-lowercase h4, .text-lowercase h5, .text-lowercase h6, .text-lowercase li, .text-lowercase a {
	text-transform: lowercase !important;
}

.text-uppercase, 
.text-uppercase h1, .text-uppercase h2, .text-uppercase h3, .text-uppercase h4, .text-uppercase h5, .text-uppercase h6, .text-uppercase li, .text-uppercase a {
	text-transform: uppercase !important;
}

.text-capitalize, 
.text-capitalize h1, .text-capitalize h2, .text-capitalize h3, .text-capitalize h4, .text-capitalize h5, .text-capitalize h6, .text-capitalize li, .text-capitalize a {
	text-transform: capitalize !important;
}

.text-transform-none, 
.text-transform-none h1, .text-transform-none h2, .text-transform-none h3, .text-transform-none h4, .text-transform-none h5, .text-transform-none h6, .text-transform-none li, .text-transform-none a {
	text-transform: none !important;
}

.font-weight-bold, 
.font-weight-bold h1, .font-weight-bold h2, .font-weight-bold h3, .font-weight-bold h4, .font-weight-bold h5, .font-weight-bold h6, .font-weight-bold li, .font-weight-bold a {
	font-weight: 700;
}

.font-weight-normal, 
.font-weight-normal h1, .font-weight-normal h2, .font-weight-normal h3, .font-weight-normal h4, .font-weight-normal h5, .font-weight-normal h6, .font-weight-normal li, .font-weight-normal a {
	font-weight: 400;
}

.font-italic {font-style: italic;}

.text-underline-none, .text-underline-none a {text-decoration: none !important;}

.text-underline, .text-underline a {text-decoration: underline !important;}

.text-nowrap, .text-nowrap a {white-space: nowrap !important;}

.text-wrap-normal, .text-wrap-normal a {white-space: normal !important;}

/* -- END TYPOGRAPHY -- */


/* -- TEMPLATE -- */



/* -- END TEMPLATE -- */


/* -- HEADER -- */

/* helps logo to not be pixelated when scaled down */
#logo {
	transform: none !important;
}

/* when mobile menu is open, change hamburger icon to x icon */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

/* makes sub sub menu icon be right arrow instead of down arrow */
#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
	content: '5';	
}

/* if parent link of child menu is a deadlink, then make it not clickable */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a[href="#0"] { 
	pointer-events: none;
}

/* - mobile menu toggling elements, injected via jQuery - */

/* make menu list item be relative, to be able to position toggle within this item */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
	position: relative;	
}
/* the new toggle element, which is added via jQuery */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
	position: absolute;
	background-color: rgba(0,0,0,0.03);
	z-index: 1;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	top: 4px;
	right: 4px;
	cursor: pointer;
	text-align: center;
}
/* the new toggle element when popped */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
	background-color: rgba(0,0,0,0.1);
}
/* toggle icon */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
	font-family: "ETmodules" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 36px;
	font-size: 24px;
	text-transform: none;
	speak: none;
	content: '\33';
}
/* toggle icon when triggered */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
	content: '\32';
}
/* hide sub menus by default */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
	display: none !important;
	padding-left: 0;
}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
	display: block !important;
	background-color: rgba(0,0,0,0.03);
}
/* remove sub menu list item left padding, since padding will be on anchors */
#main-header #mobile_menu.et_mobile_menu li li {
	padding-left: 0;
}

/* adjust mobile menu anchors side paddings */
#main-header #mobile_menu.et_mobile_menu li a {
	padding-left: 20px;
	padding-right: 20px;
}
/* indent sub menu */
#main-header #mobile_menu.et_mobile_menu li li a {
	padding-left: 40px;
	padding-right: 20px;
}
/* indent sub sub menus further */
#main-header #mobile_menu.et_mobile_menu li li li a {
	padding-left: 60px;
	padding-right: 20px;
}
/* if mobile menu anchor has toggle, make room for it to fit next to the link */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
	padding-right: 44px;
}

/* - end mobile menu toggling elements - */

/* undo Divi's default styling of mobile menu links that have children */
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
	font-weight: inherit;
}

/* make the current page's mobile menu link be different */
#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
	font-weight: bolder;
}

/* -- END HEADER -- */


/* -- FOOTER -- */

/* - Bottom Bar - */

/* if the bottom bar has equal column height setting, then make it always be flex, and stack the columns initially (for mobile use)
 * and make the columns vertical aligned to be vertically centered too */
#fs-footer-bottom-bar > .et_pb_row.et_pb_equal_columns {
	display: flex;
	align-items: center;
}

/* copyright wrapper */
#freshy_copyright {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: white;
	font-size: 13px;
	line-height: 1.25em;
}

/* vertical pipe divider */
#freshy_copyright span.copyright_via {
	width: 33.33333%;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
	background: rgba(255,255,255,0.25);
	vertical-align: middle;
	margin: 10px auto 15px;
	display: block;
}

/* add an FS logo via background */
#freshy_copyright a.copyright_fs {
	display: block;
	width: 68px;
	height: 20px;
	background-image: url("/wp-content/uploads/Freshy_Logo_White_RGB.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	margin: 4px 0 0 0;
	flex-shrink: 0;
	transition: all 0.4s ease-in-out;
}
/* FS logo link hover */
#freshy_copyright a.copyright_fs:hover {
	opacity: 0.8;
}

/* remove the bottom margin that Divi adds to the social media follow icons */
#fs-footer-bottom-bar .et_pb_social_media_follow li {
	margin-bottom: 0;
}

@media (min-width: 600px) {
	/* make the copyright elements be side by side at wider screens */
	#freshy_copyright {
		flex-direction: row;
	}
	/* change horizontal pipe divider to vertical on wider screens */
	#freshy_copyright span.copyright_via {
		width: 1px;
		height: 20px;
		margin: 0 10px;
	}
}

@media (max-width: 980px) {
	/* make sure the row has columns going side by side instead of stacked */
	#fs-footer-bottom-bar > .et_pb_row.et_pb_equal_columns {
		flex-direction: column;
	}
	/* when stacked, adjust the gap between stacked columns */
	#fs-footer-bottom-bar > .et_pb_row.et_pb_equal_columns > .et_pb_column {
		margin-bottom: 1rem;
	}
	/* swap the order of columns when stacked, to the first column is the last one 
	 * and give no bottom margin to the first column, since we re-ordered it to the bottom */
	#fs-footer-bottom-bar > .et_pb_row.et_pb_equal_columns > .et_pb_column:first-child {
		order: 1;
		margin-bottom: 0;
	}
	/* center the copyright stuff when columns are stacked */
	#freshy_copyright {
		justify-content: center;
	}
	/* remove left margin on first social icon in regular Divi footer (when not using Theme Builder) when stacked */
	#footer-bottom .et-social-icons li:first-child {
		margin-left: 0;
	}
}

/* -- END FOOTER -- */


/* -- RESPONSIVE -- */

/* do for mobile */
@media screen and (max-width: 767px) {
	/* hide on mobile */
	.hide-mobile {
		display: none;
	}
}

/* do for desktop */
@media screen and (min-width: 768px) {
	/* hide on desktop */
	.hide-desktop {
		display: none;
	}
}

/* -- END RESPONSIVE -- */


/* -- CHECKLIST -- */

.checklist ul {
	margin: 0;
	padding: 0 !important;
	list-style: none;
}

.checklist ul li {
	position: relative;
	padding-left: 30px;
	margin: 0 0 6px !important;
}

.checklist-columns-2 ul li,
.checklist-columns-3 ul li,
.checklist-columns-4 ul li {
	margin-bottom: 30px !important;
}

@media (max-width: 638px) {
	.checklist-columns-2 ul li,
	.checklist-columns-3 ul li,
	.checklist-columns-4 ul li {
		margin-bottom: 20px !important;
	}
	.checklist-columns-2 ul li:last-child,
	.checklist-columns-3 ul li:last-child,
	.checklist-columns-4 ul li:last-child {
		margin-bottom: 0 !important;
	}
}

/* create columns of list items with this class */
@media (min-width: 639px) {
	.checklist-columns-2 ul::after,
	.checklist-columns-3 ul::after,
	.checklist-columns-4 ul::after {
		content: '';
		clear: both;
		display: table;
	}
	.checklist-columns-2 ul li,
	.checklist-columns-3 ul li,
	.checklist-columns-4 ul li {
		float: left;
		width: 50%;
		padding-right: 30px;
	}
	.checklist-columns-2 ul li:nth-child(odd),
	.checklist-columns-3 ul li:nth-child(odd),
	.checklist-columns-4 ul li:nth-child(odd){
		clear: both;	
	}
	.checklist-columns-2-alt > ul,
	.checklist-columns-3-alt > ul,
	.checklist-columns-4-alt > ul {
		column-count: 2;
		column-gap: 20px;
	}
	.checklist-columns-2-alt ul li,
	.checklist-columns-3-alt ul li,
	.checklist-columns-4-alt ul li {
		break-inside: avoid-column;
	}
}
@media (min-width: 981px) {
	.checklist-columns-3 ul li,
	.checklist-columns-4 ul li {
		float: left;
		width: 33.333333%;
	}
	.checklist-columns-3 ul li:nth-child(odd),
	.checklist-columns-4 ul li:nth-child(odd) {
		clear: none;	
	}
	.checklist-columns-3 ul li:nth-child(3n+1),
	.checklist-columns-4 ul li:nth-child(3n+1) {
		clear: both;	
	}
	.checklist-columns-3-alt ul,
	.checklist-columns-4-alt ul {
		column-count: 3;
	}
}
@media (min-width: 1199px) {
	.checklist-columns-4 ul li {
		float: left;
		width: 25%;
	}
	.checklist-columns-4 ul li:nth-child(odd) {
		clear: none;	
	}
	.checklist-columns-4 ul li:nth-child(3n+1) {
		clear: none;	
	}
	.checklist-columns-4 ul li:nth-child(4n+1) {
		clear: both;	
	}
	.checklist-columns-4-alt ul {
		column-count: 4;
	}
}

.checklist ul li::before {
	font-family: 'ETModules';
	content: '\35';
	width: 20px;
	margin: 0;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	color: #0C0C0F;
	/* set font size helps make icon sharper */
	font-size: 22px;
	font-weight: normal;
}

.checklist-white ul li::before {
	color: #ffffff;
}

.pluslist ul li::before {
	content: '\e050';
}
.externallist ul li::before {
	content: '\e906';	
}

/* -- END CHECKLIST -- */


/* -- DIVI HACKS -- */

/* make parallax image be centered at the start */
.et_parallax_bg {
	background-position: center center;	
}

/* Divi was turning off bottom padding on last paragraphs, when it should be only if it's the last child */
p:last-of-type,
p:not(.has-background):last-of-type {
	padding-bottom: 1em;
}
p:last-child,
p:not(.has-background):last-child {
	padding-bottom: 0;
}

/* if there are more than one paragraphin the Fullwidth Header module, they should have padding */
.et_pb_fullwidth_header p:not(:last-child) {
	padding-bottom: 1em;
}

/* -- END DIVI HACKS -- */


/* -- PASSWORD PROTECTED -- */

/* set a max width to make it only as wide as most content */
.post-password-required .et_password_protected_form {
	width: 80%;
	margin: 10% auto;
	max-width: 1140px;
}

/* give the input a border */
.post-password-required .et_password_protected_form p input {
	border: 1px solid !important;
}

/* remove the arrow on hover of the submit button */
.post-password-required .et_password_protected_form .et_submit_button::after {
	display: none;
}

/* -- END PASSWORD PROTECTED -- */


/* -- TESTIMONIALS PLUGIN -- */

/* flip quote so it's an opening quote icon for grid and slider versions */
.b3_archive_testimonials_grid article .b3_quote.grid_quote::before,
.et_pb_module.et_pb_testimonial_slider .et_pb_slides_testi::before {
	transform: scale(-1,-1);
}

/* -- END TESTIMONIALS PLUGIN -- */


/* -- GRAVITY FORMS -- */

/* confirmation (success) message */
.gform_confirmation_wrapper .gform_confirmation_message {
	font-size: 1.2rem;
	line-height: 1.5em;
	padding: 2rem;
	background: rgba(90, 90, 90, 0.1);
	text-align: center;
}

/* -- END GRAVITY FORMS -- */


/* -- HELPERS -- */

/* use the "fullwidth-section" class on a SECTION to make a "standard" SECTION truly be fullwidth 
(NOTE: the SECTION needs THIS class) */
.fullwidth-section.et_pb_section {
	padding: 0;
}
.fullwidth-section.et_pb_section > .et_pb_row {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0;
}

/* use the "fullwidth-row" class on a SECTION to make a "full width" ROW truly be fullwidth 
(NOTE: the ROW module settings needs to be Gutter Width 1, and the SECTION needs THIS class,
and unlike the class above, THIS class will auto-add padding to the columns) */
.fullwidth-row.et_pb_section {
	padding: 0;	
}
.fullwidth-row.et_pb_section .et_pb_row {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* helps add padding to each column */
.fullwidth-row.et_pb_section .et_pb_row > .et_pb_column {
	padding: 50px 10%;
}
@media (min-width: 767px) {
	.fullwidth-row.et_pb_section .et_pb_row > .et_pb_column {
		padding: 80px 6%;
	}
}
/* for some reason Divi removes bottom margin from modules if in column with no gutters, 
so we need to add margins back */
.fullwidth-row.et_pb_section .et_pb_row.et_pb_gutters1 > .et_pb_column .et_pb_module:not(:last-child) {
	margin-bottom: 30px;
}
@media (min-width: 981px) {
	.fullwidth-row.et_pb_section .et_pb_row.et_pb_gutters1 > .et_pb_column_2_3 .et_pb_module:not(:last-child) {
		margin-bottom: 4.242%;
	}
	.fullwidth-row.et_pb_section .et_pb_row.et_pb_gutters1 > .et_pb_column_1_3 .et_pb_module:not(:last-child) {
		margin-bottom: 9.27%;
	}	
}
/* reduce gap between toggles if in fullwidth row */
.fullwidth-row.et_pb_section .et_pb_row.et_pb_gutters1 > .et_pb_column .et_pb_module.et_pb_toggle:not(:last-child) {
	margin-bottom: 3px;
}

@media (max-width: 980px) {
	/* use the "stacked-flex" class on a ROW to make it be flexbox when stacked, to help with adjusting order of stacked columns */
	.stacked-flex {
		display: flex;
		flex-wrap: wrap; 
	}
	/* add the desired class to COLUMNS to designate their order when stacked within a "stacked-flex" ROW */
	.stacked-order-negative-4 {
		order: -4;
	}
	.stacked-order-negative-3 {
		order: -3;
	}
	.stacked-order-negative-2 {
		order: -2;
	}
	.stacked-order-negative-1 {
		order: -1;
	}
	.stacked-order-1 {
		order: 1;
	}
	.stacked-order-2 {
		order: 2;
	}
	.stacked-order-3 {
		order: 3;
	}
	.stacked-order-4 {
		order: 4;
	}
	/* adds margin to former "last" column that otherwise wouldn't have it */
	.stacked-flex:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}

/* -- END HELPERS -- */

/* -- BLOG -- */

/* sidebar recent posts */
.et_pb_widget.widget_recent_entries ul li  {
	margin-bottom: 1em;
}

/* sidebar recent posts dates */
.et_pb_widget.widget_recent_entries ul li span.post-date {
	display: table;
	font-size: 0.85em;
}

/* -- END BLOG -- */
/********* Common Css *********/

body{
	font-family: "neue-haas-grotesk-text", sans-serif;
}

.align_tems_cmn {
  align-items: center;
}
.align_tems_end {
  align-items: end;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding-bottom: 0;
  font-family: "neue-haas-grotesk-display", sans-serif;

}

/********* Row Box Sizing *********/
@media all and (min-width: 981px) {
  .margin_right_3box_row .et_pb_column {
    width: calc(33.33% - 40px + 10px) !important;
    margin-right: 40px !important;
  }

  .margin_right_3box_row .et_pb_column:last-child {
    margin-right: 0 !important;
  }

  .margin_right_2box_row .et_pb_column {
    width: calc(50% - 40px + 20px) !important;
    margin-right: 40px !important;
  }
  .margin_right_2box_row .et_pb_column:last-child {
    margin-right: 0 !important;
  }
  .margin_right_page_4box_row .et_pb_column {
    width: calc(25% - 24px + 5px) !important;
    margin-right: 24px !important;
  }
  .margin_right_page_4box_row .et_pb_column:last-child {
    margin-right: 0 !important;
  }
}

/********* Column Reverse *********/
@media all and (max-width: 980px) {
  .column-reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .column-reverse .et_pb_column:first-child {
    margin-bottom: 0;
  }

/*   .column-reverse .et_pb_column:last-child {
    margin-bottom: 30px !important;
  } */
  .reverse_margin .et_pb_column:last-child {
    margin-bottom: 0px !important;
  }
}

/* -- Divi Top Scroll Icon -- */
.et_pb_scroll_top.et-pb-icon {
  background: #cccccc;
  border-radius: 0;
  padding: 20px 0;
}
body #page-container .et_pb_button:hover {
	transform: scaleX(1.1) scaleY(1.1) !important;
}
/*------------------------------------------------
----Common Heading and text Styles Standard Desktop----
------------------------------------------------*/
@media only screen and (min-width: 981px) and (max-width: 1366px) {
  div#page-container .font_fix h2 {
    font-size: 30px !important;
  }
  div#page-container .font_fix h3 {
    font-size: 25px !important;
    line-height: 1em !important;
  }
  div#page-container .font_fix {
    font-size: 15px;
  }
  div#page-container .font_fix p {
    font-size: 15px !important;
  }
  body #page-container .cmn_box p {
    font-size: 15px !important;
  }

  body #page-container .pp_title {
    margin-bottom: 15px !important;
  }

  body div#page-container .dp-dfg-header.entry-header h3 {
    font-size: 20px !important;
    line-height: 1.2em !important;
  }
}
/*------------------------------------------------
---------------- Button ---------------
------------------------------------------------*/
body #page-container .et_pb_button {
  line-height:1 !important;
  font-family: "neue-haas-grotesk-display", sans-serif;
}


body div#page-container .white_btn::after {
	  content: '';
	  display: block;
	  width: 20px;
	  height: 20px;
	  background: url('/wp-content/uploads/black-triangle-right.svg');
		background-repeat: repeat;
		background-size: auto;
	  background-repeat: no-repeat;
	  background-size: contain;
	  position: absolute;
	  right: 35px;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	content: '' !important;
}
body div#page-container .blck_btn::after {
	  content: '';
	  display: block;
	  width: 20px;
	  height: 20px;
	  background: url('/wp-content/uploads/black-triangle-right.png');
		background-repeat: repeat;
		background-size: auto;
	  background-repeat: no-repeat;
	  background-size: contain;
	  position: absolute;
	  right: 35px;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	filter: brightness(0) invert(1);
	content: '' !important;
}
body div#page-container .blck_btn:hover::after {
	filter: none;
}
#et-boc .title-shape{
	display: inline-block;
	position: relative;
}
#et-boc .title-shape::before {
	content: "";
  display: block;
  width: 62px;
  height: 62px;
  background: url('/wp-content/uploads/Black-cropmark-flourish.png');
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 82%;
  right: 100%;
}
#et-boc .white_tt_shape::before {
  background: url('/wp-content/uploads/White-cropmark-flourish.png');
}
/*------------------------------------------------
---------------- Footer Section ---------------
------------------------------------------------*/
.et-social-instagram a.icon::before {
	content: url(/wp-content/uploads/insta-icon.svg);
	width: 42px !important;
	height: 42px !important;
}
.et-social-linkedin a.icon::before {
	content: url(/wp-content/uploads/linkdin-icon.svg);
	width: 42px !important;
	height: 42px !important;
}
body .et_pb_social_media_follow  li a.icon {
	height: auto !important;
	width: auto !important;
}
div#page-container .et_pb_social_media_follow li a {
	margin-right: 20px;
}
div#page-container .et_pb_social_media_follow li:last-child a {
	margin-right: 0px;
}
div#page-container .et_pb_social_media_follow li a:hover::before {
	transform: scaleX(1.3) scaleY(1.3) !important;
}
@media only screen and (min-width: 981px) {
  #menu-footer-menu li {
	float: left;
	width: calc(50% - 60px + 30px) !important;
	margin-right: 60px !important;
}
  body #menu-footer-menu li:nth-child(even) {
    margin-right: 0px !important;
  }
  .footer_row .et_pb_column:nth-child(1) {
  	width: 22.3333%;
	  padding-right:45px;
  }
	 .footer_row .et_pb_column:nth-child(2) {
		border-left: 1px solid #f5f5fa;
		padding-left: 30px;
		width: 32.333%;
		padding-right: 30px;
		 border-right: 1px solid #f5f5fa;
	}
  .footer_row .et_pb_column:nth-child(3) {
	  width: 44.3333%;
	  padding-left: 100px;
  }
  .footer_row .et_pb_widget ul li {
		margin-bottom: 20px !important;
	}
}
@media only screen and (max-width: 980px) {

  .footer_row .et_pb_column:nth-child(1) {
  	margin-bottom:30px;
  }
  .footer_row .et_pb_column:nth-child(2) {
	margin-bottom:30px;
  }
	.footer_row  .fwidget.et_pb_widget.widget_nav_menu {
		width: 100% !important;
	}
	.et-social-instagram a.icon::before {
		width: 22px !important;
		height: 22px !important;
	}
	.et-social-linkedin a.icon::before {
		width: 22px !important;
		height: 22px !important;
	}
	div#page-container .et_pb_social_media_follow li a {
		margin-right: 15px;
	}
	
}
.column-items-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (min-width: 981px) and (max-width: 1250px) {
	.footer_row .et_pb_column:nth-child(1) {
		width: 17.333%;
		padding-right: 25px;
	}
	.footer_row .et_pb_column:nth-child(2) {
		padding-left: 40px;
		width:42.333%;
		padding-right: 30px;
	}
	.footer_row .et_pb_column:nth-child(3) {
		width: 40.333%;
		padding-left: 40px;
	}
	body div#page-container .footer_row  .et_pb_widget_area a {
		font-size: 20.09px !important;
	}
	body div#page-container .white_btn{
		font-size: 18px !important;
	}
	body div#page-container .blck_btn{
		font-size: 18px !important;
	}
	.footer_title h2 {
		font-size: 22px !important;
	}
	div#page-container .download_form .gform_body input {
		font-size: 24px !important;
		padding: 0px 0px 20px !important;
	}
	
	.footer_row .et_pb_widget ul li {
		margin-bottom: 8px !important;
	}
	.footer_section{
		padding:50px 0px !important;
	}
}
@media only screen and (min-width: 1251px) and (max-width: 1440px) {
	.footer_row .et_pb_column:nth-child(1) {
		width: 21.333%;
		padding-right: 25px;
	}
	.footer_row .et_pb_column:nth-child(2) {
		padding-left: 50px;
		width:39.333%;
		padding-right: 40px;
	}
	.footer_row .et_pb_column:nth-child(3) {
		width: 39.333%;
		padding-left: 50px;
	}
	body div#page-container .footer_row  .et_pb_widget_area a {
		font-size: 22.09px !important;
	}
	body div#page-container .white_btn{
		font-size: 22px !important;
	}
	body div#page-container .blck_btn {
		font-size: 22px !important;
	}
	.footer_title h2 {
		font-size: 22px !important;
	}
	div#page-container .download_form .gform_body input {
		font-size: 30px !important;
		padding: 0px 0px 20px !important;
	}
	
	.footer_row .et_pb_widget ul li {
		margin-bottom: 15px !important;
	}
	.footer_section{
		padding:60px 0px !important;
	}
	.et-social-instagram a.icon::before {
		width: 30px !important;
		height: 30px !important;
	}
	.et-social-linkedin a.icon::before {
		width: 30px !important;
		height: 30px !important;
	}
	div#page-container .et_pb_social_media_follow li a {
		margin-right: 15px;
	}
}
@media only screen and (min-width: 1441px) and (max-width: 1729px) {
	.footer_row .et_pb_column:nth-child(1) {
		width: 21.333%;
		padding-right: 25px;
	}
	.footer_row .et_pb_column:nth-child(2) {
		padding-left: 60px;
		width:39.333%;
		padding-right: 50px;
	}
	.footer_row .et_pb_column:nth-child(3) {
		width: 39.333%;
		padding-left: 60px;
	}
	body div#page-container .footer_row  .et_pb_widget_area a {
		font-size: 24px !important;
	}
	body div#page-container .white_btn{
		font-size: 24px !important;
	}
	body div#page-container .blck_btn {
		font-size: 24px !important;
	}
	.footer_title h2 {
		font-size: 35px !important;
	}
	div#page-container .download_form .gform_body input {
		font-size: 30px !important;
		padding: 0px 0px 20px !important;
	}
	
	.footer_row .et_pb_widget ul li {
		margin-bottom: 15px !important;
	}
	.footer_section{
		padding:60px 0px !important;
	}
	.et-social-instagram a.icon::before {
		width: 35px !important;
		height: 35px !important;
	}
	.et-social-linkedin a.icon::before {
		width: 35px !important;
		height: 35px !important;
	}
	div#page-container .et_pb_social_media_follow li a {
		margin-right: 15px;
	}
}


/*------------------------------------------------
---------------- Form ---------------
------------------------------------------------*/

body .download_form .gform_required_legend {
  display: none !important;
}
.custom-gform .gform_wrapper .gfield_required {
  font-size: 30px;
  position: relative;
  top: 10px;
}
body
  .custom-gform
  .gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]) {
  font-size: 17px;
  color: #ffffff !important;
  padding: 11.3px 16px;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  background: transparent;
}
body .custom-gform .gform_wrapper textarea.textarea {
  font-size: 17px;
  color: #fff !important;
  padding: 11.3px 16px;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  background: transparent;
}
body .custom-gform .gform_wrapper .hidden_label .ginput_container > * {
  margin-top: 0px !important;
}
body .custom-gform .gform_wrapper .hidden_label textarea.textarea {
  margin: 0px !important;
  resize: none !important;
}

.mapWrap {
  line-height: 0px !important;
}

#et-boc .gf-center .gform_footer {
  justify-content: center;
  padding-bottom: 0;
}

@media only screen and (max-width: 980px) {
  body .custom-gform .gform_wrapper .gform_footer input.button,
  body .custom-gform .gform_wrapper .gform_footer input[type="submit"] {
    font-size: 12px !important;
    padding: 13px 18px 11px !important;
  }
  body
    .custom-gform
    input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
      [type="button"]
    ):not([type="image"]):not([type="file"]) {
    font-size: 14px !important;
  }
  body .custom-gform .gform_wrapper textarea.textarea {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1260px) {
  body .custom-gform .gform_button {
    padding: 11px 50px !important;
    margin: 0px !important;
    font-size: 17px !important;
  }
}
.custom-gform .textarea {
  height: 80px !important;
}


body
  .custom-gform
  .gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]):hover {
  border: 1px solid #d3293e !important;
}
body .custom-gform .gform_wrapper textarea.textarea:hover {
  border: 1px solid #d3293e !important;
}
.textarea.medium {
  resize: none !important;
}
body div#page-container .download_form .gform_wrapper .gform_footer {
  overflow: inherit !important;
  padding: 0px;
  margin: 0px !important;
  justify-content: center !important;
}
div#page-container .download_form .gform_body input {
	background: transparent;
	font-size: 51.59px !important;
	color: #f5f5fa !important;
	border-bottom: 1px solid #f5f5fa;
	padding: 0px 0px 30px !important;
	letter-spacing:0.98px !important;
	font-weight:300 !important;
}
body .download_form .gform_wrapper .hidden_label .ginput_container > * {
  margin-top: 0px !important;
}

body
  .gform_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]),
body .gform_wrapper textarea.textarea,
body
  div.form_saved_message
  div.form_saved_message_emailform
  form
  input[type="text"] {
  color: #152146 !important;
}

body div#page-container .et_pb_button {
  transition: all 0.4s ease-in-out !important;
}

body div#page-container .download_form .gform_button.button {
  
}


body .custom-gform .gform_button {
  padding: 17px 19.4px 15px !important;
  line-height: 1 !important;
  margin-top: 0px !important;
  border-radius: 0px !important;
  color: #fff !important;
  font-size: 16px !important;
  border: 2px solid #d3293e;
  font-weight: 900 !important;
  letter-spacing: 1.28px !important;
  text-transform: uppercase;
  background: #d3293e !important;
}

body .custom-gform .gform_button:hover {
  color: #152146 !important;
  background-color: #ffffff !important;
  transform: scaleX(1.1) scaleY(1.1) !important;
  border: 2px solid #fff !important;
}

@media only screen and (max-width: 980px) {
  .gform-body.gform_body {
    margin-bottom: 15px !important;
  }
}
.download_form ::-webkit-input-placeholder {
  color: #66666a !important;
  opacity: 1 !important;
  font-weight:300 !important;
}
.download_form :-ms-input-placeholder {
  color: #66666a !important;
  opacity: 1 !important; 
  font-weight:300 !important;
}
.download_form ::placeholder {
  color: #66666a !important;
  opacity: 1 !important;
  font-weight:300 !important;
}
.custom-gform ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
  opacity: 1 !important;
}
.custom-gform :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
  opacity: 1 !important;
}
.custom-gform ::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
  opacity: 1 !important;
}
#gform_submit_button_2 {
		width: 28px !important;
		position: absolute;
		right: 20px;
		top: 10px;
		height: 33px;
	}
@media only screen and (min-width: 981px) and (max-width: 1260px) {
	#gform_submit_button_2 {
		width: 18px !important;
		position: absolute;
		right: 15px;
		top: 0px;
		height: 20px;
	}
	div#page-container .download_form .gform_body input {
		font-size: 24px !important;
		padding: 0px 0px 20px !important;
	
	}
	
}

@media only screen and (min-width: 1261px) and (max-width: 1440px) {
	#gform_submit_button_2 {
		width: 20px !important;
		position: absolute;
		right: 15px;
		top: 0px;
		height: 21px;
	}
	div#page-container .download_form .gform_body input {
		font-size: 26px !important;
		padding: 0px 0px 20px !important;
	
	}
}
@media only screen and (min-width: 1441px) and (max-width: 1729px) {
	#gform_submit_button_2 {
		width: 22px !important;
		position: absolute;
		right: 15px;
		top: 0px;
		height: 24px;
	}
	div#page-container .download_form .gform_body input {
		font-size: 28px !important;
		padding: 0px 0px 20px !important;
	
	}
}
@media only screen and (max-width: 980px) {
	div#page-container .download_form .gform_body input {
		font-size: 24px !important;
		padding: 0px 0px 20px !important;
	}
	#gform_submit_button_2 {
		width: 18px !important;
		position: absolute;
		right: 15px;
		top: 0px;
		height: 20px;
	}
	.btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		background-repeat: no-repeat;
		top: -100%;
		right: 0;
	}
	.footer_row .et_pb_widget ul li {
		margin-bottom: 10px !important;
	}
}
/*------------------------------------------------
---------------- Common Style ---------------
------------------------------------------------*/
.title_shape span.shape_line {
	font-weight: 400;
}
body div#page-container .title_shape span.shape_line {
	font-weight: 400;
}
body div#page-container .title_shape h2 .shape_line::first-letter {
	left: 0;
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background: #1c1c1e;
	top: 50%;
}
/*------------------------------------------------
---------------- Banner ---------------
------------------------------------------------*/
.banner_section{
	padding-top:9vw;
	padding-bottom:8.5vw;
}
.banner_section h1.et_pb_module_header {
	margin-left: -12px;
	margin-bottom: 15px;
}

body div#page-container .banner_section .et_pb_fullwidth_header_container {
	width: 90%;
}



@media only screen and (max-width: 980px) {
	body div#page-container .banner_section{
		padding-top:160px;
		padding-bottom:60px;
	}
	
}
@media only screen and (max-width: 767px) {
	body div#page-container .banner_section{
		padding-top:120px;
		padding-bottom:50px;;
	}
	
}
.big_txt-spac {
	text-align: justify !important;
}
/*------------------------------------------------
---------------- Home Section ---------------
------------------------------------------------*/
.shape_line::before{
	content: '';
	display: block;
	position: absolute;
	width: 999px;
	border-top: 2px solid #0c0c0f;
	height: 2px;
	top: 50%;
	margin-top: 0px;
}
.shape_line::before {
	right: 35%;
}


@media only screen and (min-width: 981px) {
	body div#page-container .render_row .et_pb_column:nth-child(1) {
		width: 40.25% !important;
		z-index: 9999;
	}
	body div#page-container .render_row .et_pb_column:nth-child(2) {
		width: 54.25% !important;
		padding-left: 12% !important;
		padding-right: 7.5% !important;
	}
	body div#page-container .reality_row  .et_pb_column:nth-child(1){
		width: 46.25% !important;
	}
	body div#page-container .reality_row  .et_pb_column:nth-child(2) {
/* 		width: 48.25% !important;
		padding-left: 6% !important;
		padding-right: 7.5% !important; */
	}
	body div#page-container .portfolio_row .et_pb_column:nth-child(2) {
		padding-right: 12% !important;

	}
	
}

.btn_row .et_pb_button_module_wrapper.et_pb_module::before {
	content: '';
	position: absolute;
	background: url(/wp-content/uploads/btn-left-icon.png);
	width: 389px;
	height: 78px;
	left: 75px;
	background-repeat: no-repeat;
	top: -55%;
}

.big_btn_row .et_pb_button_module_wrapper.et_pb_module::before {
	content: '';
	position: absolute;
	background: url(/wp-content/uploads/big-btn-left-shape.png);
	width: 180px;
	height: 162px;
	background-repeat: no-repeat;
	bottom: 45%;
	left: 24%;
	background-size: contain;
}

.title-border {
  text-align: center;
  overflow: hidden;
  padding: 2px;
}

.title-border span {
  display: inline-block;
  position: relative;
  padding: 20px 30px;
}

.title-border span:before,
.title-border span:after {
  content: '';
  display: block;
  position: absolute;
  width: 999px;
  border-top: 2px solid #0c0c0f;
  height: 2px;
  top: 50%;
  margin-top: 0px;
}

.title-border span:before {
  right: 100%;
}
.title-border span:after {
  left: 100%;
}
div#n2-ss-2 .n2-ss-slide {
	background-color: transparent !important;
}
div#n2-ss-3 .n2-ss-slide {
	background-color: transparent !important;
}
.blurb_number .et_pb_module_header {
	padding-bottom: 25px;
}
/*------------------------------------------------
---------------- Adjust ---------------
------------------------------------------------*/
.text_af::after {
	content: 'Who are the';
	position: absolute;
	right: 0;
	font-size: 20px;
	top: 0;
	margin-top: -35px;
	font-size: 33.35px;
	line-height: 1.19em;
	letter-spacing: 1.4px;
	font-weight:400 !important;
	text-transform:uppercase;
	margin-right: 15px;
}
span.shape_white_line::before {
	content: '';
	display: block;
	position: absolute;
	border-top: 1px solid #fff;
	height: 2px;
	right: 55%;
	top: 25%;
	z-index: -11111 !important;
	width: 72%;
}
.blk_shape::before {
	position: absolute;
	content: '';
	border-bottom: 1px solid #ccc !important;
	width: 200%;
	height: 2px;
	bottom: 0;
	left: -50%;
	z-index:-1;
}
@media only screen and (min-width: 981px) {
	body div#page-container .portfolio_row .et_pb_column:nth-child(1) {
		width: 47.25%;
		margin-right:0%;
		overflow: hidden;
   	 z-index: 999;

	}
	body div#page-container .portfolio_row .et_pb_column:nth-child(2) {
		padding-right: 7% !important;
		width: 52.75%;
		padding-left: 5.5% !important;
		

	}
}
@media only screen and (min-width: 981px) and (max-width: 1260px) {
	body div#page-container .title_shape h2 {
		font-size: 40px !important;
	}
	body div#page-container .big_title h2 {
		font-size: 40px !important;
	}
	body div#page-container .blk_title h2 {
		font-size: 40px !important;
	}
	
	body div#page-container .render_row .et_pb_column:nth-child(2) {
		padding-left: 8% !important;
		padding-right: 7% !important;
	}
	body div#page-container .portfolio_row .et_pb_column:nth-child(2) {
		padding-right: 7% !important;

	}
	.text_af::after {
		margin-top: -25px;
		font-size: 20.35px;
	}
	
	.banner_section {
		padding-top: 14.5vw;
		padding-bottom: 12vw;
	}
	.banner_section .et_pb_fullwidth_header_subhead {
		font-size: 25px !important;
	}
	.btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		width: 330px;
		left: auto;
		background-repeat: no-repeat;
		top: -44px !important;
		right: 0px;
	}
	.shape_line::before {
		right: 25%;
		width: 110%;
	}
		.project_section {
			padding: 0px 0px 120px !important;
		}
	.et-social-instagram a.icon::before {
		width: 25px !important;
		height: 25px !important;
	}
	.et-social-linkedin a.icon::before {
		width: 25px !important;
		height: 25px !important;
	}
	.cta_section{
		padding: 70px 0px !important;
	}
	.question_section {
		padding-top: 70px !important;
	}
	body div#page-container .reality_row .et_pb_column:nth-child(2) {
		padding-left: 2% !important;
	}
	body #page-container .big_txt-spac {
		margin-bottom: 100px !important;
	}
	.big_btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		width: 120px;
		height: 102px;
	}
	.reality_section{
		padding-bottom: 70px !important;
	}
	.medium_title h2 {
		font-size: 45px !important;
	}
	.principles_row {
		overflow-y: scroll;
		height: 640px;
	}

	.blurb_number .et_pb_blurb_description {
		font-size: 18px;
		line-height: 1.56em;
	}
	.banner_section h1.et_pb_module_header {
		font-size: 180px !important;
		margin-left: -6px;
	}
	.banner_section .et_pb_module_header img {
		width:128px;
	}
	span.shape_white_line::before {
		right: 45%;
	}
	.blk_shape::before {
		width: 100%;
		left: -0%;
	}

}
@media only screen and (min-width: 1261px) and (max-width: 1440px) {
	body div#page-container .title_shape h2 {
		font-size: 65px !important;
	}
	.medium_title h2 {
		font-size: 60px !important;
	}
	body div#page-container .big_title h2 {
		font-size: 60px !important;
	}
	body div#page-container .blk_title h2 {
		font-size: 60px !important;
	}
	body div#page-container .render_row .et_pb_column:nth-child(2) {
		padding-left: 9% !important;
		padding-right: 9% !important;
	}
	body div#page-container .portfolio_row .et_pb_column:nth-child(2) {
		padding-right: 8% !important;

	}
	.text_af::after {
		margin-top: -30px;
		font-size: 23.35px;
	
	}
	.banner_section .et_pb_fullwidth_header_subhead {
		font-size: 30px !important;
	}
	.shape_line::before {
		right: 30%;
		width: 115%;
	}
	.project_section {
		padding: 50px 0px 130px !important;
	}
	.et-social-instagram a.icon::before {
		width: 30px !important;
		height: 30px !important;
	}
	.et-social-linkedin a.icon::before {
		width: 30px !important;
		height: 30px !important;
	}
	.cta_section{
		padding: 80px 0px !important;
	}
	.question_section {
		padding-top: 80px !important;
	}
	body div#page-container .reality_row .et_pb_column:nth-child(2) {
		padding-left: 2% !important;
	}
	body #page-container .big_txt-spac {
		margin-bottom: 100px !important;
	}
	.big_btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		width: 140px;
		height: 122px;
	}
	.principles_row {
    overflow-y: scroll;
    height: 650px;
	}

	.blurb_number .et_pb_blurb_description {
		font-size: 18px;
		line-height: 1.56em;
	}
/* 	.reality_section{
		padding-bottom: 90px !important;
	} */
	.banner_section {
		padding-top: 13vw;
		padding-bottom: 8.5vw;
	}
	.banner_section h1.et_pb_module_header {
		font-size: 260px !important;
	}
	.banner_section .et_pb_module_header img {
		width: 188px;
	}
	span.shape_white_line::before {
		right: 42%;	
	}
	
}
@media only screen and (min-width: 1441px) and (max-width: 1660px) {
	.banner_section h1.et_pb_module_header {
		font-size: 300px !important;
	}
	.banner_section .et_pb_module_header img {
		width: 215px;
	}
	.banner_section h1.et_pb_module_header {
		margin-left: -8px;
	}
	body div#page-container .title_shape h2 {
		font-size: 75px !important;
	}
	.medium_title h2 {
		font-size: 70px !important;
	}
	body div#page-container .big_title h2 {
		font-size: 70px !important;
	}
	body div#page-container .blk_title h2 {
		font-size: 70px !important;
	}
}
@media only screen and (min-width: 1661px) and (max-width: 1850px) {
	.banner_section h1.et_pb_module_header {
		font-size: 350px !important;
	}
	.banner_section .et_pb_module_header img {
		width: 250px;
	}
	.banner_section h1.et_pb_module_header {
		margin-left: -8px;
	}
}
.principles_row {
    overflow-y: scroll;
     height: 1000px;
	}
body .principles_row::-webkit-scrollbar {
  width: 2em;
}
body .principles_row::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body .principles_row::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, orange, darksalmon);
}
@media only screen and (min-width: 1441px) and (max-width: 1720px) {
	
	.project_section {
		padding: 50px 0px 130px !important;
	}
	body div#page-container .title_shape h2 {
		font-size: 90px !important;
	}
	.shape_line::before {
		right: 35%;
		width: 110%;
	}
	.principles_row {
    overflow-y: scroll;
    height: 1000px;
	}

	.blurb_number .et_pb_blurb_description {
		font-size: 18px;
		line-height: 1.56em;
	}
	.banner_section {
		padding-top: 11vw;
	}
}
@media only screen and (min-width: 1661px) {

	.principles_row {
    overflow-y: scroll;
    height: 830px;
	}

	.blurb_number .et_pb_blurb_description {
		font-size: 24px;
	}
}
body div#page-container .half_row .et_pb_column:nth-child(1) {
  width: 50% !important;
}
body div#page-container .half_row .et_pb_column:nth-child(2) {
	width: 50% !important;
}



@media only screen and (max-width: 980px){
	.text_af::after {
		margin-top: -25px;
		font-size: 18.35px;
	}
	body div#page-container .et_pb_module .mobile_menu_bar::before {
		top: 0px;
		color: #fff !important;
	}
	body div#page-container .mobile_nav {
		background: #0C0C0F;
	}
	.btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		left: auto;
		top: auto;
		right: 0%;
		bottom: 46%;
	}
	.shape_line::before {
		right: 15%;
	}
	.big_btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		width: 120px;
		height: 102px;
		bottom: 45%;
		left: 28%;
		right: 25%;
		left: auto;
	}
	body div#page-container .blck_btn::after {
		width: 16px;
		height: 16px;
		right: 25px;
	}
	body div#page-container .white_btn::after {
		width: 16px;
		height: 16px;
		right: 25px;
	}
	.principles_row {
		height: 580px;
		overflow-x: scroll;
	}
	.blurb_number .et_pb_blurb_description {
		font-size: 18px;
		line-height: 1.56em;
	}
	.banner_section .et_pb_module_header img {
		width: 100px;
	}
	.banner_section h1.et_pb_module_header {
		margin-left: -4px;
	}
	span.shape_white_line::before {
		right: 20%;
		width: 100%;
	}
	#et-boc .title-shape::before {
		width: 40px;
		height: 40px;
	}
}
@media only screen and (max-width: 767px){
	.shape_line::before {
		right:20%;
	}
	.big_btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		right: 40%;
	}
		.principles_row {
		height: 550px;
		overflow-x: scroll;
	}
	.blurb_number .et_pb_blurb_description {
		font-size: 16px;
		line-height: 1.56em;
	}
	span.shape_white_line::before {
		right: 25%;
	}
	span.shape_white_line::before {
		right: 25%;

	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner_section h1.et_pb_module_header {
		font-size: 120px !important;
	}
	.banner_section .et_pb_module_header img {
		width: 90px;
	}
	.banner_section h1.et_pb_module_header {
		margin-left: -3px;
	}
}
@media only screen and (max-width: 479px){
	.banner_section .et_pb_module_header img {
		width: 55px;
	}
	.banner_section h1.et_pb_module_header {
		margin-left: -1px;
	}
	span.shape_white_line::before {
		right: 38%;

	}
}
@media only screen and (max-width: 500px){
	.btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		right: 25%;
	}
	.btn_row .et_pb_button_module_wrapper.et_pb_module::before {
		width: 189px;
	}
	.shape_line::before {
		right: 30%;
	}
}
@media only screen and (max-width: 479px){
	.footer_logo img{
		margin-bottom:30px;
	}
}
body #page-container{
	overflow: hidden;
}
#et-boc .portfolio_hover:hover {
	filter: grayscale(100%);
}
.mfp-title {
	display: none !important;
}
#menu-footer-menu li a:hover {
	color: #ccc !important;
}

#menu-footer-menu li a{
	transition: all .4s linear;
}

.left_border{
  overflow: hidden;
}

/*------------------------------------------------
---------------- Tawhid vai ---------------
------------------------------------------------*/
.et_mobile_menu .menu-item-has-children > a {
  font-weight: 500;
  background-color: transparent;
}


/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
/*     content: "\4c";
    display: block;
    color: #ffffff;
    font-size: 25px;
    font-family: ETmodules; */
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url('/wp-content/uploads/triangle-down.png');	
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
}

#page-container span.menu-closed.menu-open:before {
    content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url('/wp-content/uploads/triangle-down.png');	
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
	rotate: 60deg;
}

#page-container .nav-dark span.menu-closed:before{
		filter: none
}

#page-container .nav-dark span.menu-closed.menu-open:before {
	filter: none
}


#et-boc .et_mobile_menu{
	margin-top: 20px;
}

#et-boc .et_mobile_menu li a:hover, .nav ul li a:hover {
  background-color: transparent;
  opacity: 1;
}

.et_mobile_menu li a {
  border-bottom: none;
}



@media (min-width: 981px){
	.nav-style .et_pb_menu__menu{
	position: relative;
}

.nav-style .et_pb_menu__menu::before{
	content: '';
  display: block;
 	width: 80%;
  height: 2px;
   background: #F5F5FA;
  position: absolute;
  right: 103%;
  left: auto;
  top: 0px;
  bottom: 0;
  margin: auto;
}
.nav-style .et_pb_menu__wrap {
	align-items:center;
}

#et-boc .nav-style .sub-menu {
	padding:0;
}
#et-boc .nav-style .sub-menu a{
	display: block;
 	 width: 100%;
}
	
	

#et-boc .nav-style .nav li li {
  padding: 0 0px;
  margin: 0;
	display: block;
  width: 100%;
}
	
.et_pb_menu--style-left_aligned .et_pb_menu__logo {
  margin-right: 0;
}
	
	#et-boc .trs-nav .et_pb_menu__logo-wrap {
		max-width: 90px!important;
	}
	
	#et-boc .nav-style  .et_pb_menu__menu > nav > ul > li > ul {
	  top: calc(100% - -1px);
	  left: 0%;
	  width: 200px;
	}
	
/* 
.nav-style  ul li a{
	padding: 20px 20px;!important	
} */


.nav-style  .et-menu li{
	display: inline-block !important;
}

#et-boc .nav-style  .et-menu li a{
	padding: 15px 20px;
	  font-family: "neue-haas-grotesk-display", sans-serif;
}
	
 div#page-container div#et-boc .nav-style .et-menu li a:hover{
	background: #F5F5FA!important;
	 color: #0C0C0F!important;
} 
	
  #et-boc .nav.sub-menu a:hover{
  color: #0C0C0F !important;
  background: #f5f5f5!important;
}
	
#et-boc .nav-style  .current-menu-item > a{
	background: #F5F5FA;
} 
	
	.et_pb_menu .et-menu {
  margin-left: 0;
  margin-right: 0;
}



.et-menu .menu-item-has-children > a:first-child::after {
  content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url('/wp-content/uploads/black-triangle-down.svg');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	  top: 0;
	  bottom: 0;
	right: 12px;
	  margin: auto;
	filter: brightness(0) invert(1);

}

.et-menu .menu-item-has-children > a:hover::after{
	filter: none;
}
#et-boc .current-menu-item a::after{
	filter: none!important;
}
	
	  #et-boc .nav-style ul li:hover > a {
   color: #0C0C0F !important;
    background: #F5F5FA !important;
  }
	
  #et-boc .nav-style  ul li:hover > a::after {
/*     filter: brightness(0) invert(1) !important; */
	  filter: none;
  }
	
	

#et-boc .nav-style  .et-menu > li {
  padding-left: 0;
  padding-right: 0;
}
	
	
/* 	transparent header */
	
	#et-boc .trs-nav .et_pb_menu__logo-wrap:after {
    content: "";
    background: #F5F5FA;
    width: 52%;
    height: 2px;
    position: absolute;
    left: 90px;
}
	
	#et-boc .trs-nav .et_pb_menu__menu::before{
		display: none;
	}
	
	
	
/* 	nav dark */
	
	#et-boc .sub-menu{
		border: none;
	}
	
/* 	  #et-boc .nav-dark  .menu-item-has-children > a:first-child::after {
    filter: none;
  } */
	
	#et-boc .nav-dark  .et-menu .menu-item-has-children > a:first-child::after{
		filter: none;
		
	}
	
	#et-boc .nav-dark .et_pb_menu__logo{
		z-index: 9999;
/* 		background: #F5F5FA; */
/* 		padding-right: 10px; */
	}
	
	.et-menu .menu-item-has-children > a{
		padding: 15px 40px 15px 20px !important;
	}
	
/* 	#et-boc .nav-dark .menu-item-has-children > a:first-child::after{
		filter: none!important;
	} */

	
		#et-boc .nav-dark .et-menu .menu-item-has-children > a:hover::after {
    filter: brightness(0) invert(1)!important;
  }
	
	
	 #et-boc .nav-dark .current-menu-item > a {
    background: #000000;
  }
	
	 #et-boc .nav-dark .current-menu-item a::after{
	  filter: brightness(0) invert(1)!important;
}
	
	div#page-container div#et-boc .nav-dark  .et-menu li a:hover {
       background: #000000!important;
	   color: #fff !important;
  }
	
		div#page-container div#et-boc .nav-dark ul li:hover > a{
		color: #F5F5FA !important;
  		background: #000!important;	
	}
	#et-boc .nav-dark ul li:hover > a::after{
		filter: brightness(0) invert(1)!important;
	}
	
	#et-boc .nav-dark .et_pb_menu__menu::before {
    background: #000000;
  }

}

 



@media only screen and (min-width: 981px) and (max-width: 1450px){
	#et-boc .nav-style ul li a {
	  font-size: 18px!important;
	}
	
	#et-boc .nav-style .et-menu li a {
  padding: 9px 22px;
}
	
	.et-menu .menu-item-has-children > a {
    padding: 9px 40px 9px 20px !important;
  }
	.nav-style .et_pb_menu__menu::before {
   width: 20%;
  }
	
	.white-nav-full .et_pb_menu__menu::before {
    width: 20%;
    right: 100%;
  }
	
	#et-boc .nav-style  .et_pb_menu__logo-wrap{
		max-width: 200px !important;
	}
	
	#et-boc .trs-nav .et_pb_menu__logo-wrap {
    max-width: 90px !important;
  }
	
	.et-menu .menu-item-has-children > a:first-child::after {
	  width: 14px;
	  height: 12px;
	}	
	
/* 	Blog */
	
	#et-boc .blog-grid-style .entry-title {
		font-size: 21px !important;
	}
	#et-boc .blog-grid-style  .dp-dfg-more-button {
		font-size: 16px!important;
	}
	
}

@media only screen and (min-width: 1451px) and (max-width: 1900px){
	.nav-style .et_pb_menu__menu::before {
    width: 25%; 
}
	
}





.dp-dfg-filters-dropdown-layout{
	display: inline-flex;
}

.project-grid .dp-dfg-sort-order{
	display: none;
}
.project-grid  .dp-dfg-search {
	justify-content: start;
	order: 1;
	position: relative;
}
.project-grid  .dp-dfg-search .et-pb-icon {
	position: absolute;
	  left: 5px;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  background: transparent!important;
		rotate: -90deg;
}
.project-grid .dp-dfg-search-input {
 padding: 4px 30px 4px 46px;
}

div#page-container .project-grid input::placeholder{
  opacity: 1 !important;
  color: #000 !important;
}

.project-grid .dp-dfg-sorting{
	justify-content: start;
	order: 2;
}

.project-grid .dp-dfg-filters{
	order: 3;
	display: flex !important;
}

.project-grid .dp-dfg-items{
	order: 4;
}
.project-grid .dp-dfg-pagination{
	order: 5;
	margin-top: 50px;
	position: absolute;
	  bottom: 0;
	  z-index: 999;
	  right: 0;
	  left: 0;
}

.project-grid article{
	position: relative;
}

.project-grid .dp-dfg-header{
	display: none;
	pointer-events: none;
}


.project-grid article:hover .entry-summary,
.project-grid article:hover .dp-dfg-header{
	display: flex;
	pointer-events: none;
	opacity: 1;
}

.project-grid .entry-summary,
.project-grid .dp-dfg-header.entry-header {
  position: absolute;
    width: 100%;
    text-align: center;
    display: flex;
	justify-content: center;
	align-items: center;
    top: 0;
    width: 100%;
    left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}


.project-grid .entry-summary img {
	width: 80%;
	object-fit: contain;
}

#et-boc .project-grid .entry-summary {
	transition: 0.5s ease-in-out;
}




#et-boc .dp-dfg-dropdown-label {
  background-color: transparent;
	line-height: 1em;
}

.dp-dfg-skin-default .dp-dfg-sorting .dp-dfg-dropdown-label::after {
  font-size: auto;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  margin: auto;
}

.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label::after {
  top: 0;
  right: 0px;
  bottom: 0;
  margin: auto;
}

.dp-dfg-dropdown-label::after {
  content: ''!important;
  display: block;
  width: 18px;
  height: 16px;
	background: url('/wp-content/uploads/triangle-down.png');
  background-repeat: no-repeat;
  background-size: contain;
}


#et-boc .dp-dfg-skin-default .dp-dfg-sorting .dp-dfg-dropdown-label {
 padding: 10px 45px 10px 0px !important;
  border: none;
  min-width: auto;
  border-bottom: 2px solid #000000;
}

#et-boc .dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label {
  padding: 10px 100px 10px 0px !important;
}

.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label {
	padding: 10px 45px 10px 0px !important;
  border: none;
  min-width: auto;
  border-bottom: 2px solid #000000;
}

#et-boc .project-grid .dp-dfg-load-more-button::after{
	display: block;
	content: '';
	width: 20px;
	height: 18px;
	background: url('/wp-content/uploads/triangle-down.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	  top: 0;
	  bottom: 0;
	  margin: auto;
}

#et-boc .project-grid .et_pb_button_wrapper::before{
	content: '';
	display: block;
	width: 100%;
	height: 400px;
	background: url('/wp-content/uploads/gradient.svg');
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	  position: absolute;
	  bottom: 0;
}


#et-boc .project-grid  .dp-dfg-featured-image:hover{
	filter: grayscale(100%);
}

#et-boc .project-grid .dp-dfg-load-more-button:hover::after{
	filter: brightness(0) invert(1);
}

.dpdfg_filtergrid_0 .dp-dfg-dropdown-label {
  font-family: "neue-haas-grotesk-display", sans-serif;
}


#et-boc .project-grid .dp-dfg-items{
	margin-top: 50px;
    flex: 1;
    flex-basis: 100%;
}





/* Inner Banner title */

#et-boc .title-lg{
	display: inline-block;
	position: relative;
}

#et-boc .title-lg::before {
  content: "";
  display: block;
  width: 62px;
  height: 62px;
  background: url('/wp-content/uploads/Black-cropmark-flourish.png');
    background-repeat: repeat;
    background-size: auto;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
	bottom: 92%;
  right: 100%;
}

/* fix shape */

#et-boc  .fix-title-shape .title-lg::before{
	bottom: 90%;
  	right: 96%;
}


#et-boc  .inner-header{
	display: inline-block;
}

#et-boc  .div-main{
	display: inline-block;
  position: relative;
}

#et-boc  .sm-title{
	font-family: "neue-haas-grotesk-display", sans-seri;
	position: absolute;
	right: 0;
	bottom: 100%;
}

#et-boc .inner-header .title-lg{
	min-width: 170px;
	  margin: auto;
	  min-height: 1em;
}

#et-boc .inner-header .title-xlg {
  min-width: 360px;
}


/* From style */

#et-boc  .gform_required_legend {
	font-size: 23px;
  	margin-bottom: 20px;
  	font-weight: 600;
}


body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper textarea.textarea, body div.form_saved_message div.form_saved_message_emailform form input[type="text"] {
  background-color: #CCC;
  font-size: 21px;
  color: #999;
  padding: 14px;
}

div#page-container .form-style textarea::placeholder, 
div#page-container .form-style input::placeholder, 
div#page-container .form-style select::placeholder {
  opacity: 1 !important;
  color: #0C0C0F !important;
}

body .gform_wrapper .gfield_description.gfield_validation_message {
  display: none;
}
.gform_wrapper.gravity-theme .validation_message{
	display: none;
}

body .gform_wrapper select {
  font-size: 21px!important;
  color: #0C0C0F;
  background: #ccc;
  padding: 13px !important;
}

.gform_wrapper.gravity-theme .gfield_label {
  display: inline-block;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: 1px;
}

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
  font-size: 21px;
  padding-top: 0;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 10px;
	color: #0c0c0f;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
  margin-bottom: 30px;
}

#et-boc .form-style .gform-field-label::after {
	content:'*';
	color: red;
}

#et-boc .form-style .gfield_required {
	display: none;
}

.gform_wrapper.gravity-theme .gfield_required {
  color: red;
  font-size: 100%;
}



select {
    -moz-appearance:none; /*** Firefox ***/
    -webkit-appearance:none; / *** Safari and Chrome *** /
    appearance:none;
	position: relative;
}

#et-boc .ginput_container_select{
	position: relative;
}

#et-boc .ginput_container_select::before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url('/wp-content/uploads/triangle-down.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 10px;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  z-index: 99999;
	
}


/* #et-boc .gform-field-label::last-letter {
    color: red;
} */

#et-boc .form-style .gform_required_legend {
  display: block !important;
}

#et-boc .form-style .gfield {
	margin-top: 25px;
}

div#page-container .form-style input[type="submit"]{
	line-height: 1.2em;
	border-radius: 0;
	padding: 18px 55PX 18PX 39px;
  font-size: 28px;
	margin-top: 0;
	color: #F5F5FA;
}

div#page-container .form-style input[type="submit"]:hover{
	background: #ccc!important;
	color: #000000!important;
}

.gform_wrapper.gravity-theme .gform_fields {
  grid-column-gap: 3%;
}

@media (min-width: 641px) {
  .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
    padding-right: 4%;
  }
}


.gform_wrapper.gravity-theme .gfield textarea.medium {
  margin-bottom: 70px;
}

div#page-container .form-style  .gform_footer {
	padding-bottom: 0;
	display: inline;
	position: relative;
}

div#page-container .form-style  .gform_footer::before{
	content: '';
  display: block;
  width: 2px;
  height: 73px;
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 50px;
}

div#page-container .form-style  .gform_footer::after {
	content: ''!important;
	display: block;
	  width: 20px;
  height: 20px;
  background: url('/wp-content/uploads/black-triangle-right.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	 top: 10px;
  bottom: 0;
  margin: auto;
  right: 25px;
	filter: brightness(0) invert(1);

}


/* Toggle style */

#et-boc .toggle-style.et_pb_toggle_close .et_pb_toggle_title::before {
   content: ''!important;
	display: block;
	width: 30px;
	height: 30px;
	background: url('/wp-content/uploads/white-triangle-right.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
		
}


#et-boc .toggle-style.et_pb_toggle_open .et_pb_toggle_title::before {
  content: ''!important;
	display: block;
	width: 30px;
	height: 30px;
	background: url('/wp-content/uploads/white-triangle-right.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
	rotate: 30deg;
}


/* Blog grid style */

div#page-container .blog-grid-style .read-more-wrapper {
	padding-bottom: 0 !important;
  position: absolute;
  bottom: 0;
  right: 0;
}

div#page-container .blog-grid-style .entry-header {
	padding: 18px 20px 7px 20px;
}

div#page-container .blog-grid-style .entry-meta {
	padding: 0px 20px 0 20px;
}
div#page-container .blog-grid-style article{
	padding: 0;
	padding-bottom: 60px;
}

div#page-container .blog-grid-style .dp-dfg-more-button{
	position: relative;
}

div#page-container .blog-grid-style .dp-dfg-more-button::after{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background:  url('/wp-content/uploads/black-triangle-right.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 40px;
	top: 0;
	bottom: 0;
	margin: auto;
	filter: brightness(0) invert(1);
}

div#page-container .blog-grid-style .dp-dfg-more-button:hover::after{
	filter: none;
}

div#page-container .form-style  .gform_footer:hover::after{
	filter: none;
}


/* Services icon blurb */

.intro-icon-blurb .et_pb_main_blurb_image{
	margin-bottom: 10px;
}

#et-boc .intro-icon-blurb .et_pb_blurb_container{
	text-align: center;
}
.intro-icon-blurb .et_pb_module_header{
	display: inline-block;
}

.intro-icon-blurb:hover .et_pb_module_header span{
		text-decoration: underline;
}

.align-items-end{
	align-items: end;
}

/* icon title */

#et-boc .icon-title .et_pb_blurb_content{
	display: flex;
	align-items: center;
}
#et-boc .icon-title .et_pb_main_blurb_image {
	margin-bottom: 0;
	width: auto;
}

/* Global Media query */

@media only screen and (min-width: 1451px) and (max-width: 1900px){
	#et-boc .trs-nav .et_pb_menu__logo-wrap::after {
    width: 37%;
  }
}

@media only screen and (min-width: 981px) and (max-width: 1450px){
	#et-boc .title-lg{
		font-size: 100px!important;
	}
	
	#et-boc .page-404 .title-lg{
		font-size: 70px!important;
	} 
	
	#et-boc  .sm-title {
		font-size: 30px!important;
		line-height:1.2;
	}
	
	
#et-boc .inner-header .title-lg{
	min-width: 80px;
	  margin: auto;
	  min-height: 1em;
}
	#et-boc .inner-header .title-xlg {
  min-width: 150px;
}
	
/* 	nav */

 #et-boc .trs-nav .et_pb_menu__logo-wrap::after {
    width: 27%;
    left: 90px;
  }
	
/* 	inner banner */
	
	#et-boc .inner-banner-responsive {
		padding-top: 150px !important;
	}
	
/* 	toggle responsive */
	
	#et-boc .toggle-style .et_pb_toggle_title{
		font-size: 25px;
	}
	
	#et-boc .toggle-style .et_pb_toggle_content{
		font-size: 16px!important;
	}
	
/* 	icon title */
	
	.icon-title .et_pb_module_header{
		font-size: 40px!important;
	}
	#et-boc .icon-title .et_pb_main_blurb_image {
	  max-width: 35px;
	}
	
	.intro-icon-blurb .et_pb_module_header {
  font-size: 30px !important;
}
	
/* 	Form  */
	
	body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper textarea.textarea, body div.form_saved_message div.form_saved_message_emailform form input[type="text"] {
  font-size: 16px;
}
	
	body .gform_wrapper select {
  font-size: 16px !important;
}
	
	.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
  font-size: 16px;
}
	
	.gform_wrapper.gravity-theme .gfield_label {
  font-size: 16px;
}
	
/* 	Blog */
	
	#et-boc .blog-grid-style .dp-dfg-items{
		column-gap: 2em;
	}
}

@media only screen and (min-width: 1451px) and (max-width: 1750px){
	#et-boc .title-lg{
		font-size: 130px!important;
	}
	
	#et-boc .blog-grid-style .dp-dfg-items{
		column-gap: 2em;
	}
}


@media only screen and (min-width: 768px) and (max-width: 980px){
	
	#et-boc  .there-col-responsive{
		display: flex;
	}

	
		#et-boc  .there-col-responsive .et_pb_column {
		width: calc(33.33% - 15px + 5px) !important;
		margin-right: 15px !important;
			display:flex;
			justify-content: center;
			align-items: end;
			margin-bottom: 0;
	}

	#et-boc  .there-col-responsive .et_pb_column:last-child {
		margin-right: 0 !important;
	}

}


@media (max-width: 980px) {


#et-boc .title-lg::before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
}
	
	div#page-container .blog-grid-style .dp-dfg-more-button::after {
  right: 25px;
}
	
/* 	Form  */
	
	.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
  font-size: 16px;
}
	
	.gform_wrapper.gravity-theme .gfield_label {
  display: inline-block;
  font-size: 16px;
}
	
	body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), body .gform_wrapper textarea.textarea, body div.form_saved_message div.form_saved_message_emailform form input[type="text"] {
  font-size: 16px;
}
	
	body .gform_wrapper select {
  font-size: 16px !important;
  height: 48px;
	}
	
#et-boc .form-style .gfield {
  margin-top: 0px;

}
	
	div#page-container .form-style input[type="submit"] {
  line-height: 1.2em;
  border-radius: 0;
  padding: 13px 47PX 13PX 25px;
  font-size: 22px;
  margin-top: 0;
}
	
	div#page-container .form-style .gform_footer::before {
  height: 87px;
  bottom: 39px;
}
	
	#et-boc .gform_required_legend {
  font-size: 16px;
}
	
	
	
/* 	toggle responsive */
	
	/* Toggle style */

#et-boc .toggle-style.et_pb_toggle_close .et_pb_toggle_title::before {
	width: 20px;
	height: 20px;
		
}

#et-boc .toggle-style.et_pb_toggle_open .et_pb_toggle_title::before {
	width: 20px;
	height:20px;
}
	
	
/* 	Search baar */
	
	.project-grid .dp-dfg-search-input {
	  padding: 4px 15px 4px 42px;
	}
	
/* 	project  */
	
	#et-boc .project-grid .dp-dfg-items {
  margin-top: 20px;
}
	
	.project-grid .dp-dfg-pagination {
  margin-top: 20px;
}
	
	
	#et-boc .project-grid .dp-dfg-pagination::before {
  height: 180px;
}

}

.sticky-header {
    background-color: transparent;
    /* Other CSS styles for your header */
}

/* Style for .sticky-header with red background */
#et-boc .sticky-style {
    background-color: #0C0C0F!important;
}


/* rev 1  */
.sp_design span.et_pb_image_wrap {
    max-width: 81.6px;
}
#et-boc  .coulture_banner .sm-title {
    position: relative;
    width: 100%;
    text-align: right;
    display: block;
}

/* up for banner  */
#et-boc .coulture_banner .title-lg {
    font-size: 150px;
}

@media all and (max-width:767px){
    #et-boc .coulture_banner .title-lg {
    font-size: 45px;
}
}
@media only screen and (min-width:768px) and (max-width:980px){
    #et-boc .coulture_banner .title-lg {
    font-size: 70px;
}
}
@media only screen and (min-width:981px) and (max-width:1450px){
      #et-boc .coulture_banner .title-lg {
    font-size: 85px !important;
} 
}
@media only screen and (min-width:1451px) and (max-width:1750px){
    #et-boc .coulture_banner .title-lg {
    font-size: 110px !important;
}   
}
/* up  */
@media all and (max-width:550px){

    #et-boc .coulture_banner .title-lg {
    font-size: 30px;
}
    
}


/* end for banner  */
@media only screen and (min-width:1441px) and (max-width:1900px){
body div#page-container .render_row .et_pb_column:nth-child(2) {
    width: calc(54.25% + 5%) !important;
    padding-left: 7% !important;
}
}
/* up  */
 
.custom_img_slider  .et_pb_slide_image img {
    max-height: 100% !important;
}
/* 
.custom_img_slider .et_pb_slide_image{
	animation-name: none!important;
	 -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
} */

/* .custom_img_slider .et_pb_slide_description{
	animation-name: none!important;
	 -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
} */

.custom_img_slider .et_pb_slide {
    padding: 0;
/* 		animation-name: none!important;
	 -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important; */
}

.custom_img_slider .et_pb_button_wrapper {
    display: none;
}

/* up  */
.branding_blurb  span.et_pb_image_wrap {
    max-width: 62.34px;
}

.pakageing_blurb  span.et_pb_image_wrap {
    max-width: 132px;
}
/* end up  */
.banner_for_vide {
    position: relative;
}

.banner_for_vide:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
/*     background: linear-gradient(180deg,rgba(245,245,250,0.2) 0%,rgba(245,245,250,0.9) 45%,rgba(245,245,250,0.95) 73%,#f5f5fa 100%); */
	background: linear-gradient(180deg,rgba(245,245,250,0.2) 0%,rgba(245,245,250,0.5) 45%,rgba(245,245,250,0.5) 73%,#f5f5fa 100%);
    left: 0;
    top: 0;
}




@media all and (max-width:980px){
	
/* 	inner header title */
	
	#et-boc .inner-header .title-lg {
  min-width: 70px;
}
	#et-boc .inner-header .title-xlg {
  min-width: 150px;
}
	
.custom_img_slider .et_pb_slide {
/*     display: block !important; */
}

.custom_img_slider .et_pb_slide_image {
    display: block !important;
    position: relative !important;
    top: 0 !important;
    width: 100%;
    margin-right: 0;
	margin:0 !important;
}
	

/* .custom_img_slider .et_pb_slide_image{
	animation-name: none!important;
	 -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
} 

 .custom_img_slider .et_pb_slide_description{
	animation-name: none!important;
	 -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
} 

.custom_img_slider .et_pb_slide {
    padding: 0;
		animation-name: none!important;
	 -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
} */
	
	
	
}

@media all and (max-width:767px){
	/* 	inner header title */
	
	#et-boc .inner-header .title-lg {
  min-width: 50px;
}
	#et-boc .inner-header .title-xlg {
  min-width: 110px;
}
	
/* 	Hide hero banner content */
	
	.mbl-hide-banner .header-content{
		display: none;
	}
	.mbl-hide-banner{
		min-height: 45vh;
	}
}
/* end rev 1  */


.et_pb_slide_image, .et_pb_slide:first-child .et_pb_slide_image img.active {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
}


/* Animated title fix */

.txt-type{
	min-width: 1px;
	display: inline-block;
}

#et-boc .remove-transition {
	transition: none!important;
}

/* Logo fix */

#et-boc .logo-fix img{
	width: 340px;
}

#et-boc  .fix-transition {
	transition: none!important;
}