/*
Theme Name: Nvest
Version: 1.0
Description: A child theme of Divi
Author: admin
Template: Divi
*/

@import url("../Divi/style.css");

.mainCont .et_pb_row{
	width: 100% !important;
}

.video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mobileSection{
	display: none !important;
}
.socialIcon{
	display: inline-block;
}

#gradientWrapper{
	background-image: linear-gradient(131deg,rgba(255,255,255,0) 60%,#373a36 60.1%)!important;
}

#navSection{
	padding: 0 !important;
}

.mobileSection{
	padding: 0 !important;
}

/*CUSTOM MOBILE MENU*/
/* START: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */
/* Parent menu item */
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable,
.et_pb_module .et_mobile_menu .menu-item-has-children > a {
	position: relative;
}
/* Parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
	font-family: "ETmodules";
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
}
/* Disabled parent menu item icon positioning */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after {
	position: absolute;
	top: 13px;
	right: 10px;
}
/* Clickable parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon {
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: auto;
	align-items: center;
	position: absolute;
	width: 46px;
	height: 46px;
	background: rgba(0, 0, 0, 0);
	border-left: 1px solid #dcdcdc;
	right: 0;
	top: 0;
	z-index: 9;
}
/* Collapsed submenu parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable) > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable > span.parent_icon:after {
	content: "\33";
}
/* Expanded submenu parent menu item icon */
.et_pb_module .et_mobile_menu .menu-item-has-children:not(.clickable).visible > a:after,
.et_pb_module .et_mobile_menu .menu-item-has-children.clickable.visible > span.parent_icon:after {
	content: "\32";
}
/* Hide submenu by default */
.et_pb_module .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu > ul.sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/* Show submenu */
.et_pb_module .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu .visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu {
	display: block !important;
	visibility: visible !important;
}
.mobile_nav.opened .mobile_menu_bar:before{
	content:'\4d';
}
/* END: Collapse Divi Menu Module Submenus and Keep Parent Items Clickable on Mobile */

html, body {
	width: 100%;
	height: 100%;
	margin:0;
}


/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #6F7C7D;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/*MAIN POPUP STYLES */
.da-overlay{
	background: rgba(255,255,255,.9);
}

#mainPopup{
	background: transparent;
	box-shadow: none !important;
}

#privatePopup{
	background: transparent;
	box-shadow: none !important;
}

#ifaPopup{
	background: transparent;
	box-shadow: none !important;
}

#existingPopup{
	background: transparent;
	box-shadow: none !important;
}

#contactPopup{
	background: transparent;
	box-shadow: none !important;
}

#chrisPopup{
	background: transparent;
	box-shadow: none !important;
}

.aboutPopup{
	background: transparent !important;
	box-shadow: none !important;
}

.aboutCloseButton{
	padding-bottom: 3px;
	margin-bottom: 0 !important;
	border-color: transparent !important;
	transition: all 0.2s;
}

.aboutCloseButton:hover{
	margin-bottom: 2px !important;
	padding-bottom: 1px;
	border-color: #373737 !important;
	cursor: pointer;
}

#loginPopup{
	background: transparent;
	box-shadow: none !important;
}

#loginPopup h2{
	padding-bottom: 0 !important;
}


#popupPost .et_pb_slide_overlay_container{
	background-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.9) 70%);
}

.popupButton{
	border-bottom: 2px solid transparent !important;
	border-bottom-width: 2px !important;
	padding-bottom: 3px !important;
	margin-bottom: 0 !important;
	transition: all 0.3s;
}

.popupButton:hover{
	border-bottom-color: #fff !important;
	margin-bottom: 2px !important;
	padding-bottom: 1px !important;
}

.btn-dark{
	border-bottom: 1px solid #373A36 !important;
}

#closeButton{
	border-bottom: 3px solid transparent !important;
	transition: all 0.3s;
	border-width: 3px;
	padding-bottom: 3px;
}

#closeButton:hover{
	border-bottom-color:#373A36!important;
	padding-bottom: 1px;
	margin-bottom: 2px;
	cursor: pointer;
}

/*PRIVATE POPUP*/

#privateClose{
	border-bottom-color: transparent !important;
	border-width: 2px !important;
	opacity: 0.8;
}

#privateClose:hover{
	border-bottom-color: #fff !important;	
	opacity: 1;
	cursor: pointer;
}

.privateList ul{
	list-style: none;	
}

.privateList li{
	background-image: url("https://nvestsecurities.co.za/wp-content/uploads/2022/07/nav-arrow.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px;
	opacity: 0.8;
	padding-left: 30px;
}

.privateList li:hover{
	opacity: 1;
	cursor: pointer;
}

/*IFA POPUP*/
#ifaClose{
	opacity: 0.8;
}

#ifaClose:hover{
	opacity: 1;
	cursor: pointer;
}

/*EXISTING POPUP*/
#existingClose{
	opacity: 0.5;
	font-weight: bold;
}

#existingClose:hover{
	opacity: 1;
	cursor: pointer;
}

#existingBack{
	margin-left: 20px;
}

#existingBlog article{
	display: flex;
	align-items: center;
}

#existingBlog .et_pb_post{
	margin-bottom: 0;
}

