/*
Theme Name: Breach RX 2019
Author: Sharp Hue
*/ 

/*Visual Composer Styles*/
#content .contact-heading {font-size: 28px;}
#content .social-media-heading {font-size: 32px;}
#content .contact-text p {font-size: 18px;}
#content .white-text p { color:#fff !important; }
#content .content-btn a { text-decoration: none; font-size: 17px; white-space: nowrap; background: #42a8d2; color: #fff; padding: 13px 30px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 500; }
#content .content-btn a:hover { background: #3a95bb; }
#content .outline-btn a { text-decoration: none; font-size: 17px; white-space: nowrap; border: 2px solid #fff; color: #fff; padding: 13px 30px; border-radius: 50px; font-family: 'Montserrat', sans-serif; font-weight: 500; }
#content .outline-btn a:hover {background: #fff; color: #42a8d2;}
#content .midsize p {font-size: 16px;}

/* VC FAQ */
#content h4.vc_tta-panel-title { margin:0; padding:0; }
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: #222 !important;}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {color: #fff !important;}
.vc_tta-controls-icon::before {border-color: #fff !important;}
.vc_tta-controls-icon::after {border-color: #fff !important;}

/*Fonts*/
h1, h2, h3, h4, h5, h6, div { font-family: 'Montserrat', sans-serif; font-weight: 500; }
ul, ol, li, p, span, a { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #7a7a7a; }

/*Header*/
/* body { position:relative; padding-top:120px; } */
body.admin-bar #header.fixed  { top:32px !important; }
@media(max-width: 782px) {
	body.admin-bar #header.fixed  { top:46px !important; }
}
@media(max-width: 867px) {
  .page-spacer { padding-top:60px !important; }
}
@media(max-width: 600px) {
  body.admin-bar { position:inherit; }  
  body.admin-bar #header.fixed  { top:0 !important; }
  body.admin-bar #header.absolute  { top:46px !important; }  
  body.admin-bar #header.absolute.fixed  { top:0 !important; }
}
#header { min-height: 120px; /*background:#e5e5e5;*/ z-index: 99999; }
#header.compact { min-height: 80px; background: #fff;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}
#header.transition,
#header.transition div { -webkit-transition: all 100ms; transition: all 100ms; }
#header.absolute { position: absolute; top: 0; width: 100%; }
#header.fixed { position: fixed; top: 0; width: 100%; }
#header .container { max-width: 1230px; position: relative; padding: 0 15px; }
#header .logo { line-height: 120px; }
#header .logo2 { display:none; }
#header.compact .logo2 { display:block; line-height: 80px; }
#header.compact .logo2 img {vertical-align:middle;}
#header.compact .logo {display:none;}
#header .logo img { vertical-align:middle; }

/* Inner header */
.page-spacer {padding-top: 120px;}
#nav .inner-nav ul li > a { color:#7a7a7a; }

#header.slide { animation-name: slide; animation-duration: 300ms; }
@-webkit-keyframes slide { from {top: -200px;} to {top: 0px;} }
@keyframes slide { from {top: -200px;} to {top: 0px;} }

#header.fade { animation-name: fade; animation-duration: 300ms; }
@-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} }
@keyframes fade { from {opacity: 0;} to {opacity: 1;} }

@media(max-width: 867px) {
	html.menu-on,
	html.menu-on body { overflow:hidden; }
	html.menu-on #header { overflow-y: scroll; height: 100%; }
	#header { min-height: auto; }
	#header .container { padding: 0; }
	#header .logo { line-height: 0; padding: 10px; }
	#header .logo img { width: auto; height: 40px !important; }
  #header .logo2 img { width: auto; height: 40px !important; }
}

/*Nav*/
#nav { position:absolute; top:40px; right: 10px; }
#header.compact #nav { top:20px; }
#header.compact #nav ul li > a {color: #7a7a7a;}
#nav nav > ul { display:table; width:100%; list-style:none; }
#nav ul > li { float:left; }
#nav ul li > a { display:block; height:40px; padding:0 10px; line-height:40px; font-size:16px; color:#fff; text-decoration:none; }
#nav ul li:hover > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a,
#nav ul li.current_page_parent > a  {  }
#nav ul li.menu-item-has-children > a {  }
#nav .menu { display: none; cursor:pointer; }

/*Sub Nav*/
#nav ul li { position:relative; }
#nav ul ul { display:none; position:absolute; left:0px; top:100%; min-width:200px; height:auto; background:#42a8d2; list-style:none; 
-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
	 -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
	      box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); 
}
#nav ul li:last-child ul { left:auto; right:0; }
#nav ul li:hover ul { display:block; }
#nav ul li ul li { float:none; margin:0; padding:0; }
#nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:35px; font-size:13px; color:#fff !important;  text-decoration:none; white-space:nowrap; }
#nav ul li ul li:hover a { background:#3a95bb; }
#nav ul li ul li ul { display:none; }

