/*****************************************/
/******** CROWDSTRIKE-COMPONENTS *********/
/*****************************************/






/*******************************************/
/****************** TABLES *****************/
/*******************************************/
table{border-spacing:0;border-collapse:collapse;}
td,
th{padding:0;}
table{background-color:transparent;}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left;}
th{text-align:left;}
.table{width:100%;max-width:100%;margin-bottom:20px;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd;}
.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ddd;}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td{border-top:0;}
.table > tbody + tbody{border-top:2px solid #ddd;}
.table .table{background-color:#fff;}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td{padding:5px;}
.table-bordered{border:1px solid #ddd;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td{border:1px solid #ddd;}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td{border-bottom-width:2px;}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9;}
.table-hover > tbody > tr:hover{background-color:#f5f5f5;}
table col[class*="col-"]{position:static;display:table-column;float:none;}
table td[class*="col-"],
table th[class*="col-"]{position:static;display:table-cell;float:none;}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th{background-color:#f5f5f5;}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th{background-color:#e8e8e8;}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th{background-color:#dff0d8;}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th{background-color:#d0e9c6;}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th{background-color:#d9edf7;}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th{background-color:#c4e3f3;}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th{background-color:#fcf8e3;}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th{background-color:#faf2cc;}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th{background-color:#f2dede;}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th{background-color:#ebcccc;}
.table-responsive{min-height:.01%;overflow-x:auto;}
@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;}
.table-responsive > .table{margin-bottom:0;}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td{white-space:nowrap;}
.table-responsive > .table-bordered{border:0;}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child{border-left:0;}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right:0;}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td{border-bottom:0;}
}















/**** PROMO BAR CTA ****/
.promo-bar-cta {
    padding-top:40px;
    padding-bottom:40px;
    background: url('/wp-content/img/services/ir/mandiant-bar-bg.png') no-repeat center;
    background-size: cover;
}
.promo-bar-cta .btn {
    margin: 10px auto;
    min-width: 220px;
    text-align: center;
}
.promo-bar-cta h3 {
	font-size: 24px;
}
.promo-bar-cta h4 {
	font-size: 18px;
}

@media (max-width: 767px) {
	.promo-bar-cta h3 {font-size: 20px;}
	.promo-bar-cta h4 {font-size: 14px;}
}

.promo-bar-cta.no-bg {
    padding-top: 0;
    padding-bottom: 40px;
    background: none;
    background-size: cover;
}
.promo-bar-cta.light-grey-bg {
    background: #f9f9f9 !important;
}
.promo-bar-cta.no-bg .btn,
.promo-bar-cta.light-grey-bg .btn {
    top: 17px;
    position: relative;
}







/*** Modal styling ***/
body.custom-modal-open {
    overflow: hidden;
}
#modal-overlay,
#modal-transcript-overlay,
.modal-overlay,
#modal-overlay-secondary {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.86;
    filter: alpha(opacity=86);
    z-index: 99;
}

div#modal-content,
div#modal-transcript-content,
div.modal-content,
div#modal-content-secondary {
    z-index: 100;
    position: fixed;
    width: 60%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    margin: 0 auto;
    padding: 100px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

a#modal-close,
a#modal-transcript-close,
a.modal-close,
a#modal-close-secondary {
    top: 60px;
    right: 40px;
    position: absolute;
    color: #666;
    font-size: 30px;
    line-height: 0px;
    cursor: pointer;
}

div#modal-content.video,
div.modal-content.video,
div#modal-content-secondary.video {
    background: transparent;
    height: 616px;
    width: 915px;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
}

div#modal-content.form,
div.modal-content.form {
    overflow: hidden;
}

.live-demo-wrapper {
    height: 130px;
}

@media (max-width: 862px) {

    div#modal-content.video, div.modal-content.video, div#modal-content-secondary.video {
        height: 546px;
        width: 775px;
    }

}


@media (max-width: 690px) {

    div#modal-content.video, div.modal-content.video, div#modal-content-secondary.video {
        height: 335px;
        width: 515px;
        padding: 30px;
    }

    a#modal-close, a#modal-transcript-close, a.modal-close, a#modal-close-secondary {top: 10px; right: 10px;}

}

@media (max-width: 488px) {

    div#modal-content.video, div.modal-content.video, div#modal-content-secondary.video {height: 335px; width: 415px; padding: 0;}

}


/***** SLIDE-OUT BREACH TAB *****/
#slideout {
    position: fixed;
    top: 310px;
    left: 0;
    width: 35px;
    padding: 26px 0;
    text-align: center;
    background: #111111;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    z-index:99999999;
}
#slideout_inner {
    position: fixed;
    top: 310px;
    left: -250px;
    background: #ec3728;
    width: 250px;
    padding: 25px;
    height: 220px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    text-align: left;
    -webkit-border-radius: 0 0 1px 0;
    -moz-border-radius: 0 0 1px 0;
    border-radius: 0 0 1px 0;
}
#slideout:hover {
    left: 250px;
}
#slideout:hover #slideout_inner {
    left: 0;
}
@media (max-width: 767px) {
    #slideout {display:none;}
}