#existingBlog .et_pb_ajax_pagination_container{
	display: flex;
}

#existingBlog article .entry-featured-image-url{
	width: 50%;
	margin-bottom:0;
	transition: all 0.3s;
	border: 2px solid transparent;
}

#existingBlog article .entry-featured-image-url:hover{
	border: 2px solid #373737;
}

#existingBlog .entry-title{
	font-size: 18px;
	margin-left: 20px;
}

#existingBlog .entry-title>p{
	margin-bottom: 10px;
}

#existingBlog .popupPost-cat{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal!important;
	font-family: 'Roboto';
	margin-bottom: 10px;
}

#existingButtonRow .et_pb_button_module_wrapper:nth-child(3),#existingButtonRow .et_pb_button_module_wrapper:nth-child(4){
	width: 50%;
}

.existingButtonContainer{
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.existingButtonCode{
	width: 100%;
	display: flex;
	align-items: flex-end;
}

.existingButtonCode .et_pb_code_inner{
	width: 100%;
}

.existingButtonContainer div a{
	color: #FFFFFF!important;
	border-width: 2px!important;
	border-color: RGBA(255,255,255,0);
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase!important;
	background-color: RGBA(255,255,255,0);
}

.exisitngIframeContainer .et_pb_text_inner{
	height: 100%;
}


/*CUSTOM NAV */
.navWrapper{
	display:flex;
	padding: 20px 0 0 0;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 600;
	z-index: 3;
}

.navWrapper a{
	color: #373737;
	text-transform: uppercase;
	font-size: 13px;
	transition: all 0.2s;
}

.navWrapper .left-text{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.left-text .link-container{
	margin-right: 30px !important;
}

.link-container{
	border-bottom: 3px solid transparent;
}

.right-text .link-container:first-child:hover{
	border-bottom: 3px solid #373737;
}

.left-text .link-container:first-child:hover{
	border-bottom: 3px solid transparent;
	cursor: pointer;
}

.left-text .link-container:first-child{
	margin-right: 0 !important;
	margin-left: 30px !important;
}

.left-text .link-container:nth-child(2):hover{
	border-bottom: 3px solid #7b6669;
	cursor: pointer;
}

.left-text .link-container:nth-child(3):hover{
	border-bottom: 3px solid #6F7C7D;
	cursor: pointer;
}

.left-text .link-container:nth-child(4):hover{
	border-bottom: 3px solid #8E8F89;
	cursor: pointer;
}

.left-text .link-container:nth-child(5):hover{
	border-bottom: 3px solid #B1BDB0;
	cursor: pointer;
}

.right-text .link-container:nth-child(1):hover{
	border-bottom: 3px solid #8E8F89;
	cursor: pointer;
}

.navWrapper .left-text .link-container:nth-child(2){
	margin-left: 50px;
}

.navWrapper .right-text{
	width: 50%;
	display:flex;
	align-items: center;
	justify-content: flex-end;
	text-transform: uppercase;
}

.navWrapper .right-text a{
	color: #fff;

}

.navWrapper .right-text .link-container:first-child a{
	color: #373737;

}

.navWrapper .right-text .link-container:first-child{
	margin-right: 170px;
}

.navWrapper .right-text .secondary-styles{
	color: rgb(55, 55, 55);
}

.navWrapper .right-text .secondary-button{
	color: #fff;
	background: rgb(55, 55, 55);
}

#port-link{
	margin-right: 30px;
	border: 1px solid #fff;
	padding: 6px;
	padding-left: 24px;
	padding-right: 24px;
}

#port-link:hover{
	background: #000;
	color: #fff;
}

.nvestLogo{
	width: 140px;
	height: auto;
}

.link-container{
	height: 100%;
	display:flex;
	align-items: center;
	padding-bottom: 20px;
}

#localLink{
	border: 1px solid rgba(0,0,0,0);
	transition: border 0.2s;
	border: 3px solid transparent;
}

#offshoreLink{
	border: 1px solid rgba(0,0,0,0);
	transition: border 0.2s;
	border: 3px solid transparent;
}

#localLink:hover{
	border: 3px solid #fff;
	cursor: pointer;
}

#offshoreLink:hover{
	border: 3px solid #fff;
	cursor: pointer;
}

#dropdownButton{
	border-bottom: 1px solid transparent !important;
	border-width: 1px !important;
	transition: all 0.3s;
}

#dropdownButton:hover{
	border-bottom-color: #fff !important;
	padding-bottom: 1px !important;
	margin-bottom: 5px !important;
}

#dropdown{
	transition: background-color 0.2s;
}

/*MOBILE MENU*/

/* all nav */
.stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal; }
.stellarnav a { color: #777; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a { padding: 15px; display: block; text-decoration: none; color: #777; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

/* main level */
.stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li > a { padding: 20px 40px; }

/* first level dd */
.stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: #ddd; }
.stellarnav li li { display: block; }

/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }

/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 220px; }

/* light theme */
.stellarnav.light { background: rgba(255, 255, 255, 1); }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; }