/*Nav Btns*/
#nav .btn { padding:0; margin:0; }
#nav .btn a { padding: 12px 18px; margin-left: 5px; line-height:16px; height:auto; color: #fff !important; text-decoration: none; white-space:nowrap; border-radius: 50px; }
#nav .btn a i { margin-right: 5px; }
#nav .btn.primary a { margin-left:50px; }
#nav .btn.primary a { background-color: #42a8d2; font-weight: bold;}
#nav .btn.primary a:hover { transition: : .8s; }
#nav .btn.secondary a { background-color: #c0c0c0; }
#nav .btn.secondary a:hover { transition: .8s; }

@media(max-width: 1000px) {
  #nav .btn a { padding:12px; }
  #nav .btn.primary a { margin-left:10px; }
}

@media(max-width: 867px) {
	#nav { width: 100%; right: auto; position: relative; top: 0; }
  #header.compact { min-height: 60px; }
	#header.compact .logo { line-height: 40px; }
	#nav .menu { display: block; position: absolute; text-align: center; font-size: 30px; line-height: 60px; right:0; top:-60px; width:60px; height:60px; }
	#nav .menu.done { display: block; }
  #header.compact #nav { top:0px; }
  #header.compact #nav .menu { top:-70px; }
	#nav .menu a { color: #42a8d2; }
	#nav nav { display: none; }
	#nav.on nav { display: block; }
	#nav.on nav ul li ul.sub-menu { display:none; 
  -webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none; 
  }
	#nav.on nav ul li:hover ul.sub-menu { display:none; }
	#nav.on nav ul li.on ul.sub-menu { display:block; }
	#nav nav > ul { display: block; }
	#nav nav > ul > li:first-child { float: none; margin: 0; }
	#nav nav ul li { float: none; }
	#nav ul > li { margin: 0; }
	#nav ul li > a { color: #7a7a7a; height:auto; }
	#nav nav ul { display:none; width:100%; height:auto; max-height:none; background:#fff; }
	#nav.on nav ul { display:block; }
	#nav.on nav ul li ul.sub-menu { display:none; position: relative; left:auto; top:auto; right:auto; background:#42a8d2; }
	#nav.on nav ul li.on ul.sub-menu { display:block; left: 0; }
	#nav ul li ul li a { padding-left: 40px; }
	#nav ul li.menu-item-has-children > a { padding: 8px 20px; }
	#nav nav ul li a { padding: 8px 20px; }	
	#nav .btn,
	#nav .btn.primary,
	#nav .btn.secondary { float:none; position:relative; right:auto; top:auto; }
	#nav .btn.primary a,
	#nav .btn.secondary a { margin:0; border-radius: 0px; background-color: #aeaeae; }
}

@media(max-width:867px){
  #nav .menu-item-has-children .sub-menu li:hover ul.sub-menu {margin-left:0px!important;background:#42a8d2!important;}
}

/*Promo*/
#promo { position:relative; }
#promo .prev { z-index:2; position: absolute; top:50%; left: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; }
#promo .next { z-index:2; position: absolute; top:50%; right: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; }
#promo .wrapper { position:relative; width:100%; }
#promo .promo-text-holder {width:50%;}
#promo .container { padding:320px 5px 200px; max-width:1200px; }
#promo .video { position: relative; display: block; width: 100%; max-width: 100%; margin: 0 auto;overflow: hidden; padding-top: 56.25%; }
#promo .video iframe,
#promo .video video { background: #f1f1f1; width: 100%; max-width: 100%; height: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#promo .video iframe { border:none; height:100% !important; }
#promo .message.has-video { position:absolute; left:0; top:0; height:100%; width:100%; }
#promo h2 { margin:0 0 20px 0; padding:0; font-size:46px; line-height:58px; font-weight:bold; color:#fff; text-align:left; }
#promo h2:before { display:none; }
#promo p { margin:0; padding:0; font-size:20px; line-height:24px; color:#fff; text-align:left; margin-bottom:33px; }

#promo .slide .wrapper {background: #000000}
#promo .slider-btn {font-size: 26px; padding: 15px 25px; background-color: rgba(66, 168, 210, .7);  color: #fff; text-decoration:none; font-family: 'Montserrat', sans-serif; font-weight: 500;}
/* #promo .slider-btn {font-size: 18px; padding: 15px 25px; border-radius: 60px; background: #42a8d2; color: #fff; text-decoration:none; font-family: 'Montserrat', sans-serif; font-weight: 500;} */
#promo .slider-btn:hover {background: #3a95bb; }
#promo .slider-btn-holder {text-align: left; }

