.page-id-4134 .page-header {
	display: none;
}

.page-id-11402 .page-header {
	background-color: #ffffff;
}

.page-id-11402 .page-header__left {
	width: 40% !important;
	min-width: 280px !important;
}

.page-id-11402 .page-header__right {
	width: 60% !important;
	min-width: 280px !important;
}

.page-id-11402 h1 {
	font-size: 60px;
	line-height: 60px;
	color: #000000;
}

.page-id-11402 img.lazyload {
	width: 800px !important;
}

.page-id-11402 .page-header__foreground {
	width: 100% !important;
	min-width: 280px !important;
	max-width: 800px !important;
	border: none !important;
}

.page-id-11402 .video95 {
	width: 100% !important;
}

.page-id-11402 .intro-text.white {
	color: #000000 !important;
}

.page-id-4134 .contain {
	width: 100%;
	max-width: 100%;
}

.tree_section1 {
	max-width: 45rem;
	margin: 0 auto;
	padding: 0 2rem;
}

.tree_section1 {
	max-width: 55rem;
	margin: 0 auto;
	padding: 0 2rem;
	background: #f47b20;
}

.tree_section1 .contentbox {
	background: #e93b04;
	padding: 2rem;
}

.tree_section1 h4 {
	font-weight: normal;
	color: #fff;
	font-size: 3em;
	padding-left: 1em;
}

.tree_container .contentbox h4 {
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	padding-left: 9rem;
}

.tree_section2 {
	max-width: 65rem;
	margin: 0 auto;
	padding: 0 2rem;
	background: url(https://spectralinkstg.wpengine.com//wp-content/uploads/v2/tree_left_bg.jpg)repeat-y;
}

.tree_section2 .contentbox {
	padding-left: 140px;
}

.subtitle {
	color: #59595b !important;
	text-align: left;
	padding-left: 0px !important;
}

.tree_container .half-and-half__left {
	padding-right: 1rem;
}

.tree_container .half-and-half__right {
	padding-left: 1rem;
}

.tree_section2 .circle-link::before {
	right: 0 !important;
	left: 5rem !important;
}

.tree_section2 .circle-link::after {
	right: 0 !important;
	left: 5.5rem !important;
}

#tree_container .circle-link:focus {
	box-shadow: none;
}

.circle_link {
	border: solid 2px #f47b20;
	border-radius: 24px;
	color: #f47b20;
	text-decoration: none;
	font-weight: normal;
	padding: 12px;
	display: inline-block;
}

.threecolumn,
.threecolumn .threebox {
	padding-right: 0px;
}

.threebox,
.flex-columns {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.flex-columns .columnone {
	flex: 0.7;
}

.flex-columns .columntwo {
	flex: 1.3;
}

.threebox .half-and-half__left,
.threebox .half-and-half__right {
	flex: 0.7;
}

.threebox .half-and-half__middle {
	flex: 1.4;
	padding: 0 2rem;
}

.nomargin {
	margin: 0px;
}

.threecolumn {
	max-width: 85rem;
}

.treeone::before {
	content: " ";
	width: 95px;
	height: 95px;
	position: absolute;
	margin-left: 35px;
	margin-top: 40px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/decision-tree_1.png");
}

.treeone .contentbox {
	padding-top: 10px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/Decision-Tree-Bg.png") no-repeat;
	background-position: 11% bottom;
	background-size: 310px;
}

.decision_tree_table {
	font-size: 0.7em;
	color: #59595b;
	background: #fff;
}

.decision_tree_table li {
	line-height: 1.2em;
}

.decision_tree_table th {
	background: #58595b;
	color: #fff;
	font-size: 1.2em;
	padding: 0.5rem;
}

.decision_tree_table td {
	padding: 0.5rem;
}

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

.decision_tree_table tr.odd {
	background: #f2eff7;
}

.decision_tree_table tr.even {
	background: #e9e3f1;
}

.treetwo::before {
	content: " ";
	width: 95px;
	height: 95px;
	position: absolute;
	margin-left: 35px;
	margin-top: 40px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/decision-tree_2.png");
}

.treethree::before {
	content: " ";
	width: 95px;
	height: 95px;
	position: absolute;
	margin-left: 35px;
	margin-top: 40px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/decision-tree_3.png");
}

.treethree .contentbox {
	padding-top: 10px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/Decision-Tree3-Bg.png") no-repeat;
	background-position: 21% bottom;
	background-size: 50%;
}

.treefour::before {
	content: " ";
	width: 95px;
	height: 95px;
	position: absolute;
	margin-left: 35px;
	margin-top: 40px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/decision-tree_4.png");
}

.treefour .contentbox {
	padding-top: 10px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/Decision-Tree3-Bg.png") no-repeat;
	background-position: 11% bottom;
	background-size: 22%;
}

.treefour .decision_tree_table td {
	padding: 0.2rem;
}

.treefour .decision_tree_table .size-small {
	width: 62px
}

.imgrow td {
	vertical-align: bottom;
}

.treefive::before {
	content: " ";
	width: 95px;
	height: 95px;
	position: absolute;
	margin-left: 35px;
	margin-top: 40px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/decision-tree_5.png");
}

.treefive .decision_tree_table .size-medium {
	width: 175px
}

.treesix::before {
	content: " ";
	width: 95px;
	height: 95px;
	position: absolute;
	margin-left: 35px;
	margin-top: 40px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/decision-tree_6.png");
}

.treesix .contentbox {
	padding-top: 10px;
	background: url("https://spectralinkstg.wpengine.com//wp-content/uploads/v2/Decision-Tree3-Bg.png") no-repeat;
	background-position: 11% bottom;
	background-size: 22%;
}

.tree_section11 {
	max-width: 62rem;
	margin: 0 auto;
	padding: 0 2rem;
	background: #f47b20;
}

.tree_section11 .contentbox {
	padding: 5em 0em;
}

#tree_container .tree_section1,
#tree_container .tree_section2,
#tree_container .tree_section11 {
	margin-bottom: 4em !important;
}