/* dark theme */
.stellarnav.dark { background: rgba(0, 0, 0, 1); }
.stellarnav.dark a { color: #FFF; }
.stellarnav.dark ul ul { background: rgba(0, 0, 0, 1); }
.stellarnav.dark li a { color: #FFF; }
/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }

/* general styling */
.stellarnav li.has-sub > a:after { content: ''; margin-left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF; display: inline-block; }
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 4px; }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a { padding-right: 5px; }
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }

/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */

.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 2px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 2px #777; position: absolute; }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; }

.stellarnav .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; }
.stellarnav .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color: #000; }
.stellarnav.light .icon-close:after { border-color: #000; }
.stellarnav.dark .icon-close:before { border-color: #FFF; }
.stellarnav.dark .icon-close:after { border-color: #FFF; }

/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 15px; box-sizing: border-box; }
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 11px; right:-10px; }
.stellarnav .menu-toggle span.bars span { display: block; width: 22px; height: 2px; border-radius: 6px; background: #777; margin: 0 0 5px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #000; }
.stellarnav.dark .menu-toggle span.bars span { background: #FFF; }
.stellarnav.mobile { position: static; }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 15px; }
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); }
.stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }

/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 69px; bottom: 0; width: 100%; max-width: 100vw; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.stellarnav.mobile.right > ul { right: 0; }
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */

/* mega dd */
.stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */


/* Fallback for slow javascript load */
@media only screen and (max-width : 768px) {
	.stellarnav { overflow: hidden; display: block; }
	.stellarnav ul { position: relative; display: none; }
}

/* mobile nav */
@media only screen and (max-width : 420px) {
	.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }
}

#main-nav ul{
	background: #F7F7F6; 
}

.menu-toggle{
	float: right;
}

.mobile-img-container{
	width: 150px;
	padding: 10px 0;
}

#main-nav > ul > li > a{
	text-transform: uppercase;
}

.parent-mobile-item > ul li a{
	padding-left: 25px;
}

.parent-mobile-item > ul > li > ul > li a{
	padding-left: 50px;
}

.mobile-port-link{
	background: #373737;
}

.mobile-port-link a {
	color: #fff !important;
}

/*BANNER SECTION*/
@media(min-width:1420px) and (max-width:1600px){
	#bannerSection .et_pb_slider_0{
		margin-top: 140px !important;
	}

	#bannerSlider span{
		font-size: 23px !important;
	}

	#bannerSlider h1,#bannerSlider h2{
		font-size: 72px !important;
	}


	#bannerSlider p{
		font-size: 14px !important;
	}

	.landingOptions_1, .landingOptions_2{
		padding-left: 70px !important;
		padding-right: 60px !important;

	}

	.landingOptions_1 h2, .landingOptions_2 h2{
		font-size:32px !important;
	}

	.tab:nth-child(1){
		margin-right: 20px !important;
	}
}



#bannerSlider span{
	font-size: 32px;
	color: #8e8f89;
	text-transform: uppercase;
	font-family: 'Acre Light',Helvetica,Arial,Lucida,sans-serif;
}

#bannerSlider h1,#bannerSlider h2{
	font-size: 81px;
	color: #373737 !important;
	font-family: 'Acre Light',Helvetica,Arial,Lucida,sans-serif;
	margin-bottom: 20px;
}


#bannerSlider p{
	font-size: 16px;
	color: #373737 !important;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	padding-bottom: 0 !important;
	width: 80%;
}

#bannerSlider p:first-of-type{
	padding-bottom: 10px !important;
}

#bannerSlider .et_pb_slide{
	padding-right: 0;
}

#bannerSlider .et_pb_slide_description{
	padding-left: 5%;
}

#bannerSlider .et-pb-controllers{
	padding-left: calc(11% + 105px);
	text-align:left;
}

#bannerSlider .et-pb-controllers .et-pb-active-control{
	opacity: 1;
	width: 40px !important;
	height: 3px !important;
	border-radius: 0px !important;
}

#bannerSlider .et-pb-controllers a:first-child{
	margin-left: 0px;
}

#bannerSlider .et-pb-controllers a{
	width: 15px !important;
	height: 3px !important;
	border-radius: 0px !important;
	margin-left: 5px;
}

/*POST SECTION */
.post-category{
	position:relative;
	top: -15px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	font-family: 'Acre Light',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
}


#sidePosts{
	height: auto !important;
}

#sidePosts .et_pb_ajax_pagination_container{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

#sidePosts article{
	display: flex;
	align-items: center;
	margin-bottom: 0;
	margin: 20px 0 0 30px;
}

#sidePosts article .entry-featured-image-url{
	width: 32%;
	margin-bottom:0;
	transition: all 0.3s;
	border: 2px solid transparent;
	overflow: hidden;
    max-height: 100px;
}

#sidePosts article .entry-featured-image-url img{
	width: 120% !important;
    height: auto;
    display: inline-block;
    max-width: 120%;
    text-align: center;
    transform: translate(-50%, 0%);
    left: 50%;
    position: relative;
}

#sidePosts article .entry-featured-image-url:hover{
	border-color: #373737;
}

#sidePosts article .entry-title{
	width: 60%;
	margin-left: 30px;
	padding-right: 30px;
	padding-bottom: 0;
}

#sidePosts article .entry-title p{
	font-size: 12px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	line-height: 16px;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight: 400;

}