@media(max-width:767px){
  #promo .container { padding: 100px 5px; }
  #promo h2 {font-size: 37px; line-height: 48px;}
  #promo p {font-size: 16px; line-height: 20px;}
  #promo .slider-btn {font-size: 15px;}
  #promo .promo-text-holder {width: 100%;}
}

/*Footer*/
#footer .wrapper { background-color: #1e1f1f; background: var(--wpr-bg-2fd747d6-f251-41ac-bfae-7e55ff336cfa) repeat fixed center;}
#footer .wrapper.copyright { background-color: #1e1f1f; }
#footer .container { max-width: 1230px; padding: 70px 15px 20px 15px; }
#footer nav { }
#footer nav:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; content: ''; }
#footer nav ul { list-style-type: none; margin:none; }
#footer nav ul li a { margin-bottom: 5px; display:inline-block; text-decoration: none; color: #fff; font-size: 15px; line-height: 13px; }
#footer nav > ul { display:table; width:100%; }
/* #footer nav > ul > li { float:left; width:31.333333%; padding-right:2%; margin-bottom:25px; } */
#footer nav > ul > li > a,
#footer nav ul li.large > a { margin-bottom: 15px; font-size: 18px; font-weight: bold; line-height: 24px; }
#footer .copyright p { padding: 20px; margin:0; color: #fff; font-size: 12px; text-align:center; }
#footer .copyright p br { display:none; }
#footer .copyright a { color: #fff; text-decoration: underline; }
#footer .contact-info { padding-left: 80px; }
#footer .contact-info .contact { position: relative; padding-left: 39px; margin-bottom: 30px; color: #fff; }
#footer .contact-info .contact .contact-body { font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
#footer .contact-info .contact .contact-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #42a8d2; }
#footer .contact-info .footer-btn { padding: 13px 20px; height:33px; margin-right: 26px; text-transform: uppercase; color:#ffffff; background-color: #c0c0c0; font-size: 15px;  display: inline-block; text-decoration: none;  cursor:pointer; }
#footer .contact-info .footer-btn:hover { color: #fff; transition: .4s;}
#footer .contact-info .footer-contact-btn { padding: 12px 22px; text-transform: uppercase; color:#ffffff; font-size: 15px; background-color: #42a8d2; display: inline-block; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 500; border-radius: 60px;}
#footer .contact-info .footer-contact-btn:hover { color: #fff; transition: .4s; }
#footer .social { display:table; width:100%; margin:25px 0; }
#footer .social a { float:left; display:block; margin-right:10px; line-height:30px; width:30px; height:30px; background:#ccc; border-radius:50%; text-aligncenter; }
#footer .social a i { width:30px; height:30px; line-height:30px; text-align:center; color:#fff; }
#footer .scl { display:table; width:100%; margin-left:40px; margin-top: 25px; }
#footer .scl a { float:left; display:block; margin-right:10px; line-height:30px; width:30px; height:30px; background:#42a8d2; border-radius:50%; text-aligncenter; }

@media( max-width: 970px ) {
	#footer .container { padding: 60px 30px;}
	#footer .contact-info .footer-btn { margin-bottom: 10px;}
}

@media( max-width: 800px ) {
	#footer nav > ul > li { 
		width: 50%;
	}
}

@media (max-width: 700px) {
	#footer .col-60, 
  #footer .col-40 { 
		width: 100%;
	}
	#footer nav {
		margin-bottom: 30px; 
	}
}

@media( max-width: 600px ) {
	#footer .col-333 { width: 100%;}
	#footer .contact-info { padding: 0;}
  #footer .copyright p br { display:block; }
}

/*404*/
.error-404 { text-align:center; }
.error-404 h1 { text-align:center; font-size:40px; }
.error-404 i { font-size:100px; }
.error-404 .screen-reader-text { display:none; }