.tree_section1,
.tree_section2,
.tree_section11 {
	margin: 7em auto !important;
}

body {
	margin: 0;
	background-color: #ffffff;
}




/*------------------- SINGLE OVERVIEW CSS STARTS HERE -------------------*/

html {
	scroll-behavior: smooth;
}
:root {
	/*---------- colors ----------*/
	--primary: #191d24;
	--orange: #F47B20;
	--darkblue: #1E5495;
	--blue:#06AEEE;
	--bright: #fff;
	--addicon: #4472c4;

	/*---------- Font Size/Weight ----------*/
	--h1lh: 1em;
	--defaultFont:16px;
	--defaultlh:1.3em;
	--light:300;
	--normal:400;
	--bold:700;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: var(--normal);
	line-height: var(--defaultlh);
}
.single-overview .page-header-overview h2 {
	color: var(--orange);
	font-size: 36px;
}
.page-header-overview .container {
	max-width: 80rem;
	margin: 0 auto;
	padding: 0 1.2rem;
}
.page-header-overview {
	margin: 0;
}

.single-overview .page-header-overview h1 {
	color: var(--primary);
	font-weight: var(--light);
	line-height: var(--h1lh);
	font-size: 60px;
}
.page-header-overview p {
	color: var(--primary);
	font-weight: var(--light);
	font-size: var(--defaultFont);
	line-height: var(--defaultlh);
}
.page-header-overview .section a {
	color: var(--darkblue);
	font-weight: var(--light);
	transition: all .3s ease-in-out;
	text-decoration: underline !important;
}
.page-header-overview .section a:focus {
	box-shadow: none;
}
.page-header-overview .section a:hover {
	color: var(--orange);
}
.page-header-overview h3 {
	color: var(--orange);
	font-size: 28px;
	line-height: var(--defaultlh);
	font-weight: var(--normal);
}

.page-header-overview .layout {
	margin: 0;
	width: 100%;
	max-width: 100%;
}
.page-header-overview .layout .contain {
	padding: 0;
}
.page-header-overview .contain {
	padding: 0;
}
.page-header-overview .section {
	padding-bottom: 100px;
	padding-top: 0;
}
.page-header-overview .section:first-child {
	padding-top: 100px;
	padding-bottom: 70px;
}
.page-header-overview a.et_button, 
header.site-header .discoverButton a, 
.overview-popup .popup-wrapper a.et_button {
	background: var(--orange);
	display: inline-block;
	padding: 8px 20px;
	font-size: var(--defaultFont);
	line-height: var(--defaultlh);
	font-weight: var(--light);
	text-decoration: none !important;
	color: var(--bright);
	width: 200px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 50px;
	border: 1px solid var(--orange);
	transition: all .3s ease-in-out;
	box-shadow: none;
}

.page-header-overview a.et_button:hover, 
header.site-header .discoverButton a:hover, 
.overview-popup .popup-wrapper a.et_button:hover {
	background: var(--blue);
	border-color: var(--blue);
	color: var(--bright);
}

/*----------- HEADER CSS STARTS HERE -----------*/

header.site-header .discoverButton {
	display: none;
}

.single-overview header.site-header .discoverButton {
	display: inline-block;
}

.single-overview .site-header__container.mobile-nav-visible, 
.single-overview .site-header__bottom, 
.single-overview .site-header__navigation, .single-overview button#menu-toggle {
	display: none;
}
header.site-header .discoverButton a {
	width: 200px;
	text-align: center;
	text-transform: uppercase;
}

/*----------- HEADER CSS ENDS HERE -----------*/

/*----------- OVERVIEW TOP SECTION CSS STARTS HERE -----------*/

.overview-top-section .container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.overview-top-section .container>div {
	width: 50%;
}

.overview-top-section .overview-page-header_left {
	padding-right: 50px;
}

.overview-top-section .overview-page-header_left .contain>p:first-of-type {
	font-size: 20px;
	line-height: var(--defaultlh);
	margin-bottom: 35px;
}
.overview-top-section.section h1 {
	margin-bottom: 25px;
	color: var(--orange);
}
.overview-top-section.section  p {
	max-width: 540px;
}
.overview-top-section .overview-page-header_left p:last-of-type {
	margin-bottom: 0;
}
.overview-top-section  h3 {
	margin-bottom: 25px;
}
.overview-button {
	margin-top: 45px;
}
.overview-page-header_left p+ul {
	padding-top: 0 !important;
	margin-top: -10px !important;
}

.overview-page-header_left ul li {
	margin-bottom: 2px !important;
}
.overview-top-section strong {
	font-weight: var(--normal);
}
.overview-top-section.section .overview-button a {
	width: 100%;
	max-width: 230px;
	text-align: center;
}

/*----------- OVERVIEW TOP SECTION CSS ENDS HERE -----------*/

/*----------- WHY SPECTRALINK SECTION CSS STARTS HERE -----------*/