#sidePosts article .entry-title a{
	font-size: 18px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

/*NEWS SECTION STYLES */
#mainPost .et_pb_slide_overlay_container{
	background-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0.9) 70%);
}

#mainPost .et_pb_slide_title{
	padding-bottom: 20px;
}

#mainPost .et_pb_slide_content > div > p{
	padding-bottom: 20px;
}

.customButton{
	border: none;
	padding: 10px 15px;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 15px;
	transition: all 0.2s;
}

.customButton:hover{
	background: #000;
	color: #fff;
	cursor: pointer;
}

.left-button{
	color: #000;
	background-color: #fff;
	margin-right: 25px;
}

.right-button{
	color: #fff;
	background-color: #6f7c7d;
}

.tab{
	transition: all 0.2s;
}

.tab:hover{
	cursor: pointer;
}

/*CONTACT FORM STYLES */

/*EVERLYTICS CUSTOM STYLES*/
#item-form{
	display: flex;
	flex-wrap: wrap;
}

#item-form .eCol input, #item-form .eRow input{
	width: 100%;
	padding: 10px;
	color: #373a36;;	
	font-size: 14px;
}

#item-form .eCol input::placeholder, #item-form .eRow input::placeholder{
	color: #373a36;
	font-weight: bold;
}

.eCol:nth-child(2){
	margin-right: 30px;
}

.eCol{
	flex: 1 1 250px;		
	margin-top: 20px;
}

.eRow{
	width: 100%;		
	margin-top: 20px;
	margin-bottom: 20px;
}

.eCheck{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.eCon{
	font-weight: 300;
}

input[type="radio"]{
	accent-color: #6f7c7d;
	margin: 0;
	position: relative;
	top: 1px;
	margin-right: 3px;
}

.btn-primary{
	padding: 7px 25px;
	margin-top: 15px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.2s ease;
	background-color: #b1bdb0;
	border-color: transparent;
	cursor: pointer;
}

.btn-primary:hover{
	background-color: #373737;
}

.eCon input[type=checkbox]{
	margin:0;
	accent-color: #6f7c7d;
	position: relative;
	top: 1px;
	margin-right: 3px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], select, textarea,option{
	color: #373737;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	background: none;
	border: 2px solid #373737;
	width: 100%;
}

input::placeholder,textarea::placeholder{
	color: #666;
}

/* with the :focus here, we would show grey when not using the element */
select {
	color: #666;
}
/* with the :focus here, we show grey when using the element */
select:focus {
	color: #373737;
}
option {
	color: #373737;
}
option:first-of-type {
	color: #666;
}

.wpcf7-response-output{
	text-align: center;
	margin: 0 auto !important;
	padding: 10px;
	border-color: #373737;
	color: #020202;
}

.wpcf7 form.invalid .wpcf7-response-output{
	border-color: #7b6669 !important;
}

.wpcf7 form.sent .wpcf7-response-output{
	border-color: #B1BDB0 !important;
}

.newsletterRow .wpcf7 input[type="text"]{
	margin-bottom: 1rem;
}

.newsletterRow .wpcf7-form p{
	padding-bottom: 0rem;
}

.newsletterRow iframe{
	height: 500px !important;
	border-radius: 10px !important;
	overflow-y: hidden !important;
	width: 55% !important;
}

.wpcf7 input[type="submit"]{
	border: none;
	padding: 10px 40px;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 15px;
	background-color:#b1bdb0;
	color: #fff;
	transition: all 0.2s;
}


.wpcf7 input[type="submit"]:hover{
	background: #000;
	color: #fff;
	cursor: pointer;
}

.cFlex{
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.cFlex input{
	margin-bottom: 1rem;
}

.c50{
	width: 48.25%;
}

.c100{
	width: 100%;
}

.tab:nth-child(1){
	margin-right: 30px;
}

.wFull{
	margin-bottom: 20px;
}



/*FOOTER STYLES */

footer .et_builder_inner_content{
	z-index: 9999;
}

#cookiePopup a{
	cursor: pointer;
}

#accept{
	cursor: pointer;
}

#accept:hover{
	cursor: pointer !important;
}

#footerRow a, #footerRow p{
	font-weight: normal !important;
	transition: all 0.2s;
	border-bottom: 1px solid transparent !important;
	border-width: 1px;
	padding-bottom: 3px;
}

#footerRow a:hover{
	border-bottom-color:#373A36!important;
	padding-bottom: 1px;
	margin-bottom: 2px;
	cursor: pointer;
}


/*PRIVATE INVESTORS */
.solutionCTA h2{
	padding-bottom: 0px !important;
}

#localSolution, #offshoreSolution{
	transition: all 0.2s;
	padding-bottom: 0;
}

.productSelectButton{
	opacity: 0;
	transition: all 0.2s
}

#localSolution{
	padding-bottom: 37px;
}

#localSolution:hover .productSelectButton{
	opacity: 1;
}

#offshoreSolution:hover .productSelectButton{
	opacity: 1;
}

#offshoreSolution:hover{
	padding-bottom: 37px;
}


.localText{
	transition: all 0.2s;
}