/* Home Page */
#content .icon-section-heading {color: #1e1f1f; font-size: 24px; line-height: 1.2em;}
#content .home-icon-heading {font-size: 20px; line-height: 1.2em; color: #1e1f1f;}
#content .icon-text {max-width: 380px;}
#content .icon-text p {font-size: 16px; line-height: 26px; }
#content .one-solution-section-heading {font-size: 40px; color: #1e1f1f;}
#content .solution-heading {color: #fff;}
#content .solution-link a {text-decoration:none; color: #fff}
#content .solution-link i {padding-left: 5px;}
#content .one-solution-text p {font-size: 16px; color: #fff;}
#content .homepage-contact-heading h3 {text-align: center; font-size: 29px; line-height: 1.2em; color:#1e1f1f; }
#content .homepage-contact-heading i {padding: 10px 14px; background: #42a8d2; color: #fff; border-radius: 30px; margin-right: 30px; vertical-align: middle;}
#content .shield-icon {margin-bottom: -130px; z-index: 10000;}
#content .homepage-h1 { line-height: 38px; padding: 0 0 7px 0; font-size: 45px; font-weight: bold; text-align: center; text-transform:uppercase; color:#1e1f1f; }
#content .homepage-h1 span {color: #42a8d2; font-weight: bold; }
#content .homepage-tagline { font-size: 22px; font-weight: 300 !important; }
#content .h1-section-text {padding: 0px 70px;}
#content .h1-section-text p {font-size: 16px; line-height: 35px;}
#content .h1-seo-section {margin-top: -530px; padding-bottom:80px;}
#content .seo-box {-webkit-box-shadow: 0px 14px 43px -13px rgba(0,0,0,.75) !important;
-moz-box-shadow: 0px 14px 43px -13px rgba(0,0,0,.75) !important;
box-shadow: 0px 14px 43px -13px rgba(0,0,0,.75);}
#content .solution-background {background-attachment: fixed !important;}
#content .perception-vs-heading h3 {font-size: 22px; color: #1e1f1f; }
#content .perception-vs-heading span {color: #42a8d2; font-weight: 600;}
#content .perception-text p, 
#content .perception-text li {font-size: 16px;}
#content .video-caption p {font-size: 15px;}

@media(max-width: 767px){
  #content .home-icon-heading {text-align: center !important;}
  #content .icon-text {max-width: 100%; text-align: center;}
  #content .icon-text p {text-align: center;}
  #content .small-border1 {margin: auto;}
  #content .seo-box  .vc_custom_1555604981922 {padding-left: 30px !important; padding-right: 30px !important;}
  #content .h1-section-text {padding: 0px 10px;}
}

/* Universal Inner Page Stuff */
#content .inner-contact-heading h3 {text-align: center; font-size: 33px; line-height: 1.2em; color:#1e1f1f; }
#content .inner-contact-heading i {padding: 14px 14px; background: #42a8d2; color: #fff; border-radius: 30px; margin-right: 30px; vertical-align: middle;}
#content .small-border {border-bottom: #42a8d2 solid 3px; width: 60px; display: block; }
#content .small-border1 {border-bottom: #42a8d2 solid 3px; width: 60px; display: block; }
#content .small-border2 {border-bottom: #fff solid 3px; width: 60px; display: block; }
#content .small-border3 {border-bottom: #7a7a7a solid 3px; width: 60px; display: block; margin: auto; }
#content .small-border4 {border-bottom: #42a8d2 solid 3px; width: 60px; display: block; margin: auto; }
.frm_submit {text-align:center;}
#content .entry-header h1 {font-size: 57px;}
#content .landing-images div figure img {vertical-align: middle;}

/* Overview */
#content .overview-solution-heading {color: #1e1f1f; font-size: 30px;}
#content .overview-second-solution-heading {color: #1e1f1f; font-size: 19px; line-height: 28px;}
#content .overview-meet-out-team {color: #fff; font-size: 35px;}

/* Our Team */
#content .team-text p {padding: 0px 0px 5px 0;}
#content .about-heading {color: #1e1f1f; font-size: 35px; }
#content .our-leadership-heading {color: #fff; font-size: 35px;}
#content .andy-name {color: #fff;}

/* Solution Pages */
#content .inner-solution-heading {color: #1e1f1f;}
#content .process-heading {text-align: center;}
#content .process-heading h3 a { font-size: 28px; color: #fff; font-weight: 600; text-decoration:none;}
#content .process-heading i {padding-left: 20px;}
#content .process-heading2 {text-align: center;}
#content .process-heading2 h3 a { font-size: 28px; color: #fff; font-weight: 600; text-decoration:none;}
#content .process-heading2 i {padding-right: 20px;}
#content .inner-contact-form-heading {color: #1e1f1f; font-size: 30px;}
#content .solution-nav-inact {background: #7a7a7a;  border-left: 2px solid #fff; border-right: 2px solid #fff; text-align: center;}
#content .solution-nav-active {background: #42a8d2;  border-left: 2px solid #fff; border-right: 2px solid #fff; text-align: center;}
#content .solution-nav-heading-inact {padding: 20px 0px;}
#content .solution-nav-heading-inact h3 {color: #fff; display: inline;}
#content .solution-nav-heading-inact img {vertical-align: top; padding-right: 15px; max-width: 30px; height: auto !important;}
#content .solution-nav-heading-inact a {text-decoration: none;}

@media(max-width:767px){
  #content .solution-nav-inact {border-left: 0px; border-right: 0px; border-bottom: 2px solid #fff;}
  #content .solution-nav-active {border-left: 0px; border-right: 0px; border-bottom: 2px solid #fff;}
}

/* Thanks page */
#content .thanks-heading {color: #1e1f1f; font-size: 36px;}