div#scrollBlock {
	padding-top: 30px;
}
.why-spectralink-section h2 {
	text-align: center;
	margin-bottom: 50px;
}
.blurbwrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3em 2em;
}
.blurbwrapper .blurbBlock p {
	margin-bottom: 0;
}
.blurbwrapper .blurbBlock * {
	text-align: center;
}

.blurb-image img {
	max-width: 80px;
}

.blurb-image {
	padding-bottom: 25px;
}

.blurb-content strong {
	font-size: 18px;
	display: block;
	margin-bottom: 20px;
	line-height: var(--defaultlh);
}
.blurb-content p:empty {
	margin: 0;
}

.blurb-content {
	max-width: 300px;
	margin: 0 auto;
}

/*----------- WHY SPECTRALINK SECTION CSS ENDS HERE -----------*/

/*----------- INDUSTRIES SECTION CSS STARTS HERE -----------*/

.industries-sections  h2 {
	margin-bottom: 25px;
}
.heading {
	text-align: center;
	margin-bottom: 40px;
}
.industries-content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1.4em;
}

.industries-sections .industryItem {
	border: 1px solid var(--primary);
	border-radius: 22px;
}
.industries-sections .industryItem  p {
	margin: 0;
}
.industries-sections .item-image img {
	width: 100%;
	border-radius: 21px;
	display: block;
	height: 220px;
	object-fit: cover;
	transition: all .3s ease-in-out;
}
.industries-sections .industryItem:hover img {
	transform: scale(1.1);
}

.industries-sections .industryItem .item-image {
	overflow: hidden;
	border-radius: 21px;
}
.industries-sections .item-content {
	padding: 30px 25px;
}

.industries-sections .item-content strong {
	display: block;
	line-height: var(--defaultlh);
	font-size: 18px;
	margin-bottom: 18px;
}
.industries-sections .item-content strong~strong, .industries-sections .item-content strong~p strong {
	font-weight: var(--normal);
	font-size: var(--defaultFont);
	margin: 0;
	display: inline-block;
}

/*----------- INDUSTRIES SECTION CSS ENDS HERE -----------*/

/*----------- LEFT/RIGHT IMAGE SECTION SECTION CSS STARTS HERE -----------*/

.left-image-section .container, 
.right-image-section .container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-areas: 'first first .';
	align-items: center;
	grid-gap: 3em;
}
.right-image-section .container {
	grid-template-areas: 'first second second';
}
.left-image-section .left-image, 
.right-image-section .right-content {
	grid-area: first;
}
.right-image-section .right-image {
	grid-area: second;
	text-align: right;
}
.left-image-section .left-image img, 
.right-image-section .left-image img {
	display: block;
}
.left-image-section .left-content h2, 
.right-image-section .left-content h2 {
	margin-bottom: 25px;
}
.right-content p:last-of-type, .left-content p:last-of-type {
	margin-bottom: 0;
}
.left-image-section .container img, .right-image-section .container img {
	display: block;
	border-radius: 20px;
}
.left-image-section .container strong, .right-image-section .container strong {
	font-weight: var(--normal);
}

/*----------- LEFT/RIGHT IMAGE SECTION SECTION CSS ENDS HERE -----------*/

/*----------- TABS SECTION CSS STARTS HERE -----------*/

.tabs-section .tab-content {
	max-width: 1000px;
	margin: 0 auto;
}

.tabs-section ul.tab-titles {
	padding: 0 !important;
	list-style: none !important;
	margin-bottom: 50px !important;
	display: flex;
	flex-flow: row wrap;
	border: 1px solid var(--primary);
}

.tabs-section ul.tab-titles li {
	border-left: 1px solid var(--primary);
	padding: 18px;
	font-weight: var(--normal) !important;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s ease-in-out;
	margin: 0 !important;
	width: 25%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.tabs-section ul.tab-titles li:first-child {
	border-left: none;
}

.tabs-section ul.tab-titles li.active, .tabs-section ul.tab-titles li:hover {
	background: var(--darkblue);
	color: var(--bright);
}
.tab-panel img {
	border-radius: 20px;
	display: block;
	height: 315px;
	object-fit: cover;
}

.tab-panel .image-wrapper {
	float: right;
	width: 50%;
	padding: 0 0 20px 30px;
}
.page-header-overview .section ul {
	padding: 18px 0 25px 18px;
	margin: 0;
	list-style: disc;
}
.tab-panel .content-wrapper p+ul {
	padding-top: 0;
	margin-top: -10px;
}
.page-header-overview .section ul li {
	font-weight: var(--light);
	font-size: var(--defaultFont);
	line-height: var(--defaultlh);
	margin-bottom: 16px;
}
.tabs-section.section {
	padding-bottom: 70px;
}

.page-header-overview .section ul li:last-child {
	margin-bottom: 0;
}


/*----------- TABS SECTION CSS ENDS HERE -----------*/

/*----------- BENEFIT SECTION SECTION CSS STARTS HERE -----------*/


.Benefit-section * {
	text-align: left;
}
.Benefit-section .Benefit-content {
	max-width: 1010px;
	margin: 0 auto;
}
.Benefit-content h2 {
	margin-bottom: 25px;
	text-align: center;
}
.Benefit-content p {
	margin: 0 auto 25px;
}

.Benefit-section .Benefit-image {
	margin-top: 50px;
}
.Benefit-content strong {
	font-weight: var(--normal);
}

.BenefitBlurbWp .main-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1em;
	max-width: 980px;
	margin: 0 auto;
}