/*LOCAL INVESTMENT SOUTIONS */
.breadcrumb-container a:after{
	content: ">";
	margin: 0px 10px;
}

.breadcrumb-container a:last-child:after{
	content: "";
}

.ctaButton{
	font-weight: 400 !important;
}

/*PRODUCT*/
.piSolRow .otherSolutionsCol{
	background: #665557 !important;
}
.details-container{
	display: flex;	
}

.details-container .left-details, .details-container .right-details{
	flex-basis: 100%;
}

.details-container .left-details{
	margin-right: 20px;
}

.details-container .left-details p:first-child, .details-container .right-details p:first-child{
	font-size: 30px;
	font-family: 'Acre bold',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
}

.details-container .left-details p:last-child, .details-container .right-details p:last-child{
	font-family: 'Acre light',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 11px;
}

.contact-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 50%;
	margin: 0 auto;

}

.contact-container input,.whistleContainer .wFull input, select, textarea{
	border: 2px solid #868781 !important;
	background: #f6f6f6 !important;
	padding: 12px !important;
	/* 	font-weight: 400; */
}

.cHalf{
	width: 48.5%;
	margin-bottom: 25px;
}

.cFull{
	width: 100%;
	margin-bottom: 25px;
}

.cFull:last-of-type{
	text-align: center;
}

.cFull:last-of-type input ,.whistleContainer input[type="submit"]{
	background: #373a36 !important;
	color: #fff;
	padding: 10px 40px !important;
	border: none !important;
}

.cFull:last-of-type input:hover{
	background: #000 !important;
	color: #fff;
}

.cFull select{
	color: #868781;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	background: none;
	border: 2px solid #373737;
	width: 100%;
	border: 2px solid #868781 !important;
	background: #f6f6f6 !important;
	padding: 12px !important;
}

#productClose{
	color: #373a36 !important;
	opacity: 0.4;
	border-bottom: 2px solid transparent;
	transition: 0.3s;
	padding-bottom: 3px;
}

#productClose:hover{
	opacity: 1;
	cursor: pointer;
	margin-bottom: 2px;
	padding-bottom: 1px;
	border-bottom: 2px solid #373a36;
}

.wpcf7-spinner{
	display: block;
}

/*NEWS PAGE*/
.newsPageMainPost .et_pb_slide_title{
	padding-bottom: 5px !important;
}

.newsPageMainPost .et_pb_slide_content{
	width: 75ch;
}

.blogCssGrid > div{
	display: flex;
	flex-wrap:wrap;
}

.blogCssGrid > div article{
	flex: 1 1 25%;
	margin-right: 30px;
	border: 1px solid #e5e5e5;
}

.blogCssGrid > div article:nth-child(3n){
	margin-right: 0px;
}

.blogCssGrid > div article{
	border: 1px solid #e5e5e5;
	transition: all 0.2s;
}

.blogCssGrid > div article:hover{
	border-color: #373737;
}

.blogCssGrid > div article .entry-title{
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 30px;
}

.blogCssGrid > div article .entry-title a{
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
}

.blogCssGrid > div article .post-meta{
	padding-bottom: 15px;	
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 0;
}

.blogCssGrid > div article .post-content{
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
}

.blogCssGrid > div article .post-content-inner{
	padding-bottom: 15px;
}

.blogCssGrid > div article .more-link{
	padding: 4px 0px;
	width: 45%;
	text-align: center;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}

.newsPageMainPost .post-category{
	top: -10px;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 14px;
	opacity: 0.8;
}

.newsPageMainPost .post-hr{
	width: 60px;
	margin-left:0;
	background: #fff;
	height: 3px;
	margin-bottom: 20px;
	opacity: 0.8;
}

.libButton{
	border-color: transparent;
	border-bottom-color: transparent;
	border-width: 3px;
	padding-bottom: 3px !important;
	margin-bottom: 0;
}

.libButton:hover{
	border-color: transparent !important;
	border-bottom-color: #373737 !important;
	border-width: 3px;	
	padding-bottom: 1px !important;
	margin-bottom: 2px !important;
}

.newsCat-container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.newsCat-container p {
	width: 100%;
	margin-top: 5px;
}

.newsCat-container h2{
	margin-bottom: 0;
	padding-bottom: 3px;
	transition: all 0.2s;	
	border-bottom: 1px solid transparent;
}

.newsCat-container h2:hover{
	margin-bottom: 2px;
	padding-bottom: 1px;    	
	border-bottom-color: #373737;
}

.icon-container{
	position:relative;
	width: 20px;
	height: 20px;
	text-align:center;
}

.icon-container:hover{
	cursor: pointer;
}

.icon-container .tooltipIcon{
	width: 100%;
	height: 100%;
	text-align:center;
	background: rgb(226,226,226);
	color: #000;
	border-radius: 200px;
}

.tooltiptext{
	visibility: hidden;
	width: 300px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 10px 10px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	top: -50%;
	transform:translatey(-27%);
	right:200%;
}

.tooltiptext::after {
	content: " ";
	position: absolute;
	top: 50%;
	left: 100%; /* To the right of the tooltip */
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;
}

.icon-container:hover .tooltiptext{
	visibility: visible;
}

#marketRow > div article{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #e5e5e5;
	transition: all 0.2s;
}

