
/*
Theme Name: BP Controls Theme
Theme URI: http://www.ggcomm.com/
Author: Goldstein Group Communications
Author URI: http://www.ggcomm.com/
Description: The BP Controls Website Theme
Version: 1.0
*/

/* HEADER */

/*
 * BASE
 */

body, html {
	font-family: 'Muli', sans-serif;
	color: #000000;
}

a {
	color: #4198b4;
}
a:hover {
	color: #39859e;
}

h2 {
	color: #000000;
	font-weight: bold;
	font-size: 4.4rem;
}
@media (max-width: 576px) {
	h2 {
		font-size: 2.5rem;
	}
}
@media (min-width: 577px) and (max-width: 768px) {
	h2 {
		font-size: 3rem;
	}
}

h4 {
	color: #000000;
	font-weight: bold;
	font-size: 2rem;
}

a{
	transition: all 0.2s ease;
}



.btn.btn-primary {
	background-color: transparent;
	border: 6px solid #FFFFFF;
	border-radius: 0px;
	color: #FFFFFF;
	padding-left: 2rem;
	padding-right: 2rem;
	line-height: 1rem;
	font-weight: bold;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn.btn-primary:hover {
	background-color: #FFFFFF;
	border: 6px solid #FFFFFF;
	border-radius: 0px;
	color: #000000;
	padding-left: 2rem;
	padding-right: 2rem;
	line-height: 1rem;
	font-weight: bold;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	width: 100%;
	background-color: #FFFFFF;
}

body.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 767px) {
	.site-header {
		position: static;
		z-index: 99;
		width: 100%;
		background-color: #FFFFFF;
	}
}

.navbar_container{
	background: #000;
}

.navbar{
	padding: 0;
}

.navbar_container .navbar-nav .menu-item a{
		padding: 0px 24px;
		line-height: 48px;
		display: inline-block;
		color: #fff;
}

.navbar_container ul#menu-main-menu{
	list-style-type: none;
	text-align: center;
	margin: auto;
}

.navbar_container ul#menu-main-menu li{
	display: inline-block;
}

.navbar_container  .navbar-nav .menu-item.cta a{
	color: #F7B11E;
}

.navbar_container  .navbar-nav .menu-item.cta a:hover{
	color: #E29E14;
}

.menu-item{
	position: relative;
	transition: all 0.2s ease;
}

.menu-item a:before{
	content: '';
	height: 0px;
	width: 14px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.2s ease;
}

.menu-item:hover a:before, .menu-item.current-menu-item a:before, .menu-item.current_page_parent a:before {
	content: '';
	width: 8px;
	height: 7px;
	background: #F7B11E;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.2s ease;
}

.menu-item .dropdown-menu .menu-item a:before{
	display: none;
}

.menu-item .dropdown-menu{
	margin-top: -1px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.menu-item .dropdown-menu .menu-item{
	width: 100%;
}

.menu-item .dropdown-menu .menu-item a{
		color: #000;
		line-height: 36px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		transition: text-shadow 0.1s ease;
}

.menu-item .dropdown-menu .menu-item a:hover{
	font-weight: normal;
	text-shadow:-1px 0 0 currentColor,-1px 0 0 currentColor;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #fff;
}


.menu-item .dropdown-menu .menu-item:first-child a:hover{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000;
}

.menu-item .dropdown-menu .menu-item:last-child a:hover{
	border-top: 1px solid #000;
	border-bottom: 1px solid #fff;
}

.dropdown-toggle::after{
	display: none;
}


@media (min-width: 991px) {
	.dropdown-menu{
		padding: 0;
		border-radius: 0;
		width: 18rem;
		margin-left: -5rem;
	}
}
@media (max-width: 991px) {
	.menu-item.current-menu-item a:before{
		display: none;
	}
}



.contact_message{
	color: #F7B11E;
	display: inline-block;
	border-top: 5px solid #F7B11E;
	padding-left: 32px;
	transition: all .5s ease;
}

.contact_message:hover{
	border-top: 5px solid #000;
}

.contact_message a{
	background: transparent;
	border: none;
	color: #000;
	padding-left: 12px;
	font-weight: 600;
}

.searchform {
	margin-top: 1rem;
	position: relative;
	z-index: 99;
}

.searchform form{
	display: inline-block;
	border-bottom: 2px solid #b7b7b7;
	transition: all .25s ease-in-out;
}
.searchform input[type=text]{
	border: none;
	line-height: 38px;
	background: transparent;
	padding-left: 12px;
	letter-spacing: 1px;
	text-align: left;
	color: #b7b7b7;
	z-index: 99;
}

.searchform input[type=text]:focus{
    outline: none;
		color: #666666;
}

.searchform form:focus-within{
	border-bottom: 2px solid #F7B11E;
	transform: scale(1.05);
}

.searchform form:focus-within i{
	color: #F7B11E;
}

.searchform input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b7b7b7;
}
.searchform input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #b7b7b7;
}
.searchform input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #b7b7b7;
}
.searchform input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #b7b7b7;
}
.searchform input[type=submit] {
	border: none;
	width: 38px;
	height: 38px;
	cursor: pointer;
	background: transparent;
	text-indent: 2rem;
  overflow: hidden;
}
.searchform i{
	position: absolute;
	right: 0px;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
	pointer-events: none;
	font-size: 22px;
	color: #b7b7b7;
}
.searchform:hover i{
	color: #999;
}