.BenefitBlurb {
	background: #f2f2f2;
	border-radius: 20px;
	padding: 20px;
	position: relative;
}
.Benefit-section .BenefitBlurbWp * {
	text-align: center !important;
}
.BenefitBlurb h3 {
	font-size: 23px !important;
	line-height: 1.1em;
}

.BenefitBlutblist {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--blue);
	line-height: var(--defaultlh);
	font-size: var(--defaultFont);
	font-weight: var(--normal);
}

.BenefitBlutblist:last-child {
	border: none;
}

.BenefitBlurbImage img {
	max-width: 200px;
	max-height: 150px;
}
.addIcon {
	border: 2px solid var(--addicon);
	font-size: 58px;
	line-height: 41px;
	border-radius: 100%;
	width: 47px;
	height: 47px;
	font-weight: var(--bold);
	background: var(--bright);
	color: var(--addicon);
	position: absolute;
	right: -33px;
	z-index: 99;
	top: 15px;
}

.BenefitBlurb:last-child .addIcon {
	display: none;
}

.Benefit-section-inner-sub-title h3 {
	margin-bottom: 10px;
	color: var(--blue);
}

/*----------- BENEFIT SECTION SECTION CSS ENDS HERE -----------*/

/*----------- CTA SECTION CSS STARTS HERE -----------*/

.cta-wrapper {
	background: linear-gradient(90deg,#dd3826 0,#f47b20 100%);
	border-radius: 40px;
	padding: 60px 80px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-areas:
	'text text .';
	align-items: center;
	grid-gap: 2em;
	min-height: 270px;
}
.cta.section a.et_button {
	background: var(--primary) !important;
	font-size: 17px;
	width: auto;
	padding: 12px 35px;
	font-weight: var(--normal);
	border: 1px solid var(--bright);
}

.cta.section a.et_button:hover {
	background: var(--bright) !important;
	color: var(--primary) !important;
}
.cta-wrapper * {
	color: var(--bright) !important;
}
.cta.section strong {
	font-size: 18px;
	letter-spacing: 1.3px;
}
.cta-wrapper .cta-content {
	grid-area: text;
	max-width: 620px;
}

.cta-wrapper .cta-content>p {
	margin-bottom: 15px;
}

.cta-wrapper .cta-content h2 {
	margin: 0;
}

/*----------- CTA SECTION CSS ENDS HERE -----------*/

/*----------- POPUP CSS STARTS HERE -----------*/

.popup-active {
	overflow: hidden;
}
.overview-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	background: rgb(0 0 0 / 75%);
	z-index: 999;
	padding: 60px 0;
	overflow-x: hidden;
	overflow-y: visible;
	visibility: hidden;
	opacity: 0;
}
.popup-active .overview-popup {
	display: grid !important;
	opacity: 1;
	visibility: visible;
}
.overview-popup .popup-wrapper {
	background: var(--bright);
	width: 90%;
	max-width: 670px;
	margin: 0 auto;
	padding: 75px 50px 30px;
	position: relative;
	text-align: center;
}

.overview-popup .popup-wrapper span.cross-btn {
	color: var(--orange);
	font-size: 65px;
	transform: rotate(45deg);
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 14px;
	cursor: pointer;
	line-height: 33px;
}

.overview-popup .popup-wrapper a {
	text-decoration: underline;
	font-weight: var(--light);
	font-size: var(--defaultFont);
}
.overview-popup .popup-wrapper .popupContent {
	position: static;
}

.overview-popup .popup-wrapper h3 {
	font-weight: var(--normal);
	color: var(--orange);
	font-size: 28px;
	line-height: var(--defaultlh);
	margin-bottom: 25px;
}
.overview-popup .popup-wrapper p a {
	text-decoration: none !important;
	color: var(--orange);
	font-weight: var(--normal);
	box-shadow: none;
}
.overview-popup .popup-wrapper p {
	font-weight: var(--light);
	font-size: var(--defaultFont);
	line-height: var(--defaultlh);
}
/*----------- POPUP CSS ENDS HERE -----------*/

/*------------------- SINGLE OVERVIEW CSS ENDS HERE -------------------*/


/*----------- CONTACT PAGE CSS STARTS HERE -----------*/

.gravity_form_dev_wrapper .gform_heading {
	display: none;
}

.gravity_form_dev_wrapper h2.gform_submission_error.hide_summary {
	font-weight: bold;
}
.gravity_form_dev_wrapper select {
	width: 100% !important;
	margin: 0px 0 5px !important;
	cursor: pointer;
	line-height: normal;
	background: url(https://spectralinkstg.wpengine.com/wp-content/uploads/arrow-dd.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 99% 51%;
}

.gravity_form_dev_wrapper textarea {
	margin-left: 0;
	min-height: 130px;
}

.gravity_form_dev_wrapper .gform_footer {
	text-align: center;
	margin-bottom: 20px;
}

.gravity_form_dev_wrapper .gform_footer .gform_button {
	width: 100%;
	margin: 0;
}

.gravity_form_dev_wrapper~p sup {
	top: 0;
	font-size: 15px;
}

.gravity_form_dev_wrapper~p {
	line-height: var(--defaultlh);
}

.gravity_form_dev_wrapper~p sup a {
	color: #de6b16;
	font-weight: 600;
	text-decoration: none;
}
.gravity_form_dev_wrapper .validation_error {
	box-shadow: none;
}

/*----------- CONTACT PAGE CSS ENDS HERE -----------*/

/* header language css starts here */
.langBlock ul.langMenu {
	background: #fff;
	list-style: none;
	width: 280px;
	position: absolute;
	left: 0;
	top: 74px;
	border: 1px solid #e9ebef;
	z-index: 999;
	margin: 0;
	padding: 25px 0px;
	opacity: 0;
	visibility: hidden;
	display: none;
}

.langBlock {
	margin-left: auto;
	margin-right: auto;
	max-width: 80rem;
	padding: 0 1.5em;
	position: relative;
}

.langBlock .wp-container {
	position: absolute;
	right: 100px;
	top: -74px;
	height: 74px;
	width: 72px;
	box-shadow: none;
}

.site-header__top div#search-form {
    margin-left: 0;
    border-left: none;
}