#marketRow > div article:hover{
	border-color: #373737;
}


#marketRow > div article .entry-featured-image-url{
	width: 100%;
}

#marketRow > div article .entry-title{
	width: 70%;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 5px;
}


#marketRow > div article .post-content{
	width: 30%;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 20px;
}

#marketRow > div article .more-link{
	text-transform: uppercase;
	color: #fff;
	background: #373737;
	padding:4px 0px;
	width: 100%;
	text-align: center;
	margin-right: 0;
	margin-left: auto;
}

#podRow > div article .entry-title, #vidRow > div article .entry-title{
	padding-top: 30px;
}

#podRow > div article .entry-title > a:before{
	content: "";
	background-image: url("https://nvestsecurities.co.za/wp-content/uploads/2022/08/podcast_icon.svg");
	width: 30px;
	height: 30px;
	display: block;
	background-size: 30px;
	padding-bottom: 25px;
	background-repeat: no-repeat;
}

.et_pb_no_thumb a:before{
	display: none;
}

#vidRow > div article .entry-title > a:before{
	content: "";
	background-image: url("https://nvestsecurities.co.za/wp-content/uploads/2022/08/video_icon.svg");
	width: 30px;
	height: 30px;
	display: block;
	background-size: 30px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
}

.cat-list{
	list-style: none !important;
}

.cat-list li{
	background-image: url("https://nvestsecurities.co.za/wp-content/uploads/2022/08/nav-arrow.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 8px;
	opacity: 0.8;
	padding-left: 15px;
}

.cat-col{
	border-right: 1px solid #D7D7D7;
}

.cat-list li a{
	margin-bottom: 0;
	padding-bottom: 3px;
	transition: all 0.3s;
	border-bottom: 1px solid transparent;
}

.cat-list li a:hover{
	margin-bottom: 2px;
	padding-bottom: 1px;	
	border-bottom-color: #373737;
}

/*ABOUT US*/
.aboutQuote:before{
	content: "\"";
	color: #fff;
	position: absolute;
	left: 6px;
	top: 6px;
	font-size: 50px;
}

/*INVESTMENT PROCESS*/
.investmentPMainText{
	margin-top: 30px;
}

.investmentMainContainer > div{
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	height: 100%;
}

.investmentPSecText p{
	margin-bottom: 10px;
}

/*CONTACT US*/
#map{
	width: 100%;
	height: 700px;
}

.contact-tab-container{
	display: flex;
}

.contact-tab-container .contact-tab:first-child{
	margin-right: 20px;
}

.contact-tab-container .contact-tab:first-child a{
	padding-top: 13px;
	padding-bottom: 13px;
	padding-right: 40px;
	padding-left: 40px;
	background: #373737;
	color: #fff;
	font-weight: 400;
}

.contact-tab-container .contact-tab:last-child a{
	padding-top: 13px;
	padding-bottom: 13px;
	padding-right: 60px;
	padding-left: 60px;
	background: #fff;
	color: #373737;
	font-weight: 400;
}

.contact-tab-container .contact-tab a{
	transition: all 0.2s;
}

.contact-tab-container .contact-tab a:hover{
	background: #000;
	color:#fff;
	cursor: pointer;
}

.contactPageForm .cFull input{
	border-color: #8E8F89 !important;
	background-color: rgba(137,143,138,0.1);
}

.contactPageForm .cFull:last-of-type{
	text-align: left;
}

.contactPageForm .cFull:last-of-type input{
	background: #373a36 !important;
	color: #fff;
	padding: 10px 40px !important;
	border: none !important;
}

.contactPageForm .cFull:last-of-type input:hover{
	background: #000 !important;
	color: #fff;
	cursor: pointer;
}

.contactPageForm .cFull textarea{
	border-color: #8E8F89 !important;
	background-color: rgba(137,143,138,0.1);
	border-width: 2px;
	width: 100%;
	font-size: 14px;
	padding: 10px;
	font-weight: bold;
}

.contactPageForm .cFull:nth-of-type(5){
	margin-bottom:0;
}

#gautengForm,#gautengDetails{
	display: none;
}

@media(min-width:2559px){
	#gradientWrapper {
		background-image: linear-gradient(131deg,rgba(255,255,255,0) 66vw,#373a36 66.1vw);
	}
	.navWrapper .right-text .link-container:first-child {
		margin-right: 8vw;
	}
}

@media(max-width: 1650px){
	#gradientWrapper{
		background-image: linear-gradient(131deg,rgba(255,255,255,0) 57.8%,#373a36 57.9%);
	}

	#offshoreSolution > div:nth-child(2),#localSolution > div:nth-child(2){
		margin-top: 80px !important;
	}
}

@media(max-width: 1440px){
	#gradientWrapper{		
		background-image: linear-gradient(131deg,rgba(255,255,255,0) 58%,#373a36 58.1%)!important;
	}

	.navWrapper .right-text .link-container:first-child{
		margin-right: 90px;
	}
}

@media(max-width: 1423px){
	.eCol:nth-child(2){
		margin-right:0;
		flex: 1 1 100%;
	}
}

@media(max-width:1410px){
	.navWrapper .right-text .link-container:first-child{
		margin-right: 70px;
	}
}