@media (max-width: 768px) {

	.searchform form:focus-within{
		border-bottom: 2px solid #F7B11E;
		transform: scale(1.00);
	}
	.searchform form{
		width: 100%;
	}
}


/*
 * ONE COLUMN TEXT BLOCK
 */

.one-col-text-block {
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-size: 1.3rem;
}
.one-col-text-block h4 {
	padding-bottom: 0.7rem;
	font-size: 2rem;
}
.one-col-text-block hr {
	border-top: 10px solid rgba(0,0,0,.1);
}



/*
 * ONE COLUMN IMAGE BLOCK
 */

.one-col-image-block {
	padding-top: 2rem;
	padding-bottom: 2rem;
}



/*
 * TWO COLUMN TEXT IMAGE BLOCK
 */

.two-col-text-img-block {
	padding-top: 3em;
	padding-bottom: 3rem;
}
.two-col-text-img-block .two-col-txt-img-content {
	margin-top: 1rem;
}
.two-col-text-img-block .two-col-flex {
	height: 100%;
	margin-left: -15px;
	margin-right: -15px;
}


/*
 * THREE COLUMN TEXT IMAGE BLOCK
 */

.three-col-txt-img-content .row .col-md-4{
	position: relative;
}
.three-col-txt-img-content .row .col-md-4 p.button{
	text-align: center;
	position: absolute;
  bottom: -40px;
  width: 60%;
  left: 20%;
  background: #fecc4f;
  line-height: 40px;
}
.three-col-txt-img-content .row .col-md-4 p.button a{
	color:#fff;
	font-weight: bold;
}


/*
 * CALL TO ACTION WITH IMAGE BLOCK
 */

.call-to-action-img-block {
	position: relative;
	background-color: #000000;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.cta-img-bgimg {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.call-to-action-img-block .cta-img-info {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.call-to-action-img-block .cta-img-title h2 {
	font-size: 2rem;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.7rem;
	font-weight: bold;
}
.call-to-action-img-block .cta-img-text {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 1.3rem;
}
.call-to-action-img-block .cta-img-link, .call-to-action-img-block .cta-img-link a {
	color: #FFFFFF;
	font-weight: 400;
}
@media (max-width: 991px) {
	.cta-img-bgimg {
		display: none;
	}
}


/*
 * GENERAL GRID BLOCK
 */
.general-grid-items-block h2 {
  margin-bottom: 1.75rem;
}
.general-grid-items-block {
	padding-top: 2.5em;
	padding-bottom: 2rem;
}
.general-grid-items-block .general-grid-item-wrapper {
	border: 1px solid #c3c3c3;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 1.5rem;
	background-color: #FFFFFF;
}
.general-grid-items-block .general-grid-item-image img {
	width: 100%;
}
.general-grid-items-block .general-grid-item-title {
	background-color: #012060;
	color: #FFFFFF;
	padding: 1rem 15px;
}
.general-grid-items-block .general-grid-item-text {
	padding: 1rem 15px;
}
.general-grid-items-block .general-grid-item-link {
	padding: 0px 15px 1rem 15px;
	color: #012060;
}
.general-grid-items-block .general-grid-item-link a {
	color: #012060;
}


/*
 * MARQUEE IMAGE BLOCK
 */