.langBlock .wp-container>a img {
	width: 1.75em;
	display: block;
	opacity:1 !important;
}

.langBlock .wp-container>a {
	height: 100%;
	width: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	box-shadow: none;
}

.wp-container.open .langMenu {
	display: block; 
	opacity: 1;
	visibility: visible;
}
.wp-container.open>a img {
	filter: grayscale(1);
	opacity: .4 !important;
}
.site-header__top ul.menu {
	border-right: 1px solid #e9ebef;
}

.langBlock ul.langMenu a {
	font-size: 21px;
	text-decoration: none;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	padding: 5px 40px;
}
.langBlock ul.langMenu a:hover {
	color: #0094CB;
}
.langBlock ul.langMenu a span {
	margin-left: 13px;
}
.single-overview .wp-container {
	right: 227px !important;
}
button.search-form__button--open {
	width: 72px;
}

/* Landing Page CSS Starts Here */

.videoWrap {
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.discoverBtn {
	display: none;
}
.page-id-15716 .langBlock, .page-id-15716 .site-header__navigation, .page-id-15716 button#menu-toggle, 
.single-campaign .langBlock, .single-campaign .site-header__navigation, .single-campaign button#menu-toggle {
	display: none;
}
.page-id-15716 .contain.contain-narrow, 
.single-campaign .contain.contain-narrow {
	max-width: 80rem;
	margin: 0 auto;
	padding: 0 1.2rem;
}
.page-id-15716 .discoverBtn, 
.single-campaign .discoverBtn {
	display: inline-block;
}
.page-id-15716 .sectionMatch, 
.single-campaign .sectionMatch {
	padding-top: 100px;
}
.sectionMatch h2 {
	color: var(--orange);
	font-size: 36px;
	margin-bottom: 20px;
}
.sectionMatch a {
	box-shadow: none;
}
.page-id-15716 .sectionMatch:last-child, 
.single-campaign .sectionMatch:last-child {
	padding-bottom: 100px;
}
.page-id-15716 .et_pb_button, 
.single-campaign .et_pb_button {
	background: var(--orange);
	color: var(--bright);
	font-weight: 300;
	text-decoration: none;
	padding: 20px 40px;
	border-radius: 50px;
	font-size: 17px;
	line-height: 1.2em;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
	max-height: 65px;
	cursor: pointer;
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: auto;
	max-width: max-content;
	box-shadow: none !important;
}

.page-id-15716 .et_pb_button:hover, 
.single-campaign .et_pb_button:hover {
	background: var(--blue);
}

.page-id-15716  header.site-header, 
.single-campaign  header.site-header {
	padding: 20px 0;
	box-shadow: 0 0 10px #00000040;
}

.page-id-15716 .site-header__top, 
.single-campaign .site-header__top {
	border: none;
}

.page-id-15716 .site-header__bottom, 
.single-campaign .site-header__bottom {
	display: none;
}

.page-id-15716 .layout.page-header.bg-img.basic, 
.single-campaign .layout.page-header.bg-img.basic {
	display: none;
}

.page-id-15716 .layout.layout-default, 
.single-campaign .layout.layout-default {
	margin: 0;
}