@media(max-width: 1200px){
	.mobileSection{
		display: block !important;
	}
	#navSection{
		display: none;
	}
	#gradientWrapper .et_pb_column {
		width: 100% !important;
	}
	#gradientWrapper{
		flex-wrap:wrap;
	}
	#investContent{
		display: block;
	}
	#investContent > div{
		width: 100%;
		margin-bottom: 30px;
	}
	#investContent .et_pb_column_empty{
		display: none;
	}
	#investContent .et_pb_text_6{
		margin-top: 0 !important;
	}
	#localSolution,#offshoreSolution{
		width: 100%;
		height: auto;
		display: block;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 30px;
		background-color: #373737 !important;
	}
	#localSolution .productSelectButton,#offshoreSolution .productSelectButton{
		opacity: 1 !important;
	}
	#localSolution .et_pb_section_video_bg.et_pb_section_video_bg_desktop_only, #offshoreSolution .et_pb_section_video_bg.et_pb_section_video_bg_desktop_only{
		display: none;
	}
}

@media(min-width: 1200px) and (max-width: 1400px){
	#bannerSlider{
		margin-top: 50px !important;
	}
	#bannerSlider h1,#bannerSlider h2{
		font-size: 60px !important;
	}
	.et_pb_slide_description{
		padding-bottom:0px !important;
	}
	.et-pb-controllers{
		display: none;
	}
}

@media (max-width:430px){
	.et_pb_team_member_image  {
		margin: 0 auto !important;
		margin-bottom: 15px !important;
	}
	#map{
		height:500px;
	}
}

@media (max-width:980px){
	.contactContentRow{
		display: flex;
		flex-direction: column;		
	}

	#map{
		height:500px;
	}

	.contactCol1{
		order: 2;
		margin-top: 0px !important;
	}

	#existingClose{
		opacity: 1;
	}

	.et_pb_button_6_tb_header_wrapper {
		width: 100% !important;
	}

	.et_pb_button_6_tb_header {
		width: 50% !important;
	}

	.btnRow > div{
		width: 33% !important;
	}

	#privateClose{
		border-bottom-color: #fff !important;
		border-width: 2px !important;
		text-align: right;
		font-weight: 300;
	}

	#ifaClose{
		border-bottom-color: #fff !important;
		border-width: 2px !important;
		text-align: right;
		font-weight: 300;
		opacity: 1;
	}

	.newsPageMainPost .et_pb_slide_content{
		width: 100%;
	}

	.blogCssGrid > div article{
		flex: 1 1 100%;
		margin-right: 0;
	}

	.productSelectButton{
		display: inline-block !important;
	}

	.cat-col{
		border-right: none;
		display: none;
	}

	.productSelectButton{
		opacity: 1;
		margin-bottom: 40px;

	}

	#sidePosts article{
		margin-bottom: 30px;
	}

	#sidePosts article:first-child{
		margin-top: 30px;
	}

	.et-pb-controllers{
		display: none;
	}

	#localSolution{
		height: auto;
		display: block;
		padding-top: 40px;
	}

	#offshoreSolution{
		height: auto;
		display: block;
		padding-top: 40px;
	}
}


@media(min-width: 1080px) and (max-width: 1600px){
	.otherSolutionsCol{
		padding-right: 30px !important;
	}

	.navWrapper .left-text{
		width: 70%
	}

	.navWrapper .right-text{
		width: 30%;
	}
	.mIPi{
		display: inline-block !important;
		margin-left: 70px !important;
	}
}