.marquee-image-block {
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.marquee-image-block.height-0 {
	height: 200px;
}
.marquee-image-block.height-1 {
	height: 300px;
}
.marquee-image-block.height-2 {
	height: 400px;
}
.marquee_image_content_wrapper {
	width: 100%;
}
.marquee-image-block .container {
	height: 100%;
}
.marquee-image-block .row {
	height: 100%;
}
.marquee-image-block .page-title {
	height: 100%;
}
.marquee-image-block .drk_bg h1 {
	display: block;
	color: #FFFFFF;
	width: 100%;
	font-size: 4.4rem;
}

.marquee-image-block .light_bg h1 {
	display: block;
	color: #000000;
	width: 100%;
	font-size: 4.4rem;
}


/*
 * MARQUEE ROTATOR BLOCK
 */

.marquee-rotator-block .carousel {
	margin-left: -15px;
	margin-right: -15px;
}
.marquee-rotator-block .carousel .carousel-item > .row {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.rotator-slide-content-wrapper.img-txt-slide {
	min-height: 400px;
	color: #FFFFFF;
}
.rotator-slide-content-wrapper.img-only-slide {
}
.rotator-slide-content-wrapper.img-only-slide a.image-only-slide-link {
	display: block;
	width: 100%;
}
.rotator-slide-content-wrapper.img-only-slide a.image-only-slide-link img {
	display: block;
	width: 100%;
}
.rotator-slide-content-wrapper > div {
	width: 100%;
}
.carousel-indicators li {
	height: 14px;
	width: 14px;
	border-radius: 14px;
	border: 1px solid #FFFFFF;
	background-color: transparent;
}
.carousel-indicators li.active {
	height: 14px;
	width: 14px;
	border-radius: 14px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}


/*
 * TABS BLOCK
 */

.tab-block {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.tab-block .nav-tabs .nav-link {
	background-color: #EBEBEB;
	border: 1px solid #e3e3e3;
	color: #000000;
}
.tab-block .nav-tabs .nav-link.active {
	background-color: #22225c;
	border: 1px solid #22225c;
	color: #e29e4a;
}
.tab-block .tab-pane {
	background-color: #FFFFFF;
	border: 1px solid #e3e3e3;
	border-top: 0px solid transparent;
	padding: 2rem;
}
@media (max-width: 991px) {
	.tab-block .nav-tabs .nav-link {
		font-size: 0.75rem;
	}
}
@media (max-width: 767px) {
	.tab-block .nav-tabs .nav-item {
		display: block;
		width: 100%;
	}
}



/*
 * LOGO CAROUSEL BLOCK
 */

.logo-carousel-block {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.logo-carousel-block .owl-carousel .owl-item {
	min-height: 210px;
	display: flex;
	align-items: center;
}



/*
 * MARQUEE VIDEO BLOCK
 */

.marquee-video-block {
	position: relative;
}
.marquee-video-block h2 {
	font-size: 5.6rem;
}
.marquee-video-block .main-text-container {
	font-size: 2rem;
}
.marquee-video-block .button-container .btn {
	font-size: 2rem;
	line-height: 2rem;
}
.marquee-video-block .video-container {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	overflow: hidden;
}
.marquee-video-block .content-container {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 99;
}
.marquee-video-block .content-container > .container {
	height: 100%;
}
.marquee-video-block .content-container > .container > .row {
	height: 100%;
}
.marquee-video-block .content-flex-container {
	height: 100%;
}
.marquee-video-block .content-flex-container > .row {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.youtube-video-background {
  background: #FFFFFF;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.youtube-video-foreground,
.youtube-video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.file-video-background {
  background: #FFFFFF;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.file-video-foreground,
.file-video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 767px) {
	.marquee-video-block h2 {
		font-size: 3.5rem;
	}
}
@media (min-aspect-ratio: 16/9) {
  .file-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .file-video-foreground { width: 300%; left: -100%; }
}
@media (min-aspect-ratio: 16/9) {
  .file-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .file-video-foreground {
  	width: 300%;
  	left: -100%;
  	height: 150%;
    top: -15%;
  }
}



/*
 * VIDEO POST
 */

.video-page {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/*
 * DATASHEET LIST
 */


.datasheet-list-block {
	padding-top: 4rem;
	padding-bottom: 2rem;
}

.datasheet-list-block .datasheet-item {
	margin-bottom: 1rem;
}

.datasheet-list-block img {
	border: 1px solid #dedede;
}

.datasheets-container {
	padding-top: 2rem;
}

.datasheets-container h4 {
	font-size: 1.5rem;
	padding-bottom: 0.5rem;
}

 @media (max-width: 576px) {
	.datasheets-container h4 {
		font-size: 1.25rem;
	}
	.datasheets-container .btn {
		font-size: 0.75rem;
	}
}

.datasheet-box a.btn.btn-primary {
	background-color: transparent;
	border: 6px solid #edb445;
	border-radius: 0px;
	color: #edb445;
	padding-left: 2rem;
	padding-right: 2rem;
	line-height: 1rem;
	font-weight: bold;
	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	transition: all 0.3s;
}

.datasheet-box a.btn.btn-primary:hover {
	background-color: #FFFFFF;
	border: 6px solid #000000;
	border-radius: 0px;
	color: #000000;
	padding-left: 2rem;
	padding-right: 2rem;
	line-height: 1rem;
	font-weight: bold;
	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	transition: all 0.3s;
}

div.datasheet-img {
	width: 25%;
}
div.datasheet-text {
	width: 75%;
}
div.datasheet-img a {
	display: block;
	height: 100%;
}
div.datasheet-img img {
	width: 100%;
}
.datasheet-item {
	padding-bottom: 1.5rem;
}
.datasheets-container {
	padding-bottom: 1.5rem;
}

/*
 * FOOTER
 */

footer .gfield_label {
	color: #b7b7b7;
	margin-bottom: 0rem;
}
footer .ginput_container select,
footer .ginput_container input,
footer .ginput_container textarea {
	background-color: #f1f1f1;
}
footer .ginput_container select {
	height: 38px;
}
footer .gform_footer,
footer .gform_confirmation_wrapper 	 {
	text-align: center;
}
footer .gform_footer input[type="submit"] {
	background-color: transparent;
	border: 6px solid #edb445;
	border-radius: 0px;
	color: #edb445;
	padding-left: 2rem;
	padding-right: 2rem;
	line-height: 1rem;
	text-align: center;
	padding: 0.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	cursor: pointer;
}

.footer-form-heading h2 {
	color: #edb445;
	font-size: 2.5rem;
}
@media (max-width: 575px) {
	.footer-form-heading h2 {
		font-size: 1.5rem;
	}
}
.footer-form {
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 3rem;
	padding-bottom: 2rem;
}
.footer-links {
	background-color: #edb445;
	color: #000000;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.footer-links-site-name-container {
	text-align: center;
}
.footer-links-site-name {
	font-size: 1.3rem;
	font-weight: bold;
}
@media (max-width: 575px) {
	.footer-links-site-name {
		font-size: 1.7rem;
	}
}
.footer-links-social-icons {
	text-align: center;
}
.footer-links-social-icons a {
	color: #000000;
	font-size: 1.7rem;
	text-decoration: none;
}
.footer-links-social-icons a:hover {
	color: #ffffff;
}
.footer-links-social-icon {
	padding-left: 0.5rem;
}
.footer-address p,
.footer-links-utility p {
	font-size: 1.1rem;
}
.footer-address p {
	text-align: center;
}
a.footer-phone-link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 575px) {
	a.footer-phone-link {
		display: block;
		width: 100%;
	}
}
@media (min-width: 767px) {
	a.footer-phone-link {
		cursor: text;
	}
}
.footer-links-utility p {
	text-align: center;
}
.footer-links-utility a {
	color: #000000;
	text-decoration: none;
	padding-left: 0.7rem;
}
span.footer-date {
	padding-right: 1rem;
}
@media (max-width: 575px) {
	span.footer-date {
		padding-right: 0.5rem;
	}
	.footer-links-utility a {
	padding-left: 0.3rem;
	}
}



/*
 * CTA TWO COLUMN BLOCK
 */
.cta-two-col-block {
}
.cta-two-col-block .cta-two-col-img {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.cta-two-col-block .cta-two-col-img a {
	display: block;
	height: 100%;
}
.cta-two-col-block .cta-two-col-img img {
	width: 100%;
}
.cta-two-col-block .cta-two-col-content {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.cta-two-col-block .cta-two-col-content-overlay {
	padding: 3rem;
	position: relative;
	height: 100%;
	background-color: rgba(86, 150, 178, 0.85);
	color: #FFFFFF;
}
.cta-two-col-block .cta-two-col-content-overlay h2 {
	color: #FFFFFF;
}
.cta-two-col-block .cta-two-col-content-overlay h4 {
	color: #FFFFFF;
}
.cta-two-col-block .cta-two-col-link a {
	font-size: 1.3rem;
	color: #FFFFFF;
}


.solution-box{
	min-height: 240px;
	border: 1px solid #000;
	background: url('/wp-content/themes/bpcontrols/img/solution_bg.png');
	background-size: cover;
	background-position:center center;
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-right: 0px;
}
.solution-box a {
	padding-left: 15px;
	padding-right: 15px;
	background-color: transparent;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.solution-box a:hover {
	background-color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
	.solution-box{
		min-height: 110px;
	}
}

.solution-box a{
	height: 100%;
	display: block;
	text-decoration: none;
}

.solution-box a h6{
	text-align:center;
	font-weight: 700;
	font-size: 32px;
	/* top: 50%;
	transform: translateY(-50%); */
	position: relative;
	color: #000;
}

.solution-box.fifth{
		min-width: 20%;
}

@media (max-width: 991px) {
	.solution-box.fifth{
			min-width: 50%;
	}
}

@media (max-width: 767px) {
	.solution-box.fifth{
			min-width: 100%;
	}
}

.solution-box.fourth{
		min-width: 25%;
}

@media (max-width: 991px) {
	.solution-box.fourth{
			min-width: 50%;
	}
}

@media (max-width: 767px) {
	.solution-box.fourth{
			min-width: 100%;
	}
}
.solution-box.third{
		min-width: 33.33%;
}



/*
 * RECENT VIDEOS BLOCK
 */

.recent-videos-block {
	padding-top: 2rem;
	padding-bottom: 2rem;
}


/*
 * VIDEO GRID W/ FEATURED BLOCK
 */

.video-grid-block {
	padding-top: 4rem;
	padding-bottom: 4rem;
}








/* SOLUTIONS PAGE */

.solutions-page {

}

.solution-logo-block img{
		padding: 45px;
		margin: auto;
		display: block;
}

.solutions-page .cta-two-col-img {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 768px) {
	.solutions-page .cta-two-col-img {
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 260px;
	}

	.solutions-page .btn-play i{
		font-size: 100px !important;
	}

	.modal-dialog{
		margin: 0 !important;
	}

}

.solutions-page .cta-two-col-img a {
	display: block;
	height: 100%;
}
.solutions-page .cta-two-col-img img {
	width: 100%;
}
.solutions-page .cta-two-col-content {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.solutions-page .cta-two-col-content-overlay {
	padding: 3rem;
	position: relative;
	height: 100%;
	background-color: rgba(86, 150, 178, 0.85);
	color: #FFFFFF;
}
.solutions-page .cta-two-col-content-overlay h2 {
	color: #FFFFFF;
}
.solutions-page .cta-two-col-content-overlay h4 {
	color: #FFFFFF;
}
.solutions-page .cta-two-col-link a {
	font-size: 1.3rem;
	color: #FFFFFF;
}

.solutions-page .btn-play{
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
	outline: none !important;
	position: relative;
}

.solutions-page .btn-play i{
	color: #fff;
	font-size: 198px;
	text-shadow: 1px 1px 36px #000;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.0);
	transition: all .25s ease;
	opacity: 0.7;
}

.solutions-page .modal-content{
	background: transparent;
	border: 0 solid transparent;
	max-width: 100%;
}

.solutions-page .modal-content video,
.solutions-page .modal-content iframe{
	min-width: 100%;
	max-width: 100% !important;
}

.solutions-page .btn-play i:hover{
	transform: translate(-50%, -50%) scale(1.05);
	text-shadow: 1px 1px 36px #000;
	opacity: 0.9;
}

.solutions-page .body-copy .row{
	padding: 30px 0 0 0;
}

.solutions-page .body-copy .btn{
	border-radius: 0;
	color:#000;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 0;
}

.solutions-page .body-copy img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.solutions-page .tab-content img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.solutions-page .offer{
	background: #dbe9ef;
	margin-top: 30px;
}

.solutions-page .offer a{
	color: #5696b2;
	padding: 12px 24px;
	font-size: 18px;
	text-align:center;
	display: block;
	width: 100%;
	font-weight: bold;
}

.solutions-page .nav-tabs{
	margin-top: 50px;
	border-bottom: 3px solid #5696b2;
}

.solutions-page .nav-tabs .nav-link{
	color: #444444;
	padding-left: 0;
	padding-right: 2rem;
}

.solutions-page .nav-tabs .nav-link.active,
.solutions-page .nav-tabs .nav-link:hover{
	border-color: transparent;
	background-color: transparent;
	color: #5696b2;
	position: relative;
}

.solutions-page .nav-tabs .nav-item{
	position: relative;
}

.solutions-page .nav-tabs .nav-link.active:after,
.solutions-page .nav-tabs .nav-link:hover:after{
	content: '';
	display: block;
	width: 12px;
	height: 13px;
	background: #5696b2;
	margin-left: 0px;
	bottom: -8px;
	position: absolute;
}

.solutions-page .nav-tabs .nav-link:after{
	content: '';
	width: 12px;
	height: 3px;
	background: #5696b2;
	position: absolute;
	transition: all .15s ease;
	bottom: -2px;
	left: -1px;
}

.solutions-page .tab-content{
	margin-bottom: 50px;
}

.solutions-page .tab-pane {
	padding-top: 20px;
}

.solutions-page .tab-pane .buttons{
	margin: 0px 0px 15px -15px;
}

.solutions-page .tab-pane .videos{
	margin: 0px 0px 15px -15px;
}

.solutions-page .tab-pane .buttons .btn{
	min-width: 40%;
	margin-right: 15px;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

.youtube {
    background-color: #000;
    margin-bottom: 5px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #ff0000;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.9;
    border-radius: 12px;
		transition: all .33s ease;
}

.hero .youtube .play-button {
	width: 180px;
	height: 120px;
	border-radius: 36px;
}

.hero .youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 30px 0 30px 52px;
	border-color: transparent transparent transparent #fff;
}

.youtube .play-button:hover {
	transform: translate3d( -50%, -50%, 0 ) scale(1.1);
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}



.videofile {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.videofile img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.videofile .play-button {
    width: 90px;
    height: 60px;
    background-color: #666666;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 12px;
		transition: all .33s ease;
}

.hero .videofile .play-button {
	width: 180px;
	height: 120px;
	border-radius: 36px;
}

.hero .videofile .play-button:before {
	content: "";
	border-style: solid;
	border-width: 30px 0 30px 52px;
	border-color: transparent transparent transparent #fff;
}

.videofile .play-button:hover {
	transform: translate3d( -50%, -50%, 0 ) scale(1.1);
}

.videofile .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.videofile img,
.videofile .play-button {
    cursor: pointer;
}
.videofile img,
.videofile video,
.videofile .play-button,
.videofile .play-button:before {
    position: absolute;
		max-width: 100%;
		top: 0;
}
.videofile .play-button,
.videofile .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}


.two-col-sidebar-block  {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.two-col-sidebar-block .body-copy .row{
	padding: 0 0 30px 0;
}
.two-col-sidebar-block .body-copy .row:last-child {
	padding: 0 0 0 0;
}

.two-col-sidebar-block .body-copy .btn{
	min-width: 45%;
	display: inline-block;
	border-radius: 0;
	color:#000;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 0;
}
.two-col-sidebar-block .offer{
	background: #dbe9ef;
	margin-top: 30px;
}

.two-col-sidebar-block .offer a{
	color: #5696b2;
	padding: 12px 24px;
	font-size: 18px;
	text-align:center;
	display: block;
	width: 100%;
	font-weight: bold;
}


.search-results-page-wrapper {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.search-results h2 {
	font-size: 1.3rem;
}

.search-results h4 {
	font-size: 1.5rem;
}

.result-block {
	margin-bottom: 2rem;
}

.result {
	margin-top: 0.3rem;
	margin-bottom: 1rem;
}


/* FORM BLOCK */

.form-block .gfield_label {
	color: #b7b7b7;
	margin-bottom: 0rem;
}
.form-block .ginput_container select,
.form-block .ginput_container input,
.form-block .ginput_container textarea {
	background-color: #f1f1f1;
}
.form-block .ginput_container select {
	height: 38px;
}
.form-block .gform_footer,
.form-block .gform_confirmation_wrapper 	 {
	text-align: center;
}
.form-block .gform_footer input[type="submit"] {
	background-color: transparent;
	border: 6px solid #edb445;
	border-radius: 0px;
	color: #edb445;
	padding-left: 2rem;
	padding-right: 2rem;
	line-height: 1rem;
	text-align: center;
	padding: 0.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	cursor: pointer;
}

.form-block h2 {
	color: #edb445;
	font-size: 2.5rem;
}
@media (max-width: 575px) {
	.form-block h2 {
		font-size: 1.5rem;
	}
}
.form-block {
	background-color: #000000;
	color: #FFFFFF;
	padding-top: 3rem;
	padding-bottom: 2rem;
}