.landingBanner .container {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.landingContent {
	padding-right: 60px;
}
.landingContent h2 {
	font-size: 46px;
}
.landingBanner .container>div {
	width: 50%;
	position: relative;
}
.landingVideo a {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.landingVideo .play-icon {
	content: '';
	height: 115px;
	width: 115px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(https://spectralinkstg.wpengine.com/wp-content/uploads/play-icon.svg);
	position: absolute;
	transition: all .3s ease-in-out;
}
.landingVideo .play-icon:hover {
	background-image: url('https://spectralinkstg.wpengine.com/wp-content/uploads/play-icon-blue.svg');
}

.ctaWp {
	background: linear-gradient(90deg,#dd3826 0,#f47b20 100%);
	border-radius: 40px;
	padding: 60px 80px;
	min-height: 250px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.ctaWp * {
	color: var(--bright);
}

.ctaWp .ctaButton .et_pb_button {
	background: var(--primary);
}

.ctaWp .ctaButton .et_pb_button:hover {
	opacity: 0.8;
}

.ctaContent {
	width: calc(100% - 245px);
	padding-right: 40px;
}

.ctaContent h2 {
	margin: 0 !important;
	color: var(--bright);
}
.page-id-15716 p:empty, 
.single-campaign p:empty {
	margin: 0;
}
.page-id-15716 p, 
.single-campaign p {
	font-weight: 300;
	line-height: 1.4em;
	color: var(--primary);
}
.page-id-15716 h3, 
.single-campaign h3 {
	line-height: 1em;
}

.page-id-15716 h2, .page-id-15716 h3, 
.single-campaign h2, .single-campaign h3 {
	line-height: 1.1em;
}

.ctaContent strong {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 10px;
}
.sideBlockRev .container, .sideBlock .container {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.sideBlockRev .container>div, 
.sideBlock .container>div {
	width: 50%;
}

.sideBlockRev .sideContent {
	padding-right: 70px;
}
.sideBlock .sideContent {
	padding-left: 70px;
}
.sectionMatch strong {
	font-weight: 600;
}
.sectionMatch strong {
	font-weight: 600;
}

.serviceBlock h2 {
	text-align: center;
}

.serviceBlock .serviceWp {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding-top: 25px;
	gap: 0 1em;
}

.serviceBlock .serviceList p {
	font-size: 15px;
}

.serviceBlock .serviceList a {
	font-weight: 600;
	color: var(--darkblue);
	transition: all .3s ease-in-out;
	text-decoration: underline;
}

.serviceBlock .serviceList strong {
	line-height: 1.1em;
	font-size: 15px;
	display: inline-block;
	color: var(--primary);
	margin-bottom: 10px;
}

.sectionMatch img {
	display: block;
	margin: 0 auto;
}

.serviceImage {
	height: 190px;
	overflow: hidden;
}
.serviceImage img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.serviceContent {
	padding: 35px 20px;
	display: flex;
	flex-flow: column;
}

.serviceList {
	border: 1px solid var(--primary);
	border-radius: 10px;
	overflow: hidden;
}

.serviceBlock .serviceList p:last-of-type {
	margin: 0;
}

.serviceBlock .serviceList a:hover {
	color: var(--orange);
}
.blurbsBlock .blurbsHeading {
	text-align: center;
	padding-bottom: 20px;
}

.blurbsBlock .blurbList p {
	font-size: 15px;
	padding-bottom: 15px;
}
.blurbsBlock .blurbsWp {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 2em;
}

.blurbsBlock .blurbList {
	border-radius: 80px;
	border: 1px solid var(--primary);
	padding: 20px 40px;
}

.blurbsBlock .blurbImage img {
	height: 175px;
	margin: 0 auto;
}

.blurbsBlock .blurbList h3 {
	font-size: 24px;
	border-bottom: 1px solid var(--primary);
	padding-bottom: 10px;
	margin-bottom: 7px;
}

.blurbsBlock .blurbImage {
	margin-bottom: 30px;
}
.blurbsBlock .blurbList p:last-of-type {
	margin: 0;
}

.blurbsBlock .blurbList 
a.readmore {
	background: var(--orange);
	padding: 10px;
	display: inline-block;
	border-radius: 100%;
	float: right;
	position: relative;
	top: -10px;
	transition: all .3s ease-in-out;
}
.blurbsBlock .blurbList a.readmore:hover {
	background: var(--darkblue);
}
.popup.active{
	display: flex;
}
.popup {
	display: none;
	position: fixed !important;
	height: 100%;
	width: 100% !important;
	background: rgb(0 0 0 / 75%);
	top: 0;
	left: 0;
	z-index: 999;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 70px 50px;
}

.popup .popup-content {
	width: 100%;
	max-width: 1000px;
}
.popupVideo iframe {
	height: 450px;
}

.popup-content span.close {
	height: 28px;
	width: 28px;
	display: block;
	position: relative;
	margin-bottom: 20px;
	margin-left: auto;
	cursor: pointer;
}

.popup-content span.close::before, .popup-content span.close::after {
	content: '|';
	color: var(--bright);
	font-size: 32px;
	line-height: 32px;
	transform: rotate(45deg);
	display: inline-block;
	position: absolute;
	left: 13px;
	top: -5px;
}

.popup-content span.close::after {
	transform: rotate(-45deg);
	left: 9px;
	top: -5px;
}
body.popup-overflow {
	overflow: hidden;
}

/*------------------- RESPONSIVE CSS STARTS HERE -------------------*/


@media(max-width: 1650px) {
	.langBlock ul.langMenu {
		width: 210px;
		padding: 15px 0px;
	}
	.langBlock ul.langMenu a {
		font-size: 17px;
		padding: 5px 25px;
	}
	.langBlock ul.langMenu a span {
		margin-left: 8px;
	}
}

@media(max-width: 1488px) {
	.langBlock .wp-container {
		right: 99px;
		top: -68px;
		height: 68px;
	}
	.langBlock ul.langMenu {
		top: 68px;
	}
	.langBlock ul.langMenu a img {
		width: 25px;
	}
	.langBlock ul.langMenu {
		width: 170px;
		padding: 10px 0px;
	}
	.langBlock ul.langMenu a {
		font-size: 16px;
		padding: 4px 15px;
	}
	.langBlock ul.langMenu a span {
		margin-left: 6px;
		line-height: 22px;
		position: relative;
		top: -1px;
	}
}

@media(max-width: 1300px) {
	.langBlock ul.langMenu a {
		font-size: 14px;
		line-height: 22px;
		padding: 3px 15px;
	}
	.langBlock ul.langMenu a img {
		width: 20px;
	}
	.langBlock ul.langMenu a span {
		margin-left: 4px;
		line-height: 20px;
	}
	.langBlock ul.langMenu {
		width: 147px;
	}
}

@media(max-width: 1280px){

	.page-id-15716 .sectionMatch, 
	.single-campaign .sectionMatch {
		padding-top: 60px;
	}
	.page-id-15716 .sectionMatch:last-child, 
	.single-campaign .sectionMatch:last-child {
		padding-bottom: 60px;
	}
	.landingContent h2 {
		font-size: 40px;
	}
	.landingVideo .play-icon {
		height: 100px;
		width: 100px;
	}
	.sectionMatch h2 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.landingContent {
		padding-right: 30px;
	}
	.sideBlock .sideContent {
		padding-left: 40px;
	}
	.sideBlockRev .sideContent {
		padding-right: 40px;
	}
	.page-id-15716 .et_pb_button, 
	.single-campaign .et_pb_button {
		padding: 15px 30px;
		font-size: 16px;
	}


	.single-overview .page-header-overview h1 {
		font-size: 48px;
	}
	.overview-top-section .overview-page-header_left .contain>p:first-of-type {
		font-size: 18px;
	}
	.page-header-overview h3, .overview-popup .popup-wrapper h3 {
		font-size: 25px;
	}
	.single-overview .page-header-overview h2 {
		font-size: 28px;
	}
	.page-header-overview .section {
		padding-bottom: 80px;
	}
	.page-header-overview .section:first-child {
		padding-top: 70px;
		padding-bottom: 50px;
	}
}
@media(max-width: 1024px){
	.industries-content {
		grid-template-columns: repeat(2, 1fr);
	}
	.industries-sections .item-image img {
		height: 270px;
	}
}

@media(max-width: 980px){

	.landingContent {
		padding-right: 0;
		padding-top: 25px;
	}
	.landingBanner .container>div {
		width: 100%;
	}
	.sideBlockRev .container, .sideBlock .container, 
	.landingBanner .container {
		flex-flow: column;
		justify-content: center;
		text-align: center;
	}
	.sideBlockRev .container, 
	.landingBanner .container {
		flex-flow: column-reverse;
	}
	.sideBlockRev .sideContent {
		padding-right: 0;
		padding-top: 25px;
	}
	.sideBlockRev .container>div, .sideBlock .container>div {
		width: 100%;
	}
	.sideBlock .sideContent {
		padding-left: 0;
		padding-top: 25px;
	}
	.ctaWp {
		flex-flow: column;
		align-items: center;
		text-align: center;
		padding: 40px;
	}
	.ctaContent {
		width: 100%;
		padding-right: 0;
		padding-bottom: 25px;
	}
	.serviceBlock .serviceWp {
		padding-top: 10px;
		gap: 1em;
		grid-template-columns: repeat(2, 1fr);
	}
	.page-id-15716 .et_pb_button, 
	.single-campaign .et_pb_button {
		margin: 0 auto;
	}
	.blurbsBlock .blurbList {
		padding: 20px;
	}
	.blurbsBlock .blurbList a.readmore img {
		max-width: 18px;
	}
	.blurbsBlock .blurbsWp {
		gap: 0 1.4em;
	}
	.blurbsBlock .blurbsHeading {
		padding-bottom: 10px;
	}
	.page-id-15716 .sectionMatch, 
	.single-campaign .sectionMatch {
		padding-top: 50px;
	}
	.page-id-15716 .sectionMatch:last-child, 
	.single-campaign .sectionMatch:last-child {
		padding-bottom: 50px;
	}


	.gravity_form_dev_wrapper h2.gform_submission_error.hide_summary {
		font-size: 2.5em;
	}
	.gravity_form_dev_wrapper .validation_error {
		margin-top: 20px;
	}
	.left-image-section .container, .right-image-section .container {
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas: unset;
		grid-gap: 2em;
		text-align: center;
	}
	.left-image-section .left-image, .right-image-section .right-content {
		grid-area: auto;
	}
	.right-image-section .right-image {
		grid-area: auto;
		text-align: center;
	}
	.right-image-section .container {
		/* display: flex; */
		/* flex-flow: column-reverse; */
	}
	.blurbwrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.overview-top-section .container {
		/* display: flex; */
		/* flex-direction: column-reverse; */
	}
	.overview-top-section .container>div {
		width: 100%;
		text-align: center;
	}
	.overview-top-section .overview-page-header_left {
		padding-right: 0;
		padding-bottom: 30px;
		text-align: center;
		max-width: 600px;
		margin: 0 auto;
	}
	.overview-top-section.section p {
		max-width: 100%;
	}
	.single-overview .page-header-overview h1 {
		font-size: 38px;
	}
	.blurb-content {
		max-width: 400px;
	}
	.overview-button {
		margin-top: 30px;
	}
	.industries-sections .item-content strong {
		margin-bottom: 10px;
	}
	.right-content, .left-content {
		max-width: 700px;
		margin: 0 auto;
	}
	.page-header-overview .section:first-child {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.page-header-overview .section, 
	.tabs-section.section {
		padding-bottom: 60px;
	}
	.tab-panel.active {
		grid-gap: 1em;
		display: flex !important;
		flex-flow: column-reverse;
	}
	.tab-panel img {
		margin: 0 auto;
	}
	.tab-panel .image-wrapper {
		float: none;
		width: 100%;
		padding: 0;
	}
	.tabs-section ul.tab-titles {
		margin-bottom: 30px !important;
	}
	.tab-panel {
		text-align: center;
	}
	.tab-panel ul {
		list-style: none !important;
		padding-left: 0 !important;
	}
	.page-header-overview .section ul li {
		margin-bottom: 10px;
	}
	.overview-page-header_left ul li {
		list-style: none;
	}
}

@media(max-width: 943px){
	
	.single-overview .wp-container ul.langMenu {
		left: 0;
	}
	.single-overview .wp-container {
		right: 235px !important;
	}
	.langBlock .wp-container {
		right: 60px;
		top: -60px;
		width: auto;
	}
	.langBlock .wp-container>a img {
		width: 1.55em;
	}
	.langBlock ul.langMenu {
		left: -85px;
	}
}

@media(max-width: 768px){

	.blurbsBlock .blurbsWp {
		grid-template-columns: repeat(1, 1fr);
		gap: 1.2em;
		max-width: 500px;
		margin: 0 auto;
	}

	.gravity_form_dev_wrapper select {
		background-position: 97% 51%;
	}
	.gravity_form_dev_wrapper .gform-body.gform_body {
		margin-top: 2em;
	}
	.gravity_form_dev_wrapper li span+span input {
		margin-top: 15px !important;
	}
	.gravity_form_dev_wrapper h2.gform_submission_error.hide_summary {
		font-size: 2em;
	}
	.site-footer__navigation {
		margin-bottom: 0;
	}
	.cta-wrapper {
		padding: 50px;
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas: unset;
	}
	.cta-wrapper .cta-content {
		grid-area: unset;
	}
	.cta.section a.et_button {
		font-size: var(--defaultFont);
	}
	.tabs-section ul.tab-titles {
		padding: 0 !important;
		list-style: none !important;
		margin-bottom: 30px !important;
	}
	.tabs-section ul.tab-titles li {
		border-top: 1px solid var(--primary);
		border-left: none;
		width: 100%;
	}
	.tabs-section ul.tab-titles li:first-child {
		border-top: none;
	}
	.BenefitBlurbWp .main-wrapper {
		grid-template-columns: repeat(1, 1fr);
		max-width: 380px;
	}
	.addIcon {
		display: none;
	}
}



@media(max-width: 560px){

	.landingBanner.sectionMatch {
		padding-top: 40px;
	}
	.page-id-15716 header.site-header, 
	.single-campaign header.site-header {
		padding: 8px 0;
	}
	.sectionMatch h2 {
		font-size: 24px;
	}
	.ctaContent strong {
		font-size: 16px;
	}
	.serviceBlock .serviceWp {
		grid-template-columns: repeat(1, 1fr);
	}
	.blurbsBlock .blurbList h3 {
		font-size: 21px;
	}
	.popupVideo iframe {
		height: 300px;
	}
	.popup {
		padding: 50px 20px;
	}
	.landingVideo .play-icon {
		height: 70px;
		width: 70px;
	}
	.page-id-15716 .site-header__branding a img, 
	.single-campaign .site-header__branding a img {
		max-width: 150px;
	}
	.page-id-15716 .discoverBtn a.et_pb_button, 
	.single-campaign .discoverBtn a.et_pb_button {
		font-size: 15px;
		padding: 12px 20px;
	}


	.single-overview .site-header__branding a {
		max-width: 9rem;
	}
	.single-overview .wp-container {
		right: 175px !important;
		top: -55px !important;		
	}
	.left-image-section.section {
		padding-bottom: 30px;
	}
	.overview-top-section h3 {
		margin-bottom: 10px;
	}
	.blurb-image {
		padding-bottom: 13px;
	}
	.blurb-content strong {
		margin-bottom: 10px;
	}
	.why-spectralink-section h2 {
		margin-bottom: 30px;
	}
	.overview-popup .popup-wrapper {
		padding: 60px 30px 30px;
	}
	.single-overview .page-header-overview h1 {
		font-size: 26px;
	}
	.single-overview .page-header-overview h2, 
	.page-header-overview h3, 
	.overview-popup .popup-wrapper h3 {
		font-size: 22px;
	}
	.blurbwrapper, 
	.industries-content {
		grid-template-columns: repeat(1, 1fr);
	}
	.blurb-content {
		max-width: 400px;
	}
	.industries-sections .item-image img {
		height: auto;
	}
	header.site-header .discoverButton a {
		width: 140px;
		text-align: center;
		text-transform: uppercase;
		font-size: 13px;
		margin-left: 30px;
		padding: 8px 15px;
	}
	.cta.section strong {
		font-size: var(--defaultFont);
	}
	.tab-panel img {
		height: auto;
	}
}



/* New Css for Gravity Form */
.gravity_form_dev_wrapper_wrapper .gform_heading {
	display: none;
}

.gravity_form_dev_wrapper_wrapper .gform_footer.top_label {
	text-align: center;
	margin-bottom: 20px;
}

.gravity_form_dev_wrapper_wrapper .gform_button {
	width: 100%;
	margin: 0;
}

.gravity_form_dev_wrapper_wrapper .ginput_container.ginput_container_select input {
	width: 100%;
}

.gravity_form_dev_wrapper_wrapper .ginput_container.ginput_container_select select {
	width: 100% !important;
	margin: 0;
}

.gravity_form_dev_wrapper_wrapper .ginput_container.ginput_container_textarea textarea {
	margin: 0;
}

.gravity_form_dev_wrapper_wrapper ~ p sup {
	top: 0;
	font-size: 15px;
}

.gravity_form_dev_wrapper_wrapper ~p sup {
	top: 0;
	font-size: 15px;
}

.gravity_form_dev_wrapper_wrapper~p {
	line-height: var(--defaultlh);
}

.gravity_form_dev_wrapper_wrapper~p sup a {
	color: #de6b16;
	font-weight: 600;
	text-decoration: none;
}