@media(max-width: 430px)
{	

	/*INVESTORS SECTION*/
	.landingOptions_1{
		margin-bottom: 30px !important;
	} 

	.landingOptions_2{
		margin-bottom: 0px !important;	
	} 

	/*BANNER SECTION*/
	#bannerSlider span{
		font-size: 20px;
		color: #8e8f89;
		text-transform: uppercase;
		font-family: 'Acre Light',Helvetica,Arial,Lucida,sans-serif;
	}

	#bannerSlider h1,#bannerSlider h2{
		font-size: 54px;
		color: #373737 !important;
		font-family: 'Acre Light',Helvetica,Arial,Lucida,sans-serif;
		margin-bottom: 20px;
	}


	#bannerSlider p{
		font-size: 14px;
		color: #373737 !important;
		font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
		padding-bottom: 0 !important;
		width: 80%;
	}
	/* changing the padding for mobile on the slides */
	#bannerSlider .et_pb_slide{
		padding-right: 6%;
	}

	#sidePosts article{
		margin-left: 20px;
		align-items: center;
		margin-bottom: 20px;
	}

	#sidePosts article:first-child{		
		margin-top: 20px;
	}

	#sidePosts article .post-content-inner{
		display: none;
	}

	#sidePosts article .entry-featured-image-url{
		width: 45%;
	}

	/*These are the tabbie boys in the newsletter section*/
	.tab:nth-child(1){
		margin-right: 0px;
		display:block;
	}

	.tab:nth-child(2){
		margin-right: 0px;
		display:block;
	}

	.newsletterRow iframe{
		width: 100% !important;
	}

	.left-button{
		padding: 10px 60px;
	}

	.contact-container{
		width: 100%;
	}

	.cHalf{
		width: 100%;
		margin-bottom: 25px;
	}

	.cFull{
		width: 100%;
		margin-bottom: 25px;
	}

	.cFull:last-of-type{
		text-align: center;
	}

	.cFull:last-of-type input{
		background: #373a36 !important;
		color: #fff;
		padding: 10px 40px !important;
		border: none !important;
	}

	.cFull:last-of-type input:hover{
		background: #000 !important;
		color: #fff;
	}


	#productClose{
		color: #373a36 !important;
		opacity: 0.4;
		border-bottom: 2px solid #373a36;
		transition: 0.3s;
	}

	#productClose:hover{
		opacity: 1;
		cursor: pointer;
	}

	.wpcf7-spinner{
		display: block;
	}

	.newsPageMainPost .et_pb_slide_content{
		width: 100%;
	}

	.blogCssGrid > div article{
		flex-basis: 100%;
	}

	#existingBlog .et_pb_ajax_pagination_container{
		flex-direction: column;
	}	
	#existingBlog .et_pb_ajax_pagination_container article:first-child{	
		margin-bottom: 20px;
	}

	.et_pb_button_6_tb_header {
		width: 100% !important;
	}

	.btnRow > div{
		width: 50% !important;
	}

	.btnRow div:nth-child(3){
		width: 100% !important;
	}

	#privateClose{
		border-bottom-color: #fff !important;
		border-width: 2px !important;
		text-align: right;
		font-weight: 300;
	}

	#ifaClose{
		border-bottom-color: #fff !important;
		border-width: 2px !important;
		text-align: right;
		font-weight: 300;
		opacity: 1;
	}

	#marketRow > div article .entry-title{
		width: 100%;
		padding-left: 20px;
		padding-bottom: 20px;
	}


	#marketRow > div article .post-content{
		width: 100%;
		padding-left: 20px;
	}

	#marketRow > div article .more-link{
		width: 40%;
		margin-right: auto;
		margin-left: 0;
	}

	.blogCssGrid > div article{
		margin-right: 0px;
	}

	.tooltiptext{
		top: -5px;		
		left: -130px;
	}


	#localSolution{
		transition: all 0.2s
	}

	.productSelectButton{
		display: inline-block !important;
	}

	.cat-col{
		border-right: none;
	}

	#localSolution{
		height: auto;
		display: block;
		padding-top: 40px;
	}

	#offshoreSolution{
		height: auto;
		display: block;
		padding-top: 40px;
	}

	.details-container .left-details{
		margin-right: 0;
	}

	.details-container .right-details{
		text-align: right;
	}

	.contact-tab-container {
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
	}

	.contact-tab-container .contact-tab:first-child{
		margin: 0;
	}

	.contact-tab{
		flex: 1 1 100%;
	}

	.contact-tab-container .contact-tab:first-child a,.contact-tab-container .contact-tab:last-child a{
		width: 100%;
		display: inline-block;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}

	.clientWrapper {
		width:auto !important;
		margin:auto;
	}

	#sidePosts article .entry-title a {
		font-size: 14px;
	}
}

@media(max-width: 375px){
	.details-container .left-details p:first-child, .details-container .right-details p:first-child{
		font-size: 22px;
	}

	.details-container .right-details{
		text-align: left;
		margin-top: 10px;
	}

	.details-container{
		flex-wrap: wrap;
	}
}

@media(max-width: 330px){

	#bannerSlider span{
		font-size: 32px;
		color: #8e8f89;
		text-transform: uppercase;
		font-family: 'Acre Light',Helvetica,Arial,Lucida,sans-serif;
	}

	#bannerSlider h1,#bannerSlider h2{
		font-size: 81px;
		color: #373737 !important;
		font-family: 'Acre Light',Helvetica,Arial,Lucida,sans-serif;
		margin-bottom: 20px;
	}


	#bannerSlider p{
		font-size: 16px;
		color: #373737 !important;
		font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
		padding-bottom: 0 !important;
		width: 80%;
	}

	.landingHeading .et_pb_text_inner h2{
		font-size: 28px;
	}

	.customButton{
		padding: 10px 15px;
	}
}

/*----Login CSS----*/

.clientBody {
	background:#B1BDB0;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	border:0px !important;
	overflow:hidden !important;
}

.clientWrapper {
	width:400px;
	margin:auto;
}

.clientInner p {
	margin:0px;
}

.clientWrapper input {
	padding: 10px 0;
	width: 99%;
	border: 2px solid #ffffff;
	background: transparent;
	color: #ffffff;
	text-align: center;
	margin-bottom:20px;
}

.clientWrapper input#login {
	width: 100%;
	border: 2px solid #000000;
	background: #000000;
	color: #ffffff;
	text-align: center;
	cursor:pointer;
	transition:.2s;
}

.clientWrapper input#login:hover {
	width: 100%;
	border: 2px solid #000000;
	background: #ffffff;
	color: #000000;
	text-align: center;
	cursor:pointer;
	transition:.2s;
}

.forgotPassword{
	text-decoration: none;
	color: #fff;
	font-family: "Roboto";
	font-size: 12px;
}
/*-END---Login CSS---END-*/