/***** ANIMATED LINK FX *****/
.cs-animated-link-9 a::before,
.cs-animated-link-9 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #bacc4d;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}
.cs-animated-link-9 a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.cs-animated-link-9 a span:first-child {
	z-index: 2;
	display: block;
	font-family: "karlabold";
	color:#cccccc;
}
.cs-animated-link-9 a:hover span:first-child {
	color:#bacc4d;
}
.cs-animated-link-9 a span:last-child {
	z-index: 1;
	display: block;
	padding: 4px 0 0 0;
	color: #cccccc;
	line-height: 18px;
	text-shadow: none;
	text-transform: none;
	font-style: normal;
	font-size: 14px;
	font-family: "karlaregular";
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}
.cs-animated-link-9 a:hover::before,
.cs-animated-link-9 a:focus::before {
	height: 6px;
}
.cs-animated-link-9 a:hover::before,
.cs-animated-link-9 a:hover::after,
.cs-animated-link-9 a:focus::before,
.cs-animated-link-9 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.cs-animated-link-9 a:hover span:last-child,
.cs-animated-link-9 a:focus span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}
@media (max-width: 767px) {
	.cs-animated-link-9 a {
	    margin: 0 20px;
	    width: 70%;
	    padding: 18px 20px;
	    font-size: 16px;
	}
	.cs-animated-link-9 a::before {
	    height: 4px !important;
	    opacity: 1;
	    -webkit-transition: none;
	    -moz-transition: none;
	    transition: none;
	    -webkit-transform: none;
	    -moz-transform: none;
	    transform: none;
	}
	.cs-animated-link-9 a span:last-child {
	    opacity: 1 !important;
	    -webkit-transition: none;
	    -moz-transition: none;
	    transition: none;
	    -webkit-transform: none;
	    -moz-transform: none;
	    transform: none;
	}
	.cs-animated-link-9 a::after {
	    height: 1px;
	    opacity: 1;
	    -webkit-transition: none;
	    -moz-transition: none;
	    transition: none;
	    -webkit-transform: none;
	    -moz-transform: none;
	    transform: none;
	}
}











/*********** SIMPLE TABS ************/
.cs-simple-tabs ul.tabs {
    margin: 20px auto 20px auto;
    list-style: none;
    text-align: center;
}
.cs-simple-tabs ul.tabs li {
    font-family: 'karlabold', Helvetica, Arial, sans-serif;
    font-size: 16px;
    background: none;
    color: #797979;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    border-bottom: 4px solid #c9c9c9;
    margin: 10px 8px 0 8px;
    text-transform: uppercase;
}
.cs-simple-tabs ul.tabs li.current {
    color: #ec3525;
    font-family: 'karlabold';
    border-bottom: 4px solid #ec3525;
}
.cs-simple-tabs ul.tabs li:hover {
    color:#494949;
    border-bottom: 4px solid #494949;
}
.cs-simple-tabs .tab-content {
	display: none;
	padding: 10px;
}
.cs-simple-tabs .tab-content.current {
	display: block;
}
.cs-simple-tabs .tab-content {
    height:auto;
    overflow:visible;
}




/***** PRETTY PHOTO *****/
div.dark_square .pp_close {
    background-image:none;
    color:#BFBFBF;
    font-size:15px;
    text-transform:uppercase;
}
a.pp_close {
    text-indent:0px !important;
}




/*** Corner CTA ***/
#falcon-host-corner-slider {
    position:fixed;
	right:-399px;
	bottom:6px;
    z-index:10000;
    height:219px;
	width:369px;
	overflow:hidden;
	background-color:#121212;
    box-shadow: 0 4px 10px rgba(102,102,102,0.5);
    font-family:helvetica,arial,sans-serif;
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    padding:20px;
}
#falcon-host-corner-slider.hidecta {
    display:none;
}
#falcon-host-corner-slider h4 {
    font-family:'karlabold';
    text-transform:uppercase;
    color:#ffffff;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 20px;
    font-size: 17px;
    line-height: 20px;
}
#falcon-host-corner-slider p {
    font-family:'karlaregular';
    text-transform:uppercase;
    color: #cccccc;
    font-size: 15px;
    line-height: 18px;
    margin-top: 8px;
}

#close-corner-slider {
    position:absolute;
    right:24px;
    cursor:pointer;
}
#falcon-host-corner-slider .close {
    position: absolute;
    right: 20px;
    font-size: 20px;
    top: 6px;
    color: #a9a9a9;
    cursor: pointer;
    font-weight: bold;
}

#falcon-host-corner-slider .fl {float:left;}
#falcon-host-corner-slider .cb {clear:both;}


